@leafygreen-ui/combobox 6.0.0 → 6.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- !function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react"),require("lodash/clone"),require("lodash/debounce"),require("lodash/isArray"),require("lodash/isEqual"),require("lodash/isNull"),require("lodash/isString"),require("lodash/isUndefined"),require("prop-types"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/hooks"),require("@leafygreen-ui/icon"),require("@leafygreen-ui/icon-button"),require("@leafygreen-ui/leafygreen-provider"),require("@leafygreen-ui/lib"),require("@leafygreen-ui/typography"),require("@leafygreen-ui/inline-definition"),require("polished"),require("@leafygreen-ui/palette"),require("@leafygreen-ui/tokens"),require("@leafygreen-ui/popover"),require("@leafygreen-ui/input-option"),require("lodash/kebabCase"),require("lodash/escapeRegExp"),require("@leafygreen-ui/checkbox")):"function"==typeof define&&define.amd?define(["exports","react","lodash/clone","lodash/debounce","lodash/isArray","lodash/isEqual","lodash/isNull","lodash/isString","lodash/isUndefined","prop-types","@leafygreen-ui/emotion","@leafygreen-ui/hooks","@leafygreen-ui/icon","@leafygreen-ui/icon-button","@leafygreen-ui/leafygreen-provider","@leafygreen-ui/lib","@leafygreen-ui/typography","@leafygreen-ui/inline-definition","polished","@leafygreen-ui/palette","@leafygreen-ui/tokens","@leafygreen-ui/popover","@leafygreen-ui/input-option","lodash/kebabCase","lodash/escapeRegExp","@leafygreen-ui/checkbox"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/combobox"]={},e.React,e.clone,e.debounce,e.isArray,e.isEqual,e.isNull,e.isString,e.isUndefined,e.PropTypes,e["@leafygreen-ui/emotion"],e["@leafygreen-ui/hooks"],e["@leafygreen-ui/icon"],e["@leafygreen-ui/icon-button"],e["@leafygreen-ui/leafygreen-provider"],e["@leafygreen-ui/lib"],e["@leafygreen-ui/typography"],e["@leafygreen-ui/inline-definition"],e.polished,e["@leafygreen-ui/palette"],e["@leafygreen-ui/tokens"],e["@leafygreen-ui/popover"],e["@leafygreen-ui/input-option"],e.kebabCase,e.escapeRegExp,e["@leafygreen-ui/checkbox"])}(this,(function(e,n,t,a,r,l,o,i,s,c,u,d,f,p,h,g,m,b,y,v,x,k,w,C,E,S){"use strict";function T(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var L=T(n),D=T(t),N=T(a),O=T(r),M=T(l),I=T(o),j=T(i),R=T(s),q=T(c),z=T(f),A=T(p),F=T(h),P=T(b),W=T(k),X=T(C),G=T(E),H=T(S);function K(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function U(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?K(Object(t),!0).forEach((function(n){V(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):K(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function Y(e){return Y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Y(e)}function V(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function B(){return B=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},B.apply(this,arguments)}function Z(e,n){if(null==e)return{};var t,a,r=function(e,n){if(null==e)return{};var t,a,r={},l=Object.keys(e);for(a=0;a<l.length;a++)t=l[a],n.indexOf(t)>=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)t=l[a],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}function _(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function $(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var a,r,l=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(l.push(a.value),!n||l.length!==n);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw r}}return l}(e,n)||Q(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function J(e){return function(e){if(Array.isArray(e))return ee(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Q(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Q(e,n){if(e){if("string"==typeof e)return ee(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?ee(e,n):void 0}}function ee(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}var ne,te,ae,re,le,oe,ie,se,ce,ue,de,fe,pe,he,ge,me,be,ye,ve,xe,ke,we,Ce,Ee,Se,Te,Le="Input",De="ClearButton",Ne="FirstChip",Oe="LastChip",Me="MiddleChip",Ie="Combobox",je="Menu",Re={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},qe={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},ze={error:"error",none:"none"},Ae={unset:"unset",error:"error",loading:"loading"};var Fe,Pe,We,Xe,Ge,He,Ke,Ue,Ye,Ve,Be,Ze,_e,$e,Je,Qe,en,nn,tn,an,rn,ln,on,sn,cn,un,dn,fn,pn,hn,gn,mn,bn,yn,vn,xn,kn,wn,Cn,En,Sn,Tn,Ln,Dn,Nn,On,Mn,In,jn,Rn,qn,zn,An,Fn,Pn,Wn,Xn,Gn=(V(ne={},Re.XSmall,16),V(ne,Re.Small,x.typeScales.body1.lineHeight),V(ne,Re.Default,x.typeScales.body1.lineHeight),V(ne,Re.Large,x.typeScales.body2.lineHeight),ne),Hn=(V(te={},Re.XSmall,x.typeScales.body1.fontSize),V(te,Re.Small,x.typeScales.body1.fontSize),V(te,Re.Default,x.typeScales.body1.fontSize),V(te,Re.Large,x.typeScales.body2.fontSize),te),Kn=(V(ae={},Re.XSmall,1),V(ae,Re.Small,0),V(ae,Re.Default,2),V(ae,Re.Large,4),ae),Un=function(e){return Gn[e]+2*Kn[e]},Yn=u.css(re||(re=_(["\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n white-space: nowrap;\n box-sizing: border-box;\n border-radius: 4px;\n"]))),Vn=function(e){return u.css(le||(le=_(["\n font-size: ","px;\n line-height: ","px;\n"])),Hn[e],Gn[e])},Bn=(V(se={},g.Theme.Light,u.css(oe||(oe=_(["\n color: ",";\n background-color: ",";\n\n // TODO: - refine these styles with Design\n &:focus-within {\n background-color: ",";\n }\n "])),v.palette.black,v.palette.gray.light2,v.palette.blue.light2)),V(se,g.Theme.Dark,u.css(ie||(ie=_(["\n color: ",";\n background-color: ",";\n\n &:focus-within {\n background-color: ",";\n }\n "])),v.palette.gray.light2,v.palette.gray.dark2,v.palette.blue.dark2)),se),Zn=u.css(ce||(ce=_(["\n cursor: not-allowed;\n pointer-events: none;\n"]))),_n=(V(fe={},g.Theme.Light,u.css(ue||(ue=_(["\n color: ",";\n background-color: ",";\n "])),v.palette.gray.base,v.palette.gray.light3)),V(fe,g.Theme.Dark,u.css(de||(de=_(["\n color: ",";\n background-color: ",";\n box-shadow: inset 0 0 1px 1px ",";\n "])),v.palette.gray.dark2,v.palette.gray.dark4,v.palette.gray.dark2)),fe),$n=(V(be={},Re.XSmall,u.css(pe||(pe=_(["\n padding-inline-start: 6px;\n padding-inline-end: 2px;\n padding-block: ","px;\n "])),Kn[Re.XSmall])),V(be,Re.Small,u.css(he||(he=_(["\n padding-inline-start: 6px;\n padding-inline-end: 2px;\n padding-block: ","px;\n "])),Kn[Re.Small])),V(be,Re.Default,u.css(ge||(ge=_(["\n padding-inline-start: 6px;\n padding-inline-end: 2px;\n padding-block: ","px;\n "])),Kn[Re.Default])),V(be,Re.Large,u.css(me||(me=_(["\n padding-inline: 10px;\n padding-block: ","px;\n "])),Kn[Re.Large])),be),Jn=u.css(ye||(ye=_(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n outline: none;\n border: none;\n background-color: transparent;\n cursor: pointer;\n transition: background-color ","ms ease-in-out;\n padding: 0 2px;\n"])),x.transitionDuration.faster),Qn=function(e){return u.css(ve||(ve=_(["\n height: ","px;\n"])),Un(e))},et=(V(we={},g.Theme.Light,u.css(xe||(xe=_(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),v.palette.gray.dark2,v.palette.black,v.palette.gray.light1)),V(we,g.Theme.Dark,u.css(ke||(ke=_(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),v.palette.gray.light1,v.palette.gray.light3,v.palette.gray.dark1)),we),nt=u.css(Ce||(Ce=_(["\n cursor: not-allowed;\n &:hover {\n color: inherit;\n background-color: unset;\n }\n"]))),tt=(V(Te={},g.Theme.Light,u.css(Ee||(Ee=_(["\n color: ",";\n "])),v.palette.gray.light1)),V(Te,g.Theme.Dark,u.css(Se||(Se=_(["\n color: ",";\n "])),v.palette.gray.dark2)),Te),at=Un,rt=(V(Fe={},Re.XSmall,22),V(Fe,Re.Small,28),V(Fe,Re.Default,36),V(Fe,Re.Large,48),Fe),lt=function(e){return(rt[e]-at(e)-2)/2},ot=(V(Pe={},Re.XSmall,{y:lt(Re.XSmall),xLeftWithChip:1,xLeftWithoutChip:10,xRight:4}),V(Pe,Re.Small,{y:lt(Re.Small),xLeftWithChip:4,xLeftWithoutChip:10,xRight:8}),V(Pe,Re.Default,{y:lt(Re.Default),xLeftWithChip:6,xLeftWithoutChip:12,xRight:12}),V(Pe,Re.Large,{y:lt(Re.Large),xLeftWithChip:x.spacing[2]-1,xLeftWithoutChip:x.spacing[2]-1,xRight:x.spacing[2]-1}),Pe),it=x.spacing[3],st=g.createUniqueClassName("combobox-chip"),ct=function(e){return u.css(We||(We=_(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),x.fontFamilies.default,Hn[e]+2*ot[e].xLeftWithChip+it+2)},ut=u.css(Xe||(Xe=_(["\n display: flex;\n align-items: center;\n gap: ","px;\n cursor: text;\n transition: ","ms ease-in-out;\n transition-property: background-color, box-shadow, border-color;\n border: 1px solid;\n width: 100%;\n max-width: 100%;\n border-radius: 6px;\n position: relative;\n overflow: hidden;\n\n // Overflow shadow\n ::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 20px;\n bottom: -21px;\n left: 50%;\n translate: -50% 0%;\n border-radius: 20%;\n box-shadow: 0 0 0 0 rgb(255 255 255 / 0%);\n transition: ","ms linear;\n transition-property: box-shadow;\n }\n"])),x.spacing[2],x.transitionDuration.default,x.transitionDuration.default),dt=(V(Ke={},g.Theme.Light,u.css(Ge||(Ge=_(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover {\n box-shadow: ",";\n }\n "])),v.palette.gray.dark3,v.palette.white,v.palette.gray.base,x.hoverRing[g.Theme.Light].gray)),V(Ke,g.Theme.Dark,u.css(He||(He=_(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover {\n box-shadow: ",";\n }\n "])),v.palette.gray.light2,v.palette.gray.dark4,v.palette.gray.base,x.hoverRing[g.Theme.Dark].gray)),Ke),ft=function(e,n){return u.css(Ue||(Ue=_(["\n padding-top: ","px;\n padding-bottom: ","px;\n padding-left: ",";\n padding-right: ","px;\n"])),ot[e].y,ot[e].y,"".concat(n?ot[e].xLeftWithChip:ot[e].xLeftWithoutChip,"px"),ot[e].xRight)},pt=(V(Be={},g.Theme.Light,u.css(Ye||(Ye=_(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),v.palette.gray.dark1,v.palette.gray.light2,v.palette.gray.light1)),V(Be,g.Theme.Dark,u.css(Ve||(Ve=_(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),v.palette.gray.dark1,v.palette.gray.dark3,v.palette.gray.dark2)),Be),ht=(V($e={},g.Theme.Light,u.css(Ze||(Ze=_(["\n border-color: ",";\n "])),v.palette.red.base)),V($e,g.Theme.Dark,u.css(_e||(_e=_(["\n border-color: ",";\n "])),v.palette.red.light1)),$e),gt=(V(en={},g.Theme.Light,u.css(Je||(Je=_(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),x.focusRing[g.Theme.Light].input)),V(en,g.Theme.Dark,u.css(Qe||(Qe=_(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),x.focusRing[g.Theme.Dark].input)),en),mt=u.css(nn||(nn=_(["\n display: flex;\n align-items: center;\n"]))),bt=(V(on={},Re.XSmall,u.css(tn||(tn=_(["\n gap: ","px;\n "])),x.spacing[1])),V(on,Re.Small,u.css(an||(an=_(["\n gap: ","px;\n "])),x.spacing[2])),V(on,Re.Default,u.css(rn||(rn=_(["\n gap: ","px;\n "])),x.spacing[2])),V(on,Re.Large,u.css(ln||(ln=_(["\n gap: ","px;\n "])),x.spacing[2])),on),yt=function(e){var n=e.overflow,t=e.size,a=u.css(sn||(sn=_(["\n flex-grow: 1;\n width: 100%;\n "])));switch(n){case qe.scrollX:return u.css(cn||(cn=_(["\n ","\n display: block;\n height: ","px;\n white-space: nowrap;\n overflow-x: scroll;\n scroll-behavior: smooth;\n scrollbar-width: none;\n line-height: 1;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n & > ."," {\n margin-inline: 2px;\n\n &:first-child {\n margin-inline-start: 0;\n }\n\n &:last-child {\n margin-inline-end: 0;\n }\n }\n "])),a,at(t),st);case qe.expandY:return u.css(un||(un=_(["\n ","\n display: flex;\n flex-wrap: wrap;\n gap: ","px;\n overflow-x: hidden;\n min-height: ","px;\n max-height: calc((","px) + (","px * 2));\n "])),a,4,at(t),3*Un(t),4)}},vt=u.css(dn||(dn=_(["\n font-family: ",";\n width: 100%;\n border: none;\n cursor: inherit;\n background-color: inherit;\n color: inherit;\n box-sizing: content-box;\n padding: 0;\n margin: 0;\n text-overflow: ellipsis;\n vertical-align: top;\n\n // Only add padding if there are chips\n &:not(:first-child) {\n padding-left: ","px;\n }\n\n &:placeholder-shown {\n min-width: 100%;\n }\n &:focus {\n outline: none;\n }\n"])),x.fontFamilies.default,x.spacing[1]),xt=(V(hn={},g.Theme.Light,u.css(fn||(fn=_(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.dark1)),V(hn,g.Theme.Dark,u.css(pn||(pn=_(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.light1)),hn),kt=(V(bn={},g.Theme.Light,u.css(gn||(gn=_(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.dark1)),V(bn,g.Theme.Dark,u.css(mn||(mn=_(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.dark1)),bn),wt=function(e){return u.css(yn||(yn=_(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n"])),at(e),Hn[e],Gn[e],Hn[e])},Ct=function(e){return u.css(vn||(vn=_(["\n /*\n * Immediate transition in, slow transition out. \n * '-in' transition is handled by `scroll-behavior` \n */\n transition: width ease-in-out ",";\n"],["\n /*\n * Immediate transition in, slow transition out. \n * '-in' transition is handled by \\`scroll-behavior\\` \n */\n transition: width ease-in-out ",";\n"])),e?"0s":"100ms")},Et=function(e,n){var t,a=null!==(t=null==n?void 0:n.length)&&void 0!==t?t:0;return u.css(xn||(xn=_(["\n width: ","px;\n max-width: 100%;\n "])),a*Hn[e])},St=u.css(kn||(kn=_(["\n // Add a negative margin so the button takes up the same space as the regular icons\n margin-block: calc(","px - 100%);\n margin-inline: -6px;\n"])),it/2),Tt=u.css(wn||(wn=_(["\n height: ","px;\n width: ","px;\n"])),it,it),Lt=(V(Sn={},g.Theme.Light,u.css(Cn||(Cn=_(["\n color: ",";\n "])),v.palette.red.base)),V(Sn,g.Theme.Dark,u.css(En||(En=_(["\n color: ",";\n "])),v.palette.red.light1)),Sn),Dt=function(e){return u.css(Tn||(Tn=_(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n"])),Hn[e],Gn[e],ot[e].y)},Nt=u.css(Ln||(Ln=_(["\n margin-bottom: ","px;\n display: flex;\n flex-direction: column;\n"])),x.spacing[1]),Ot=u.css(Dn||(Dn=_(["\n font-size: ","px;\n line-height: ","px;\n"])),x.typeScales.large.fontSize,x.typeScales.large.lineHeight),Mt=(V(Mn={},g.Theme.Light,u.css(Nn||(Nn=_(["\n ::after {\n box-shadow: 0px 0px 7px 5px ",";\n }\n "])),y.transparentize(.85,v.palette.black))),V(Mn,g.Theme.Dark,u.css(On||(On=_(["\n ::after {\n width: 95%;\n box-shadow: 0px -7px 12px 5px rgb(0 0 0 / 50%);\n }\n "])))),Mn),It=(V(In={},g.Theme.Light,v.palette.red.base),V(In,g.Theme.Dark,v.palette.red.light1),In),jt=(V(jn={},g.Theme.Light,v.palette.gray.dark2),V(jn,g.Theme.Dark,v.palette.gray.light1),jn),Rt=(V(Rn={},g.Theme.Light,v.palette.gray.base),V(Rn,g.Theme.Dark,v.palette.gray.dark2),Rn),qt=n.createContext({multiselect:!1,size:Re.Default,withIcons:!1,disabled:!1,isOpen:!1,state:ze.none,searchState:Ae.unset,overflow:qe.expandY}),zt=L.default.forwardRef((function(e,t){var a=e.displayName,r=e.isFocused,l=e.onRemove,o=e.onFocus,i=h.useDarkMode(),s=i.darkMode,c=i.theme,d=n.useContext(qt),f=d.size,p=d.disabled,m=d.overflow,b=d.chipTruncationLocation,y=void 0===b?"end":b,v=d.chipCharacterLimit,x=void 0===v?12:v,k=m!==qe.scrollX&&!!x&&!!y&&"none"!==y&&a.length>x,w=n.useRef(null),C=n.useMemo((function(){if(k){var e=x-3;switch(y){case"start":return"…"+a.substring(a.length-e).trim();case"middle":return a.substring(0,e/2).trim()+"…"+a.substring(a.length-e/2).trim();case"end":return a.substring(0,e).trim()+"…";default:return a}}return!1}),[x,y,a,k]);n.useEffect((function(){var e;r&&!p&&(null==w||null===(e=w.current)||void 0===e||e.focus())}),[p,t,r]);return L.default.createElement("span",{role:"option","aria-selected":r,"data-testid":"lg-combobox-chip",ref:t,className:u.cx(st,Yn,Bn[c],Vn(f),V({},u.cx(_n[c],Zn),p)),onClick:function(e){var n;null!==(n=w.current)&&void 0!==n&&n.contains(e.target)||o()},onKeyDown:function(e){p||e.keyCode!==g.keyMap.Delete&&e.keyCode!==g.keyMap.Backspace&&e.keyCode!==g.keyMap.Enter&&e.keyCode!==g.keyMap.Space||l()},tabIndex:-1},L.default.createElement("span",{className:u.cx($n[f])},C?L.default.createElement(P.default,{darkMode:s,definition:a,align:"bottom"},C):a),L.default.createElement("button",{"aria-label":"Deselect ".concat(a),"aria-disabled":p,disabled:p,ref:w,className:u.cx(Jn,et[c],Qn(f),V({},u.cx(tt[c],nt),p)),onClick:function(){p||l()}},L.default.createElement(z.default,{glyph:"X"})))}));zt.displayName="Chip";var At,Ft,Pt,Wt,Xt,Gt,Ht,Kt,Ut,Yt,Vt,Bt,Zt,_t,$t,Jt,Qt,ea=(V(An={},g.Theme.Light,u.css(qn||(qn=_(["\n padding-top: ","px;\n "])),x.spacing[2])),V(An,g.Theme.Dark,u.css(zn||(zn=_(["\n padding-top: ","px;\n "])),x.spacing[2])),An),na=u.css(Fn||(Fn=_(["\n cursor: default;\n width: 100%;\n padding: 0 12px 2px;\n outline: none;\n overflow-wrap: anywhere;\n font-size: 12px;\n line-height: 16px;\n font-weight: bold;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n"]))),ta=(V(Xn={},g.Theme.Light,u.css(Pn||(Pn=_(["\n color: ",";\n "])),v.palette.gray.dark1)),V(Xn,g.Theme.Dark,u.css(Wn||(Wn=_(["\n color: ",";\n "])),v.palette.gray.light1)),Xn);function aa(e){var n=e.label,t=e.className,a=e.children,r=h.useDarkMode().theme,l=d.useIdAllocator({prefix:"combobox-group"});return L.default.Children.count(a)>0?L.default.createElement("div",{className:u.cx(ea[r],t)},L.default.createElement("div",{className:u.cx(na,ta[r]),id:l},n),L.default.createElement("div",{role:"group","aria-labelledby":l},a)):L.default.createElement(L.default.Fragment,null)}function ra(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}ra.displayName="ComboboxGroup",ra.propTypes={className:q.default.string,children:q.default.node.isRequired,label:q.default.string.isRequired};var la,oa=(V(At={},Re.XSmall,{x:12,y:8}),V(At,Re.Small,{x:12,y:8}),V(At,Re.Default,{x:12,y:8}),V(At,Re.Large,{x:12,y:8}),At),ia=function(e){return Gn[e]+2*oa[e].y},sa=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return u.css(Ft||(Ft=_(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),e)},ca=(V(Xt={},g.Theme.Light,u.css(Pt||(Pt=_(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),y.transparentize(.85,v.palette.black),v.palette.gray.light2)),V(Xt,g.Theme.Dark,u.css(Wt||(Wt=_(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),y.transparentize(.85,v.palette.black),v.palette.gray.dark3)),Xt),ua=u.css(Gt||(Gt=_(["\n position: relative;\n width: 100%;\n margin: 0;\n padding: ","px 0;\n font-family: ",";\n border-radius: inherit;\n overflow-y: auto;\n scroll-behavior: smooth;\n"])),x.spacing[2],x.fontFamilies.default),da=(V(Ut={},g.Theme.Light,u.css(Ht||(Ht=_(["\n color: ",";\n background-color: ",";\n "])),v.palette.black,v.palette.white)),V(Ut,g.Theme.Dark,u.css(Kt||(Kt=_(["\n color: ",";\n background-color: ",";\n "])),v.palette.gray.light1,v.palette.gray.dark3)),Ut),fa=u.css(Yt||(Yt=_(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),pa=u.css(Vt||(Vt=_(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),ha=(V(_t={},g.Theme.Light,u.css(Bt||(Bt=_(["\n color: ",";\n "])),v.palette.gray.dark3)),V(_t,g.Theme.Dark,u.css(Zt||(Zt=_(["\n color: ",";\n "])),v.palette.gray.light3)),_t),ga=function(e){return u.css($t||($t=_(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px ","px;\n"])),Hn[e],Gn[e],oa[e].y,oa[e].x)},ma=u.keyframes(Jt||(Jt=_(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),ba=u.css(Qt||(Qt=_(["\n animation: "," 1.5s linear infinite;\n"])),ma),ya=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],va=L.default.forwardRef((function(e,t){var a=e.children,r=e.id,l=e.refEl,o=e.labelId,i=e.menuWidth,s=e.searchLoadingMessage,c=e.searchErrorMessage,f=e.searchEmptyMessage,p=Z(e,ya),g=h.useDarkMode(),b=g.darkMode,y=g.theme,x=n.useContext(qt),k=x.disabled,w=x.size,C=x.isOpen,E=x.searchState,S=d.useForwardedRef(t,null),T=d.useAvailableSpace(l),D=R.default(T)?"unset":"".concat(Math.min(T,256),"px"),N=n.useMemo((function(){var e=u.cx(pa,ha[y],ga(w)),n=u.cx(pa,ga(w));switch(E){case"loading":return L.default.createElement("span",{className:e},L.default.createElement(z.default,{glyph:"Refresh",color:b?v.palette.blue.light1:v.palette.blue.base,className:ba}),s);case"error":return L.default.createElement(m.Error,{className:n},L.default.createElement(z.default,{glyph:"Warning",color:b?v.palette.red.light1:v.palette.red.base}),L.default.createElement("span",null,c));default:return a&&"object"===Y(a)&&"length"in a&&a.length>0?L.default.createElement("ul",{className:fa},a):L.default.createElement("span",{className:e},f)}}),[y,w,E,b,s,c,a,f]);return L.default.createElement(W.default,B({active:C&&!k,spacing:4,align:"bottom",justify:"middle",refEl:l,adjustOnMutation:!0,className:u.cx(sa(i),ca[y])},p),L.default.createElement("div",{ref:S,id:r,role:"listbox","aria-labelledby":o,"aria-expanded":C,className:u.cx(ua,da[y],u.css(la||(la=_(["\n max-height: ",";\n "])),D)),onMouseDownCapture:function(e){return e.preventDefault()}},N))}));va.displayName="ComboboxMenu";var xa,ka,wa,Ca,Ea,Sa,Ta,La,Da,Na,Oa,Ma,Ia,ja,Ra,qa,za,Aa,Fa,Pa,Wa,Xa,Ga,Ha,Ka,Ua,Ya=function(e){var n=e.scrollHeight;return e.scrollTop<n-e.clientHeight},Va=function(e){var n,t=e.value,a=e.displayName;return{value:null!=t?t:X.default(a),displayName:null!==(n=null!=a?a:t)&&void 0!==n?n:""}},Ba=function e(n){return L.default.Children.toArray(n).reduce((function(n,t){if(g.isComponentType(t,"ComboboxOption")){var a=Va(t.props),r=a.value,l=a.displayName,o=t.props,i=o.glyph,s=o.disabled;return[].concat(J(n),[{value:r,displayName:l,isDisabled:!!s,hasGlyph:!!i}])}if(g.isComponentType(t,"ComboboxGroup")){var c=t.props.children;if(c)return[].concat(J(n),J(e(c)))}}),[])},Za=function(e,n){if(e)return n.find((function(n){return n.value===e}))},_a=function(e,n){var t,a;return e?null!==(t=null===(a=Za(e,n))||void 0===a?void 0:a.displayName)&&void 0!==t?t:e:""},$a=function(e){return u.css(xa||(xa=_(["\n font-size: ","px;\n line-height: ","px;\n min-height: ","px;\n padding: ","px ","px;\n gap: ","px;\n\n &:before {\n max-height: ","px;\n }\n"])),Hn[e],Gn[e],ia(e),oa[e].y,oa[e].x,x.spacing[1],ia(e))},Ja=(V(Sa={},Re.XSmall,u.css(ka||(ka=_(["\n min-width: ","px;\n "])),x.spacing[3])),V(Sa,Re.Small,u.css(wa||(wa=_(["\n min-width: ","px;\n "])),x.spacing[3])),V(Sa,Re.Default,u.css(Ca||(Ca=_(["\n min-width: ","px;\n "])),x.spacing[3])),V(Sa,Re.Large,u.css(Ea||(Ea=_(["\n min-width: ","px;\n "])),x.spacing[4])),Sa),Qa=u.css(Ta||(Ta=_(["\n pointer-events: none;\n gap: 0;\n\n label {\n gap: 0;\n align-items: center;\n }\n"])));u.css(La||(La=_(["\n pointer-events: none;\n"])));var er=function(e){return u.css(Da||(Da=_(["\n font-weight: ",";\n"])),e?"bold":"normal")},nr=(V(Ma={},g.Theme.Light,u.css(Na||(Na=_(["\n color: ",";\n "])),v.palette.gray.dark1)),V(Ma,g.Theme.Dark,u.css(Oa||(Oa=_(["\n color: ",";\n "])),v.palette.gray.base)),Ma),tr=(V(Ra={},g.Theme.Light,u.css(Ia||(Ia=_(["\n color: ",";\n "])),v.palette.blue.dark1)),V(Ra,g.Theme.Dark,u.css(ja||(ja=_(["\n color: ",";\n "])),v.palette.blue.light3)),Ra),ar=(V(Aa={},g.Theme.Light,u.css(qa||(qa=_(["\n color: ",";\n "])),v.palette.gray.light1)),V(Aa,g.Theme.Dark,u.css(za||(za=_(["\n color: ",";\n "])),v.palette.gray.dark1)),Aa),rr=(V(Wa={},g.Theme.Light,u.css(Fa||(Fa=_(["\n color: ",";\n "])),v.palette.blue.base)),V(Wa,g.Theme.Dark,u.css(Pa||(Pa=_(["\n color: ",";\n "])),v.palette.blue.light1)),Wa),lr=(V(Ha={},g.Theme.Light,u.css(Xa||(Xa=_(["\n color: ",";\n "])),v.palette.gray.light1)),V(Ha,g.Theme.Dark,u.css(Ga||(Ga=_(["\n color: ",";\n "])),v.palette.gray.dark1)),Ha),or=u.css(Ka||(Ka=_(["\n ."," {\n align-self: baseline;\n }\n"])),w.leftGlyphClassName),ir=u.css(Ua||(Ua=_(["\n ."," {\n height: 28px;\n }\n"])),w.leftGlyphClassName),sr=["glyph","isSelected","displayName","isFocused","setSelected","className","description","value","onClick","disabled"],cr=L.default.forwardRef((function(e,t){var a,r=e.glyph,l=e.isSelected,o=e.displayName,i=e.isFocused,s=e.setSelected,c=e.className,p=e.description,g=e.value,m=e.onClick,b=e.disabled,y=void 0!==b&&b,v=Z(e,sr),x=h.useDarkMode(),k=x.darkMode,C=x.theme,E=n.useContext(qt),S=E.multiselect,T=E.size,D=E.withIcons,N=E.inputValue,O=d.useForwardedRef(t,null),M=d.useIdAllocator({prefix:"combobox-option-text"}),I=n.useCallback((function(e){e.stopPropagation(),y||(s(),null==m||m(e,g))}),[y,m,s,g]),j=n.useMemo((function(){return function(e){var n,t=e.withIcons,a=e.isSelected,r=e.glyph,l=e.optionTextId,o=e.disabled,i=e.darkMode,s=e.size,c=e.multiselect,d=e.theme,p=e.isFocused;r&&!f.isComponentGlyph(r)&&console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",r);var h=r&&f.isComponentGlyph(r)?L.default.cloneElement(r,U(U({},r.props),{},{className:u.cx(nr[d],(n={},V(n,tr[d],p),V(n,ar[d],o),n),r.props.className)})):L.default.createElement(L.default.Fragment,null),g=L.default.createElement(H.default,{"aria-labelledby":l,checked:a,tabIndex:-1,disabled:o,darkMode:i,className:Qa}),m=L.default.createElement(z.default,{glyph:"Checkmark",className:u.cx(Ja[s],rr[d],V({},lr[d],o))});return{leftGlyph:c?t?h:g:t?h:a?m:null,rightGlyph:c?t&&g:t&&a&&m}}({withIcons:D,isSelected:l,glyph:r,theme:C,darkMode:k,size:T,disabled:y,multiselect:S,optionTextId:M,isFocused:i})}),[k,y,r,l,S,M,T,C,D,i]),R=j.leftGlyph,q=j.rightGlyph,A=S&&!D;return L.default.createElement(w.InputOption,B({},v,{as:"li",ref:O,highlighted:i,disabled:y,"aria-label":o,darkMode:k,className:u.cx($a(T),(a={},V(a,or,A),V(a,ir,A&&T===Re.Large),a),c),onClick:I,onKeyDown:I}),L.default.createElement(w.InputOptionContent,{leftGlyph:R,rightGlyph:q,description:p},L.default.createElement("span",{id:M,className:er(l)},function(e,n,t){if(n&&t){var a=G.default(n),r=new RegExp(a,"gi"),l=e.matchAll(r);if(l){for(var o=e.split(""),i=0,s=Array.from(l);i<s.length;i++){var c,u=s[i],d=null!==(c=u.index)&&void 0!==c?c:-1,f=u[0],p=f.length,h=d+f+p,g=new Array(p).fill("");g[0]=L.default.createElement(t,{key:h},f),o.splice.apply(o,[d,p].concat(J(g)))}return L.default.createElement(L.default.Fragment,null,o)}return L.default.createElement(L.default.Fragment,null,e)}return L.default.createElement(L.default.Fragment,null,e)}(o,N,"strong"))))}));function ur(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}cr.displayName="ComboboxOption",ur.displayName="ComboboxOption",ur.propTypes={displayName:q.default.string,value:q.default.string,glyph:q.default.node,disabled:q.default.bool,className:q.default.string,description:q.default.string,onClick:q.default.func};var dr=["children","label","description","placeholder","aria-label","disabled","size","darkMode","state","errorMessage","searchState","searchEmptyMessage","searchErrorMessage","searchLoadingMessage","filteredOptions","onFilter","clearable","onClear","overflow","multiselect","initialValue","onChange","value","chipTruncationLocation","chipCharacterLimit","className","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"],fr=["className","glyph","disabled"];function pr(e){var t,a,r,l=e.children,o=e.label,i=e.description,s=e.placeholder,c=void 0===s?"Select":s,f=e["aria-label"],p=e.disabled,b=void 0!==p&&p,y=e.size,v=void 0===y?Re.Default:y,x=e.darkMode,k=e.state,w=void 0===k?"none":k,C=e.errorMessage,E=e.searchState,S=void 0===E?"unset":E,T=e.searchEmptyMessage,q=void 0===T?"No results found":T,P=e.searchErrorMessage,W=void 0===P?"Could not get results!":P,X=e.searchLoadingMessage,G=void 0===X?"Loading results...":X,H=e.filteredOptions,K=e.onFilter,_=e.clearable,J=void 0===_||_,Q=e.onClear,ee=e.overflow,ne=void 0===ee?qe.expandY:ee,te=e.multiselect,ae=void 0!==te&&te,re=e.initialValue,le=e.onChange,oe=e.value,ie=e.chipTruncationLocation,se=e.chipCharacterLimit,ce=void 0===se?12:se,ue=e.className,de=e.usePortal,fe=void 0===de||de,pe=e.portalClassName,he=e.portalContainer,ge=e.scrollContainer,me=e.popoverZIndex,be=Z(e,dr),ye=h.useDarkMode(x),ve=ye.darkMode,xe=ye.theme,ke=d.useDynamicRefs({prefix:"option"}),we=d.useDynamicRefs({prefix:"chip"}),Ce=d.useIdAllocator({prefix:"combobox-input"}),Ee=d.useIdAllocator({prefix:"combobox-label"}),Se=d.useIdAllocator({prefix:"combobox-menu"}),Te=n.useRef(null),Ae=n.useRef(null),Fe=n.useRef(null),Pe=n.useRef(null),We=n.useRef(null),Xe=$(n.useState(!1),2),Ge=Xe[0],He=Xe[1],Ke=d.usePrevious(Ge),Ue=$(n.useState(null),2),Ye=Ue[0],Ve=Ue[1],Be=$(n.useState(null),2),Ze=Be[0],_e=Be[1],$e=d.usePrevious(Ze),Je=$(n.useState(""),2),Qe=Je[0],en=Je[1],nn=d.usePrevious(Qe),tn=$(n.useState(null),2),an=tn[0],rn=tn[1],ln=$(n.useState(!1),2),on=ln[0],sn=ln[1],cn=!I.default(Ze)&&(O.default(Ze)&&Ze.length>0||j.default(Ze)),un=ae&&O.default(Ze)&&Ze.length>0?void 0:c,dn=function(){return He(!1)},fn=function(){return He(!0)},pn=n.useMemo((function(){return Ba(l)}),[l]),hn=n.useCallback((function(e){return!ae||"string"!=typeof e&&"number"!=typeof e?!ae&&O.default(e)&&g.consoleOnce.error("Error in Combobox: multiselect is set to `false`, but received an Array value"):g.consoleOnce.error("Error in Combobox: multiselect is set to `true`, but received a ".concat(Y(e),' value: "').concat(e,'"')),ae&&O.default(e)}),[ae]),gn=n.useCallback((function(e){!b&&Pe&&Pe.current&&(Pe.current.focus(),R.default(e)||Pe.current.setSelectionRange(e,e))}),[b]),mn=n.useCallback((function(e){if(hn(Ze)){var n=D.default(Ze);I.default(e)?n.length=0:Ze.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),en("")),_e(n),null==le||le(n)}else{var t=e;_e(t),null==le||le(t)}}),[hn,le,Ze]),bn=n.useCallback((function(e){return hn(Ze)?Ze.includes(e):e===Ze}),[hn,Ze]),yn=n.useCallback((function(e){var n,t,a,r,l=(t=pn,(n=e)?null!==(a=null===(r=t.find((function(e){return e.displayName===n})))||void 0===r?void 0:r.value)&&void 0!==a?a:n:"");return bn(l)}),[pn,bn]),vn=n.useCallback((function(e){var n="string"==typeof e?e:e.value;return H&&H.length>0?H.includes(n):!!yn(Qe)||("string"==typeof e?_a(n,pn):e.displayName).toLowerCase().includes(Qe.toLowerCase())}),[H,yn,Qe,pn]),xn=n.useMemo((function(){return pn.filter(vn)}),[pn,vn]),kn=n.useCallback((function(e){return!!e&&!!pn.find((function(n){return n.value===e}))}),[pn]),wn=n.useCallback((function(e){return xn?xn.findIndex((function(n){return n.value===e})):-1}),[xn]),Cn=n.useCallback((function(e){if(xn&&xn.length>=e){var n=xn[e];return n?n.value:void 0}}),[xn]),En=n.useCallback((function(){return hn(Ze)?Ze.findIndex((function(e){var n,t;return null===(n=we(e))||void 0===n||null===(t=n.current)||void 0===t?void 0:t.contains(document.activeElement)})):-1}),[we,hn,Ze]),Sn=$(n.useState(),2),Tn=Sn[0],Ln=Sn[1],Dn=n.useCallback((function(e){var n,t=null!==(n=null==xn?void 0:xn.length)&&void 0!==n?n:0,a=t-1>0?t-1:0,r=wn(Ye);switch(e&&Ge&&(rn(null),gn()),e){case"next":var l=Cn(r+1<t?r+1:0);Ve(null!=l?l:null);break;case"prev":var o=Cn(r-1>=0?r-1:a);Ve(null!=o?o:null);break;case"last":var i=Cn(a);Ve(null!=i?i:null);break;default:var s=Cn(0);Ve(null!=s?s:null)}}),[Ye,wn,Cn,Ge,gn,null==xn?void 0:xn.length]),Nn=n.useCallback((function(e,n){if(hn(Ze))switch(e){case"next":var t=null!=n?n:En(),a=t+1<Ze.length?t+1:Ze.length-1,r=Ze[a];rn(r);break;case"prev":var l=null!=n?n:En(),o=l>0?l-1:l<0?Ze.length-1:0,i=Ze[o];rn(i);break;case"first":var s=Ze[0];rn(s);break;case"last":var c=Ze[Ze.length-1];rn(c);break;default:rn(null)}}),[En,hn,Ze]),On=n.useCallback((function(e,n){switch(e&&Ve(null),e){case"right":switch(Tn){case Le:var t,a,r;if((null===(t=Pe.current)||void 0===t?void 0:t.selectionEnd)===(null===(a=Pe.current)||void 0===a?void 0:a.value.length))null===(r=Ae.current)||void 0===r||r.focus();break;case Ne:case Me:case Oe:if(Tn===Oe||1===(null==Ze?void 0:Ze.length)){gn(0),Nn(null),n.preventDefault();break}Nn("next")}break;case"left":switch(Tn){case De:var l;n.preventDefault(),gn(null==Pe||null===(l=Pe.current)||void 0===l?void 0:l.value.length);break;case Le:case Me:case Oe:if(hn(Ze)){var o;if(Tn===Le&&0!==(null===(o=Pe.current)||void 0===o?void 0:o.selectionStart))break;Nn("prev")}}break;default:Nn(null)}}),[Tn,hn,Ze,gn,Nn]);n.useEffect((function(){Qe!==nn&&Dn("first")}),[Qe,Ge,nn,Dn]),d.useAutoScroll(Ye?ke(Ye):void 0,We);var Mn=n.useCallback((function(e){if(g.isComponentType(e,"ComboboxOption")){var n=Va(e.props),t=n.value,a=n.displayName;if(vn(t)){var r=e.props,l=r.className,o=r.glyph,i=r.disabled,s=Z(r,fr),c=pn.findIndex((function(e){return e.value===t})),u=Ye===t,d=hn(Ze)?Ze.includes(t):Ze===t,f=ke(t);return L.default.createElement(cr,B({},s,{value:t,displayName:a,isFocused:u,isSelected:d,disabled:i,setSelected:function(){Ve(t),mn(t),gn(),t===Ze&&dn()},glyph:o,className:l,index:c,ref:f}))}}else if(g.isComponentType(e,"ComboboxGroup")){var p=L.default.Children.map(e.props.children,Mn);if(p&&(null==p?void 0:p.length)>0)return L.default.createElement(aa,{label:e.props.label,className:e.props.className},L.default.Children.map(p,Mn))}}),[pn,ke,Ye,hn,Ze,gn,vn,mn]),In=n.useMemo((function(){return L.default.Children.map(l,Mn)}),[l,Mn]),jn=n.useMemo((function(){if(hn(Ze))return Ze.filter(kn).map((function(e,n){var t=_a(e,pn),a=an===e,r=we(e),l=n>=Ze.length-1;return L.default.createElement(zt,{key:e,displayName:t,isFocused:a,onRemove:function(){l?(gn(),Nn(null)):Nn("next",n),mn(e)},onFocus:function(){rn(e)},ref:r})}))}),[hn,Ze,kn,pn,an,we,mn,gn,Nn]),Rn=n.useMemo((function(){return pn.some((function(e){return e.hasGlyph}))}),[pn]),qn=n.useCallback((function(){if(!hn(Ze)&&Ze===$e){var e=xn.find((function(e){return e.displayName===Qe||e.value===Qe}));if(e&&!oe)_e(e.value);else{var n,t=null!==(n=_a(Ze,pn))&&void 0!==n?n:"";en(t)}}}),[pn,Qe,hn,$e,Ze,oe,xn]),zn=n.useCallback((function(){if(cn){if(hn(Ze))Un(ne);else if(!hn(Ze)){var e,n=null!==(e=_a(Ze,pn))&&void 0!==e?e:"";en(n),dn()}}else en("")}),[cn,pn,hn,Ze,ne]);n.useEffect((function(){if(re)if(O.default(re)){var e,n=null!==(e=re.filter((function(e){return kn(e)})))&&void 0!==e?e:[];_e(n)}else kn(re)&&_e(re);else _e(function(e){return e?[]:null}(ae))}),[]),n.useEffect((function(){if(!R.default(oe)&&oe!==nn)if(I.default(oe))_e(null);else if(hn(oe)){var e=oe.filter(kn);_e(e)}else _e(kn(oe)?oe:null)}),[hn,kn,nn,oe]),n.useEffect((function(){M.default(Ze,$e)||zn()}),[zn,$e,Ze]),n.useEffect((function(){!Ge&&Ke&&qn()}),[Ge,Ke,qn]);var An=$(n.useState(0),2),Fn=An[0],Pn=An[1];n.useEffect((function(){var e,n;Pn(null!==(e=null===(n=Te.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)}),[Te,Ge,Ye,Ze]);d.useBackdropClick(dn,[We,Te],Ge);var Wn=hn(Ze)&&!!Ze.length,Xn=N.default((function(e){sn(Ya(e.target))}),50,{leading:!0}),Gn=n.useCallback((function(e){ne===qe.expandY&&Xn(e)}),[Xn,ne]);n.useEffect((function(){Fe.current&&sn(Ya(Fe.current))}),[]);var Hn,Kn=U({popoverZIndex:me},fe?{usePortal:fe,portalClassName:pe,portalContainer:he,scrollContainer:ge}:{usePortal:fe});return L.default.createElement(F.default,{darkMode:ve},L.default.createElement(qt.Provider,{value:{multiselect:ae,size:v,withIcons:Rn,disabled:b,isOpen:Ge,state:w,searchState:S,chipTruncationLocation:ie,chipCharacterLimit:ce,inputValue:Qe,overflow:ne}},L.default.createElement("div",B({className:u.cx(ct(v),ue)},be),(o||i)&&L.default.createElement("div",{className:Nt},o&&L.default.createElement(m.Label,{id:Ee,htmlFor:Ce,darkMode:ve,disabled:b,className:u.cx(V({},Ot,v===Re.Large))},o),i&&L.default.createElement(m.Description,{darkMode:ve,disabled:b,className:u.cx(V({},Ot,v===Re.Large))},i)),L.default.createElement("div",{ref:Te,role:"combobox","aria-expanded":Ge,"aria-controls":Se,"aria-owns":Se,tabIndex:-1,onMouseDown:function(e){b&&e.preventDefault()},onClick:function(e){if(e.target!==Pe.current){var n=0;if(Pe.current)n=e.nativeEvent.offsetX>Pe.current.offsetLeft+Pe.current.clientWidth?Qe.length:0;gn(n)}fn()},onFocus:function(e){Un(ne),Ln(function(e){var n,t,a,r;if(!e)return;if(null!==(n=Pe.current)&&void 0!==n&&n.contains(e))return Le;if(null!==(t=Ae.current)&&void 0!==t&&t.contains(e))return De;var l=hn(Ze)?Ze.findIndex((function(n){var t,a;return null===(t=we(n))||void 0===t||null===(a=t.current)||void 0===a?void 0:a.contains(e)})):-1;if(hn(Ze)){if(0===l)return Ne;if(l===Ze.length-1)return Oe;if(l>0)return Me}if(null!==(a=We.current)&&void 0!==a&&a.contains(e))return je;if(null!==(r=Te.current)&&void 0!==r&&r.contains(e))return Ie}(e.target))},onKeyDown:function(e){var n,t,a=null===(n=We.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(t=Te.current)||void 0===t?void 0:t.contains(document.activeElement))||a){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.keyCode){case g.keyMap.Tab:switch(Tn){case"Input":cn||(dn(),Dn("first"),Nn(null));break;case"LastChip":Nn(null)}break;case g.keyMap.Escape:dn(),Dn("first");break;case g.keyMap.Enter:Tn!==Le||I.default(Ye)||function(e){if("string"==typeof e){var n=Za(e,pn);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(Ye)?Tn===De&&(mn(null),gn()):mn(Ye);break;case g.keyMap.Backspace:var r;if(hn(Ze))"Input"===Tn&&0===(null===(r=Pe.current)||void 0===r?void 0:r.selectionStart)&&Nn("last");fn();break;case g.keyMap.ArrowDown:Ge?(e.preventDefault(),Dn("next")):fn();break;case g.keyMap.ArrowUp:Ge?(e.preventDefault(),Dn("prev")):fn();break;case g.keyMap.ArrowRight:On("right",e);break;case g.keyMap.ArrowLeft:On("left",e);break;default:Ge||fn()}}},onTransitionEnd:function(){var e,n;Pn(null!==(e=null===(n=Te.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:u.cx(ut,dt[xe],ft(v,Wn),(t={},V(t,pt[xe],b),V(t,ht[xe],w===ze.error),V(t,gt[xe],(Hn=Le,Hn===Tn)),V(t,Mt[xe],on),t))},L.default.createElement("div",{onScroll:Gn,ref:Fe,className:yt({size:v,overflow:ne})},jn,L.default.createElement("input",{"aria-label":null!=f?f:o,"aria-autocomplete":"list","aria-controls":Se,"aria-labelledby":Ee,ref:Pe,id:Ce,className:u.cx(vt,wt(v),xt[xe],Ct(Ge),(a={},V(a,Et(v,Qe),hn(Ze)),V(a,kt[xe],b),a)),placeholder:un,disabled:null!=b?b:void 0,onChange:function(e){var n=e.target.value;en(n),null==K||K(n)},value:Qe,autoComplete:"off"})),L.default.createElement("div",{className:u.cx(mt,bt[v])},"error"===w&&L.default.createElement(z.default,{glyph:"Warning",fill:It[xe],className:Tt}),J&&cn&&!b&&L.default.createElement(A.default,{"aria-label":"Clear selection","aria-disabled":b,disabled:b,ref:Ae,onClick:function(e){b||(e.stopPropagation(),mn(null),null==Q||Q(e),null==K||K(""),gn())},onFocus:function(){Ve(null)},className:u.cx(St),darkMode:ve},L.default.createElement(z.default,{glyph:"XWithCircle"})),L.default.createElement(z.default,{glyph:"CaretDown",className:Tt,fill:u.cx((r={},V(r,jt[xe],!b),V(r,Rt[xe],b),r))}))),"error"===w&&C&&L.default.createElement("div",{className:u.cx(Lt[xe],Dt(v))},C),L.default.createElement(va,B({id:Se,labelId:Ee,refEl:Te,ref:We,menuWidth:Fn,searchLoadingMessage:G,searchErrorMessage:W,searchEmptyMessage:q},Kn),In))));function Un(e){Fe&&Fe.current&&(e===qe.scrollX&&(Fe.current.scrollLeft=Fe.current.scrollWidth),e===qe.expandY&&(Fe.current.scrollTop=Fe.current.scrollHeight))}}pr.propTypes={multiselect:q.default.bool,value:q.default.oneOfType([q.default.string,q.default.arrayOf(q.default.string)]),initialValue:q.default.oneOfType([q.default.string,q.default.arrayOf(q.default.string)]),overflow:q.default.oneOf(Object.values(qe)),darkMode:q.default.bool,label:q.default.string,"aria-label":q.default.string,children:q.default.node,onChange:q.default.func,chipCharacterLimit:q.default.number,chipTruncationLocation:q.default.oneOf(Object.values({start:"start",middle:"middle",end:"end",none:"none"})),onClear:q.default.func,onFilter:q.default.func,clearable:q.default.bool,searchLoadingMessage:q.default.string,searchErrorMessage:q.default.string,searchEmptyMessage:q.default.string,searchState:q.default.oneOf(Object.values(Ae)),errorMessage:q.default.string,state:q.default.oneOf(Object.values(ze)),size:q.default.oneOf(Object.values(Re)),disabled:q.default.bool,description:q.default.string,placeholder:q.default.string,filteredOptions:q.default.arrayOf(q.default.string),popoverZIndex:q.default.number,usePortal:q.default.bool,scrollContainer:q.default.elementType,portalContainer:q.default.elementType,portalClassName:q.default.string},e.Combobox=pr,e.ComboboxGroup=ra,e.ComboboxOption=ur,Object.defineProperty(e,"__esModule",{value:!0})}));
1
+ !function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react"),require("lodash/clone"),require("lodash/debounce"),require("lodash/isArray"),require("lodash/isEqual"),require("lodash/isNull"),require("lodash/isString"),require("lodash/isUndefined"),require("prop-types"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/hooks"),require("@leafygreen-ui/icon"),require("@leafygreen-ui/icon-button"),require("@leafygreen-ui/leafygreen-provider"),require("@leafygreen-ui/lib"),require("@leafygreen-ui/typography"),require("@leafygreen-ui/inline-definition"),require("polished"),require("@leafygreen-ui/palette"),require("@leafygreen-ui/tokens"),require("@leafygreen-ui/popover"),require("@leafygreen-ui/input-option"),require("lodash/kebabCase"),require("lodash/escapeRegExp"),require("@leafygreen-ui/checkbox")):"function"==typeof define&&define.amd?define(["exports","react","lodash/clone","lodash/debounce","lodash/isArray","lodash/isEqual","lodash/isNull","lodash/isString","lodash/isUndefined","prop-types","@leafygreen-ui/emotion","@leafygreen-ui/hooks","@leafygreen-ui/icon","@leafygreen-ui/icon-button","@leafygreen-ui/leafygreen-provider","@leafygreen-ui/lib","@leafygreen-ui/typography","@leafygreen-ui/inline-definition","polished","@leafygreen-ui/palette","@leafygreen-ui/tokens","@leafygreen-ui/popover","@leafygreen-ui/input-option","lodash/kebabCase","lodash/escapeRegExp","@leafygreen-ui/checkbox"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/combobox"]={},e.React,e.clone,e.debounce,e.isArray,e.isEqual,e.isNull,e.isString,e.isUndefined,e.PropTypes,e["@leafygreen-ui/emotion"],e["@leafygreen-ui/hooks"],e["@leafygreen-ui/icon"],e["@leafygreen-ui/icon-button"],e["@leafygreen-ui/leafygreen-provider"],e["@leafygreen-ui/lib"],e["@leafygreen-ui/typography"],e["@leafygreen-ui/inline-definition"],e.polished,e["@leafygreen-ui/palette"],e["@leafygreen-ui/tokens"],e["@leafygreen-ui/popover"],e["@leafygreen-ui/input-option"],e.kebabCase,e.escapeRegExp,e["@leafygreen-ui/checkbox"])}(this,(function(e,n,t,a,r,l,o,i,s,u,c,d,f,p,h,g,m,b,y,v,x,k,w,C,E,S){"use strict";function T(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var L=T(n),D=T(t),N=T(a),O=T(r),M=T(l),I=T(o),j=T(i),R=T(s),q=T(u),z=T(f),A=T(p),F=T(h),P=T(b),W=T(k),X=T(C),G=T(E),H=T(S);function K(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function U(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?K(Object(t),!0).forEach((function(n){V(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):K(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function Y(e){return Y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Y(e)}function V(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function B(){return B=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},B.apply(this,arguments)}function Z(e,n){if(null==e)return{};var t,a,r=function(e,n){if(null==e)return{};var t,a,r={},l=Object.keys(e);for(a=0;a<l.length;a++)t=l[a],n.indexOf(t)>=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)t=l[a],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}function _(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function $(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var a,r,l=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(l.push(a.value),!n||l.length!==n);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw r}}return l}(e,n)||Q(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function J(e){return function(e){if(Array.isArray(e))return ee(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Q(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Q(e,n){if(e){if("string"==typeof e)return ee(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?ee(e,n):void 0}}function ee(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}var ne,te,ae,re,le,oe,ie,se,ue,ce,de,fe,pe,he,ge,me,be,ye,ve,xe,ke,we,Ce,Ee,Se,Te,Le="Input",De="ClearButton",Ne="FirstChip",Oe="LastChip",Me="MiddleChip",Ie="Combobox",je="Menu",Re={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},qe={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},ze={error:"error",none:"none"},Ae={unset:"unset",error:"error",loading:"loading"};var Fe,Pe,We,Xe,Ge,He,Ke,Ue,Ye,Ve,Be,Ze,_e,$e,Je,Qe,en,nn,tn,an,rn,ln,on,sn,un,cn,dn,fn,pn,hn,gn,mn,bn,yn,vn,xn,kn,wn,Cn,En,Sn,Tn,Ln,Dn,Nn,On,Mn,In,jn,Rn,qn,zn,An,Fn,Pn,Wn,Xn,Gn=(V(ne={},Re.XSmall,16),V(ne,Re.Small,x.typeScales.body1.lineHeight),V(ne,Re.Default,x.typeScales.body1.lineHeight),V(ne,Re.Large,x.typeScales.body2.lineHeight),ne),Hn=(V(te={},Re.XSmall,x.typeScales.body1.fontSize),V(te,Re.Small,x.typeScales.body1.fontSize),V(te,Re.Default,x.typeScales.body1.fontSize),V(te,Re.Large,x.typeScales.body2.fontSize),te),Kn=(V(ae={},Re.XSmall,1),V(ae,Re.Small,0),V(ae,Re.Default,2),V(ae,Re.Large,4),ae),Un=function(e){return Gn[e]+2*Kn[e]},Yn=c.css(re||(re=_(["\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n white-space: nowrap;\n box-sizing: border-box;\n border-radius: 4px;\n"]))),Vn=function(e){return c.css(le||(le=_(["\n font-size: ","px;\n line-height: ","px;\n"])),Hn[e],Gn[e])},Bn=(V(se={},g.Theme.Light,c.css(oe||(oe=_(["\n color: ",";\n background-color: ",";\n\n // TODO: - refine these styles with Design\n &:focus-within {\n background-color: ",";\n }\n "])),v.palette.black,v.palette.gray.light2,v.palette.blue.light2)),V(se,g.Theme.Dark,c.css(ie||(ie=_(["\n color: ",";\n background-color: ",";\n\n &:focus-within {\n background-color: ",";\n }\n "])),v.palette.gray.light2,v.palette.gray.dark2,v.palette.blue.dark2)),se),Zn=c.css(ue||(ue=_(["\n cursor: not-allowed;\n pointer-events: none;\n"]))),_n=(V(fe={},g.Theme.Light,c.css(ce||(ce=_(["\n color: ",";\n background-color: ",";\n "])),v.palette.gray.base,v.palette.gray.light3)),V(fe,g.Theme.Dark,c.css(de||(de=_(["\n color: ",";\n background-color: ",";\n box-shadow: inset 0 0 1px 1px ",";\n "])),v.palette.gray.dark2,v.palette.gray.dark4,v.palette.gray.dark2)),fe),$n=(V(be={},Re.XSmall,c.css(pe||(pe=_(["\n padding-inline-start: 6px;\n padding-inline-end: 2px;\n padding-block: ","px;\n "])),Kn[Re.XSmall])),V(be,Re.Small,c.css(he||(he=_(["\n padding-inline-start: 6px;\n padding-inline-end: 2px;\n padding-block: ","px;\n "])),Kn[Re.Small])),V(be,Re.Default,c.css(ge||(ge=_(["\n padding-inline-start: 6px;\n padding-inline-end: 2px;\n padding-block: ","px;\n "])),Kn[Re.Default])),V(be,Re.Large,c.css(me||(me=_(["\n padding-inline: 10px;\n padding-block: ","px;\n "])),Kn[Re.Large])),be),Jn=c.css(ye||(ye=_(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n outline: none;\n border: none;\n background-color: transparent;\n cursor: pointer;\n transition: background-color ","ms ease-in-out;\n padding: 0 2px;\n"])),x.transitionDuration.faster),Qn=function(e){return c.css(ve||(ve=_(["\n height: ","px;\n"])),Un(e))},et=(V(we={},g.Theme.Light,c.css(xe||(xe=_(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),v.palette.gray.dark2,v.palette.black,v.palette.gray.light1)),V(we,g.Theme.Dark,c.css(ke||(ke=_(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),v.palette.gray.light1,v.palette.gray.light3,v.palette.gray.dark1)),we),nt=c.css(Ce||(Ce=_(["\n cursor: not-allowed;\n &:hover {\n color: inherit;\n background-color: unset;\n }\n"]))),tt=(V(Te={},g.Theme.Light,c.css(Ee||(Ee=_(["\n color: ",";\n "])),v.palette.gray.light1)),V(Te,g.Theme.Dark,c.css(Se||(Se=_(["\n color: ",";\n "])),v.palette.gray.dark2)),Te),at=Un,rt=(V(Fe={},Re.XSmall,22),V(Fe,Re.Small,28),V(Fe,Re.Default,36),V(Fe,Re.Large,48),Fe),lt=function(e){return(rt[e]-at(e)-2)/2},ot=(V(Pe={},Re.XSmall,{y:lt(Re.XSmall),xLeftWithChip:1,xLeftWithoutChip:10,xRight:4}),V(Pe,Re.Small,{y:lt(Re.Small),xLeftWithChip:4,xLeftWithoutChip:10,xRight:8}),V(Pe,Re.Default,{y:lt(Re.Default),xLeftWithChip:6,xLeftWithoutChip:12,xRight:12}),V(Pe,Re.Large,{y:lt(Re.Large),xLeftWithChip:x.spacing[2]-1,xLeftWithoutChip:x.spacing[2]-1,xRight:x.spacing[2]-1}),Pe),it=x.spacing[3],st=g.createUniqueClassName("combobox-chip"),ut=function(e){return c.css(We||(We=_(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),x.fontFamilies.default,Hn[e]+2*ot[e].xLeftWithChip+it+2)},ct=c.css(Xe||(Xe=_(["\n display: flex;\n align-items: center;\n gap: ","px;\n cursor: text;\n transition: ","ms ease-in-out;\n transition-property: background-color, box-shadow, border-color;\n border: 1px solid;\n width: 100%;\n max-width: 100%;\n border-radius: 6px;\n position: relative;\n overflow: hidden;\n\n // Overflow shadow\n ::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 20px;\n bottom: -21px;\n left: 50%;\n translate: -50% 0%;\n border-radius: 20%;\n box-shadow: 0 0 0 0 rgb(255 255 255 / 0%);\n transition: ","ms linear;\n transition-property: box-shadow;\n }\n"])),x.spacing[2],x.transitionDuration.default,x.transitionDuration.default),dt=(V(Ke={},g.Theme.Light,c.css(Ge||(Ge=_(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover {\n box-shadow: ",";\n }\n "])),v.palette.gray.dark3,v.palette.white,v.palette.gray.base,x.hoverRing[g.Theme.Light].gray)),V(Ke,g.Theme.Dark,c.css(He||(He=_(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover {\n box-shadow: ",";\n }\n "])),v.palette.gray.light2,v.palette.gray.dark4,v.palette.gray.base,x.hoverRing[g.Theme.Dark].gray)),Ke),ft=function(e,n){return c.css(Ue||(Ue=_(["\n padding-top: ","px;\n padding-bottom: ","px;\n padding-left: ",";\n padding-right: ","px;\n"])),ot[e].y,ot[e].y,"".concat(n?ot[e].xLeftWithChip:ot[e].xLeftWithoutChip,"px"),ot[e].xRight)},pt=(V(Be={},g.Theme.Light,c.css(Ye||(Ye=_(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),v.palette.gray.dark1,v.palette.gray.light2,v.palette.gray.light1)),V(Be,g.Theme.Dark,c.css(Ve||(Ve=_(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),v.palette.gray.dark1,v.palette.gray.dark3,v.palette.gray.dark2)),Be),ht=(V($e={},g.Theme.Light,c.css(Ze||(Ze=_(["\n border-color: ",";\n "])),v.palette.red.base)),V($e,g.Theme.Dark,c.css(_e||(_e=_(["\n border-color: ",";\n "])),v.palette.red.light1)),$e),gt=(V(en={},g.Theme.Light,c.css(Je||(Je=_(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),x.focusRing[g.Theme.Light].input)),V(en,g.Theme.Dark,c.css(Qe||(Qe=_(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),x.focusRing[g.Theme.Dark].input)),en),mt=c.css(nn||(nn=_(["\n display: flex;\n align-items: center;\n"]))),bt=(V(on={},Re.XSmall,c.css(tn||(tn=_(["\n gap: ","px;\n "])),x.spacing[1])),V(on,Re.Small,c.css(an||(an=_(["\n gap: ","px;\n "])),x.spacing[2])),V(on,Re.Default,c.css(rn||(rn=_(["\n gap: ","px;\n "])),x.spacing[2])),V(on,Re.Large,c.css(ln||(ln=_(["\n gap: ","px;\n "])),x.spacing[2])),on),yt=function(e){var n=e.overflow,t=e.size,a=c.css(sn||(sn=_(["\n flex-grow: 1;\n width: 100%;\n "])));switch(n){case qe.scrollX:return c.css(un||(un=_(["\n ","\n display: block;\n height: ","px;\n white-space: nowrap;\n overflow-x: scroll;\n scroll-behavior: smooth;\n scrollbar-width: none;\n line-height: 1;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n & > ."," {\n margin-inline: 2px;\n\n &:first-child {\n margin-inline-start: 0;\n }\n\n &:last-child {\n margin-inline-end: 0;\n }\n }\n "])),a,at(t),st);case qe.expandY:return c.css(cn||(cn=_(["\n ","\n display: flex;\n flex-wrap: wrap;\n gap: ","px;\n overflow-x: hidden;\n min-height: ","px;\n max-height: calc((","px) + (","px * 2));\n "])),a,4,at(t),3*Un(t),4)}},vt=c.css(dn||(dn=_(["\n font-family: ",";\n width: 100%;\n border: none;\n cursor: inherit;\n background-color: inherit;\n color: inherit;\n box-sizing: content-box;\n padding: 0;\n margin: 0;\n text-overflow: ellipsis;\n vertical-align: top;\n\n // Only add padding if there are chips\n &:not(:first-child) {\n padding-left: ","px;\n }\n\n &:placeholder-shown {\n min-width: 100%;\n }\n &:focus {\n outline: none;\n }\n"])),x.fontFamilies.default,x.spacing[1]),xt=(V(hn={},g.Theme.Light,c.css(fn||(fn=_(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.dark1)),V(hn,g.Theme.Dark,c.css(pn||(pn=_(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.light1)),hn),kt=(V(bn={},g.Theme.Light,c.css(gn||(gn=_(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.dark1)),V(bn,g.Theme.Dark,c.css(mn||(mn=_(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.dark1)),bn),wt=function(e){return c.css(yn||(yn=_(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n"])),at(e),Hn[e],Gn[e],Hn[e])},Ct=function(e){return c.css(vn||(vn=_(["\n /*\n * Immediate transition in, slow transition out. \n * '-in' transition is handled by `scroll-behavior` \n */\n transition: width ease-in-out ",";\n"],["\n /*\n * Immediate transition in, slow transition out. \n * '-in' transition is handled by \\`scroll-behavior\\` \n */\n transition: width ease-in-out ",";\n"])),e?"0s":"100ms")},Et=function(e,n){var t,a=null!==(t=null==n?void 0:n.length)&&void 0!==t?t:0;return c.css(xn||(xn=_(["\n width: ","px;\n max-width: 100%;\n "])),a*Hn[e])},St=c.css(kn||(kn=_(["\n // Add a negative margin so the button takes up the same space as the regular icons\n margin-block: calc(","px - 100%);\n margin-inline: -6px;\n"])),it/2),Tt=c.css(wn||(wn=_(["\n height: ","px;\n width: ","px;\n"])),it,it),Lt=(V(Sn={},g.Theme.Light,c.css(Cn||(Cn=_(["\n color: ",";\n "])),v.palette.red.base)),V(Sn,g.Theme.Dark,c.css(En||(En=_(["\n color: ",";\n "])),v.palette.red.light1)),Sn),Dt=function(e){return c.css(Tn||(Tn=_(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n"])),Hn[e],Gn[e],ot[e].y)},Nt=c.css(Ln||(Ln=_(["\n margin-bottom: ","px;\n display: flex;\n flex-direction: column;\n"])),x.spacing[1]),Ot=c.css(Dn||(Dn=_(["\n font-size: ","px;\n line-height: ","px;\n"])),x.typeScales.large.fontSize,x.typeScales.large.lineHeight),Mt=(V(Mn={},g.Theme.Light,c.css(Nn||(Nn=_(["\n ::after {\n box-shadow: 0px 0px 7px 5px ",";\n }\n "])),y.transparentize(.85,v.palette.black))),V(Mn,g.Theme.Dark,c.css(On||(On=_(["\n ::after {\n width: 95%;\n box-shadow: 0px -7px 12px 5px rgb(0 0 0 / 50%);\n }\n "])))),Mn),It=(V(In={},g.Theme.Light,v.palette.red.base),V(In,g.Theme.Dark,v.palette.red.light1),In),jt=(V(jn={},g.Theme.Light,v.palette.gray.dark2),V(jn,g.Theme.Dark,v.palette.gray.light1),jn),Rt=(V(Rn={},g.Theme.Light,v.palette.gray.base),V(Rn,g.Theme.Dark,v.palette.gray.dark2),Rn),qt=n.createContext({multiselect:!1,size:Re.Default,withIcons:!1,disabled:!1,isOpen:!1,state:ze.none,searchState:Ae.unset,overflow:qe.expandY}),zt=L.default.forwardRef((function(e,t){var a=e.displayName,r=e.isFocused,l=e.onRemove,o=e.onFocus,i=h.useDarkMode(),s=i.darkMode,u=i.theme,d=n.useContext(qt),f=d.size,p=d.disabled,m=d.overflow,b=d.chipTruncationLocation,y=void 0===b?"end":b,v=d.chipCharacterLimit,x=void 0===v?12:v,k=m!==qe.scrollX&&!!x&&!!y&&"none"!==y&&a.length>x,w=n.useRef(null),C=n.useMemo((function(){if(k){var e=x-3;switch(y){case"start":return"…"+a.substring(a.length-e).trim();case"middle":return a.substring(0,e/2).trim()+"…"+a.substring(a.length-e/2).trim();case"end":return a.substring(0,e).trim()+"…";default:return a}}return!1}),[x,y,a,k]);n.useEffect((function(){var e;r&&!p&&(null==w||null===(e=w.current)||void 0===e||e.focus())}),[p,t,r]);return L.default.createElement("span",{role:"option","aria-selected":r,"data-testid":"lg-combobox-chip",ref:t,className:c.cx(st,Yn,Bn[u],Vn(f),V({},c.cx(_n[u],Zn),p)),onClick:function(e){var n;null!==(n=w.current)&&void 0!==n&&n.contains(e.target)||o()},onKeyDown:function(e){p||e.keyCode!==g.keyMap.Delete&&e.keyCode!==g.keyMap.Backspace&&e.keyCode!==g.keyMap.Enter&&e.keyCode!==g.keyMap.Space||l()},tabIndex:-1},L.default.createElement("span",{className:c.cx($n[f])},C?L.default.createElement(P.default,{darkMode:s,definition:a,align:"bottom"},C):a),L.default.createElement("button",{"aria-label":"Deselect ".concat(a),"aria-disabled":p,disabled:p,ref:w,className:c.cx(Jn,et[u],Qn(f),V({},c.cx(tt[u],nt),p)),onClick:function(){p||l()}},L.default.createElement(z.default,{glyph:"X"})))}));zt.displayName="Chip";var At,Ft,Pt,Wt,Xt,Gt,Ht,Kt,Ut,Yt,Vt,Bt,Zt,_t,$t,Jt,Qt,ea=(V(An={},g.Theme.Light,c.css(qn||(qn=_(["\n padding-top: ","px;\n "])),x.spacing[2])),V(An,g.Theme.Dark,c.css(zn||(zn=_(["\n padding-top: ","px;\n "])),x.spacing[2])),An),na=c.css(Fn||(Fn=_(["\n cursor: default;\n width: 100%;\n padding: 0 12px 2px;\n outline: none;\n overflow-wrap: anywhere;\n font-size: 12px;\n line-height: 16px;\n font-weight: ",";\n text-transform: uppercase;\n letter-spacing: 0.4px;\n"])),x.fontWeights.bold),ta=(V(Xn={},g.Theme.Light,c.css(Pn||(Pn=_(["\n color: ",";\n "])),v.palette.gray.dark1)),V(Xn,g.Theme.Dark,c.css(Wn||(Wn=_(["\n color: ",";\n "])),v.palette.gray.light1)),Xn);function aa(e){var n=e.label,t=e.className,a=e.children,r=h.useDarkMode().theme,l=d.useIdAllocator({prefix:"combobox-group"});return L.default.Children.count(a)>0?L.default.createElement("div",{className:c.cx(ea[r],t)},L.default.createElement("div",{className:c.cx(na,ta[r]),id:l},n),L.default.createElement("div",{role:"group","aria-labelledby":l},a)):L.default.createElement(L.default.Fragment,null)}function ra(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}ra.displayName="ComboboxGroup",ra.propTypes={className:q.default.string,children:q.default.node.isRequired,label:q.default.string.isRequired};var la,oa=(V(At={},Re.XSmall,{x:12,y:8}),V(At,Re.Small,{x:12,y:8}),V(At,Re.Default,{x:12,y:8}),V(At,Re.Large,{x:12,y:8}),At),ia=function(e){return Gn[e]+2*oa[e].y},sa=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return c.css(Ft||(Ft=_(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),e)},ua=(V(Xt={},g.Theme.Light,c.css(Pt||(Pt=_(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),y.transparentize(.85,v.palette.black),v.palette.gray.light2)),V(Xt,g.Theme.Dark,c.css(Wt||(Wt=_(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),y.transparentize(.85,v.palette.black),v.palette.gray.dark3)),Xt),ca=c.css(Gt||(Gt=_(["\n position: relative;\n width: 100%;\n margin: 0;\n padding: ","px 0;\n font-family: ",";\n border-radius: inherit;\n overflow-y: auto;\n scroll-behavior: smooth;\n"])),x.spacing[2],x.fontFamilies.default),da=(V(Ut={},g.Theme.Light,c.css(Ht||(Ht=_(["\n color: ",";\n background-color: ",";\n "])),v.palette.black,v.palette.white)),V(Ut,g.Theme.Dark,c.css(Kt||(Kt=_(["\n color: ",";\n background-color: ",";\n "])),v.palette.gray.light1,v.palette.gray.dark3)),Ut),fa=c.css(Yt||(Yt=_(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),pa=c.css(Vt||(Vt=_(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),ha=(V(_t={},g.Theme.Light,c.css(Bt||(Bt=_(["\n color: ",";\n "])),v.palette.gray.dark3)),V(_t,g.Theme.Dark,c.css(Zt||(Zt=_(["\n color: ",";\n "])),v.palette.gray.light3)),_t),ga=function(e){return c.css($t||($t=_(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px ","px;\n"])),Hn[e],Gn[e],oa[e].y,oa[e].x)},ma=c.keyframes(Jt||(Jt=_(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),ba=c.css(Qt||(Qt=_(["\n animation: "," 1.5s linear infinite;\n"])),ma),ya=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],va=L.default.forwardRef((function(e,t){var a=e.children,r=e.id,l=e.refEl,o=e.labelId,i=e.menuWidth,s=e.searchLoadingMessage,u=e.searchErrorMessage,f=e.searchEmptyMessage,p=Z(e,ya),g=h.useDarkMode(),b=g.darkMode,y=g.theme,x=n.useContext(qt),k=x.disabled,w=x.size,C=x.isOpen,E=x.searchState,S=d.useForwardedRef(t,null),T=d.useAvailableSpace(l),D=R.default(T)?"unset":"".concat(Math.min(T,256),"px"),N=n.useMemo((function(){var e=c.cx(pa,ha[y],ga(w)),n=c.cx(pa,ga(w));switch(E){case"loading":return L.default.createElement("span",{className:e},L.default.createElement(z.default,{glyph:"Refresh",color:b?v.palette.blue.light1:v.palette.blue.base,className:ba}),s);case"error":return L.default.createElement(m.Error,{className:n},L.default.createElement(z.default,{glyph:"Warning",color:b?v.palette.red.light1:v.palette.red.base}),L.default.createElement("span",null,u));default:return a&&"object"===Y(a)&&"length"in a&&a.length>0?L.default.createElement("ul",{className:fa},a):L.default.createElement("span",{className:e},f)}}),[y,w,E,b,s,u,a,f]);return L.default.createElement(W.default,B({active:C&&!k,spacing:4,align:"bottom",justify:"middle",refEl:l,adjustOnMutation:!0,className:c.cx(sa(i),ua[y])},p),L.default.createElement("div",{ref:S,id:r,role:"listbox","aria-labelledby":o,"aria-expanded":C,className:c.cx(ca,da[y],c.css(la||(la=_(["\n max-height: ",";\n "])),D)),onMouseDownCapture:function(e){return e.preventDefault()}},N))}));va.displayName="ComboboxMenu";var xa,ka,wa,Ca,Ea,Sa,Ta,La,Da,Na,Oa,Ma,Ia,ja,Ra,qa,za,Aa,Fa,Pa,Wa,Xa,Ga,Ha,Ka,Ua,Ya=function(e){var n=e.scrollHeight;return e.scrollTop<n-e.clientHeight},Va=function(e){var n,t=e.value,a=e.displayName;return{value:null!=t?t:X.default(a),displayName:null!==(n=null!=a?a:t)&&void 0!==n?n:""}},Ba=function e(n){return L.default.Children.toArray(n).reduce((function(n,t){if(g.isComponentType(t,"ComboboxOption")){var a=Va(t.props),r=a.value,l=a.displayName,o=t.props,i=o.glyph,s=o.disabled;return[].concat(J(n),[{value:r,displayName:l,isDisabled:!!s,hasGlyph:!!i}])}if(g.isComponentType(t,"ComboboxGroup")){var u=t.props.children;if(u)return[].concat(J(n),J(e(u)))}}),[])},Za=function(e,n){if(e)return n.find((function(n){return n.value===e}))},_a=function(e,n){var t,a;return e?null!==(t=null===(a=Za(e,n))||void 0===a?void 0:a.displayName)&&void 0!==t?t:e:""},$a=function(e){return c.css(xa||(xa=_(["\n font-size: ","px;\n line-height: ","px;\n min-height: ","px;\n padding: ","px ","px;\n gap: ","px;\n\n &:before {\n max-height: ","px;\n }\n"])),Hn[e],Gn[e],ia(e),oa[e].y,oa[e].x,x.spacing[1],ia(e))},Ja=(V(Sa={},Re.XSmall,c.css(ka||(ka=_(["\n min-width: ","px;\n "])),x.spacing[3])),V(Sa,Re.Small,c.css(wa||(wa=_(["\n min-width: ","px;\n "])),x.spacing[3])),V(Sa,Re.Default,c.css(Ca||(Ca=_(["\n min-width: ","px;\n "])),x.spacing[3])),V(Sa,Re.Large,c.css(Ea||(Ea=_(["\n min-width: ","px;\n "])),x.spacing[4])),Sa),Qa=c.css(Ta||(Ta=_(["\n pointer-events: none;\n gap: 0;\n\n label {\n gap: 0;\n align-items: center;\n }\n"])));c.css(La||(La=_(["\n pointer-events: none;\n"])));var er=function(e){return c.css(Da||(Da=_(["\n font-weight: ",";\n"])),e?x.fontWeights.bold:x.fontWeights.regular)},nr=(V(Ma={},g.Theme.Light,c.css(Na||(Na=_(["\n color: ",";\n "])),v.palette.gray.dark1)),V(Ma,g.Theme.Dark,c.css(Oa||(Oa=_(["\n color: ",";\n "])),v.palette.gray.base)),Ma),tr=(V(Ra={},g.Theme.Light,c.css(Ia||(Ia=_(["\n color: ",";\n "])),v.palette.blue.dark1)),V(Ra,g.Theme.Dark,c.css(ja||(ja=_(["\n color: ",";\n "])),v.palette.blue.light3)),Ra),ar=(V(Aa={},g.Theme.Light,c.css(qa||(qa=_(["\n color: ",";\n "])),v.palette.gray.light1)),V(Aa,g.Theme.Dark,c.css(za||(za=_(["\n color: ",";\n "])),v.palette.gray.dark1)),Aa),rr=(V(Wa={},g.Theme.Light,c.css(Fa||(Fa=_(["\n color: ",";\n "])),v.palette.blue.base)),V(Wa,g.Theme.Dark,c.css(Pa||(Pa=_(["\n color: ",";\n "])),v.palette.blue.light1)),Wa),lr=(V(Ha={},g.Theme.Light,c.css(Xa||(Xa=_(["\n color: ",";\n "])),v.palette.gray.light1)),V(Ha,g.Theme.Dark,c.css(Ga||(Ga=_(["\n color: ",";\n "])),v.palette.gray.dark1)),Ha),or=c.css(Ka||(Ka=_(["\n ."," {\n align-self: baseline;\n }\n"])),w.leftGlyphClassName),ir=c.css(Ua||(Ua=_(["\n ."," {\n height: 28px;\n }\n"])),w.leftGlyphClassName),sr=["glyph","isSelected","displayName","isFocused","setSelected","className","description","value","onClick","disabled"],ur=L.default.forwardRef((function(e,t){var a,r=e.glyph,l=e.isSelected,o=e.displayName,i=e.isFocused,s=e.setSelected,u=e.className,p=e.description,g=e.value,m=e.onClick,b=e.disabled,y=void 0!==b&&b,v=Z(e,sr),x=h.useDarkMode(),k=x.darkMode,C=x.theme,E=n.useContext(qt),S=E.multiselect,T=E.size,D=E.withIcons,N=E.inputValue,O=d.useForwardedRef(t,null),M=d.useIdAllocator({prefix:"combobox-option-text"}),I=n.useCallback((function(e){e.stopPropagation(),y||(s(),null==m||m(e,g))}),[y,m,s,g]),j=n.useMemo((function(){return function(e){var n,t=e.withIcons,a=e.isSelected,r=e.glyph,l=e.optionTextId,o=e.disabled,i=e.darkMode,s=e.size,u=e.multiselect,d=e.theme,p=e.isFocused;r&&!f.isComponentGlyph(r)&&console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",r);var h=r&&f.isComponentGlyph(r)?L.default.cloneElement(r,U(U({},r.props),{},{className:c.cx(nr[d],(n={},V(n,tr[d],p),V(n,ar[d],o),n),r.props.className)})):L.default.createElement(L.default.Fragment,null),g=L.default.createElement(H.default,{"aria-labelledby":l,checked:a,tabIndex:-1,disabled:o,darkMode:i,className:Qa}),m=L.default.createElement(z.default,{glyph:"Checkmark",className:c.cx(Ja[s],rr[d],V({},lr[d],o))});return{leftGlyph:u?t?h:g:t?h:a?m:null,rightGlyph:u?t&&g:t&&a&&m}}({withIcons:D,isSelected:l,glyph:r,theme:C,darkMode:k,size:T,disabled:y,multiselect:S,optionTextId:M,isFocused:i})}),[k,y,r,l,S,M,T,C,D,i]),R=j.leftGlyph,q=j.rightGlyph,A=S&&!D;return L.default.createElement(w.InputOption,B({},v,{as:"li",ref:O,highlighted:i,disabled:y,"aria-label":o,darkMode:k,className:c.cx($a(T),(a={},V(a,or,A),V(a,ir,A&&T===Re.Large),a),u),onClick:I,onKeyDown:I}),L.default.createElement(w.InputOptionContent,{leftGlyph:R,rightGlyph:q,description:p},L.default.createElement("span",{id:M,className:er(l)},function(e,n,t){if(n&&t){var a=G.default(n),r=new RegExp(a,"gi"),l=e.matchAll(r);if(l){for(var o=e.split(""),i=0,s=Array.from(l);i<s.length;i++){var u,c=s[i],d=null!==(u=c.index)&&void 0!==u?u:-1,f=c[0],p=f.length,h=d+f+p,g=new Array(p).fill("");g[0]=L.default.createElement(t,{key:h},f),o.splice.apply(o,[d,p].concat(J(g)))}return L.default.createElement(L.default.Fragment,null,o)}return L.default.createElement(L.default.Fragment,null,e)}return L.default.createElement(L.default.Fragment,null,e)}(o,N,"strong"))))}));function cr(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}ur.displayName="ComboboxOption",cr.displayName="ComboboxOption",cr.propTypes={displayName:q.default.string,value:q.default.string,glyph:q.default.node,disabled:q.default.bool,className:q.default.string,description:q.default.string,onClick:q.default.func};var dr=["children","label","description","placeholder","aria-label","disabled","size","darkMode","state","errorMessage","searchState","searchEmptyMessage","searchErrorMessage","searchLoadingMessage","filteredOptions","onFilter","clearable","onClear","overflow","multiselect","initialValue","onChange","value","chipTruncationLocation","chipCharacterLimit","className","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"],fr=["className","glyph","disabled"];function pr(e){var t,a,r,l=e.children,o=e.label,i=e.description,s=e.placeholder,u=void 0===s?"Select":s,f=e["aria-label"],p=e.disabled,b=void 0!==p&&p,y=e.size,v=void 0===y?Re.Default:y,x=e.darkMode,k=e.state,w=void 0===k?"none":k,C=e.errorMessage,E=e.searchState,S=void 0===E?"unset":E,T=e.searchEmptyMessage,q=void 0===T?"No results found":T,P=e.searchErrorMessage,W=void 0===P?"Could not get results!":P,X=e.searchLoadingMessage,G=void 0===X?"Loading results...":X,H=e.filteredOptions,K=e.onFilter,_=e.clearable,J=void 0===_||_,Q=e.onClear,ee=e.overflow,ne=void 0===ee?qe.expandY:ee,te=e.multiselect,ae=void 0!==te&&te,re=e.initialValue,le=e.onChange,oe=e.value,ie=e.chipTruncationLocation,se=e.chipCharacterLimit,ue=void 0===se?12:se,ce=e.className,de=e.usePortal,fe=void 0===de||de,pe=e.portalClassName,he=e.portalContainer,ge=e.scrollContainer,me=e.popoverZIndex,be=Z(e,dr),ye=h.useDarkMode(x),ve=ye.darkMode,xe=ye.theme,ke=d.useDynamicRefs({prefix:"option"}),we=d.useDynamicRefs({prefix:"chip"}),Ce=d.useIdAllocator({prefix:"combobox-input"}),Ee=d.useIdAllocator({prefix:"combobox-label"}),Se=d.useIdAllocator({prefix:"combobox-menu"}),Te=n.useRef(null),Ae=n.useRef(null),Fe=n.useRef(null),Pe=n.useRef(null),We=n.useRef(null),Xe=$(n.useState(!1),2),Ge=Xe[0],He=Xe[1],Ke=d.usePrevious(Ge),Ue=$(n.useState(null),2),Ye=Ue[0],Ve=Ue[1],Be=$(n.useState(null),2),Ze=Be[0],_e=Be[1],$e=d.usePrevious(Ze),Je=$(n.useState(""),2),Qe=Je[0],en=Je[1],nn=d.usePrevious(Qe),tn=$(n.useState(null),2),an=tn[0],rn=tn[1],ln=$(n.useState(!1),2),on=ln[0],sn=ln[1],un=!I.default(Ze)&&(O.default(Ze)&&Ze.length>0||j.default(Ze)),cn=ae&&O.default(Ze)&&Ze.length>0?void 0:u,dn=function(){return He(!1)},fn=function(){return He(!0)},pn=n.useMemo((function(){return Ba(l)}),[l]),hn=n.useCallback((function(e){return!ae||"string"!=typeof e&&"number"!=typeof e?!ae&&O.default(e)&&g.consoleOnce.error("Error in Combobox: multiselect is set to `false`, but received an Array value"):g.consoleOnce.error("Error in Combobox: multiselect is set to `true`, but received a ".concat(Y(e),' value: "').concat(e,'"')),ae&&O.default(e)}),[ae]),gn=n.useCallback((function(e){!b&&Pe&&Pe.current&&(Pe.current.focus(),R.default(e)||Pe.current.setSelectionRange(e,e))}),[b]),mn=n.useCallback((function(e){if(hn(Ze)){var n=D.default(Ze);I.default(e)?n.length=0:Ze.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),en("")),_e(n),null==le||le(n)}else{var t=e;_e(t),null==le||le(t)}}),[hn,le,Ze]),bn=n.useCallback((function(e){return hn(Ze)?Ze.includes(e):e===Ze}),[hn,Ze]),yn=n.useCallback((function(e){var n,t,a,r,l=(t=pn,(n=e)?null!==(a=null===(r=t.find((function(e){return e.displayName===n})))||void 0===r?void 0:r.value)&&void 0!==a?a:n:"");return bn(l)}),[pn,bn]),vn=n.useCallback((function(e){var n="string"==typeof e?e:e.value;return H&&H.length>0?H.includes(n):!!yn(Qe)||("string"==typeof e?_a(n,pn):e.displayName).toLowerCase().includes(Qe.toLowerCase())}),[H,yn,Qe,pn]),xn=n.useMemo((function(){return pn.filter(vn)}),[pn,vn]),kn=n.useCallback((function(e){return!!e&&!!pn.find((function(n){return n.value===e}))}),[pn]),wn=n.useCallback((function(e){return xn?xn.findIndex((function(n){return n.value===e})):-1}),[xn]),Cn=n.useCallback((function(e){if(xn&&xn.length>=e){var n=xn[e];return n?n.value:void 0}}),[xn]),En=n.useCallback((function(){return hn(Ze)?Ze.findIndex((function(e){var n,t;return null===(n=we(e))||void 0===n||null===(t=n.current)||void 0===t?void 0:t.contains(document.activeElement)})):-1}),[we,hn,Ze]),Sn=$(n.useState(),2),Tn=Sn[0],Ln=Sn[1],Dn=n.useCallback((function(e){var n,t=null!==(n=null==xn?void 0:xn.length)&&void 0!==n?n:0,a=t-1>0?t-1:0,r=wn(Ye);switch(e&&Ge&&(rn(null),gn()),e){case"next":var l=Cn(r+1<t?r+1:0);Ve(null!=l?l:null);break;case"prev":var o=Cn(r-1>=0?r-1:a);Ve(null!=o?o:null);break;case"last":var i=Cn(a);Ve(null!=i?i:null);break;default:var s=Cn(0);Ve(null!=s?s:null)}}),[Ye,wn,Cn,Ge,gn,null==xn?void 0:xn.length]),Nn=n.useCallback((function(e,n){if(hn(Ze))switch(e){case"next":var t=null!=n?n:En(),a=t+1<Ze.length?t+1:Ze.length-1,r=Ze[a];rn(r);break;case"prev":var l=null!=n?n:En(),o=l>0?l-1:l<0?Ze.length-1:0,i=Ze[o];rn(i);break;case"first":var s=Ze[0];rn(s);break;case"last":var u=Ze[Ze.length-1];rn(u);break;default:rn(null)}}),[En,hn,Ze]),On=n.useCallback((function(e,n){switch(e&&Ve(null),e){case"right":switch(Tn){case Le:var t,a,r;if((null===(t=Pe.current)||void 0===t?void 0:t.selectionEnd)===(null===(a=Pe.current)||void 0===a?void 0:a.value.length))null===(r=Ae.current)||void 0===r||r.focus();break;case Ne:case Me:case Oe:if(Tn===Oe||1===(null==Ze?void 0:Ze.length)){gn(0),Nn(null),n.preventDefault();break}Nn("next")}break;case"left":switch(Tn){case De:var l;n.preventDefault(),gn(null==Pe||null===(l=Pe.current)||void 0===l?void 0:l.value.length);break;case Le:case Me:case Oe:if(hn(Ze)){var o;if(Tn===Le&&0!==(null===(o=Pe.current)||void 0===o?void 0:o.selectionStart))break;Nn("prev")}}break;default:Nn(null)}}),[Tn,hn,Ze,gn,Nn]);n.useEffect((function(){Qe!==nn&&Dn("first")}),[Qe,Ge,nn,Dn]),d.useAutoScroll(Ye?ke(Ye):void 0,We);var Mn=n.useCallback((function(e){if(g.isComponentType(e,"ComboboxOption")){var n=Va(e.props),t=n.value,a=n.displayName;if(vn(t)){var r=e.props,l=r.className,o=r.glyph,i=r.disabled,s=Z(r,fr),u=pn.findIndex((function(e){return e.value===t})),c=Ye===t,d=hn(Ze)?Ze.includes(t):Ze===t,f=ke(t);return L.default.createElement(ur,B({},s,{value:t,displayName:a,isFocused:c,isSelected:d,disabled:i,setSelected:function(){Ve(t),mn(t),gn(),t===Ze&&dn()},glyph:o,className:l,index:u,ref:f}))}}else if(g.isComponentType(e,"ComboboxGroup")){var p=L.default.Children.map(e.props.children,Mn);if(p&&(null==p?void 0:p.length)>0)return L.default.createElement(aa,{label:e.props.label,className:e.props.className},L.default.Children.map(p,Mn))}}),[pn,ke,Ye,hn,Ze,gn,vn,mn]),In=n.useMemo((function(){return L.default.Children.map(l,Mn)}),[l,Mn]),jn=n.useMemo((function(){if(hn(Ze))return Ze.filter(kn).map((function(e,n){var t=_a(e,pn),a=an===e,r=we(e),l=n>=Ze.length-1;return L.default.createElement(zt,{key:e,displayName:t,isFocused:a,onRemove:function(){l?(gn(),Nn(null)):Nn("next",n),mn(e)},onFocus:function(){rn(e)},ref:r})}))}),[hn,Ze,kn,pn,an,we,mn,gn,Nn]),Rn=n.useMemo((function(){return pn.some((function(e){return e.hasGlyph}))}),[pn]),qn=n.useCallback((function(){if(!hn(Ze)&&Ze===$e){var e=xn.find((function(e){return e.displayName===Qe||e.value===Qe}));if(e&&!oe)_e(e.value);else{var n,t=null!==(n=_a(Ze,pn))&&void 0!==n?n:"";en(t)}}}),[pn,Qe,hn,$e,Ze,oe,xn]),zn=n.useCallback((function(){if(un){if(hn(Ze))Un(ne);else if(!hn(Ze)){var e,n=null!==(e=_a(Ze,pn))&&void 0!==e?e:"";en(n),dn()}}else en("")}),[un,pn,hn,Ze,ne]);n.useEffect((function(){if(re)if(O.default(re)){var e,n=null!==(e=re.filter((function(e){return kn(e)})))&&void 0!==e?e:[];_e(n)}else kn(re)&&_e(re);else _e(function(e){return e?[]:null}(ae))}),[]),n.useEffect((function(){if(!R.default(oe)&&oe!==nn)if(I.default(oe))_e(null);else if(hn(oe)){var e=oe.filter(kn);_e(e)}else _e(kn(oe)?oe:null)}),[hn,kn,nn,oe]),n.useEffect((function(){M.default(Ze,$e)||zn()}),[zn,$e,Ze]),n.useEffect((function(){!Ge&&Ke&&qn()}),[Ge,Ke,qn]);var An=$(n.useState(0),2),Fn=An[0],Pn=An[1];n.useEffect((function(){var e,n;Pn(null!==(e=null===(n=Te.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)}),[Te,Ge,Ye,Ze]);d.useBackdropClick(dn,[We,Te],Ge);var Wn=hn(Ze)&&!!Ze.length,Xn=N.default((function(e){sn(Ya(e.target))}),50,{leading:!0}),Gn=n.useCallback((function(e){ne===qe.expandY&&Xn(e)}),[Xn,ne]);n.useEffect((function(){Fe.current&&sn(Ya(Fe.current))}),[]);var Hn,Kn=U({popoverZIndex:me},fe?{usePortal:fe,portalClassName:pe,portalContainer:he,scrollContainer:ge}:{usePortal:fe});return L.default.createElement(F.default,{darkMode:ve},L.default.createElement(qt.Provider,{value:{multiselect:ae,size:v,withIcons:Rn,disabled:b,isOpen:Ge,state:w,searchState:S,chipTruncationLocation:ie,chipCharacterLimit:ue,inputValue:Qe,overflow:ne}},L.default.createElement("div",B({className:c.cx(ut(v),ce)},be),(o||i)&&L.default.createElement("div",{className:Nt},o&&L.default.createElement(m.Label,{id:Ee,htmlFor:Ce,darkMode:ve,disabled:b,className:c.cx(V({},Ot,v===Re.Large))},o),i&&L.default.createElement(m.Description,{darkMode:ve,disabled:b,className:c.cx(V({},Ot,v===Re.Large))},i)),L.default.createElement("div",{ref:Te,role:"combobox","aria-expanded":Ge,"aria-controls":Se,"aria-owns":Se,tabIndex:-1,onMouseDown:function(e){b&&e.preventDefault()},onClick:function(e){if(e.target!==Pe.current){var n=0;if(Pe.current)n=e.nativeEvent.offsetX>Pe.current.offsetLeft+Pe.current.clientWidth?Qe.length:0;gn(n)}fn()},onFocus:function(e){Un(ne),Ln(function(e){var n,t,a,r;if(!e)return;if(null!==(n=Pe.current)&&void 0!==n&&n.contains(e))return Le;if(null!==(t=Ae.current)&&void 0!==t&&t.contains(e))return De;var l=hn(Ze)?Ze.findIndex((function(n){var t,a;return null===(t=we(n))||void 0===t||null===(a=t.current)||void 0===a?void 0:a.contains(e)})):-1;if(hn(Ze)){if(0===l)return Ne;if(l===Ze.length-1)return Oe;if(l>0)return Me}if(null!==(a=We.current)&&void 0!==a&&a.contains(e))return je;if(null!==(r=Te.current)&&void 0!==r&&r.contains(e))return Ie}(e.target))},onKeyDown:function(e){var n,t,a=null===(n=We.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(t=Te.current)||void 0===t?void 0:t.contains(document.activeElement))||a){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.keyCode){case g.keyMap.Tab:switch(Tn){case"Input":un||(dn(),Dn("first"),Nn(null));break;case"LastChip":Nn(null)}break;case g.keyMap.Escape:dn(),Dn("first");break;case g.keyMap.Enter:Tn!==Le||I.default(Ye)||function(e){if("string"==typeof e){var n=Za(e,pn);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(Ye)?Tn===De&&(mn(null),gn()):mn(Ye);break;case g.keyMap.Backspace:var r;if(hn(Ze))"Input"===Tn&&0===(null===(r=Pe.current)||void 0===r?void 0:r.selectionStart)&&Nn("last");fn();break;case g.keyMap.ArrowDown:Ge?(e.preventDefault(),Dn("next")):fn();break;case g.keyMap.ArrowUp:Ge?(e.preventDefault(),Dn("prev")):fn();break;case g.keyMap.ArrowRight:On("right",e);break;case g.keyMap.ArrowLeft:On("left",e);break;default:Ge||fn()}}},onTransitionEnd:function(){var e,n;Pn(null!==(e=null===(n=Te.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:c.cx(ct,dt[xe],ft(v,Wn),(t={},V(t,pt[xe],b),V(t,ht[xe],w===ze.error),V(t,gt[xe],(Hn=Le,Hn===Tn)),V(t,Mt[xe],on),t))},L.default.createElement("div",{onScroll:Gn,ref:Fe,className:yt({size:v,overflow:ne})},jn,L.default.createElement("input",{"aria-label":null!=f?f:o,"aria-autocomplete":"list","aria-controls":Se,"aria-labelledby":Ee,ref:Pe,id:Ce,className:c.cx(vt,wt(v),xt[xe],Ct(Ge),(a={},V(a,Et(v,Qe),hn(Ze)),V(a,kt[xe],b),a)),placeholder:cn,disabled:null!=b?b:void 0,onChange:function(e){var n=e.target.value;en(n),null==K||K(n)},value:Qe,autoComplete:"off"})),L.default.createElement("div",{className:c.cx(mt,bt[v])},"error"===w&&L.default.createElement(z.default,{glyph:"Warning",fill:It[xe],className:Tt}),J&&un&&!b&&L.default.createElement(A.default,{"aria-label":"Clear selection","aria-disabled":b,disabled:b,ref:Ae,onClick:function(e){b||(e.stopPropagation(),mn(null),null==Q||Q(e),null==K||K(""),gn())},onFocus:function(){Ve(null)},className:c.cx(St),darkMode:ve},L.default.createElement(z.default,{glyph:"XWithCircle"})),L.default.createElement(z.default,{glyph:"CaretDown",className:Tt,fill:c.cx((r={},V(r,jt[xe],!b),V(r,Rt[xe],b),r))}))),"error"===w&&C&&L.default.createElement("div",{className:c.cx(Lt[xe],Dt(v))},C),L.default.createElement(va,B({id:Se,labelId:Ee,refEl:Te,ref:We,menuWidth:Fn,searchLoadingMessage:G,searchErrorMessage:W,searchEmptyMessage:q},Kn),In))));function Un(e){Fe&&Fe.current&&(e===qe.scrollX&&(Fe.current.scrollLeft=Fe.current.scrollWidth),e===qe.expandY&&(Fe.current.scrollTop=Fe.current.scrollHeight))}}pr.propTypes={multiselect:q.default.bool,value:q.default.oneOfType([q.default.string,q.default.arrayOf(q.default.string)]),initialValue:q.default.oneOfType([q.default.string,q.default.arrayOf(q.default.string)]),overflow:q.default.oneOf(Object.values(qe)),darkMode:q.default.bool,label:q.default.string,"aria-label":q.default.string,children:q.default.node,onChange:q.default.func,chipCharacterLimit:q.default.number,chipTruncationLocation:q.default.oneOf(Object.values({start:"start",middle:"middle",end:"end",none:"none"})),onClear:q.default.func,onFilter:q.default.func,clearable:q.default.bool,searchLoadingMessage:q.default.string,searchErrorMessage:q.default.string,searchEmptyMessage:q.default.string,searchState:q.default.oneOf(Object.values(Ae)),errorMessage:q.default.string,state:q.default.oneOf(Object.values(ze)),size:q.default.oneOf(Object.values(Re)),disabled:q.default.bool,description:q.default.string,placeholder:q.default.string,filteredOptions:q.default.arrayOf(q.default.string),popoverZIndex:q.default.number,usePortal:q.default.bool,scrollContainer:q.default.elementType,portalContainer:q.default.elementType,portalClassName:q.default.string},e.Combobox=pr,e.ComboboxGroup=ra,e.ComboboxOption=cr,Object.defineProperty(e,"__esModule",{value:!0})}));
2
2
  //# sourceMappingURL=index.js.map