@mattermost/compass-ui 0.1.0-alpha.12 → 0.1.0-alpha.13

package/dist/components/combobox/Combobox.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),n=require("react"),__tt=require("@mattermost/compass-icons/components/chevron-down.js"),tt=__tt?.default??__tt,__st=require("@mattermost/compass-icons/components/plus.js"),st=__st?.default??__st,nt=require("../chip/Chip.cjs"),rt=require("../chip/ChipGroup.cjs"),J=require("../icon/Icon.cjs"),_e=require("../menu-item/MenuItem.cjs"),ke=require("../popover-menu/PopoverMenu.cjs"),ot=require("../spinner/Spinner.cjs"),lt=require("../user-avatar/UserAvatar.cjs"),at=require("../../hooks/use-anchored-popup-portal.cjs"),ut=require("../../hooks/use-outside-close.cjs"),ct=require("../../hooks/use-popover-transition.cjs"),it=require("../../utils/string.cjs"),a=require("./Combobox.module.scss.cjs"),ge=280,dt={small:"small",medium:"medium",large:"large"};function ft(l){return`Create "${l}"`}function ee(l){return l.kind==="option"&&l.option.disabled===!0}function bt(l,f){return f?l.label.toLowerCase().includes(f.toLowerCase()):!0}function vt(l){return l==null?null:Array.isArray(l)?l[0]??null:l===""?null:l}function xt(l){return l==null?[]:Array.isArray(l)?l:l===""?[]:[l]}function mt(l){if(l.leadingVisual!=null)return l.leadingVisual;if(l.leadingAvatar!=null)return r.jsx(lt.default,{src:l.leadingAvatar.src,alt:l.leadingAvatar.alt,size:"24"})}const ht=n.forwardRef(function({options:f,multiple:s=!1,value:te,defaultValue:se,onChange:P,inputValue:O,defaultInputValue:pe="",onInputChange:b,label:y,placeholder:je,leadingIcon:T,size:ne="medium",invalid:re=!1,disabled:g=!1,filter:R=!0,emptyMessage:ye="No results",loading:oe=!1,loadingMessage:Me="Loading…",selectedOptions:p,creatable:A=!1,onCreateOption:$,formatCreateLabel:De=ft,className:Ae="",id:Ce,"aria-label":le,portalContainer:we=null,zIndex:Se},C){const qe=n.useId(),z=Ce??qe,w=`${z}-listbox`,U=n.useRef(null),ae=n.useRef(null),M=n.useRef(null),Ne=n.useCallback(e=>{M.current=e,typeof C=="function"?C(e):C&&(C.current=e)},[C]),K=te!==void 0,[Pe,Re]=n.useState(()=>se!==void 0?se:s?[]:null),G=K?te:Pe,v=s?null:vt(G),u=n.useMemo(()=>s?xt(G):[],[s,G]),x=O!==void 0,[Q,V]=n.useState(pe),[i,ue]=n.useState(!1),[Ve,ce]=n.useState(!1),[h,_]=n.useState(-1),[I,E]=n.useState(null),B=n.useCallback(e=>f.find(t=>t.value===e)??(p==null?void 0:p.find(t=>t.value===e))??(A?{value:e,label:e}:void 0),[f,p,A]),F=n.useMemo(()=>v==null?void 0:B(v),[B,v]),X=x?O:s?Q:I!==null?I:(F==null?void 0:F.label)??Q,W=x?O:s?Q:I!==null?I:"",S=n.useCallback(e=>{x||(V(e),s||E(e)),b==null||b(e)},[x,s,b]),j=n.useCallback(e=>{K||Re(e),P==null||P(e)},[K,P]),ie=n.useMemo(()=>{if(R===!1)return f;const e=typeof R=="function"?R:bt;return f.filter(t=>e(t,W))},[f,R,W]),q=A?W.trim():"",de=n.useMemo(()=>{if(q==="")return!1;const e=q.toLowerCase(),t=d=>d.toLowerCase()===e;return[...f,...p??[]].some(d=>t(d.label)||t(d.value))?!1:!(s?u:v!=null?[v]:[]).some(t)},[q,f,p,s,u,v]),c=n.useMemo(()=>[...ie.map(e=>({kind:"option",option:e})),...de?[{kind:"create",inputValue:q}]:[]],[ie,de,q]),D=n.useCallback(e=>e.kind==="option"?`${w}-option-${e.option.value}`:`${w}-create`,[w]),{mounted:fe,visible:Ie}=ct.usePopoverTransition(i),{placement:Ee,maxHeight:Be,style:Fe,portalRef:be,renderPortal:Le}=at.useAnchoredPopupPortal(ae,fe,{preferredHeight:ge,maxHeightCap:ge,portalContainer:we,zIndex:Se}),k=n.useCallback(()=>{ue(!1),_(-1),!s&&!x&&(E(null),V(""))},[s,x]),N=n.useCallback(()=>{g||ue(!0)},[g]);ut.useOutsideClose(U,i,k,be),n.useEffect(()=>{i&&_(e=>{if(c.length===0)return-1;if(e>=0&&e<c.length)return e;const t=c.findIndex(o=>o.kind==="option"&&(s?u.includes(o.option.value):o.option.value===v));return t>=0?t:0})},[i,c,s,u,v]);const He=n.useCallback(e=>s?u.includes(e):v===e,[s,u,v]),Y=n.useCallback(e=>{var t;if(!e.disabled){if(s){const o=u.includes(e.value)?u.filter(m=>m!==e.value):[...u,e.value];j(o),S(""),k(),(t=M.current)==null||t.focus();return}j(e.value),x?b==null||b(e.label):(V(""),E(null)),k()}},[s,u,j,S,x,b,k]),Z=n.useCallback(e=>{var t;if($?$(e):j(s?[...u,e]:e),s){S(""),k(),(t=M.current)==null||t.focus();return}x?b==null||b(e):(V(""),E(null)),k()},[$,s,u,j,S,x,b,k]),Oe=n.useCallback(e=>{e.kind==="create"?Z(e.inputValue):Y(e.option)},[Z,Y]),ve=n.useCallback(e=>{s&&j(u.filter(t=>t!==e))},[s,u,j]),xe=n.useCallback(e=>{const t=c.map((o,m)=>({row:o,i:m})).filter(({row:o})=>!ee(o));if(t.length===0){_(-1);return}_(o=>{const m=t.findIndex(({i:H})=>H===o),d=m<0?e>0?0:t.length-1:(m+e+t.length)%t.length;return t[d].i})},[c]);n.useEffect(()=>{var t;if(!i||h<0)return;const e=c[h];e&&((t=document.getElementById(D(e)))==null||t.scrollIntoView({block:"nearest"}))},[i,h,c,D]);const Te=e=>{const t=e.target.value;S(t),i||N(),_(0)},$e=()=>{ce(!0),N(),!s&&!x&&F&&requestAnimationFrame(()=>{var e;(e=M.current)==null||e.select()})},ze=e=>{var o;const t=e.relatedTarget;t&&((o=U.current)!=null&&o.contains(t))||ce(!1)},Ue=e=>{if(!g)switch(e.key){case"ArrowDown":e.preventDefault(),i?xe(1):N();break;case"ArrowUp":e.preventDefault(),i?xe(-1):N();break;case"Home":i&&c.length>0&&(e.preventDefault(),_(Math.max(0,c.findIndex(t=>!ee(t)))));break;case"End":if(i&&c.length>0){e.preventDefault();for(let t=c.length-1;t>=0;t--)if(!ee(c[t])){_(t);break}}break;case"Enter":i&&h>=0&&c[h]&&(e.preventDefault(),Oe(c[h]));break;case"Escape":i&&(e.preventDefault(),k());break;case"Backspace":s&&X===""&&u.length>0&&(e.preventDefault(),ve(u[u.length-1]));break;case"Tab":k();break}},Ke=e=>{var t;g||e.target.closest("[data-chip]")||(e.target!==M.current&&(e.preventDefault(),(t=M.current)==null||t.focus()),i||N())},Ge=s?u.length>0:v!=null&&v!=="",Qe=X.length>0,Xe=Ve||i||Ge||Qe,me=h>=0?c[h]:void 0,We=me!=null?D(me):void 0,L=n.useMemo(()=>{if(!s)return[];if(p==null){const e=f.filter(o=>u.includes(o.value));if(!A)return e;const t=new Set(e.map(o=>o.value));return[...e,...u.filter(o=>!t.has(o)).map(o=>({value:o,label:o}))]}return u.map(B).filter(e=>e!=null)},[s,p,f,u,A,B]),Ye=a.default[`combobox--size-${it.toKebab(ne)}`],Ze=s&&L.length>0,Je=[a.default.combobox,Ye,re?a.default["combobox--invalid"]:"",y!=null&&Xe?a.default["combobox--label-floated"]:"",T!=null?a.default["combobox--has-leading-icon"]:"",Ze?a.default["combobox--has-chips"]:"",i?a.default["combobox--open"]:"",g?a.default["combobox--disabled"]:"",Ae].filter(Boolean).join(" ");return r.jsxs("div",{className:Je,ref:U,children:[r.jsxs("div",{className:a.default.combobox__wrapper,ref:ae,children:[y!=null&&r.jsx("label",{className:a.default.combobox__label,htmlFor:z,children:y}),r.jsxs("div",{className:a.default.combobox__inner,onMouseDown:Ke,children:[T!=null&&r.jsx("span",{className:a.default["combobox__leading-icon"],"aria-hidden":!0,children:r.jsx(J.IconSlotContext.Provider,{value:{size:"16"},children:T})}),r.jsxs("div",{className:a.default.combobox__value,children:[s&&L.length>0&&r.jsx(rt.default,{"aria-label":typeof y=="string"?`${y} selections`:"Selected",disabled:g,children:L.map(e=>r.jsx(nt.default,{size:dt[ne],leadingAvatar:e.leadingAvatar,leadingIcon:e.leadingAvatar==null?e.leadingVisual:void 0,onRemove:g?void 0:t=>{t.stopPropagation(),ve(e.value)},children:e.label},e.value))}),r.jsx("input",{ref:Ne,id:z,className:a.default.combobox__control,type:"text",role:"combobox",autoComplete:"off",spellCheck:!1,disabled:g,placeholder:s&&L.length>0?void 0:je,value:X,"aria-label":le,"aria-invalid":re?!0:void 0,"aria-expanded":i,"aria-controls":w,"aria-autocomplete":"list","aria-activedescendant":We,"aria-busy":oe||void 0,onChange:Te,onFocus:$e,onBlur:ze,onKeyDown:Ue})]}),r.jsx("span",{className:a.default["combobox__trailing-icon"],"aria-hidden":!0,children:r.jsx(J.default,{size:"12",glyph:r.jsx(tt,{})})})]})]}),fe&&Le(r.jsx("div",{ref:be,className:[a.default.combobox__popup,Ee==="above"?a.default["combobox__popup--above"]:"",Ie?a.default["combobox__popup--visible"]:""].filter(Boolean).join(" "),style:Fe,children:r.jsx(ke.default,{className:a.default.combobox__menu,children:r.jsxs(ke.PopoverMenuScroll,{maxHeight:Be,children:[c.length>0&&r.jsx("ul",{id:w,className:a.default.combobox__list,role:"listbox","aria-multiselectable":s||void 0,"aria-label":typeof y=="string"?y:le??"Options",children:c.map((e,t)=>{const o=t===h,m=et=>{et.preventDefault()};if(e.kind==="create")return r.jsx("li",{className:a.default.combobox__option,role:"presentation",children:r.jsx(_e.default,{id:D(e),role:"option",label:De(e.inputValue),leadingVisual:r.jsx(J.default,{glyph:r.jsx(st,{})}),active:o,"aria-selected":!1,onMouseDown:m,onMouseEnter:()=>_(t),onClick:()=>Z(e.inputValue)})},D(e));const{option:d}=e,H=He(d.value),he=mt(d);return r.jsx("li",{className:a.default.combobox__option,role:"presentation",children:r.jsx(_e.default,{id:D(e),role:"option",label:d.label,secondaryLabel:d.secondaryLabel,leadingElement:he!=null,leadingVisual:he,trailingElement:H,active:o,disabled:d.disabled,"aria-selected":H,onMouseDown:m,onMouseEnter:()=>_(t),onClick:()=>Y(d)})},d.value)})}),oe?r.jsxs("div",{className:a.default.combobox__loading,role:"status",children:[r.jsx(ot.default,{size:"16","aria-hidden":!0}),r.jsx("span",{children:Me})]}):c.length===0&&r.jsx("p",{className:a.default.combobox__empty,children:ye})]})})}))]})});exports.default=ht;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),l=require("react"),__cs=require("@mattermost/compass-icons/components/chevron-down.js"),cs=__cs?.default??__cs,__us=require("@mattermost/compass-icons/components/close-circle.js"),us=__us?.default??__us,__is=require("@mattermost/compass-icons/components/plus.js"),is=__is?.default??__is,ds=require("../chip/Chip.cjs"),fs=require("../chip/ChipGroup.cjs"),z=require("../icon/Icon.cjs"),ge=require("../menu-item/MenuItem.cjs"),ye=require("../popover-menu/PopoverMenu.cjs"),bs=require("../spinner/Spinner.cjs"),xs=require("../user-avatar/UserAvatar.cjs"),ms=require("../../hooks/use-anchored-popup-portal.cjs"),vs=require("../../hooks/use-outside-close.cjs"),hs=require("../../hooks/use-popover-transition.cjs"),_s=require("../../utils/props.cjs"),ks=require("../../utils/string.cjs"),o=require("./Combobox.module.scss.cjs"),Ce=280,js={small:"small",medium:"medium",large:"large"},gs={small:"12",medium:"16",large:"16"};function ys(a){return typeof a=="string"?`${a} selections`:"Selected"}function Cs(a){return`Create "${a}"`}function te(a){return a.kind==="option"&&a.option.disabled===!0}function Ms(a,x){return x?a.label.toLowerCase().includes(x.toLowerCase()):!0}function As(a){return a==null?null:Array.isArray(a)?a[0]??null:a===""?null:a}function Ds(a){return a==null?[]:Array.isArray(a)?a:a===""?[]:[a]}function Ns(a){if(a.leadingVisual!=null)return a.leadingVisual;if(a.leadingAvatar!=null)return r.jsx(xs.default,{src:a.leadingAvatar.src,alt:a.leadingAvatar.alt,size:"24"})}const Ss=l.forwardRef(function({options:x,multiple:t=!1,value:le,defaultValue:re,onChange:I,inputValue:U,defaultInputValue:Me="",onInputChange:d,label:A,placeholder:Ae,leadingIcon:K,size:G="medium",invalid:ne=!1,disabled:_=!1,filter:L=!0,emptyMessage:De="No results",loading:ae=!1,loadingMessage:Ne="Loading…",selectedOptions:C,creatable:N=!1,onCreateOption:P,formatCreateLabel:Se=Cs,clearable:qe=!1,clearLabel:we="Clear",clearButtonProps:k,selectionsLabel:pe,listboxLabel:Re="Options",className:Ve="",id:Ee,"aria-label":oe,portalContainer:Ie=null,zIndex:Le},S){const Fe=l.useId(),Q=Ee??Fe,q=`${Q}-listbox`,X=l.useRef(null),ce=l.useRef(null),M=l.useRef(null),Oe=l.useCallback(e=>{M.current=e,typeof S=="function"?S(e):S&&(S.current=e)},[S]),Z=le!==void 0,[He,Te]=l.useState(()=>re!==void 0?re:t?[]:null),W=Z?le:He,m=t?null:As(W),c=l.useMemo(()=>t?Ds(W):[],[t,W]),b=U!==void 0,[Y,w]=l.useState(Me),[i,ue]=l.useState(!1),[$e,ie]=l.useState(!1),[j,g]=l.useState(-1),[F,p]=l.useState(null),O=l.useCallback(e=>x.find(s=>s.value===e)??(C==null?void 0:C.find(s=>s.value===e))??(N?{value:e,label:e}:void 0),[x,C,N]),H=l.useMemo(()=>m==null?void 0:O(m),[O,m]),J=b?U:t?Y:F!==null?F:(H==null?void 0:H.label)??Y,B=b?U:t?Y:F!==null?F:"",R=l.useCallback(e=>{b||(w(e),t||p(e)),d==null||d(e)},[b,t,d]),v=l.useCallback(e=>{Z||Te(e),I==null||I(e)},[Z,I]),de=l.useMemo(()=>{if(L===!1)return x;const e=typeof L=="function"?L:Ms;return x.filter(s=>e(s,B))},[x,L,B]),V=N?B.trim():"",fe=l.useMemo(()=>{if(V==="")return!1;const e=V.toLowerCase(),s=f=>f.toLowerCase()===e;return[...x,...C??[]].some(f=>s(f.label)||s(f.value))?!1:!(t?c:m!=null?[m]:[]).some(s)},[V,x,C,t,c,m]),u=l.useMemo(()=>[...de.map(e=>({kind:"option",option:e})),...fe?[{kind:"create",inputValue:V}]:[]],[de,fe,V]),D=l.useCallback(e=>e.kind==="option"?`${q}-option-${e.option.value}`:`${q}-create`,[q]),{mounted:be,visible:ze}=hs.usePopoverTransition(i),{placement:Ue,maxHeight:Ke,style:Ge,portalRef:xe,renderPortal:Pe}=ms.useAnchoredPopupPortal(ce,be,{preferredHeight:Ce,maxHeightCap:Ce,portalContainer:Ie,zIndex:Le}),y=l.useCallback(()=>{ue(!1),g(-1),!t&&!b&&(p(null),w(""))},[t,b]),E=l.useCallback(()=>{_||ue(!0)},[_]);vs.useOutsideClose(X,i,y,xe),l.useEffect(()=>{i&&g(e=>{if(u.length===0)return-1;if(e>=0&&e<u.length)return e;const s=u.findIndex(n=>n.kind==="option"&&(t?c.includes(n.option.value):n.option.value===m));return s>=0?s:0})},[i,u,t,c,m]);const Qe=l.useCallback(e=>t?c.includes(e):m===e,[t,c,m]),ee=l.useCallback(e=>{var s;if(!e.disabled){if(t){const n=c.includes(e.value)?c.filter(h=>h!==e.value):[...c,e.value];v(n),R(""),y(),(s=M.current)==null||s.focus();return}v(e.value),b?d==null||d(e.label):(w(""),p(null)),y()}},[t,c,v,R,b,d,y]),se=l.useCallback(e=>{var s;if(P?P(e):v(t?[...c,e]:e),t){R(""),y(),(s=M.current)==null||s.focus();return}b?d==null||d(e):(w(""),p(null)),y()},[P,t,c,v,R,b,d,y]),Xe=l.useCallback(e=>{e.kind==="create"?se(e.inputValue):ee(e.option)},[se,ee]),Ze=l.useCallback(()=>{var e;v(null),b?d==null||d(""):(w(""),p(null)),(e=M.current)==null||e.focus()},[v,b,d]),me=l.useCallback(e=>{t&&v(c.filter(s=>s!==e))},[t,c,v]),ve=l.useCallback(e=>{const s=u.map((n,h)=>({row:n,i:h})).filter(({row:n})=>!te(n));if(s.length===0){g(-1);return}g(n=>{const h=s.findIndex(({i:$})=>$===n),f=h<0?e>0?0:s.length-1:(h+e+s.length)%s.length;return s[f].i})},[u]);l.useEffect(()=>{var s,n;if(!i||j<0)return;const e=u[j];e&&((n=(s=document.getElementById(D(e)))==null?void 0:s.scrollIntoView)==null||n.call(s,{block:"nearest"}))},[i,j,u,D]);const We=e=>{const s=e.target.value;R(s),i||E(),g(0)},Ye=()=>{ie(!0),E(),!t&&!b&&H&&requestAnimationFrame(()=>{var e;(e=M.current)==null||e.select()})},he=e=>{var n;const s=e.relatedTarget;s&&((n=X.current)!=null&&n.contains(s))||ie(!1)},Je=e=>{if(!_)switch(e.key){case"ArrowDown":e.preventDefault(),i?ve(1):E();break;case"ArrowUp":e.preventDefault(),i?ve(-1):E();break;case"Home":i&&u.length>0&&(e.preventDefault(),g(Math.max(0,u.findIndex(s=>!te(s)))));break;case"End":if(i&&u.length>0){e.preventDefault();for(let s=u.length-1;s>=0;s--)if(!te(u[s])){g(s);break}}break;case"Enter":i&&j>=0&&u[j]&&(e.preventDefault(),Xe(u[j]));break;case"Escape":i&&(e.preventDefault(),y());break;case"Backspace":t&&J===""&&c.length>0&&(e.preventDefault(),me(c[c.length-1]));break;case"Tab":y();break}},Be=e=>{var s;_||e.target.closest("[data-chip], [data-combobox-clear]")||(e.target!==M.current&&(e.preventDefault(),(s=M.current)==null||s.focus()),i||E())},_e=t?c.length>0:m!=null&&m!=="",es=J.length>0,ss=qe&&!t&&_e&&!_,ts=$e||i||_e||es,ke=j>=0?u[j]:void 0,ls=ke!=null?D(ke):void 0,T=l.useMemo(()=>{if(!t)return[];if(C==null){const e=x.filter(n=>c.includes(n.value));if(!N)return e;const s=new Set(e.map(n=>n.value));return[...e,...c.filter(n=>!s.has(n)).map(n=>({value:n,label:n}))]}return c.map(O).filter(e=>e!=null)},[t,C,x,c,N,O]),rs=o.default[`combobox--size-${ks.toKebab(G)}`],ns=t&&T.length>0,as=[o.default.combobox,rs,ne?o.default["combobox--invalid"]:"",A!=null&&ts?o.default["combobox--label-floated"]:"",K!=null?o.default["combobox--has-leading-icon"]:"",ns?o.default["combobox--has-chips"]:"",i?o.default["combobox--open"]:"",_?o.default["combobox--disabled"]:"",Ve].filter(Boolean).join(" ");return r.jsxs("div",{className:as,ref:X,children:[r.jsxs("div",{className:o.default.combobox__wrapper,ref:ce,children:[A!=null&&r.jsx("label",{className:o.default.combobox__label,htmlFor:Q,children:A}),r.jsxs("div",{className:o.default.combobox__inner,onMouseDown:Be,children:[K!=null&&r.jsx("span",{className:o.default["combobox__leading-icon"],"aria-hidden":!0,children:r.jsx(z.IconSlotContext.Provider,{value:{size:"16"},children:K})}),r.jsxs("div",{className:o.default.combobox__value,children:[t&&T.length>0&&r.jsx(fs.default,{"aria-label":pe??ys(A),disabled:_,children:T.map(e=>r.jsx(ds.default,{size:js[G],leadingAvatar:e.leadingAvatar,leadingIcon:e.leadingAvatar==null?e.leadingVisual:void 0,onRemove:_?void 0:s=>{s.stopPropagation(),me(e.value)},children:e.label},e.value))}),r.jsx("input",{ref:Oe,id:Q,className:o.default.combobox__control,type:"text",role:"combobox",autoComplete:"off",spellCheck:!1,disabled:_,placeholder:t&&T.length>0?void 0:Ae,value:J,"aria-label":oe,"aria-invalid":ne?!0:void 0,"aria-expanded":i,"aria-controls":q,"aria-autocomplete":"list","aria-activedescendant":ls,"aria-busy":ae||void 0,onChange:We,onFocus:Ye,onBlur:he,onKeyDown:Je})]}),ss&&r.jsx("button",{...k,type:"button",className:_s.mergeClassNames(o.default.combobox__clear,k==null?void 0:k.className),"aria-label":we,"data-combobox-clear":"",onClick:Ze,onBlur:e=>{var s;(s=k==null?void 0:k.onBlur)==null||s.call(k,e),he(e)},children:r.jsx(z.default,{size:gs[G],glyph:r.jsx(us,{})})}),r.jsx("span",{className:o.default["combobox__trailing-icon"],"aria-hidden":!0,children:r.jsx(z.default,{size:"12",glyph:r.jsx(cs,{})})})]})]}),be&&Pe(r.jsx("div",{ref:xe,className:[o.default.combobox__popup,Ue==="above"?o.default["combobox__popup--above"]:"",ze?o.default["combobox__popup--visible"]:""].filter(Boolean).join(" "),style:Ge,children:r.jsx(ye.default,{className:o.default.combobox__menu,children:r.jsxs(ye.PopoverMenuScroll,{maxHeight:Ke,children:[u.length>0&&r.jsx("ul",{id:q,className:o.default.combobox__list,role:"listbox","aria-multiselectable":t||void 0,"aria-label":typeof A=="string"?A:oe??Re,children:u.map((e,s)=>{const n=s===j,h=os=>{os.preventDefault()};if(e.kind==="create")return r.jsx("li",{className:o.default.combobox__option,role:"presentation",children:r.jsx(ge.default,{id:D(e),role:"option",label:Se(e.inputValue),leadingVisual:r.jsx(z.default,{glyph:r.jsx(is,{})}),active:n,"aria-selected":!1,onMouseDown:h,onMouseEnter:()=>g(s),onClick:()=>se(e.inputValue)})},D(e));const{option:f}=e,$=Qe(f.value),je=Ns(f);return r.jsx("li",{className:o.default.combobox__option,role:"presentation",children:r.jsx(ge.default,{id:D(e),role:"option",label:f.label,secondaryLabel:f.secondaryLabel,leadingElement:je!=null,leadingVisual:je,trailingElement:$,active:n,disabled:f.disabled,"aria-selected":$,onMouseDown:h,onMouseEnter:()=>g(s),onClick:()=>ee(f)})},f.value)})}),ae?r.jsxs("div",{className:o.default.combobox__loading,role:"status",children:[r.jsx(bs.default,{size:"16","aria-hidden":!0}),r.jsx("span",{children:Ne})]}):u.length===0&&r.jsx("p",{className:o.default.combobox__empty,children:De})]})})}))]})});exports.default=Ss;
 //# sourceMappingURL=Combobox.cjs.map

package/dist/components/combobox/Combobox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.cjs","sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import type {\n  ChangeEvent,\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n} from 'react';\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport PlusIcon from '@mattermost/compass-icons/components/plus';\nimport Chip from '@/components/chip/Chip';\nimport ChipGroup from '@/components/chip/ChipGroup';\nimport type { ChipSize } from '@/components/chip/Chip';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuScroll,\n} from '@/components/popover-menu/PopoverMenu';\nimport Spinner from '@/components/spinner/Spinner';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport { useAnchoredPopupPortal } from '@/hooks/use-anchored-popup-portal';\nimport { useOutsideClose } from '@/hooks/use-outside-close';\nimport { usePopoverTransition } from '@/hooks/use-popover-transition';\nimport { toKebab } from '@/utils/string';\nimport styles from './Combobox.module.scss';\n\nexport type ComboboxSize = 'small' | 'medium' | 'large';\n\nexport type ComboboxOption = {\n  value: string;\n  label: string;\n  disabled?: boolean;\n  /** Leading content for the list row (icon or avatar node). */\n  leadingVisual?: ReactNode;\n  /** Avatar for chips / list when a photo is preferred over `leadingVisual`. */\n  leadingAvatar?: { src: string; alt: string };\n  secondaryLabel?: string;\n};\n\nexport interface ComboboxProps {\n  options: ComboboxOption[];\n  /** When true, selected values render as removable chips. Default: false. */\n  multiple?: boolean;\n  value?: string | string[] | null;\n  defaultValue?: string | string[] | null;\n  onChange?: (value: string | string[] | null) => void;\n  inputValue?: string;\n  defaultInputValue?: string;\n  onInputChange?: (value: string) => void;\n  label?: ReactNode;\n  placeholder?: string;\n  leadingIcon?: ReactNode;\n  size?: ComboboxSize;\n  invalid?: boolean;\n  disabled?: boolean;\n  /**\n   * Client-side filter. `true` (default) matches labels case-insensitively.\n   * `false` shows all options (caller filters via `inputValue` / `onInputChange`).\n   */\n  filter?: boolean | ((option: ComboboxOption, query: string) => boolean);\n  /** Shown when there are no rows to pick from. Default: \"No results\". */\n  emptyMessage?: ReactNode;\n  /**\n   * When true, the menu shows a loading row (with Spinner) in place of the\n   * empty message. Set while async results are in flight.\n   */\n  loading?: boolean;\n  /** Loading row text. Default: \"Loading…\". */\n  loadingMessage?: ReactNode;\n  /**\n   * Option objects for the current value(s), used for chips and the\n   * single-select label when a value is missing from `options` (e.g. an async\n   * search that no longer returns it, or values preselected on load). Values\n   * found in `options` resolve from there first.\n   */\n  selectedOptions?: ComboboxOption[];\n  /**\n   * When true, typed text that matches no option offers a create row. Created\n   * values not found in `options` or `selectedOptions` display their raw value\n   * as the label.\n   */\n  creatable?: boolean;\n  /**\n   * Called with the trimmed input when the create row is chosen. When set, the\n   * host owns adding the value (`onChange` is not called). When omitted, the\n   * input is committed as the value through `onChange`.\n   */\n  onCreateOption?: (inputValue: string) => void;\n  /** Create row label. Default: `Create \"{inputValue}\"`. */\n  formatCreateLabel?: (inputValue: string) => ReactNode;\n  className?: string;\n  id?: string;\n  'aria-label'?: string;\n  /** Portal mount node for the menu; defaults to `document.body`. */\n  portalContainer?: HTMLElement | null;\n  /** Stacking order for the portaled menu. */\n  zIndex?: number;\n}\n\nconst POPUP_MAX_HEIGHT = 280;\n\nconst CHIP_SIZE_BY_COMBOBOX: Record<ComboboxSize, ChipSize> = {\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n};\n\ntype ComboboxRow =\n  | { kind: 'option'; option: ComboboxOption }\n  | { kind: 'create'; inputValue: string };\n\nfunction defaultFormatCreateLabel(inputValue: string): ReactNode {\n  return `Create \"${inputValue}\"`;\n}\n\nfunction isRowDisabled(row: ComboboxRow): boolean {\n  return row.kind === 'option' && row.option.disabled === true;\n}\n\nfunction defaultFilter(option: ComboboxOption, query: string): boolean {\n  if (!query) return true;\n  return option.label.toLowerCase().includes(query.toLowerCase());\n}\n\nfunction toSingleValue(\n  value: string | string[] | null | undefined,\n): string | null {\n  if (value == null) return null;\n  if (Array.isArray(value)) return value[0] ?? null;\n  return value === '' ? null : value;\n}\n\nfunction toMultiValue(value: string | string[] | null | undefined): string[] {\n  if (value == null) return [];\n  if (Array.isArray(value)) return value;\n  return value === '' ? [] : [value];\n}\n\nfunction optionLeadingVisual(option: ComboboxOption): ReactNode | undefined {\n  if (option.leadingVisual != null) return option.leadingVisual;\n  if (option.leadingAvatar != null) {\n    return (\n      <UserAvatar\n        src={option.leadingAvatar.src}\n        alt={option.leadingAvatar.alt}\n        size=\"24\"\n      />\n    );\n  }\n  return undefined;\n}\n\n/**\n * { value: 'town-square', label: 'Town Square' }, { value: 'off-topic', label: 'Off-Topic'\n * }, { value: 'design', label: 'Design' }, { value: 'engineering', label: 'Engineering' }, {\n * value: 'releases', label: 'Releases' }, ];\n */\nconst Combobox = forwardRef<HTMLInputElement, ComboboxProps>(function Combobox(\n  {\n    options,\n    multiple = false,\n    value: valueProp,\n    defaultValue,\n    onChange,\n    inputValue: inputValueProp,\n    defaultInputValue = '',\n    onInputChange,\n    label,\n    placeholder,\n    leadingIcon,\n    size = 'medium',\n    invalid = false,\n    disabled = false,\n    filter = true,\n    emptyMessage = 'No results',\n    loading = false,\n    loadingMessage = 'Loading…',\n    selectedOptions,\n    creatable = false,\n    onCreateOption,\n    formatCreateLabel = defaultFormatCreateLabel,\n    className = '',\n    id: idProp,\n    'aria-label': ariaLabel,\n    portalContainer = null,\n    zIndex,\n  },\n  ref,\n) {\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n  const listboxId = `${id}-listbox`;\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      inputRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) ref.current = node;\n    },\n    [ref],\n  );\n\n  const isValueControlled = valueProp !== undefined;\n  const [uncontrolledValue, setUncontrolledValue] = useState<\n    string | string[] | null\n  >(() => {\n    if (defaultValue !== undefined) return defaultValue;\n    return multiple ? [] : null;\n  });\n\n  const rawValue = isValueControlled ? valueProp! : uncontrolledValue;\n  const singleValue = multiple ? null : toSingleValue(rawValue);\n  const multiValue = useMemo(\n    () => (multiple ? toMultiValue(rawValue) : []),\n    [multiple, rawValue],\n  );\n\n  const isInputControlled = inputValueProp !== undefined;\n  const [uncontrolledInput, setUncontrolledInput] = useState(defaultInputValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  const [queryOverride, setQueryOverride] = useState<string | null>(null);\n\n  const resolveOption = useCallback(\n    (optionValue: string): ComboboxOption | undefined =>\n      options.find((o) => o.value === optionValue) ??\n      selectedOptions?.find((o) => o.value === optionValue) ??\n      (creatable ? { value: optionValue, label: optionValue } : undefined),\n    [options, selectedOptions, creatable],\n  );\n\n  const selectedOption = useMemo(\n    () => (singleValue == null ? undefined : resolveOption(singleValue)),\n    [resolveOption, singleValue],\n  );\n\n  // Single-select: show the selected label until the user starts typing a filter.\n  // `queryOverride !== null` means the field is in filter-edit mode.\n  const displayInput = (() => {\n    if (isInputControlled) return inputValueProp!;\n    if (multiple) return uncontrolledInput;\n    if (queryOverride !== null) return queryOverride;\n    return selectedOption?.label ?? uncontrolledInput;\n  })();\n\n  const filterQuery = (() => {\n    if (isInputControlled) return inputValueProp!;\n    if (multiple) return uncontrolledInput;\n    if (queryOverride !== null) return queryOverride;\n    return '';\n  })();\n\n  const setInputDisplay = useCallback(\n    (next: string) => {\n      if (!isInputControlled) {\n        setUncontrolledInput(next);\n        if (!multiple) setQueryOverride(next);\n      }\n      onInputChange?.(next);\n    },\n    [isInputControlled, multiple, onInputChange],\n  );\n\n  const commitValue = useCallback(\n    (next: string | string[] | null) => {\n      if (!isValueControlled) setUncontrolledValue(next);\n      onChange?.(next);\n    },\n    [isValueControlled, onChange],\n  );\n\n  const filteredOptions = useMemo(() => {\n    if (filter === false) return options;\n    const fn = typeof filter === 'function' ? filter : defaultFilter;\n    return options.filter((o) => fn(o, filterQuery));\n  }, [options, filter, filterQuery]);\n\n  const createInput = creatable ? filterQuery.trim() : '';\n  const showCreateRow = useMemo(() => {\n    if (createInput === '') return false;\n    const needle = createInput.toLowerCase();\n    const matches = (text: string) => text.toLowerCase() === needle;\n    const knownOptions = [...options, ...(selectedOptions ?? [])];\n    if (knownOptions.some((o) => matches(o.label) || matches(o.value))) {\n      return false;\n    }\n    const current = multiple\n      ? multiValue\n      : singleValue != null\n        ? [singleValue]\n        : [];\n    return !current.some(matches);\n  }, [\n    createInput,\n    options,\n    selectedOptions,\n    multiple,\n    multiValue,\n    singleValue,\n  ]);\n\n  const rows = useMemo<ComboboxRow[]>(\n    () => [\n      ...filteredOptions.map((option) => ({ kind: 'option' as const, option })),\n      ...(showCreateRow\n        ? [{ kind: 'create' as const, inputValue: createInput }]\n        : []),\n    ],\n    [filteredOptions, showCreateRow, createInput],\n  );\n\n  const rowId = useCallback(\n    (row: ComboboxRow) =>\n      row.kind === 'option'\n        ? `${listboxId}-option-${row.option.value}`\n        : `${listboxId}-create`,\n    [listboxId],\n  );\n\n  const { mounted: popupMounted, visible: popupVisible } =\n    usePopoverTransition(isOpen);\n\n  const {\n    placement,\n    maxHeight,\n    style: popupStyle,\n    portalRef,\n    renderPortal,\n  } = useAnchoredPopupPortal(anchorRef, popupMounted, {\n    preferredHeight: POPUP_MAX_HEIGHT,\n    maxHeightCap: POPUP_MAX_HEIGHT,\n    portalContainer,\n    zIndex,\n  });\n\n  const close = useCallback(() => {\n    setIsOpen(false);\n    setActiveIndex(-1);\n    if (!multiple && !isInputControlled) {\n      setQueryOverride(null);\n      setUncontrolledInput('');\n    }\n  }, [multiple, isInputControlled]);\n\n  const open = useCallback(() => {\n    if (disabled) return;\n    setIsOpen(true);\n  }, [disabled]);\n\n  useOutsideClose(rootRef, isOpen, close, portalRef);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    setActiveIndex((prev) => {\n      if (rows.length === 0) return -1;\n      if (prev >= 0 && prev < rows.length) return prev;\n      const selectedIdx = rows.findIndex(\n        (row) =>\n          row.kind === 'option' &&\n          (multiple\n            ? multiValue.includes(row.option.value)\n            : row.option.value === singleValue),\n      );\n      return selectedIdx >= 0 ? selectedIdx : 0;\n    });\n  }, [isOpen, rows, multiple, multiValue, singleValue]);\n\n  const isSelected = useCallback(\n    (optionValue: string) =>\n      multiple ? multiValue.includes(optionValue) : singleValue === optionValue,\n    [multiple, multiValue, singleValue],\n  );\n\n  const selectOption = useCallback(\n    (option: ComboboxOption) => {\n      if (option.disabled) return;\n\n      if (multiple) {\n        const next = multiValue.includes(option.value)\n          ? multiValue.filter((v) => v !== option.value)\n          : [...multiValue, option.value];\n        commitValue(next);\n        setInputDisplay('');\n        close();\n        inputRef.current?.focus();\n        return;\n      }\n\n      commitValue(option.value);\n      if (!isInputControlled) {\n        setUncontrolledInput('');\n        setQueryOverride(null);\n      } else {\n        onInputChange?.(option.label);\n      }\n      close();\n    },\n    [\n      multiple,\n      multiValue,\n      commitValue,\n      setInputDisplay,\n      isInputControlled,\n      onInputChange,\n      close,\n    ],\n  );\n\n  const createValue = useCallback(\n    (inputValue: string) => {\n      if (onCreateOption) {\n        onCreateOption(inputValue);\n      } else if (multiple) {\n        commitValue([...multiValue, inputValue]);\n      } else {\n        commitValue(inputValue);\n      }\n\n      if (multiple) {\n        setInputDisplay('');\n        close();\n        inputRef.current?.focus();\n        return;\n      }\n      if (!isInputControlled) {\n        setUncontrolledInput('');\n        setQueryOverride(null);\n      } else {\n        onInputChange?.(inputValue);\n      }\n      close();\n    },\n    [\n      onCreateOption,\n      multiple,\n      multiValue,\n      commitValue,\n      setInputDisplay,\n      isInputControlled,\n      onInputChange,\n      close,\n    ],\n  );\n\n  const selectRow = useCallback(\n    (row: ComboboxRow) => {\n      if (row.kind === 'create') createValue(row.inputValue);\n      else selectOption(row.option);\n    },\n    [createValue, selectOption],\n  );\n\n  const removeValue = useCallback(\n    (optionValue: string) => {\n      if (!multiple) return;\n      commitValue(multiValue.filter((v) => v !== optionValue));\n    },\n    [multiple, multiValue, commitValue],\n  );\n\n  const moveActive = useCallback(\n    (delta: number) => {\n      const enabled = rows\n        .map((row, i) => ({ row, i }))\n        .filter(({ row }) => !isRowDisabled(row));\n      if (enabled.length === 0) {\n        setActiveIndex(-1);\n        return;\n      }\n      setActiveIndex((prev) => {\n        const currentPos = enabled.findIndex(({ i }) => i === prev);\n        const nextPos =\n          currentPos < 0\n            ? delta > 0\n              ? 0\n              : enabled.length - 1\n            : (currentPos + delta + enabled.length) % enabled.length;\n        return enabled[nextPos].i;\n      });\n    },\n    [rows],\n  );\n\n  useEffect(() => {\n    if (!isOpen || activeIndex < 0) return;\n    const row = rows[activeIndex];\n    if (!row) return;\n    document.getElementById(rowId(row))?.scrollIntoView({ block: 'nearest' });\n  }, [isOpen, activeIndex, rows, rowId]);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const next = e.target.value;\n    setInputDisplay(next);\n    if (!isOpen) open();\n    setActiveIndex(0);\n  };\n\n  const handleFocus = () => {\n    setIsFocused(true);\n    open();\n    // Select-all so the next keystroke replaces the selected label (filter mode).\n    if (!multiple && !isInputControlled && selectedOption) {\n      requestAnimationFrame(() => {\n        inputRef.current?.select();\n      });\n    }\n  };\n\n  const handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n    // Delay so option mousedown can run first\n    const related = e.relatedTarget as Node | null;\n    if (related && rootRef.current?.contains(related)) return;\n    setIsFocused(false);\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (disabled) return;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        if (!isOpen) open();\n        else moveActive(1);\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        if (!isOpen) open();\n        else moveActive(-1);\n        break;\n      case 'Home':\n        if (isOpen && rows.length > 0) {\n          e.preventDefault();\n          setActiveIndex(\n            Math.max(\n              0,\n              rows.findIndex((row) => !isRowDisabled(row)),\n            ),\n          );\n        }\n        break;\n      case 'End':\n        if (isOpen && rows.length > 0) {\n          e.preventDefault();\n          for (let i = rows.length - 1; i >= 0; i--) {\n            if (!isRowDisabled(rows[i])) {\n              setActiveIndex(i);\n              break;\n            }\n          }\n        }\n        break;\n      case 'Enter':\n        if (isOpen && activeIndex >= 0 && rows[activeIndex]) {\n          e.preventDefault();\n          selectRow(rows[activeIndex]);\n        }\n        break;\n      case 'Escape':\n        if (isOpen) {\n          e.preventDefault();\n          close();\n        }\n        break;\n      case 'Backspace':\n        if (multiple && displayInput === '' && multiValue.length > 0) {\n          e.preventDefault();\n          removeValue(multiValue[multiValue.length - 1]);\n        }\n        break;\n      case 'Tab':\n        close();\n        break;\n      default:\n        break;\n    }\n  };\n\n  const handleWrapperMouseDown = (e: MouseEvent<HTMLDivElement>) => {\n    if (disabled) return;\n    // Don't steal focus from chips or their remove buttons\n    if ((e.target as HTMLElement).closest('[data-chip]')) return;\n    if (e.target !== inputRef.current) {\n      e.preventDefault();\n      inputRef.current?.focus();\n    }\n    if (!isOpen) open();\n  };\n\n  const hasSelection = multiple\n    ? multiValue.length > 0\n    : singleValue != null && singleValue !== '';\n  const hasInputText = displayInput.length > 0;\n  const labelFloated = isFocused || isOpen || hasSelection || hasInputText;\n\n  const activeRow = activeIndex >= 0 ? rows[activeIndex] : undefined;\n  const activeDescendant = activeRow != null ? rowId(activeRow) : undefined;\n\n  // Without `selectedOptions`, values in `options` keep their list order (the\n  // original behavior); with it, chips follow value order so they don't jump\n  // around as async results change.\n  const chipOptions = useMemo<ComboboxOption[]>(() => {\n    if (!multiple) return [];\n    if (selectedOptions == null) {\n      const fromOptions = options.filter((o) => multiValue.includes(o.value));\n      if (!creatable) return fromOptions;\n      const listed = new Set(fromOptions.map((o) => o.value));\n      return [\n        ...fromOptions,\n        ...multiValue\n          .filter((v) => !listed.has(v))\n          .map((v) => ({ value: v, label: v })),\n      ];\n    }\n    return multiValue\n      .map(resolveOption)\n      .filter((o): o is ComboboxOption => o != null);\n  }, [\n    multiple,\n    selectedOptions,\n    options,\n    multiValue,\n    creatable,\n    resolveOption,\n  ]);\n\n  const sizeClass = styles[`combobox--size-${toKebab(size)}`];\n  const hasChips = multiple && chipOptions.length > 0;\n  const rootClass = [\n    styles.combobox,\n    sizeClass,\n    invalid ? styles['combobox--invalid'] : '',\n    label != null && labelFloated ? styles['combobox--label-floated'] : '',\n    leadingIcon != null ? styles['combobox--has-leading-icon'] : '',\n    hasChips ? styles['combobox--has-chips'] : '',\n    isOpen ? styles['combobox--open'] : '',\n    disabled ? styles['combobox--disabled'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} ref={rootRef}>\n      <div className={styles.combobox__wrapper} ref={anchorRef}>\n        {label != null && (\n          <label className={styles.combobox__label} htmlFor={id}>\n            {label}\n          </label>\n        )}\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions -- pointer convenience; the input owns keyboard interaction */}\n        <div\n          className={styles.combobox__inner}\n          onMouseDown={handleWrapperMouseDown}\n        >\n          {leadingIcon != null && (\n            <span className={styles['combobox__leading-icon']} aria-hidden>\n              <IconSlotContext.Provider value={{ size: '16' }}>\n                {leadingIcon}\n              </IconSlotContext.Provider>\n            </span>\n          )}\n          <div className={styles.combobox__value}>\n            {multiple && chipOptions.length > 0 && (\n              <ChipGroup\n                aria-label={\n                  typeof label === 'string' ? `${label} selections` : 'Selected'\n                }\n                disabled={disabled}\n              >\n                {chipOptions.map((option) => (\n                  <Chip\n                    key={option.value}\n                    size={CHIP_SIZE_BY_COMBOBOX[size]}\n                    leadingAvatar={option.leadingAvatar}\n                    leadingIcon={\n                      option.leadingAvatar == null\n                        ? option.leadingVisual\n                        : undefined\n                    }\n                    onRemove={\n                      disabled\n                        ? undefined\n                        : (ev) => {\n                            ev.stopPropagation();\n                            removeValue(option.value);\n                          }\n                    }\n                  >\n                    {option.label}\n                  </Chip>\n                ))}\n              </ChipGroup>\n            )}\n            <input\n              ref={setInputRef}\n              id={id}\n              className={styles.combobox__control}\n              type=\"text\"\n              role=\"combobox\"\n              autoComplete=\"off\"\n              spellCheck={false}\n              disabled={disabled}\n              placeholder={\n                multiple && chipOptions.length > 0 ? undefined : placeholder\n              }\n              value={displayInput}\n              aria-label={ariaLabel}\n              aria-invalid={invalid ? true : undefined}\n              aria-expanded={isOpen}\n              aria-controls={listboxId}\n              aria-autocomplete=\"list\"\n              aria-activedescendant={activeDescendant}\n              aria-busy={loading || undefined}\n              onChange={handleInputChange}\n              onFocus={handleFocus}\n              onBlur={handleBlur}\n              onKeyDown={handleKeyDown}\n            />\n          </div>\n          <span className={styles['combobox__trailing-icon']} aria-hidden>\n            <Icon size=\"12\" glyph={<ChevronDownIcon />} />\n          </span>\n        </div>\n      </div>\n\n      {popupMounted &&\n        renderPortal(\n          <div\n            ref={portalRef}\n            className={[\n              styles.combobox__popup,\n              placement === 'above' ? styles['combobox__popup--above'] : '',\n              popupVisible ? styles['combobox__popup--visible'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            style={popupStyle}\n          >\n            <PopoverMenu className={styles.combobox__menu}>\n              <PopoverMenuScroll maxHeight={maxHeight}>\n                {rows.length > 0 && (\n                  <ul\n                    id={listboxId}\n                    className={styles.combobox__list}\n                    role=\"listbox\"\n                    aria-multiselectable={multiple || undefined}\n                    aria-label={\n                      typeof label === 'string'\n                        ? label\n                        : (ariaLabel ?? 'Options')\n                    }\n                  >\n                    {rows.map((row, index) => {\n                      const active = index === activeIndex;\n                      const preventBlur = (ev: MouseEvent) => {\n                        // Prevent input blur before click handler\n                        ev.preventDefault();\n                      };\n                      if (row.kind === 'create') {\n                        return (\n                          <li\n                            key={rowId(row)}\n                            className={styles.combobox__option}\n                            role=\"presentation\"\n                          >\n                            <MenuItem\n                              id={rowId(row)}\n                              role=\"option\"\n                              label={formatCreateLabel(row.inputValue)}\n                              leadingVisual={<Icon glyph={<PlusIcon />} />}\n                              active={active}\n                              aria-selected={false}\n                              onMouseDown={preventBlur}\n                              onMouseEnter={() => setActiveIndex(index)}\n                              onClick={() => createValue(row.inputValue)}\n                            />\n                          </li>\n                        );\n                      }\n                      const { option } = row;\n                      const selected = isSelected(option.value);\n                      const leading = optionLeadingVisual(option);\n                      return (\n                        <li\n                          key={option.value}\n                          className={styles.combobox__option}\n                          role=\"presentation\"\n                        >\n                          <MenuItem\n                            id={rowId(row)}\n                            role=\"option\"\n                            label={option.label}\n                            secondaryLabel={option.secondaryLabel}\n                            leadingElement={leading != null}\n                            leadingVisual={leading}\n                            trailingElement={selected}\n                            active={active}\n                            disabled={option.disabled}\n                            aria-selected={selected}\n                            onMouseDown={preventBlur}\n                            onMouseEnter={() => setActiveIndex(index)}\n                            onClick={() => selectOption(option)}\n                          />\n                        </li>\n                      );\n                    })}\n                  </ul>\n                )}\n                {loading ? (\n                  <div className={styles.combobox__loading} role=\"status\">\n                    <Spinner size=\"16\" aria-hidden />\n                    <span>{loadingMessage}</span>\n                  </div>\n                ) : (\n                  rows.length === 0 && (\n                    <p className={styles.combobox__empty}>{emptyMessage}</p>\n                  )\n                )}\n              </PopoverMenuScroll>\n            </PopoverMenu>\n          </div>,\n        )}\n    </div>\n  );\n});\n\nexport default Combobox;\n"],"names":["POPUP_MAX_HEIGHT","CHIP_SIZE_BY_COMBOBOX","defaultFormatCreateLabel","inputValue","isRowDisabled","row","defaultFilter","option","query","toSingleValue","value","toMultiValue","optionLeadingVisual","jsx","UserAvatar","Combobox","forwardRef","options","multiple","valueProp","defaultValue","onChange","inputValueProp","defaultInputValue","onInputChange","label","placeholder","leadingIcon","size","invalid","disabled","filter","emptyMessage","loading","loadingMessage","selectedOptions","creatable","onCreateOption","formatCreateLabel","className","idProp","ariaLabel","portalContainer","zIndex","ref","generatedId","useId","id","listboxId","rootRef","useRef","anchorRef","inputRef","setInputRef","useCallback","node","isValueControlled","uncontrolledValue","setUncontrolledValue","useState","rawValue","singleValue","multiValue","useMemo","isInputControlled","uncontrolledInput","setUncontrolledInput","isOpen","setIsOpen","isFocused","setIsFocused","activeIndex","setActiveIndex","queryOverride","setQueryOverride","resolveOption","optionValue","o","selectedOption","displayInput","filterQuery","setInputDisplay","next","commitValue","filteredOptions","fn","createInput","showCreateRow","needle","matches","text","rows","rowId","popupMounted","popupVisible","usePopoverTransition","placement","maxHeight","popupStyle","portalRef","renderPortal","useAnchoredPopupPortal","close","open","useOutsideClose","useEffect","prev","selectedIdx","isSelected","selectOption","v","_a","createValue","selectRow","removeValue","moveActive","delta","enabled","i","currentPos","nextPos","handleInputChange","handleFocus","handleBlur","related","handleKeyDown","handleWrapperMouseDown","hasSelection","hasInputText","labelFloated","activeRow","activeDescendant","chipOptions","fromOptions","listed","sizeClass","styles","toKebab","hasChips","rootClass","jsxs","IconSlotContext","ChipGroup","Chip","ev","Icon","ChevronDownIcon","PopoverMenu","PopoverMenuScroll","index","active","preventBlur","MenuItem","PlusIcon","selected","leading","Spinner"],"mappings":"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"}
+{"version":3,"file":"Combobox.cjs","sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import type {\n  ChangeEvent,\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n} from 'react';\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport CloseCircleIcon from '@mattermost/compass-icons/components/close-circle';\nimport PlusIcon from '@mattermost/compass-icons/components/plus';\nimport Chip from '@/components/chip/Chip';\nimport ChipGroup from '@/components/chip/ChipGroup';\nimport type { ChipSize } from '@/components/chip/Chip';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport type { IconSize } from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuScroll,\n} from '@/components/popover-menu/PopoverMenu';\nimport Spinner from '@/components/spinner/Spinner';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport { useAnchoredPopupPortal } from '@/hooks/use-anchored-popup-portal';\nimport { useOutsideClose } from '@/hooks/use-outside-close';\nimport { usePopoverTransition } from '@/hooks/use-popover-transition';\nimport type { BuiltInButtonProps } from '@/utils/props';\nimport { mergeClassNames } from '@/utils/props';\nimport { toKebab } from '@/utils/string';\nimport styles from './Combobox.module.scss';\n\nexport type ComboboxSize = 'small' | 'medium' | 'large';\n\nexport type ComboboxOption = {\n  value: string;\n  /** Kept as `string`: the default filter, create-row matching, and the single-select input text all read it. */\n  label: string;\n  disabled?: boolean;\n  /** Leading content for the list row (icon or avatar node). */\n  leadingVisual?: ReactNode;\n  /** Avatar for chips / list when a photo is preferred over `leadingVisual`. */\n  leadingAvatar?: { src: string; alt: string };\n  /** Accepts translated nodes. */\n  secondaryLabel?: ReactNode;\n};\n\nexport interface ComboboxProps {\n  options: ComboboxOption[];\n  /** When true, selected values render as removable chips. Default: false. */\n  multiple?: boolean;\n  value?: string | string[] | null;\n  defaultValue?: string | string[] | null;\n  onChange?: (value: string | string[] | null) => void;\n  inputValue?: string;\n  defaultInputValue?: string;\n  onInputChange?: (value: string) => void;\n  label?: ReactNode;\n  placeholder?: string;\n  leadingIcon?: ReactNode;\n  size?: ComboboxSize;\n  invalid?: boolean;\n  disabled?: boolean;\n  /**\n   * Client-side filter. `true` (default) matches labels case-insensitively.\n   * `false` shows all options (caller filters via `inputValue` / `onInputChange`).\n   */\n  filter?: boolean | ((option: ComboboxOption, query: string) => boolean);\n  /** Shown when there are no rows to pick from. Default: \"No results\". */\n  emptyMessage?: ReactNode;\n  /**\n   * When true, the menu shows a loading row (with Spinner) in place of the\n   * empty message. Set while async results are in flight.\n   */\n  loading?: boolean;\n  /** Loading row text. Default: \"Loading…\". */\n  loadingMessage?: ReactNode;\n  /**\n   * Option objects for the current value(s), used for chips and the\n   * single-select label when a value is missing from `options` (e.g. an async\n   * search that no longer returns it, or values preselected on load). Values\n   * found in `options` resolve from there first.\n   */\n  selectedOptions?: ComboboxOption[];\n  /**\n   * When true, typed text that matches no option offers a create row. Created\n   * values not found in `options` or `selectedOptions` display their raw value\n   * as the label.\n   */\n  creatable?: boolean;\n  /**\n   * Called with the trimmed input when the create row is chosen. When set, the\n   * host owns adding the value (`onChange` is not called). When omitted, the\n   * input is committed as the value through `onChange`.\n   */\n  onCreateOption?: (inputValue: string) => void;\n  /** Create row label. Default: `Create \"{inputValue}\"`. */\n  formatCreateLabel?: (inputValue: string) => ReactNode;\n  /**\n   * Single mode: when a value is set, shows a clear button inside the control\n   * that calls `onChange(null)`. Ignored with `multiple` (chips have their own\n   * remove control). Default: false.\n   */\n  clearable?: boolean;\n  /** Accessible name for the clear button. Default: \"Clear\". */\n  clearLabel?: string;\n  /** Extra attributes for the clear button (e.g. `data-testid`). */\n  clearButtonProps?: BuiltInButtonProps;\n  /**\n   * Accessible name for the chip group in `multiple` mode. Default:\n   * `{label} selections` when `label` is a string, otherwise \"Selected\".\n   */\n  selectionsLabel?: string;\n  /**\n   * Accessible name for the options list when `label` isn't a string and no\n   * `aria-label` is set. Default: \"Options\".\n   */\n  listboxLabel?: string;\n  className?: string;\n  id?: string;\n  'aria-label'?: string;\n  /** Portal mount node for the menu; defaults to `document.body`. */\n  portalContainer?: HTMLElement | null;\n  /** Stacking order for the portaled menu. */\n  zIndex?: number;\n}\n\nconst POPUP_MAX_HEIGHT = 280;\n\nconst CHIP_SIZE_BY_COMBOBOX: Record<ComboboxSize, ChipSize> = {\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n};\n\nconst CLEAR_ICON_SIZE: Record<ComboboxSize, IconSize> = {\n  small: '12',\n  medium: '16',\n  large: '16',\n};\n\nfunction defaultSelectionsLabel(label: ReactNode): string {\n  return typeof label === 'string' ? `${label} selections` : 'Selected';\n}\n\ntype ComboboxRow =\n  | { kind: 'option'; option: ComboboxOption }\n  | { kind: 'create'; inputValue: string };\n\nfunction defaultFormatCreateLabel(inputValue: string): ReactNode {\n  return `Create \"${inputValue}\"`;\n}\n\nfunction isRowDisabled(row: ComboboxRow): boolean {\n  return row.kind === 'option' && row.option.disabled === true;\n}\n\nfunction defaultFilter(option: ComboboxOption, query: string): boolean {\n  if (!query) return true;\n  return option.label.toLowerCase().includes(query.toLowerCase());\n}\n\nfunction toSingleValue(\n  value: string | string[] | null | undefined,\n): string | null {\n  if (value == null) return null;\n  if (Array.isArray(value)) return value[0] ?? null;\n  return value === '' ? null : value;\n}\n\nfunction toMultiValue(value: string | string[] | null | undefined): string[] {\n  if (value == null) return [];\n  if (Array.isArray(value)) return value;\n  return value === '' ? [] : [value];\n}\n\nfunction optionLeadingVisual(option: ComboboxOption): ReactNode | undefined {\n  if (option.leadingVisual != null) return option.leadingVisual;\n  if (option.leadingAvatar != null) {\n    return (\n      <UserAvatar\n        src={option.leadingAvatar.src}\n        alt={option.leadingAvatar.alt}\n        size=\"24\"\n      />\n    );\n  }\n  return undefined;\n}\n\n/**\n * { value: 'town-square', label: 'Town Square' }, { value: 'off-topic', label: 'Off-Topic'\n * }, { value: 'design', label: 'Design' }, { value: 'engineering', label: 'Engineering' }, {\n * value: 'releases', label: 'Releases' }, ];\n */\nconst Combobox = forwardRef<HTMLInputElement, ComboboxProps>(function Combobox(\n  {\n    options,\n    multiple = false,\n    value: valueProp,\n    defaultValue,\n    onChange,\n    inputValue: inputValueProp,\n    defaultInputValue = '',\n    onInputChange,\n    label,\n    placeholder,\n    leadingIcon,\n    size = 'medium',\n    invalid = false,\n    disabled = false,\n    filter = true,\n    emptyMessage = 'No results',\n    loading = false,\n    loadingMessage = 'Loading…',\n    selectedOptions,\n    creatable = false,\n    onCreateOption,\n    formatCreateLabel = defaultFormatCreateLabel,\n    clearable = false,\n    clearLabel = 'Clear',\n    clearButtonProps,\n    selectionsLabel,\n    listboxLabel = 'Options',\n    className = '',\n    id: idProp,\n    'aria-label': ariaLabel,\n    portalContainer = null,\n    zIndex,\n  },\n  ref,\n) {\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n  const listboxId = `${id}-listbox`;\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      inputRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) ref.current = node;\n    },\n    [ref],\n  );\n\n  const isValueControlled = valueProp !== undefined;\n  const [uncontrolledValue, setUncontrolledValue] = useState<\n    string | string[] | null\n  >(() => {\n    if (defaultValue !== undefined) return defaultValue;\n    return multiple ? [] : null;\n  });\n\n  const rawValue = isValueControlled ? valueProp! : uncontrolledValue;\n  const singleValue = multiple ? null : toSingleValue(rawValue);\n  const multiValue = useMemo(\n    () => (multiple ? toMultiValue(rawValue) : []),\n    [multiple, rawValue],\n  );\n\n  const isInputControlled = inputValueProp !== undefined;\n  const [uncontrolledInput, setUncontrolledInput] = useState(defaultInputValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  const [queryOverride, setQueryOverride] = useState<string | null>(null);\n\n  const resolveOption = useCallback(\n    (optionValue: string): ComboboxOption | undefined =>\n      options.find((o) => o.value === optionValue) ??\n      selectedOptions?.find((o) => o.value === optionValue) ??\n      (creatable ? { value: optionValue, label: optionValue } : undefined),\n    [options, selectedOptions, creatable],\n  );\n\n  const selectedOption = useMemo(\n    () => (singleValue == null ? undefined : resolveOption(singleValue)),\n    [resolveOption, singleValue],\n  );\n\n  // Single-select: show the selected label until the user starts typing a filter.\n  // `queryOverride !== null` means the field is in filter-edit mode.\n  const displayInput = (() => {\n    if (isInputControlled) return inputValueProp!;\n    if (multiple) return uncontrolledInput;\n    if (queryOverride !== null) return queryOverride;\n    return selectedOption?.label ?? uncontrolledInput;\n  })();\n\n  const filterQuery = (() => {\n    if (isInputControlled) return inputValueProp!;\n    if (multiple) return uncontrolledInput;\n    if (queryOverride !== null) return queryOverride;\n    return '';\n  })();\n\n  const setInputDisplay = useCallback(\n    (next: string) => {\n      if (!isInputControlled) {\n        setUncontrolledInput(next);\n        if (!multiple) setQueryOverride(next);\n      }\n      onInputChange?.(next);\n    },\n    [isInputControlled, multiple, onInputChange],\n  );\n\n  const commitValue = useCallback(\n    (next: string | string[] | null) => {\n      if (!isValueControlled) setUncontrolledValue(next);\n      onChange?.(next);\n    },\n    [isValueControlled, onChange],\n  );\n\n  const filteredOptions = useMemo(() => {\n    if (filter === false) return options;\n    const fn = typeof filter === 'function' ? filter : defaultFilter;\n    return options.filter((o) => fn(o, filterQuery));\n  }, [options, filter, filterQuery]);\n\n  const createInput = creatable ? filterQuery.trim() : '';\n  const showCreateRow = useMemo(() => {\n    if (createInput === '') return false;\n    const needle = createInput.toLowerCase();\n    const matches = (text: string) => text.toLowerCase() === needle;\n    const knownOptions = [...options, ...(selectedOptions ?? [])];\n    if (knownOptions.some((o) => matches(o.label) || matches(o.value))) {\n      return false;\n    }\n    const current = multiple\n      ? multiValue\n      : singleValue != null\n        ? [singleValue]\n        : [];\n    return !current.some(matches);\n  }, [\n    createInput,\n    options,\n    selectedOptions,\n    multiple,\n    multiValue,\n    singleValue,\n  ]);\n\n  const rows = useMemo<ComboboxRow[]>(\n    () => [\n      ...filteredOptions.map((option) => ({ kind: 'option' as const, option })),\n      ...(showCreateRow\n        ? [{ kind: 'create' as const, inputValue: createInput }]\n        : []),\n    ],\n    [filteredOptions, showCreateRow, createInput],\n  );\n\n  const rowId = useCallback(\n    (row: ComboboxRow) =>\n      row.kind === 'option'\n        ? `${listboxId}-option-${row.option.value}`\n        : `${listboxId}-create`,\n    [listboxId],\n  );\n\n  const { mounted: popupMounted, visible: popupVisible } =\n    usePopoverTransition(isOpen);\n\n  const {\n    placement,\n    maxHeight,\n    style: popupStyle,\n    portalRef,\n    renderPortal,\n  } = useAnchoredPopupPortal(anchorRef, popupMounted, {\n    preferredHeight: POPUP_MAX_HEIGHT,\n    maxHeightCap: POPUP_MAX_HEIGHT,\n    portalContainer,\n    zIndex,\n  });\n\n  const close = useCallback(() => {\n    setIsOpen(false);\n    setActiveIndex(-1);\n    if (!multiple && !isInputControlled) {\n      setQueryOverride(null);\n      setUncontrolledInput('');\n    }\n  }, [multiple, isInputControlled]);\n\n  const open = useCallback(() => {\n    if (disabled) return;\n    setIsOpen(true);\n  }, [disabled]);\n\n  useOutsideClose(rootRef, isOpen, close, portalRef);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    setActiveIndex((prev) => {\n      if (rows.length === 0) return -1;\n      if (prev >= 0 && prev < rows.length) return prev;\n      const selectedIdx = rows.findIndex(\n        (row) =>\n          row.kind === 'option' &&\n          (multiple\n            ? multiValue.includes(row.option.value)\n            : row.option.value === singleValue),\n      );\n      return selectedIdx >= 0 ? selectedIdx : 0;\n    });\n  }, [isOpen, rows, multiple, multiValue, singleValue]);\n\n  const isSelected = useCallback(\n    (optionValue: string) =>\n      multiple ? multiValue.includes(optionValue) : singleValue === optionValue,\n    [multiple, multiValue, singleValue],\n  );\n\n  const selectOption = useCallback(\n    (option: ComboboxOption) => {\n      if (option.disabled) return;\n\n      if (multiple) {\n        const next = multiValue.includes(option.value)\n          ? multiValue.filter((v) => v !== option.value)\n          : [...multiValue, option.value];\n        commitValue(next);\n        setInputDisplay('');\n        close();\n        inputRef.current?.focus();\n        return;\n      }\n\n      commitValue(option.value);\n      if (!isInputControlled) {\n        setUncontrolledInput('');\n        setQueryOverride(null);\n      } else {\n        onInputChange?.(option.label);\n      }\n      close();\n    },\n    [\n      multiple,\n      multiValue,\n      commitValue,\n      setInputDisplay,\n      isInputControlled,\n      onInputChange,\n      close,\n    ],\n  );\n\n  const createValue = useCallback(\n    (inputValue: string) => {\n      if (onCreateOption) {\n        onCreateOption(inputValue);\n      } else if (multiple) {\n        commitValue([...multiValue, inputValue]);\n      } else {\n        commitValue(inputValue);\n      }\n\n      if (multiple) {\n        setInputDisplay('');\n        close();\n        inputRef.current?.focus();\n        return;\n      }\n      if (!isInputControlled) {\n        setUncontrolledInput('');\n        setQueryOverride(null);\n      } else {\n        onInputChange?.(inputValue);\n      }\n      close();\n    },\n    [\n      onCreateOption,\n      multiple,\n      multiValue,\n      commitValue,\n      setInputDisplay,\n      isInputControlled,\n      onInputChange,\n      close,\n    ],\n  );\n\n  const selectRow = useCallback(\n    (row: ComboboxRow) => {\n      if (row.kind === 'create') createValue(row.inputValue);\n      else selectOption(row.option);\n    },\n    [createValue, selectOption],\n  );\n\n  const clearValue = useCallback(() => {\n    commitValue(null);\n    if (!isInputControlled) {\n      setUncontrolledInput('');\n      setQueryOverride(null);\n    } else {\n      onInputChange?.('');\n    }\n    inputRef.current?.focus();\n  }, [commitValue, isInputControlled, onInputChange]);\n\n  const removeValue = useCallback(\n    (optionValue: string) => {\n      if (!multiple) return;\n      commitValue(multiValue.filter((v) => v !== optionValue));\n    },\n    [multiple, multiValue, commitValue],\n  );\n\n  const moveActive = useCallback(\n    (delta: number) => {\n      const enabled = rows\n        .map((row, i) => ({ row, i }))\n        .filter(({ row }) => !isRowDisabled(row));\n      if (enabled.length === 0) {\n        setActiveIndex(-1);\n        return;\n      }\n      setActiveIndex((prev) => {\n        const currentPos = enabled.findIndex(({ i }) => i === prev);\n        const nextPos =\n          currentPos < 0\n            ? delta > 0\n              ? 0\n              : enabled.length - 1\n            : (currentPos + delta + enabled.length) % enabled.length;\n        return enabled[nextPos].i;\n      });\n    },\n    [rows],\n  );\n\n  useEffect(() => {\n    if (!isOpen || activeIndex < 0) return;\n    const row = rows[activeIndex];\n    if (!row) return;\n    document.getElementById(rowId(row))?.scrollIntoView?.({ block: 'nearest' });\n  }, [isOpen, activeIndex, rows, rowId]);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const next = e.target.value;\n    setInputDisplay(next);\n    if (!isOpen) open();\n    setActiveIndex(0);\n  };\n\n  const handleFocus = () => {\n    setIsFocused(true);\n    open();\n    // Select-all so the next keystroke replaces the selected label (filter mode).\n    if (!multiple && !isInputControlled && selectedOption) {\n      requestAnimationFrame(() => {\n        inputRef.current?.select();\n      });\n    }\n  };\n\n  const handleBlur = (e: FocusEvent<HTMLElement>) => {\n    // Delay so option mousedown can run first\n    const related = e.relatedTarget as Node | null;\n    if (related && rootRef.current?.contains(related)) return;\n    setIsFocused(false);\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (disabled) return;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        if (!isOpen) open();\n        else moveActive(1);\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        if (!isOpen) open();\n        else moveActive(-1);\n        break;\n      case 'Home':\n        if (isOpen && rows.length > 0) {\n          e.preventDefault();\n          setActiveIndex(\n            Math.max(\n              0,\n              rows.findIndex((row) => !isRowDisabled(row)),\n            ),\n          );\n        }\n        break;\n      case 'End':\n        if (isOpen && rows.length > 0) {\n          e.preventDefault();\n          for (let i = rows.length - 1; i >= 0; i--) {\n            if (!isRowDisabled(rows[i])) {\n              setActiveIndex(i);\n              break;\n            }\n          }\n        }\n        break;\n      case 'Enter':\n        if (isOpen && activeIndex >= 0 && rows[activeIndex]) {\n          e.preventDefault();\n          selectRow(rows[activeIndex]);\n        }\n        break;\n      case 'Escape':\n        if (isOpen) {\n          e.preventDefault();\n          close();\n        }\n        break;\n      case 'Backspace':\n        if (multiple && displayInput === '' && multiValue.length > 0) {\n          e.preventDefault();\n          removeValue(multiValue[multiValue.length - 1]);\n        }\n        break;\n      case 'Tab':\n        close();\n        break;\n      default:\n        break;\n    }\n  };\n\n  const handleWrapperMouseDown = (e: MouseEvent<HTMLDivElement>) => {\n    if (disabled) return;\n    // Don't steal focus from chips, their remove buttons, or the clear button\n    if ((e.target as HTMLElement).closest('[data-chip], [data-combobox-clear]'))\n      return;\n    if (e.target !== inputRef.current) {\n      e.preventDefault();\n      inputRef.current?.focus();\n    }\n    if (!isOpen) open();\n  };\n\n  const hasSelection = multiple\n    ? multiValue.length > 0\n    : singleValue != null && singleValue !== '';\n  const hasInputText = displayInput.length > 0;\n  const showClearButton = clearable && !multiple && hasSelection && !disabled;\n  const labelFloated = isFocused || isOpen || hasSelection || hasInputText;\n\n  const activeRow = activeIndex >= 0 ? rows[activeIndex] : undefined;\n  const activeDescendant = activeRow != null ? rowId(activeRow) : undefined;\n\n  // Without `selectedOptions`, values in `options` keep their list order (the\n  // original behavior); with it, chips follow value order so they don't jump\n  // around as async results change.\n  const chipOptions = useMemo<ComboboxOption[]>(() => {\n    if (!multiple) return [];\n    if (selectedOptions == null) {\n      const fromOptions = options.filter((o) => multiValue.includes(o.value));\n      if (!creatable) return fromOptions;\n      const listed = new Set(fromOptions.map((o) => o.value));\n      return [\n        ...fromOptions,\n        ...multiValue\n          .filter((v) => !listed.has(v))\n          .map((v) => ({ value: v, label: v })),\n      ];\n    }\n    return multiValue\n      .map(resolveOption)\n      .filter((o): o is ComboboxOption => o != null);\n  }, [\n    multiple,\n    selectedOptions,\n    options,\n    multiValue,\n    creatable,\n    resolveOption,\n  ]);\n\n  const sizeClass = styles[`combobox--size-${toKebab(size)}`];\n  const hasChips = multiple && chipOptions.length > 0;\n  const rootClass = [\n    styles.combobox,\n    sizeClass,\n    invalid ? styles['combobox--invalid'] : '',\n    label != null && labelFloated ? styles['combobox--label-floated'] : '',\n    leadingIcon != null ? styles['combobox--has-leading-icon'] : '',\n    hasChips ? styles['combobox--has-chips'] : '',\n    isOpen ? styles['combobox--open'] : '',\n    disabled ? styles['combobox--disabled'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} ref={rootRef}>\n      <div className={styles.combobox__wrapper} ref={anchorRef}>\n        {label != null && (\n          <label className={styles.combobox__label} htmlFor={id}>\n            {label}\n          </label>\n        )}\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions -- pointer convenience; the input owns keyboard interaction */}\n        <div\n          className={styles.combobox__inner}\n          onMouseDown={handleWrapperMouseDown}\n        >\n          {leadingIcon != null && (\n            <span className={styles['combobox__leading-icon']} aria-hidden>\n              <IconSlotContext.Provider value={{ size: '16' }}>\n                {leadingIcon}\n              </IconSlotContext.Provider>\n            </span>\n          )}\n          <div className={styles.combobox__value}>\n            {multiple && chipOptions.length > 0 && (\n              <ChipGroup\n                aria-label={selectionsLabel ?? defaultSelectionsLabel(label)}\n                disabled={disabled}\n              >\n                {chipOptions.map((option) => (\n                  <Chip\n                    key={option.value}\n                    size={CHIP_SIZE_BY_COMBOBOX[size]}\n                    leadingAvatar={option.leadingAvatar}\n                    leadingIcon={\n                      option.leadingAvatar == null\n                        ? option.leadingVisual\n                        : undefined\n                    }\n                    onRemove={\n                      disabled\n                        ? undefined\n                        : (ev) => {\n                            ev.stopPropagation();\n                            removeValue(option.value);\n                          }\n                    }\n                  >\n                    {option.label}\n                  </Chip>\n                ))}\n              </ChipGroup>\n            )}\n            <input\n              ref={setInputRef}\n              id={id}\n              className={styles.combobox__control}\n              type=\"text\"\n              role=\"combobox\"\n              autoComplete=\"off\"\n              spellCheck={false}\n              disabled={disabled}\n              placeholder={\n                multiple && chipOptions.length > 0 ? undefined : placeholder\n              }\n              value={displayInput}\n              aria-label={ariaLabel}\n              aria-invalid={invalid ? true : undefined}\n              aria-expanded={isOpen}\n              aria-controls={listboxId}\n              aria-autocomplete=\"list\"\n              aria-activedescendant={activeDescendant}\n              aria-busy={loading || undefined}\n              onChange={handleInputChange}\n              onFocus={handleFocus}\n              onBlur={handleBlur}\n              onKeyDown={handleKeyDown}\n            />\n          </div>\n          {showClearButton && (\n            <button\n              {...clearButtonProps}\n              type=\"button\"\n              className={mergeClassNames(\n                styles.combobox__clear,\n                clearButtonProps?.className,\n              )}\n              aria-label={clearLabel}\n              data-combobox-clear=\"\"\n              onClick={clearValue}\n              onBlur={(e) => {\n                clearButtonProps?.onBlur?.(e);\n                handleBlur(e);\n              }}\n            >\n              <Icon size={CLEAR_ICON_SIZE[size]} glyph={<CloseCircleIcon />} />\n            </button>\n          )}\n          <span className={styles['combobox__trailing-icon']} aria-hidden>\n            <Icon size=\"12\" glyph={<ChevronDownIcon />} />\n          </span>\n        </div>\n      </div>\n\n      {popupMounted &&\n        renderPortal(\n          <div\n            ref={portalRef}\n            className={[\n              styles.combobox__popup,\n              placement === 'above' ? styles['combobox__popup--above'] : '',\n              popupVisible ? styles['combobox__popup--visible'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            style={popupStyle}\n          >\n            <PopoverMenu className={styles.combobox__menu}>\n              <PopoverMenuScroll maxHeight={maxHeight}>\n                {rows.length > 0 && (\n                  <ul\n                    id={listboxId}\n                    className={styles.combobox__list}\n                    role=\"listbox\"\n                    aria-multiselectable={multiple || undefined}\n                    aria-label={\n                      typeof label === 'string'\n                        ? label\n                        : (ariaLabel ?? listboxLabel)\n                    }\n                  >\n                    {rows.map((row, index) => {\n                      const active = index === activeIndex;\n                      const preventBlur = (ev: MouseEvent) => {\n                        // Prevent input blur before click handler\n                        ev.preventDefault();\n                      };\n                      if (row.kind === 'create') {\n                        return (\n                          <li\n                            key={rowId(row)}\n                            className={styles.combobox__option}\n                            role=\"presentation\"\n                          >\n                            <MenuItem\n                              id={rowId(row)}\n                              role=\"option\"\n                              label={formatCreateLabel(row.inputValue)}\n                              leadingVisual={<Icon glyph={<PlusIcon />} />}\n                              active={active}\n                              aria-selected={false}\n                              onMouseDown={preventBlur}\n                              onMouseEnter={() => setActiveIndex(index)}\n                              onClick={() => createValue(row.inputValue)}\n                            />\n                          </li>\n                        );\n                      }\n                      const { option } = row;\n                      const selected = isSelected(option.value);\n                      const leading = optionLeadingVisual(option);\n                      return (\n                        <li\n                          key={option.value}\n                          className={styles.combobox__option}\n                          role=\"presentation\"\n                        >\n                          <MenuItem\n                            id={rowId(row)}\n                            role=\"option\"\n                            label={option.label}\n                            secondaryLabel={option.secondaryLabel}\n                            leadingElement={leading != null}\n                            leadingVisual={leading}\n                            trailingElement={selected}\n                            active={active}\n                            disabled={option.disabled}\n                            aria-selected={selected}\n                            onMouseDown={preventBlur}\n                            onMouseEnter={() => setActiveIndex(index)}\n                            onClick={() => selectOption(option)}\n                          />\n                        </li>\n                      );\n                    })}\n                  </ul>\n                )}\n                {loading ? (\n                  <div className={styles.combobox__loading} role=\"status\">\n                    <Spinner size=\"16\" aria-hidden />\n                    <span>{loadingMessage}</span>\n                  </div>\n                ) : (\n                  rows.length === 0 && (\n                    <p className={styles.combobox__empty}>{emptyMessage}</p>\n                  )\n                )}\n              </PopoverMenuScroll>\n            </PopoverMenu>\n          </div>,\n        )}\n    </div>\n  );\n});\n\nexport default Combobox;\n"],"names":["POPUP_MAX_HEIGHT","CHIP_SIZE_BY_COMBOBOX","CLEAR_ICON_SIZE","defaultSelectionsLabel","label","defaultFormatCreateLabel","inputValue","isRowDisabled","row","defaultFilter","option","query","toSingleValue","value","toMultiValue","optionLeadingVisual","jsx","UserAvatar","Combobox","forwardRef","options","multiple","valueProp","defaultValue","onChange","inputValueProp","defaultInputValue","onInputChange","placeholder","leadingIcon","size","invalid","disabled","filter","emptyMessage","loading","loadingMessage","selectedOptions","creatable","onCreateOption","formatCreateLabel","clearable","clearLabel","clearButtonProps","selectionsLabel","listboxLabel","className","idProp","ariaLabel","portalContainer","zIndex","ref","generatedId","useId","id","listboxId","rootRef","useRef","anchorRef","inputRef","setInputRef","useCallback","node","isValueControlled","uncontrolledValue","setUncontrolledValue","useState","rawValue","singleValue","multiValue","useMemo","isInputControlled","uncontrolledInput","setUncontrolledInput","isOpen","setIsOpen","isFocused","setIsFocused","activeIndex","setActiveIndex","queryOverride","setQueryOverride","resolveOption","optionValue","o","selectedOption","displayInput","filterQuery","setInputDisplay","next","commitValue","filteredOptions","fn","createInput","showCreateRow","needle","matches","text","rows","rowId","popupMounted","popupVisible","usePopoverTransition","placement","maxHeight","popupStyle","portalRef","renderPortal","useAnchoredPopupPortal","close","open","useOutsideClose","useEffect","prev","selectedIdx","isSelected","selectOption","v","_a","createValue","selectRow","clearValue","removeValue","moveActive","delta","enabled","i","currentPos","nextPos","_b","handleInputChange","handleFocus","handleBlur","related","handleKeyDown","handleWrapperMouseDown","hasSelection","hasInputText","showClearButton","labelFloated","activeRow","activeDescendant","chipOptions","fromOptions","listed","sizeClass","styles","toKebab","hasChips","rootClass","jsxs","IconSlotContext","ChipGroup","Chip","ev","mergeClassNames","Icon","CloseCircleIcon","ChevronDownIcon","PopoverMenu","PopoverMenuScroll","index","active","preventBlur","MenuItem","PlusIcon","selected","leading","Spinner"],"mappings":"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"}

package/dist/components/combobox/Combobox.css

@@ -1 +1 @@
-._combobox_14wpn_2{position:relative;display:flex;flex-direction:column;width:100%}._combobox__wrapper_14wpn_8{position:relative;background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);transition:box-shadow var(--duration-quick) var(--ease-transition);cursor:text}._combobox_14wpn_2:not(._combobox--disabled_14wpn_16):hover:not(:focus-within) ._combobox__wrapper_14wpn_8{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._combobox_14wpn_2:focus-within ._combobox__wrapper_14wpn_8{box-shadow:inset 0 0 0 1px var(--focus-ring-color),0 0 0 1px var(--focus-ring-color)}._combobox--disabled_14wpn_16 ._combobox__wrapper_14wpn_8{opacity:.56;cursor:not-allowed}._combobox__label_14wpn_26{position:absolute;left:var(--spacing-xs);top:50%;z-index:1;padding:0 var(--spacing-xxxs);transform:translateY(-50%);margin:0;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);font-weight:var(--font-weight-regular);color:rgba(var(--center-channel-color-rgb),.64);background-color:var(--center-channel-bg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transition:transform var(--duration-quick) var(--ease-transition),font-size var(--duration-quick) var(--ease-transition),top var(--duration-quick) var(--ease-transition),left var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._combobox--label-floated_14wpn_47 ._combobox__label_14wpn_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox_14wpn_2:focus-within ._combobox__label_14wpn_26{color:var(--button-bg)}._combobox__inner_14wpn_56{display:flex;align-items:center;position:relative;gap:var(--spacing-xs);width:100%;box-sizing:border-box}._combobox__leading-icon_14wpn_64{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64);pointer-events:none}._combobox__value_14wpn_72{display:flex;flex:1 1 0;flex-wrap:wrap;align-items:center;align-self:stretch;gap:var(--spacing-xxs);min-width:0;margin:-1px 0}._combobox__control_14wpn_82{flex:1 1 0;width:100%;min-width:0;min-height:100%;margin:0;padding:0;border:0;background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);font-weight:var(--font-weight-regular);color:var(--center-channel-color)}._combobox__control_14wpn_82::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._combobox__control_14wpn_82:focus{outline:none}._combobox__control_14wpn_82:disabled{cursor:not-allowed;color:rgba(var(--center-channel-color-rgb),.64)}._combobox__trailing-icon_14wpn_107{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64);pointer-events:none;margin-right:var(--spacing-xxxs);transition:transform var(--duration-quick) var(--ease-transition)}._combobox--open_14wpn_117 ._combobox__trailing-icon_14wpn_107{transform:rotate(180deg)}._combobox__popup_14wpn_120{opacity:0;transform:scale(.9);transform-origin:top center;transition:opacity var(--duration-quick) var(--ease-exit),transform var(--duration-quick) var(--ease-exit);pointer-events:none}._combobox__popup--above_14wpn_127{transform-origin:bottom center}._combobox__popup--visible_14wpn_130{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity var(--duration-quick) var(--ease-entrance),transform var(--duration-quick) var(--ease-entrance)}._combobox__menu_14wpn_136{width:100%;min-width:100%;max-width:none}._combobox__empty_14wpn_141{margin:0;padding:var(--spacing-s) var(--spacing-l);font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.64)}._combobox__loading_14wpn_149{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-s) var(--spacing-l);font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.72)}._combobox__list_14wpn_159{margin:0;padding:0;list-style:none}._combobox__option_14wpn_164{display:block;width:100%}._combobox--size-small_14wpn_168 ._combobox__wrapper_14wpn_8{min-height:32px}._combobox--size-small_14wpn_168 ._combobox__inner_14wpn_56{padding:var(--spacing-xs) var(--spacing-m);gap:var(--spacing-xs)}._combobox--size-small_14wpn_168._combobox--has-chips_14wpn_175 ._combobox__inner_14wpn_56{padding-block:var(--spacing-xxs)}._combobox--size-small_14wpn_168 ._combobox__control_14wpn_82{font-size:var(--font-size-75);line-height:var(--line-height-75)}._combobox--size-small_14wpn_168 ._combobox__trailing-icon_14wpn_107 svg{width:var(--icon-size-12);height:var(--icon-size-12)}._combobox--size-small_14wpn_168._combobox--label-floated_14wpn_47 ._combobox__label_14wpn_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox--size-medium_14wpn_192 ._combobox__wrapper_14wpn_8{min-height:40px}._combobox--size-medium_14wpn_192 ._combobox__inner_14wpn_56{padding:var(--spacing-s) var(--spacing-l);gap:var(--spacing-s)}._combobox--size-medium_14wpn_192._combobox--has-chips_14wpn_175 ._combobox__inner_14wpn_56{padding-block:var(--spacing-xs)}._combobox--size-medium_14wpn_192 ._combobox__control_14wpn_82{font-size:var(--font-size-100);line-height:var(--line-height-100)}._combobox--size-medium_14wpn_192 ._combobox__label_14wpn_26{font-size:var(--font-size-100);left:var(--spacing-m)}._combobox--size-medium_14wpn_192 ._combobox__trailing-icon_14wpn_107 svg{width:var(--icon-size-16);height:var(--icon-size-16)}._combobox--size-medium_14wpn_192._combobox--label-floated_14wpn_47 ._combobox__label_14wpn_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox--size-large_14wpn_220 ._combobox__wrapper_14wpn_8{min-height:48px}._combobox--size-large_14wpn_220 ._combobox__inner_14wpn_56{padding:var(--spacing-m) var(--spacing-l);gap:var(--spacing-s)}._combobox--size-large_14wpn_220._combobox--has-chips_14wpn_175 ._combobox__inner_14wpn_56{padding-block:var(--spacing-xs)}._combobox--size-large_14wpn_220 ._combobox__control_14wpn_82{font-size:var(--font-size-200);line-height:var(--line-height-200)}._combobox--size-large_14wpn_220 ._combobox__label_14wpn_26{font-size:var(--font-size-200);line-height:var(--line-height-200);left:var(--spacing-m)}._combobox--size-large_14wpn_220 ._combobox__trailing-icon_14wpn_107 svg{width:var(--icon-size-16);height:var(--icon-size-16)}._combobox--size-large_14wpn_220._combobox--label-floated_14wpn_47 ._combobox__label_14wpn_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox--invalid_14wpn_249 ._combobox__wrapper_14wpn_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._combobox--invalid_14wpn_249:focus-within ._combobox__wrapper_14wpn_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 2px var(--error-text, var(--color-danger))}._combobox--invalid_14wpn_249 ._combobox__label_14wpn_26{color:var(--error-text, var(--color-danger))}._combobox--invalid_14wpn_249:focus-within ._combobox__label_14wpn_26{color:var(--error-text, var(--color-danger))}._combobox--has-leading-icon_14wpn_261 ._combobox__label_14wpn_26{left:32px}._combobox--has-leading-icon_14wpn_261._combobox--label-floated_14wpn_47 ._combobox__label_14wpn_26{left:var(--spacing-xs)}._combobox--has-leading-icon_14wpn_261._combobox--size-medium_14wpn_192 ._combobox__label_14wpn_26,._combobox--has-leading-icon_14wpn_261._combobox--size-large_14wpn_220 ._combobox__label_14wpn_26{left:38px}._combobox--has-leading-icon_14wpn_261._combobox--size-medium_14wpn_192._combobox--label-floated_14wpn_47 ._combobox__label_14wpn_26,._combobox--has-leading-icon_14wpn_261._combobox--size-large_14wpn_220._combobox--label-floated_14wpn_47 ._combobox__label_14wpn_26{left:var(--spacing-m)}._combobox_14wpn_2:has(._combobox__label_14wpn_26):not(._combobox--label-floated_14wpn_47) ._combobox__control_14wpn_82{color:transparent}._combobox_14wpn_2:has(._combobox__label_14wpn_26):not(._combobox--label-floated_14wpn_47) ._combobox__control_14wpn_82::placeholder{color:transparent}
+._combobox_ionfr_2{position:relative;display:flex;flex-direction:column;width:100%}._combobox__wrapper_ionfr_8{position:relative;background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);transition:box-shadow var(--duration-quick) var(--ease-transition);cursor:text}._combobox_ionfr_2:not(._combobox--disabled_ionfr_16):hover:not(:focus-within) ._combobox__wrapper_ionfr_8{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._combobox_ionfr_2:focus-within ._combobox__wrapper_ionfr_8{box-shadow:inset 0 0 0 1px var(--focus-ring-color),0 0 0 1px var(--focus-ring-color)}._combobox--disabled_ionfr_16 ._combobox__wrapper_ionfr_8{opacity:.56;cursor:not-allowed}._combobox__label_ionfr_26{position:absolute;left:var(--spacing-xs);top:50%;z-index:1;padding:0 var(--spacing-xxxs);transform:translateY(-50%);margin:0;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);font-weight:var(--font-weight-regular);color:rgba(var(--center-channel-color-rgb),.64);background-color:var(--center-channel-bg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transition:transform var(--duration-quick) var(--ease-transition),font-size var(--duration-quick) var(--ease-transition),top var(--duration-quick) var(--ease-transition),left var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._combobox--label-floated_ionfr_47 ._combobox__label_ionfr_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox_ionfr_2:focus-within ._combobox__label_ionfr_26{color:var(--button-bg)}._combobox__inner_ionfr_56{display:flex;align-items:center;position:relative;gap:var(--spacing-xs);width:100%;box-sizing:border-box}._combobox__leading-icon_ionfr_64{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64);pointer-events:none}._combobox__value_ionfr_72{display:flex;flex:1 1 0;flex-wrap:wrap;align-items:center;align-self:stretch;gap:var(--spacing-xxs);min-width:0;margin:-1px 0}._combobox__control_ionfr_82{flex:1 1 0;width:100%;min-width:0;min-height:100%;margin:0;padding:0;border:0;background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);font-weight:var(--font-weight-regular);color:var(--center-channel-color)}._combobox__control_ionfr_82::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._combobox__control_ionfr_82:focus{outline:none}._combobox__control_ionfr_82:disabled{cursor:not-allowed;color:rgba(var(--center-channel-color-rgb),.64)}._combobox__trailing-icon_ionfr_107{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64);pointer-events:none;margin-right:var(--spacing-xxxs);transition:transform var(--duration-quick) var(--ease-transition)}._combobox--open_ionfr_117 ._combobox__trailing-icon_ionfr_107{transform:rotate(180deg)}._combobox__clear_ionfr_120{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin:0;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:rgba(var(--center-channel-color-rgb),.64);cursor:pointer;outline:2px solid color-mix(in srgb,var(--focus-ring-color) 0%,transparent);outline-offset:0;transition:color var(--duration-quick) var(--ease-transition),outline-color var(--duration-quick) var(--ease-transition),outline-offset var(--duration-quick) var(--ease-transition)}._combobox__clear_ionfr_120:hover{color:var(--center-channel-color)}._combobox__clear_ionfr_120:focus-visible{outline-color:var(--focus-ring-color);outline-offset:3px}._combobox__popup_ionfr_143{opacity:0;transform:scale(.9);transform-origin:top center;transition:opacity var(--duration-quick) var(--ease-exit),transform var(--duration-quick) var(--ease-exit);pointer-events:none}._combobox__popup--above_ionfr_150{transform-origin:bottom center}._combobox__popup--visible_ionfr_153{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity var(--duration-quick) var(--ease-entrance),transform var(--duration-quick) var(--ease-entrance)}._combobox__menu_ionfr_159{width:100%;min-width:100%;max-width:none}._combobox__empty_ionfr_164{margin:0;padding:var(--spacing-s) var(--spacing-l);font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.64)}._combobox__loading_ionfr_172{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-s) var(--spacing-l);font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.72)}._combobox__list_ionfr_182{margin:0;padding:0;list-style:none}._combobox__option_ionfr_187{display:block;width:100%}._combobox--size-small_ionfr_191 ._combobox__wrapper_ionfr_8{min-height:32px}._combobox--size-small_ionfr_191 ._combobox__inner_ionfr_56{padding:var(--spacing-xs) var(--spacing-m);gap:var(--spacing-xs)}._combobox--size-small_ionfr_191._combobox--has-chips_ionfr_198 ._combobox__inner_ionfr_56{padding-block:var(--spacing-xxs)}._combobox--size-small_ionfr_191 ._combobox__control_ionfr_82{font-size:var(--font-size-75);line-height:var(--line-height-75)}._combobox--size-small_ionfr_191 ._combobox__trailing-icon_ionfr_107 svg{width:var(--icon-size-12);height:var(--icon-size-12)}._combobox--size-small_ionfr_191._combobox--label-floated_ionfr_47 ._combobox__label_ionfr_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox--size-medium_ionfr_215 ._combobox__wrapper_ionfr_8{min-height:40px}._combobox--size-medium_ionfr_215 ._combobox__inner_ionfr_56{padding:var(--spacing-s) var(--spacing-l);gap:var(--spacing-s)}._combobox--size-medium_ionfr_215._combobox--has-chips_ionfr_198 ._combobox__inner_ionfr_56{padding-block:var(--spacing-xs)}._combobox--size-medium_ionfr_215 ._combobox__control_ionfr_82{font-size:var(--font-size-100);line-height:var(--line-height-100)}._combobox--size-medium_ionfr_215 ._combobox__label_ionfr_26{font-size:var(--font-size-100);left:var(--spacing-m)}._combobox--size-medium_ionfr_215 ._combobox__trailing-icon_ionfr_107 svg{width:var(--icon-size-16);height:var(--icon-size-16)}._combobox--size-medium_ionfr_215._combobox--label-floated_ionfr_47 ._combobox__label_ionfr_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox--size-large_ionfr_243 ._combobox__wrapper_ionfr_8{min-height:48px}._combobox--size-large_ionfr_243 ._combobox__inner_ionfr_56{padding:var(--spacing-m) var(--spacing-l);gap:var(--spacing-s)}._combobox--size-large_ionfr_243._combobox--has-chips_ionfr_198 ._combobox__inner_ionfr_56{padding-block:var(--spacing-xs)}._combobox--size-large_ionfr_243 ._combobox__control_ionfr_82{font-size:var(--font-size-200);line-height:var(--line-height-200)}._combobox--size-large_ionfr_243 ._combobox__label_ionfr_26{font-size:var(--font-size-200);line-height:var(--line-height-200);left:var(--spacing-m)}._combobox--size-large_ionfr_243 ._combobox__trailing-icon_ionfr_107 svg{width:var(--icon-size-16);height:var(--icon-size-16)}._combobox--size-large_ionfr_243._combobox--label-floated_ionfr_47 ._combobox__label_ionfr_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox--invalid_ionfr_272 ._combobox__wrapper_ionfr_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._combobox--invalid_ionfr_272:focus-within ._combobox__wrapper_ionfr_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 2px var(--error-text, var(--color-danger))}._combobox--invalid_ionfr_272 ._combobox__label_ionfr_26{color:var(--error-text, var(--color-danger))}._combobox--invalid_ionfr_272:focus-within ._combobox__label_ionfr_26{color:var(--error-text, var(--color-danger))}._combobox--has-leading-icon_ionfr_284 ._combobox__label_ionfr_26{left:32px}._combobox--has-leading-icon_ionfr_284._combobox--label-floated_ionfr_47 ._combobox__label_ionfr_26{left:var(--spacing-xs)}._combobox--has-leading-icon_ionfr_284._combobox--size-medium_ionfr_215 ._combobox__label_ionfr_26,._combobox--has-leading-icon_ionfr_284._combobox--size-large_ionfr_243 ._combobox__label_ionfr_26{left:38px}._combobox--has-leading-icon_ionfr_284._combobox--size-medium_ionfr_215._combobox--label-floated_ionfr_47 ._combobox__label_ionfr_26,._combobox--has-leading-icon_ionfr_284._combobox--size-large_ionfr_243._combobox--label-floated_ionfr_47 ._combobox__label_ionfr_26{left:var(--spacing-m)}._combobox_ionfr_2:has(._combobox__label_ionfr_26):not(._combobox--label-floated_ionfr_47) ._combobox__control_ionfr_82{color:transparent}._combobox_ionfr_2:has(._combobox__label_ionfr_26):not(._combobox--label-floated_ionfr_47) ._combobox__control_ionfr_82::placeholder{color:transparent}

package/dist/components/combobox/Combobox.d.ts

@@ -1,7 +1,9 @@
 import { ReactNode } from 'react';
+import { BuiltInButtonProps } from '../../utils/props';
 export type ComboboxSize = 'small' | 'medium' | 'large';
 export type ComboboxOption = {
     value: string;
+    /** Kept as `string`: the default filter, create-row matching, and the single-select input text all read it. */
     label: string;
     disabled?: boolean;
     /** Leading content for the list row (icon or avatar node). */
@@ -11,7 +13,8 @@ export type ComboboxOption = {
         src: string;
         alt: string;
     };
-    secondaryLabel?: string;
+    /** Accepts translated nodes. */
+    secondaryLabel?: ReactNode;
 };
 export interface ComboboxProps {
     options: ComboboxOption[];
@@ -64,6 +67,26 @@ export interface ComboboxProps {
     onCreateOption?: (inputValue: string) => void;
     /** Create row label. Default: `Create "{inputValue}"`. */
     formatCreateLabel?: (inputValue: string) => ReactNode;
+    /**
+     * Single mode: when a value is set, shows a clear button inside the control
+     * that calls `onChange(null)`. Ignored with `multiple` (chips have their own
+     * remove control). Default: false.
+     */
+    clearable?: boolean;
+    /** Accessible name for the clear button. Default: "Clear". */
+    clearLabel?: string;
+    /** Extra attributes for the clear button (e.g. `data-testid`). */
+    clearButtonProps?: BuiltInButtonProps;
+    /**
+     * Accessible name for the chip group in `multiple` mode. Default:
+     * `{label} selections` when `label` is a string, otherwise "Selected".
+     */
+    selectionsLabel?: string;
+    /**
+     * Accessible name for the options list when `label` isn't a string and no
+     * `aria-label` is set. Default: "Options".
+     */
+    listboxLabel?: string;
     className?: string;
     id?: string;
     'aria-label'?: string;

package/dist/components/combobox/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAKV,SAAS,EACV,MAAM,OAAO,CAAC;AA6Bf,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,8EAA8E;IAC9E,aAAa,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC;IACxE,wEAAwE;IACxE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,0DAA0D;IAC1D,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,SAAS,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAuDD;;;;GAIG;AACH,QAAA,MAAM,QAAQ,4GAgqBZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.tsx"],"names":[],"mappings":"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"}