@leafygreen-ui/combobox 3.1.0 → 3.1.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/CHANGELOG.md +19 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +13 -13
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# @leafygreen-ui/combobox
|
|
2
2
|
|
|
3
|
+
## 3.1.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 24683433: - Remove an implicit dependency on `@emotion/react` fixing an issue where LG packages would not build if `@leafygreen/emotion@4.0.2` or greater was installed.
|
|
8
|
+
- Updated dependencies [24683433]
|
|
9
|
+
- @leafygreen-ui/checkbox@10.1.1
|
|
10
|
+
- @leafygreen-ui/emotion@4.0.3
|
|
11
|
+
- @leafygreen-ui/hooks@7.3.3
|
|
12
|
+
- @leafygreen-ui/icon@11.11.1
|
|
13
|
+
- @leafygreen-ui/icon-button@13.2.1
|
|
14
|
+
- @leafygreen-ui/inline-definition@4.1.1
|
|
15
|
+
- @leafygreen-ui/leafygreen-provider@2.3.5
|
|
16
|
+
- @leafygreen-ui/lib@9.5.1
|
|
17
|
+
- @leafygreen-ui/palette@3.4.4
|
|
18
|
+
- @leafygreen-ui/popover@9.1.1
|
|
19
|
+
- @leafygreen-ui/tokens@1.3.4
|
|
20
|
+
- @leafygreen-ui/typography@13.2.1
|
|
21
|
+
|
|
3
22
|
## 3.1.0
|
|
4
23
|
|
|
5
24
|
### Minor Changes
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import n from"lodash/clone";import e from"lodash/isArray";import r from"lodash/isEqual";import o from"lodash/isNull";import t from"lodash/isString";import a from"lodash/isUndefined";import i,{createContext as l,useContext as s,useCallback as c,useMemo as u,useRef as d,useEffect as f,useState as p}from"react";import g from"prop-types";import{Label as h,Description as b}from"@leafygreen-ui/typography";import{useIdAllocator as m,useForwardedRef as v,useAvailableSpace as y,useDynamicRefs as x,usePrevious as w,useEventListener as k}from"@leafygreen-ui/hooks";import C,{isComponentGlyph as O}from"@leafygreen-ui/icon";import D from"@leafygreen-ui/icon-button";import{css as N,cx as L,keyframes as S}from"@leafygreen-ui/emotion";import{palette as M}from"@leafygreen-ui/palette";import{isComponentType as z,createUniqueClassName as E,keyMap as j,consoleOnce as I}from"@leafygreen-ui/lib";import P from"lodash/escapeRegExp";import{jsx as T}from"@emotion/react";import F from"lodash/kebabCase";import A from"@leafygreen-ui/checkbox";import{typeScales as H,spacing as R,fontFamilies as W,hoverRing as G,focusRing as K}from"@leafygreen-ui/tokens";import{transparentize as X}from"polished";import V from"@leafygreen-ui/inline-definition";import q from"@leafygreen-ui/popover";function U(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.push.apply(r,o)}return r}function Z(n){return Z="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},Z(n)}function B(n,e,r){return e in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function Y(){return Y=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(n[o]=r[o])}return n},Y.apply(this,arguments)}function $(n,e){if(null==n)return{};var r,o,t=function(n,e){if(null==n)return{};var r,o,t={},a=Object.keys(n);for(o=0;o<a.length;o++)r=a[o],e.indexOf(r)>=0||(t[r]=n[r]);return t}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o<a.length;o++)r=a[o],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(n,r)&&(t[r]=n[r])}return t}function J(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function Q(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var r=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null==r)return;var o,t,a=[],i=!0,l=!1;try{for(r=r.call(n);!(i=(o=r.next()).done)&&(a.push(o.value),!e||a.length!==e);i=!0);}catch(n){l=!0,t=n}finally{try{i||null==r.return||r.return()}finally{if(l)throw t}}return a}(n,e)||nn(n,e)||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 _(n){return function(n){if(Array.isArray(n))return en(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||nn(n)||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 nn(n,e){if(n){if("string"==typeof n)return en(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?en(n,e):void 0}}function en(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,o=new Array(e);r<e;r++)o[r]=n[r];return o}var rn="dark",on="light",tn="Input",an="ClearButton",ln="FirstChip",sn="LastChip",cn="MiddleChip",un="Combobox",dn="Menu",fn={Default:"default",Large:"large"},pn={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},gn={error:"error",none:"none"},hn={unset:"unset",error:"error",loading:"loading"};var bn,mn,vn,yn,xn,wn,kn,Cn,On,Dn,Nn,Ln,Sn,Mn,zn,En,jn,In,Pn,Tn,Fn,An,Hn,Rn,Wn,Gn,Kn,Xn,Vn,qn,Un,Zn,Bn,Yn=function(n,e,r){if(e&&r){var o=P(e),t=new RegExp(o,"gi"),a=n.matchAll(t);if(a){for(var l=n.split(""),s=0,c=Array.from(a);s<c.length;s++){var u,d=c[s],f=null!==(u=d.index)&&void 0!==u?u:-1,p=d[0],g=p.length,h=f+p+g,b=new Array(g).fill("");b[0]=i.createElement(r,{key:h},p),l.splice.apply(l,[f,g].concat(_(b)))}return T(i.Fragment,null,l)}return T(i.Fragment,null,n)}return T(i.Fragment,null,n)},$n=function(n){var e,r=n.value,o=n.displayName;return{value:null!=r?r:F(o),displayName:null!==(e=null!=o?o:r)&&void 0!==e?e:""}},Jn=function(n,e){if(n)return e.find((function(e){return e.value===n}))},Qn=function(n,e){var r,o;return n?null!==(r=null===(o=Jn(n,e))||void 0===o?void 0:o.displayName)&&void 0!==r?r:n:""},_n=function n(e){return i.Children.toArray(e).reduce((function(e,r){if(z(r,"ComboboxOption")){var o=$n(r.props),t=o.value,a=o.displayName,i=r.props,l=i.glyph,s=i.disabled;return[].concat(_(e),[{value:t,displayName:a,isDisabled:!!s,hasGlyph:!!l}])}if(z(r,"ComboboxGroup")){var c=r.props.children;if(c)return[].concat(_(e),_(n(c)))}}),[])},ne=l({multiselect:!1,darkMode:!1,size:fn.Default,withIcons:!1,disabled:!1,isOpen:!1,state:gn.none,searchState:hn.unset}),ee=function(n){return n?rn:on},re=(B(vn={},on,N(bn||(bn=J(["\n padding-top: 8px;\n "])))),B(vn,rn,N(mn||(mn=J(["\n padding-top: 8px;\n "])))),vn),oe=N(yn||(yn=J(["\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"]))),te=(B(kn={},on,N(xn||(xn=J(["\n color: ",";\n "])),M.gray.dark1)),B(kn,rn,N(wn||(wn=J(["\n color: ",";\n "])),M.gray.light1)),kn);function ae(n){var e=n.label,r=n.className,o=n.children,t=s(ne).darkMode,a=ee(t),l=m({prefix:"combobox-group"});return i.Children.count(o)>0?T("div",{className:L(re[a],r)},T("div",{className:L(oe,te[a]),id:l},e),T("div",{role:"group","aria-labelledby":l},o)):T(i.Fragment,null)}function ie(n){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}ie.displayName="ComboboxGroup",ie.propTypes={className:g.string,children:g.node.isRequired,label:g.string.isRequired};var le=(B(Cn={},fn.Default,{x:12,y:8}),B(Cn,fn.Large,{x:12,y:8}),Cn),se=(B(On={},fn.Default,H.body1.lineHeight+2*le[fn.Default].y),B(On,fn.Large,H.body2.lineHeight+2*le[fn.Large].y),On),ce=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return N(Dn||(Dn=J(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),n)},ue=(B(Sn={},on,N(Nn||(Nn=J(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),X(.85,M.black),M.gray.light2)),B(Sn,rn,N(Ln||(Ln=J(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),X(.85,M.black),M.gray.dark3)),Sn),de=N(Mn||(Mn=J(["\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"])),R[2],W.default),fe=(B(jn={},on,N(zn||(zn=J(["\n color: ",";\n background-color: ",";\n "])),M.black,M.white)),B(jn,rn,N(En||(En=J(["\n color: ",";\n background-color: ",";\n "])),M.gray.light1,M.gray.dark3)),jn);B(Tn={},fn.Default,N(In||(In=J(["\n min-height: ","px;\n "])),se[fn.Default])),B(Tn,fn.Large,N(Pn||(Pn=J(["\n min-height: ","px;\n "])),se[fn.Large]));var pe=N(Fn||(Fn=J(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),ge=N(An||(An=J(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),he=(B(Wn={},on,N(Hn||(Hn=J(["\n color: ",";\n "])),M.gray.dark3)),B(Wn,rn,N(Rn||(Rn=J(["\n color: ",";\n "])),M.gray.light3)),Wn),be=(B(Xn={},fn.Default,N(Gn||(Gn=J(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px\n ","px;\n "])),H.body1.fontSize,H.body1.lineHeight,le[fn.Default].y,le[fn.Default].x)),B(Xn,fn.Large,N(Kn||(Kn=J(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px\n ","px;\n "])),H.body2.fontSize,H.body2.lineHeight,le[fn.Large].y,le[fn.Large].x)),Xn);B(Un={},fn.Default,N(Vn||(Vn=J(["\n height: ","px;\n width: ","px;\n "])),H.body1.fontSize,H.body1.fontSize)),B(Un,fn.Large,N(qn||(qn=J(["\n height: ","px;\n width: ","px;\n "])),H.body2.fontSize,H.body2.fontSize));var me,ve,ye,xe,we,ke,Ce,Oe,De,Ne,Le,Se,Me,ze,Ee,je,Ie,Pe,Te,Fe,Ae,He,Re,We,Ge,Ke,Xe,Ve,qe,Ue,Ze,Be,Ye,$e,Je,Qe,_e,nr,er,rr,or,tr,ar,ir,lr,sr,cr,ur,dr,fr,pr,gr,hr,br,mr,vr,yr,xr,wr,kr,Cr,Or,Dr,Nr=S(Zn||(Zn=J(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),Lr=N(Bn||(Bn=J(["\n animation: "," 1.5s linear infinite;\n"])),Nr),Sr=N(me||(me=J(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n color: inherit;\n cursor: pointer;\n overflow: hidden;\n font-family: ",";\n\n // Left wedge\n &:before {\n content: '';\n position: absolute;\n left: 0;\n width: 4px;\n height: calc(100% - 14px);\n background-color: rgba(255, 255, 255, 0);\n border-radius: 0 6px 6px 0;\n transform: scale3d(0, 0.3, 0);\n transition: 200ms ease-in-out;\n transition-property: transform, background-color;\n }\n"])),W.default),Mr=(B(xe={},on,N(ve||(ve=J(["\n &:hover {\n outline: none;\n background-color: ",";\n }\n "])),M.gray.light2)),B(xe,rn,N(ye||(ye=J(["\n &:hover {\n outline: none;\n background-color: ",";\n }\n "])),M.gray.dark4)),xe),zr=(B(Ce={},fn.Default,N(we||(we=J(["\n font-size: ","px;\n line-height: ","px;\n min-height: ","px;\n padding: ","px\n ","px;\n gap: ","px;\n\n &:before {\n max-height: ","px;\n }\n "])),H.body1.fontSize,H.body1.lineHeight,se[fn.Default],le[fn.Default].y,le[fn.Default].x,R[1],se[fn.Default])),B(Ce,fn.Large,N(ke||(ke=J(["\n font-size: ","px;\n line-height: ","px;\n min-height: ","px;\n padding: ","px\n ","px;\n gap: ","px;\n\n &:before {\n max-height: ","px;\n }\n "])),H.body2.fontSize,H.body2.lineHeight,se[fn.Large],le[fn.Large].y,le[fn.Large].x,R[2],se[fn.Large])),Ce),Er=N(Oe||(Oe=J(["\n outline: none;\n\n &:before {\n transform: scaleY(1);\n }\n"]))),jr=(B(Le={},on,N(De||(De=J(["\n ",";\n background-color: ",";\n\n &:before {\n background-color: ",";\n }\n "])),Er,M.blue.light3,M.blue.base)),B(Le,rn,N(Ne||(Ne=J(["\n ",";\n background-color: ",";\n\n &:before {\n background-color: ",";\n }\n "])),Er,M.blue.dark3,M.blue.light1)),Le),Ir=N(Se||(Se=J(["\n cursor: not-allowed;\n\n &:hover {\n background-color: inherit;\n }\n\n &:before {\n content: unset;\n }\n"]))),Pr=(B(Ee={},on,N(Me||(Me=J(["\n ",";\n color: ",";\n "])),Ir,M.gray.light1)),B(Ee,rn,N(ze||(ze=J(["\n ",";\n color: ",";\n "])),Ir,M.gray.dark1)),Ee),Tr=(B(Pe={},fn.Default,N(je||(je=J(["\n min-width: ","px;\n "])),R[3])),B(Pe,fn.Large,N(Ie||(Ie=J(["\n min-width: ","px;\n "])),R[4])),Pe),Fr=N(Te||(Te=J(["\n display: inline-flex;\n gap: 8px;\n justify-content: start;\n align-items: inherit;\n overflow-wrap: anywhere;\n"]))),Ar=N(Fe||(Fe=J(["\n pointer-events: none;\n"]))),Hr=function(n){return N(Ae||(Ae=J(["\n font-weight: ",";\n"])),n?"bold":"normal")},Rr=i.forwardRef((function(n,e){var r,o=n.displayName,t=n.glyph,a=n.isSelected,l=n.isFocused,d=n.disabled,f=n.setSelected,p=n.className,g=s(ne),h=g.multiselect,b=g.darkMode,y=g.withIcons,x=g.inputValue,w=g.size,k=ee(b),D=m({prefix:"combobox-option-text"}),S=v(e,null),E=c((function(n){n.stopPropagation(),d||n.target!==S.current&&"INPUT"!==n.target.tagName||f()}),[d,S,f]),j=u((function(){if(t){if(O(t)||z(t,"Icon"))return t;console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",t)}}),[t]),I=u((function(){if(h){var n=T(A,{"aria-labelledby":D,checked:a,tabIndex:-1,disabled:d,darkMode:b,className:N(He||(He=J(["\n // TODO: Remove when this is resolved:\n // https://jira.mongodb.org/browse/PD-2171\n & > label > div {\n margin-top: 0;\n }\n "])))});return T(i.Fragment,null,T("span",{className:L(Fr,Ar)},y?j:n,T("span",{id:D,className:Hr(a)},Yn(o,x,"strong"))),y&&n)}return T(i.Fragment,null,T("span",{className:L(Fr,Ar)},j,T("span",{className:Hr(a)},Yn(o,x,"strong"))),a&&T(C,{glyph:"Checkmark",className:Tr[w],color:b?M.blue.light1:M.blue.base}))}),[h,j,a,o,x,w,b,D,d,y]);return T("li",{ref:S,role:"option","aria-selected":l,"aria-label":o,tabIndex:-1,className:L(Sr,zr[w],Mr[k],(r={},B(r,jr[k],l),B(r,Pr[k],d),r),p),onClick:E,onKeyDown:E},I)}));function Wr(n){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}Rr.displayName="ComboboxOption",Wr.displayName="ComboboxOption",Wr.propTypes={displayName:g.string,value:g.string,glyph:g.node,disabled:g.bool,className:g.string};var Gr,Kr,Xr,Vr,qr,Ur,Zr,Br,Yr,$r,Jr,Qr,_r,no,eo,ro,oo,to,ao,io,lo,so,co,uo,fo=(B(Re={},fn.Default,H.body1.fontSize),B(Re,fn.Large,H.body2.fontSize),Re),po=(B(We={},fn.Default,2),B(We,fn.Large,4),We),go=(B(Ge={},fn.Default,H.body1.lineHeight+2*po[fn.Default]),B(Ge,fn.Large,H.body2.lineHeight+2*po[fn.Large]),Ge),ho=(B(Ke={},fn.Default,{y:(36-go[fn.Default]-2)/2,x:R[2]-1}),B(Ke,fn.Large,{y:(48-go[fn.Large]-2)/2,x:R[2]-1}),Ke),bo=R[3],mo=(B(Xe={},fn.Default,fo[fn.Default]+2*ho[fn.Default].x+bo+2),B(Xe,fn.Large,fo[fn.Large]+2*ho[fn.Large].x+bo+2),Xe),vo=E("combobox-chip"),yo=function(n){return N(Ve||(Ve=J(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),W.default,mo[n])},xo=N(qe||(qe=J(["\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n cursor: text;\n transition: 150ms ease-in-out;\n transition-property: background-color, box-shadow, border-color;\n border: 1px solid;\n width: inherit;\n border-radius: 6px;\n"]))),wo=(B(Be={},on,N(Ue||(Ue=J(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover {\n box-shadow: ",";\n }\n "])),M.gray.dark3,M.white,M.gray.base,G[on].gray)),B(Be,rn,N(Ze||(Ze=J(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover {\n box-shadow: ",";\n }\n "])),M.gray.light2,M.gray.dark4,M.gray.base,G[rn].gray)),Be),ko=function(n){return N(Ye||(Ye=J(["\n padding: ","px ","px;\n"])),ho[n].y,ho[n].x)},Co=(B(Qe={},on,N($e||($e=J(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),M.gray.dark1,M.gray.light2,M.gray.light1)),B(Qe,rn,N(Je||(Je=J(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),M.gray.dark1,M.gray.dark3,M.gray.dark2)),Qe),Oo=(B(er={},on,N(_e||(_e=J(["\n border-color: ",";\n "])),M.red.base)),B(er,rn,N(nr||(nr=J(["\n border-color: ",";\n "])),M.red.light1)),er),Do=(B(tr={},on,N(rr||(rr=J(["\n &:focus-within {\n border-color: transparent;\n background-color: ",";\n box-shadow: ",";\n }\n "])),M.white,K[on].input)),B(tr,rn,N(or||(or=J(["\n &:focus-within {\n border-color: transparent;\n background-color: ",";\n box-shadow: ",";\n }\n "])),M.gray.dark4,K[rn].input)),tr),No=function(n){var e=n.overflow,r=n.size,o=N(ar||(ar=J(["\n flex-grow: 1;\n width: inherit;\n "])));switch(e){case pn.scrollX:return N(ir||(ir=J(["\n ","\n display: block;\n height: ","px;\n white-space: nowrap;\n overflow-x: scroll;\n scroll-behavior: smooth;\n scrollbar-width: none;\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 "])),o,go[r],vo);case pn.expandY:return N(lr||(lr=J(["\n ","\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n overflow-x: visible;\n min-height: ","px;\n "])),o,go[r])}},Lo=N(sr||(sr=J(["\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\n &:placeholder-shown {\n min-width: 100%;\n }\n &:focus {\n outline: none;\n }\n"])),W.default),So=(B(dr={},on,N(cr||(cr=J(["\n &::placeholder {\n color: ",";\n }\n "])),M.gray.dark1)),B(dr,rn,N(ur||(ur=J(["\n &::placeholder {\n color: ",";\n }\n "])),M.gray.light1)),dr),Mo=(B(gr={},fn.Default,N(fr||(fr=J(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n // Only add padding if there are chips\n &:not(:first-child) {\n padding-left: 4px;\n }\n "])),go[fn.Default],H.body1.fontSize,H.body1.lineHeight,fo[fn.Default])),B(gr,fn.Large,N(pr||(pr=J(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n &:not(:first-child) {\n padding-left: 6px;\n }\n "])),go[fn.Large],H.body2.fontSize,H.body2.lineHeight,fo[fn.Large])),gr),zo=function(n){return N(hr||(hr=J(["\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"])),n?"0s":"100ms")},Eo=function(n,e){var r,o=null!==(r=null==e?void 0:e.length)&&void 0!==r?r:0;return N(br||(br=J(["\n max-width: 100%;\n width: ","px;\n // TODO: This doesn't quite work. Fix this\n max-width: calc(100% - ","px);\n "])),o*fo[n],2*bo)},jo=N(mr||(mr=J(["\n // Add a negative margin so the button takes up the same space as the regular icons\n margin-block: calc(","px - 100%);\n"])),bo/2),Io=function(n){return N(vr||(vr=J(["\n height: ","px;\n width: ","px;\n margin-inline-end: calc(","px / 2);\n"])),bo,bo,ho[n].x)},Po=(B(wr={},on,N(yr||(yr=J(["\n color: ",";\n "])),M.red.base)),B(wr,rn,N(xr||(xr=J(["\n color: ",";\n "])),M.red.light1)),wr),To=(B(Or={},fn.Default,N(kr||(kr=J(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n "])),H.body1.fontSize,H.body1.lineHeight,ho[fn.Default].y)),B(Or,fn.Large,N(Cr||(Cr=J(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n "])),H.body2.fontSize,H.body2.lineHeight,ho[fn.Large].y)),Or),Fo=N(Dr||(Dr=J(["\n margin-bottom: 2px;\n"]))),Ao=N(Gr||(Gr=J(["\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n white-space: nowrap;\n box-sizing: border-box;\n"]))),Ho=(B(Vr={},fn.Default,N(Kr||(Kr=J(["\n font-size: ","px;\n line-height: ","px;\n border-radius: 4px;\n "])),H.body1.fontSize,H.body1.lineHeight)),B(Vr,fn.Large,N(Xr||(Xr=J(["\n font-size: ","px;\n line-height: ","px;\n border-radius: 4px;\n "])),H.body2.fontSize,H.body2.lineHeight)),Vr),Ro=(B(Zr={},on,N(qr||(qr=J(["\n color: ",";\n background-color: ",";\n\n // TODO: - refine these styles with Design\n &:focus-within {\n background-color: ",";\n }\n "])),M.black,M.gray.light2,M.blue.light2)),B(Zr,rn,N(Ur||(Ur=J(["\n color: ",";\n background-color: ",";\n\n &:focus-within {\n background-color: ",";\n }\n "])),M.gray.light2,M.gray.dark2,M.blue.dark2)),Zr),Wo=(B($r={},on,N(Br||(Br=J(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n "])),M.gray.base,M.gray.light3)),B($r,rn,N(Yr||(Yr=J(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n box-shadow: inset 0 0 1px 1px ","; ;\n "])),M.gray.dark2,M.gray.dark4,M.gray.dark2)),$r),Go=(B(_r={},fn.Default,N(Jr||(Jr=J(["\n padding-inline: 6px;\n padding-block: ","px;\n "])),po[fn.Default])),B(_r,fn.Large,N(Qr||(Qr=J(["\n padding-inline: 10px;\n padding-block: ","px;\n "])),po[fn.Large])),_r),Ko=N(no||(no=J(["\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 100ms ease-in-out;\n"]))),Xo=(B(oo={},fn.Default,N(eo||(eo=J(["\n height: ","px;\n "])),go[fn.Default])),B(oo,fn.Large,N(ro||(ro=J(["\n height: ","px;\n "])),go[fn.Large])),oo),Vo=(B(io={},on,N(to||(to=J(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),M.gray.dark2,M.black,M.gray.light1)),B(io,rn,N(ao||(ao=J(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),M.gray.light1,M.gray.light3,M.gray.dark1)),io),qo=(B(co={},on,N(lo||(lo=J(["\n cursor: not-allowed;\n color: ",";\n &:hover {\n color: inherit;\n background-color: unset;\n }\n "])),M.gray.dark2)),B(co,rn,N(so||(so=J(["\n cursor: not-allowed;\n color: ",";\n &:hover {\n color: inherit;\n background-color: unset;\n }\n "])),M.gray.dark2)),co),Uo=i.forwardRef((function(n,e){var r=n.displayName,o=n.isFocused,t=n.onRemove,a=n.onFocus,i=s(ne),l=i.darkMode,c=i.size,p=i.disabled,g=i.chipTruncationLocation,h=void 0===g?"end":g,b=i.chipCharacterLimit,m=void 0===b?12:b,v=ee(l),y=!!m&&!!h&&"none"!==h&&r.length>m,x=d(null),w=u((function(){if(y){var n=m-3;switch(h){case"start":return"…"+r.substring(r.length-n).trim();case"middle":return r.substring(0,n/2).trim()+"…"+r.substring(r.length-n/2).trim();case"end":return r.substring(0,n).trim()+"…";default:return r}}return!1}),[m,h,r,y]);f((function(){var n;o&&!p&&(null==x||null===(n=x.current)||void 0===n||n.focus())}),[p,e,o]);return T("span",{role:"option","aria-selected":o,"data-testid":"lg-combobox-chip",ref:e,className:L(vo,Ao,Ro[v],Ho[c],B({},Wo[v],p)),onClick:function(n){var e;null!==(e=x.current)&&void 0!==e&&e.contains(n.target)||a()},onKeyDown:function(n){p||n.keyCode!==j.Delete&&n.keyCode!==j.Backspace&&n.keyCode!==j.Enter&&n.keyCode!==j.Space||t()},tabIndex:-1},T("span",{className:L(Go[c])},w?T(V,{darkMode:l,definition:r,align:"bottom"},w):r),T("button",{"aria-label":"Deselect ".concat(r),"aria-disabled":p,disabled:p,ref:x,className:L(Ko,Vo[v],Xo[c],B({},qo[v],p)),onClick:function(){p||t()}},T(C,{glyph:"X"})))}));Uo.displayName="Chip";var Zo=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],Bo=i.forwardRef((function(n,e){var r=n.children,o=n.id,t=n.refEl,i=n.labelId,l=n.menuWidth,c=n.searchLoadingMessage,d=n.searchErrorMessage,f=n.searchEmptyMessage,p=$(n,Zo),g=s(ne),h=g.disabled,b=g.darkMode,m=g.size,x=g.isOpen,w=g.searchState,k=v(e,null),O=ee(b),D=y(t),S=a(D)?"unset":"".concat(Math.min(D,256),"px"),z=u((function(){var n=L(ge,he[O],be[m]);switch(w){case"loading":return T("span",{className:n},T(C,{glyph:"Refresh",color:b?M.blue.light1:M.blue.base,className:Lr}),c);case"error":return T("span",{className:n},T(C,{glyph:"Warning",color:b?M.red.light1:M.red.base}),d);default:return r&&"object"===Z(r)&&"length"in r&&r.length>0?T("ul",{className:pe},r):T("span",{className:n},f)}}),[O,m,w,b,c,d,r,f]);return T(q,Y({active:x&&!h,spacing:4,align:"bottom",justify:"middle",refEl:t,adjustOnMutation:!0,className:L(ce(l),ue[O])},p),T("div",{ref:k,id:o,role:"listbox","aria-labelledby":i,"aria-expanded":x,className:L(de,fe[O],N(uo||(uo=J(["\n max-height: ",";\n "])),S)),onMouseDownCapture:function(n){return n.preventDefault()}},z))}));Bo.displayName="ComboboxMenu";var Yo=["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"];function $o(l){var s,g=l.children,v=l.label,y=l.description,O=l.placeholder,N=void 0===O?"Select":O,S=l["aria-label"],E=l.disabled,P=void 0!==E&&E,F=l.size,A=void 0===F?fn.Default:F,H=l.darkMode,R=void 0!==H&&H,W=l.state,G=void 0===W?"none":W,K=l.errorMessage,X=l.searchState,V=void 0===X?"unset":X,q=l.searchEmptyMessage,J=void 0===q?"No results found":q,_=l.searchErrorMessage,nn=void 0===_?"Could not get results!":_,en=l.searchLoadingMessage,rn=void 0===en?"Loading results...":en,on=l.filteredOptions,pn=l.onFilter,hn=l.clearable,bn=void 0===hn||hn,mn=l.onClear,vn=l.overflow,yn=void 0===vn?"expand-y":vn,xn=l.multiselect,wn=void 0!==xn&&xn,kn=l.initialValue,Cn=l.onChange,On=l.value,Dn=l.chipTruncationLocation,Nn=l.chipCharacterLimit,Ln=void 0===Nn?12:Nn,Sn=l.className,Mn=l.usePortal,zn=void 0===Mn||Mn,En=l.portalClassName,jn=l.portalContainer,In=l.scrollContainer,Pn=l.popoverZIndex,Tn=$(l,Yo),Fn=ee(R),An=x({prefix:"option"}),Hn=x({prefix:"chip"}),Rn=m({prefix:"combobox-input"}),Wn=m({prefix:"combobox-label"}),Gn=m({prefix:"combobox-menu"}),Kn=d(null),Xn=d(null),Vn=d(null),qn=d(null),Un=d(null),Zn=Q(p(!1),2),Bn=Zn[0],Yn=Zn[1],re=w(Bn),oe=Q(p(null),2),te=oe[0],ie=oe[1],le=Q(p(null),2),se=le[0],ce=le[1],ue=w(se),de=Q(p(""),2),fe=de[0],pe=de[1],ge=w(fe),he=Q(p(null),2),be=he[0],me=he[1],ve=!o(se)&&(e(se)&&se.length>0||t(se)),ye=wn&&e(se)&&se.length>0?void 0:N,xe=function(){return Yn(!1)},we=function(){return Yn(!0)},ke=u((function(){return _n(g)}),[g]),Ce=c((function(n){return!wn||"string"!=typeof n&&"number"!=typeof n?!wn&&e(n)&&I.error("Error in Combobox: multiselect is set to `false`, but received an Array value"):I.error("Error in Combobox: multiselect is set to `true`, but received a ".concat(Z(n),' value: "').concat(n,'"')),wn&&e(n)}),[wn]),Oe=c((function(n){!P&&qn&&qn.current&&(qn.current.focus(),a(n)||qn.current.setSelectionRange(n,n))}),[P]),De=c((function(e){if(Ce(se)){var r=n(se);o(e)?r.length=0:se.includes(e)?r.splice(r.indexOf(e),1):(r.push(e),pe("")),ce(r),null==Cn||Cn(r)}else{var t=e;ce(t),null==Cn||Cn(t)}}),[Ce,Cn,se]),Ne=c((function(n){return Ce(se)?se.includes(n):n===se}),[Ce,se]),Le=c((function(n){var e,r,o,t,a=(r=ke,(e=n)?null!==(o=null===(t=r.find((function(n){return n.displayName===e})))||void 0===t?void 0:t.value)&&void 0!==o?o:e:"");return Ne(a)}),[ke,Ne]),Se=c((function(n){var e="string"==typeof n?n:n.value;return on&&on.length>0?on.includes(e):!!Le(fe)||("string"==typeof n?Qn(e,ke):n.displayName).toLowerCase().includes(fe.toLowerCase())}),[on,Le,fe,ke]),Me=u((function(){return ke.filter(Se)}),[ke,Se]),ze=c((function(n){return!!n&&!!ke.find((function(e){return e.value===n}))}),[ke]),Ee=c((function(n){return Me?Me.findIndex((function(e){return e.value===n})):-1}),[Me]),je=c((function(n){if(Me&&Me.length>=n){var e=Me[n];return e?e.value:void 0}}),[Me]),Ie=c((function(){return Ce(se)?se.findIndex((function(n){var e,r;return null===(e=Hn(n))||void 0===e||null===(r=e.current)||void 0===r?void 0:r.contains(document.activeElement)})):-1}),[Hn,Ce,se]),Pe=Q(p(),2),Te=Pe[0],Fe=Pe[1],Ae=c((function(n){var e,r=null!==(e=null==Me?void 0:Me.length)&&void 0!==e?e:0,o=r-1>0?r-1:0,t=Ee(te);switch(n&&Bn&&(me(null),Oe()),n){case"next":var a=je(t+1<r?t+1:0);ie(null!=a?a:null);break;case"prev":var i=je(t-1>=0?t-1:o);ie(null!=i?i:null);break;case"last":var l=je(o);ie(null!=l?l:null);break;default:var s=je(0);ie(null!=s?s:null)}}),[te,Ee,je,Bn,Oe,null==Me?void 0:Me.length]),He=c((function(n,e){if(Ce(se))switch(n){case"next":var r=null!=e?e:Ie(),o=r+1<se.length?r+1:se.length-1,t=se[o];me(t);break;case"prev":var a=null!=e?e:Ie(),i=a>0?a-1:a<0?se.length-1:0,l=se[i];me(l);break;case"first":var s=se[0];me(s);break;case"last":var c=se[se.length-1];me(c);break;default:me(null)}}),[Ie,Ce,se]),Re=c((function(n,e){switch(n&&ie(null),n){case"right":switch(Te){case tn:var r,o,t;if((null===(r=qn.current)||void 0===r?void 0:r.selectionEnd)===(null===(o=qn.current)||void 0===o?void 0:o.value.length))null===(t=Xn.current)||void 0===t||t.focus();break;case ln:case cn:case sn:if(Te===sn||1===(null==se?void 0:se.length)){Oe(0),He(null),e.preventDefault();break}He("next")}break;case"left":switch(Te){case an:var a;e.preventDefault(),Oe(null==qn||null===(a=qn.current)||void 0===a?void 0:a.value.length);break;case tn:case cn:case sn:if(Ce(se)){var i;if(Te===tn&&0!==(null===(i=qn.current)||void 0===i?void 0:i.selectionStart))break;He("prev")}}break;default:He(null)}}),[Te,Ce,se,Oe,He]);f((function(){fe!==ge&&Ae("first")}),[fe,Bn,ge,Ae]),f((function(){if(te){var n=An(te);if(n&&n.current&&Un.current){var e=n.current.offsetTop,r=Un.current,o=r.scrollTop;(e>r.offsetHeight||e<o)&&(Un.current.scrollTop=e)}}}),[te,An]);var We=c((function(n){if(z(n,"ComboboxOption")){var e=$n(n.props),r=e.value,o=e.displayName;if(Se(r)){var t=n.props,a=t.className,l=t.glyph,s=t.disabled,c=ke.findIndex((function(n){return n.value===r})),u=te===r,d=Ce(se)?se.includes(r):se===r,f=An(r);return T(Rr,{value:r,displayName:o,isFocused:u,isSelected:d,disabled:s,setSelected:function(){ie(r),De(r),Oe(),r===se&&xe()},glyph:l,className:a,index:c,ref:f})}}else if(z(n,"ComboboxGroup")){var p=i.Children.map(n.props.children,We);if(p&&(null==p?void 0:p.length)>0)return T(ae,{label:n.props.label,className:n.props.className},i.Children.map(p,We))}}),[ke,An,te,Ce,se,Oe,Se,De]),Ge=u((function(){return i.Children.map(g,We)}),[g,We]),Ke=u((function(){if(Ce(se))return se.filter(ze).map((function(n,e){var r=Qn(n,ke),o=be===n,t=Hn(n),a=e>=se.length-1;return T(Uo,{key:n,displayName:r,isFocused:o,onRemove:function(){a?(Oe(),He(null)):He("next",e),De(n)},onFocus:function(){me(n)},ref:t})}))}),[Ce,se,ze,ke,be,Hn,De,Oe,He]),Xe=u((function(){return T(i.Fragment,null,bn&&ve&&T(D,{"aria-label":"Clear selection","aria-disabled":P,disabled:P,ref:Xn,onClick:function(n){P||(De(null),null==mn||mn(n),null==pn||pn(""),Bn||we())},onFocus:$e,className:L(jo),darkMode:R},T(C,{glyph:"XWithCircle"})),T(C,"error"===G?{glyph:"Warning",color:R?M.red.light1:M.red.base,className:Io(A)}:{glyph:"CaretDown",className:Io(A)}))}),[bn,ve,P,G,R,A,De,mn,pn,Bn]),Ve=u((function(){return ke.some((function(n){return n.hasGlyph}))}),[ke]),qe=c((function(){if(!Ce(se)&&se===ue){var n=Me.find((function(n){return n.displayName===fe||n.value===fe}));if(n&&!On)ce(n.value);else{var e,r=null!==(e=Qn(se,ke))&&void 0!==e?e:"";pe(r)}}}),[ke,fe,Ce,ue,se,On,Me]),Ue=c((function(){if(ve){if(Ce(se))nr();else if(!Ce(se)){var n,e=null!==(n=Qn(se,ke))&&void 0!==n?n:"";pe(e),xe()}}else pe("")}),[ve,ke,Ce,se]);f((function(){if(kn)if(e(kn)){var n,r=null!==(n=kn.filter((function(n){return ze(n)})))&&void 0!==n?n:[];ce(r)}else ze(kn)&&ce(kn);else ce(function(n){return n?[]:null}(wn))}),[]),f((function(){if(!a(On)&&On!==ge)if(o(On))ce(null);else if(Ce(On)){var n=On.filter(ze);ce(n)}else ce(ze(On)?On:null)}),[Ce,ze,ge,On]),f((function(){r(se,ue)||Ue()}),[Ue,ue,se]),f((function(){!Bn&&re&&qe()}),[Bn,re,qe]);var Ze=Q(p(0),2),Be=Ze[0],Ye=Ze[1];f((function(){var n,e;Ye(null!==(n=null===(e=Kn.current)||void 0===e?void 0:e.clientWidth)&&void 0!==n?n:0)}),[Kn,Bn,te,se]);var $e=function(){ie(null)};k("mousedown",(function(n){_e(n)||(n.preventDefault(),n.stopPropagation())}),{enabled:Bn}),k("click",(function(n){_e(n)||(n.stopPropagation(),xe())}),{options:{capture:!0},enabled:Bn});var Je,Qe=function(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?U(Object(r),!0).forEach((function(e){B(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):U(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}({popoverZIndex:Pn},zn?{usePortal:zn,portalClassName:En,portalContainer:jn,scrollContainer:In}:{usePortal:zn});return T(ne.Provider,{value:{multiselect:wn,darkMode:R,size:A,withIcons:Ve,disabled:P,isOpen:Bn,state:G,searchState:V,chipTruncationLocation:Dn,chipCharacterLimit:Ln,inputValue:fe}},T("div",Y({className:L(yo(A),Sn)},Tn),(v||y)&&T("div",{className:Fo},v&&T(h,{id:Wn,htmlFor:Rn,darkMode:R},v),y&&T(b,{darkMode:R},y)),T("div",{ref:Kn,role:"combobox","aria-expanded":Bn,"aria-controls":Gn,"aria-owns":Gn,tabIndex:-1,onMouseDown:function(n){P&&n.preventDefault()},onClick:function(n){if(n.target!==qn.current){var e=0;if(qn.current)e=n.nativeEvent.offsetX>qn.current.offsetLeft+qn.current.clientWidth?fe.length:0;Oe(e)}we()},onFocus:function(n){nr(),Fe(function(n){var e,r,o,t;if(!n)return;if(null!==(e=qn.current)&&void 0!==e&&e.contains(n))return tn;if(null!==(r=Xn.current)&&void 0!==r&&r.contains(n))return an;var a=Ce(se)?se.findIndex((function(e){var r,o;return null===(r=Hn(e))||void 0===r||null===(o=r.current)||void 0===o?void 0:o.contains(n)})):-1;if(Ce(se)){if(0===a)return ln;if(a===se.length-1)return sn;if(a>0)return cn}if(null!==(o=Un.current)&&void 0!==o&&o.contains(n))return dn;if(null!==(t=Kn.current)&&void 0!==t&&t.contains(n))return un}(n.target))},onKeyDown:function(n){var e,r,t=null===(e=Un.current)||void 0===e?void 0:e.contains(document.activeElement);if((null===(r=Kn.current)||void 0===r?void 0:r.contains(document.activeElement))||t){if(n.ctrlKey||n.shiftKey||n.altKey)return;switch(n.keyCode){case j.Tab:switch(Te){case"Input":ve||(xe(),Ae("first"),He(null));break;case"LastChip":He(null)}break;case j.Escape:xe(),Ae("first");break;case j.Enter:Bn?Te!==tn||o(te)||function(n){if("string"==typeof n){var e=Jn(n,ke);return!(null==e||!e.isDisabled)}return!!n.isDisabled}(te)?Te===an&&(De(null),Oe()):De(te):we();break;case j.Backspace:var a;if(Ce(se))"Input"===Te&&0===(null===(a=qn.current)||void 0===a?void 0:a.selectionStart)&&He("last");we();break;case j.ArrowDown:Bn?(n.preventDefault(),Ae("next")):we();break;case j.ArrowUp:Bn?(n.preventDefault(),Ae("prev")):we();break;case j.ArrowRight:Re("right",n);break;case j.ArrowLeft:Re("left",n);break;default:Bn||we()}}},onTransitionEnd:function(){var n,e;Ye(null!==(n=null===(e=Kn.current)||void 0===e?void 0:e.clientWidth)&&void 0!==n?n:0)},className:L(xo,wo[Fn],ko(A),(s={},B(s,Co[Fn],P),B(s,Oo[Fn],G===gn.error),B(s,Do[Fn],(Je=tn,Je===Te)),s))},T("div",{ref:Vn,className:No({size:A,overflow:yn})},Ke,T("input",{"aria-label":null!=S?S:v,"aria-autocomplete":"list","aria-controls":Gn,"aria-labelledby":Wn,ref:qn,id:Rn,className:L(Lo,Mo[A],So[Fn],zo(Bn),B({},Eo(A,fe),Ce(se))),placeholder:ye,disabled:null!=P?P:void 0,onChange:function(n){var e=n.target.value;pe(e),null==pn||pn(e)},value:fe,autoComplete:"off"})),Xe),"error"===G&&K&&T("div",{className:L(Po[Fn],To[A])},K),T(Bo,Y({id:Gn,labelId:Wn,refEl:Kn,ref:Un,menuWidth:Be,searchLoadingMessage:rn,searchErrorMessage:nn,searchEmptyMessage:J},Qe),Ge)));function _e(n){var e,r,o=n.target;return(null===(e=Un.current)||void 0===e?void 0:e.contains(o))||(null===(r=Kn.current)||void 0===r?void 0:r.contains(o))||!1}function nr(){Vn&&Vn.current&&(Vn.current.scrollLeft=Vn.current.scrollWidth)}}$o.propTypes={multiselect:g.bool,value:g.oneOf([g.string,g.arrayOf(g.string)]),initialValue:g.oneOf([g.string,g.arrayOf(g.string)]),overflow:g.oneOf(Object.values(pn)),darkMode:g.bool,label:g.string,"aria-label":g.string,children:g.node,onChange:g.func,chipCharacterLimit:g.number,chipTruncationLocation:g.oneOf(Object.values({start:"start",middle:"middle",end:"end",none:"none"})),onClear:g.func,onFilter:g.func,clearable:g.bool,searchLoadingMessage:g.string,searchErrorMessage:g.string,searchEmptyMessage:g.string,searchState:g.oneOf(Object.values(hn)),errorMessage:g.string,state:g.oneOf(Object.values(gn)),size:g.oneOf(Object.values(fn)),disabled:g.bool,description:g.string,placeholder:g.string,filteredOptions:g.arrayOf(g.string),popoverZIndex:g.number,usePortal:g.bool,scrollContainer:g.elementType,portalContainer:g.elementType,portalClassName:g.string};export{$o as Combobox,ie as ComboboxGroup,Wr as ComboboxOption};
|
|
1
|
+
import e from"lodash/clone";import n from"lodash/isArray";import r from"lodash/isEqual";import t from"lodash/isNull";import o from"lodash/isString";import a from"lodash/isUndefined";import i,{createContext as l,useContext as c,useCallback as s,useMemo as u,useRef as d,useEffect as f,useState as p}from"react";import g from"prop-types";import{Label as h,Description as b}from"@leafygreen-ui/typography";import{useIdAllocator as m,useForwardedRef as v,useAvailableSpace as y,useDynamicRefs as x,usePrevious as w,useEventListener as k}from"@leafygreen-ui/hooks";import E,{isComponentGlyph as C}from"@leafygreen-ui/icon";import O from"@leafygreen-ui/icon-button";import{css as D,cx as N,keyframes as L}from"@leafygreen-ui/emotion";import{palette as S}from"@leafygreen-ui/palette";import{isComponentType as M,createUniqueClassName as z,keyMap as j,consoleOnce as I}from"@leafygreen-ui/lib";import P from"lodash/escapeRegExp";import T from"lodash/kebabCase";import F from"@leafygreen-ui/checkbox";import{typeScales as A,spacing as H,fontFamilies as R,hoverRing as W,focusRing as G}from"@leafygreen-ui/tokens";import{transparentize as K}from"polished";import X from"@leafygreen-ui/inline-definition";import V from"@leafygreen-ui/popover";function q(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function U(e){return U="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},U(e)}function Z(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function B(){return B=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},B.apply(this,arguments)}function Y(e,n){if(null==e)return{};var r,t,o=function(e,n){if(null==e)return{};var r,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||(o[r]=e[r]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function $(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function J(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==r)return;var t,o,a=[],i=!0,l=!1;try{for(r=r.call(e);!(i=(t=r.next()).done)&&(a.push(t.value),!n||a.length!==n);i=!0);}catch(e){l=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(l)throw o}}return a}(e,n)||_(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 Q(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)||_(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 _(e,n){if(e){if("string"==typeof e)return ee(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?ee(e,n):void 0}}function ee(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}var ne="dark",re="light",te="Input",oe="ClearButton",ae="FirstChip",ie="LastChip",le="MiddleChip",ce="Combobox",se="Menu",ue={Default:"default",Large:"large"},de={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},fe={error:"error",none:"none"},pe={unset:"unset",error:"error",loading:"loading"};var ge,he,be,me,ve,ye,xe,we,ke,Ee,Ce,Oe,De,Ne,Le,Se,Me,ze,je,Ie,Pe,Te,Fe,Ae,He,Re,We,Ge,Ke,Xe,Ve,qe,Ue,Ze=function(e,n,r){if(n&&r){var t=P(n),o=new RegExp(t,"gi"),a=e.matchAll(o);if(a){for(var l=e.split(""),c=0,s=Array.from(a);c<s.length;c++){var u,d=s[c],f=null!==(u=d.index)&&void 0!==u?u:-1,p=d[0],g=p.length,h=f+p+g,b=new Array(g).fill("");b[0]=i.createElement(r,{key:h},p),l.splice.apply(l,[f,g].concat(Q(b)))}return i.createElement(i.Fragment,null,l)}return i.createElement(i.Fragment,null,e)}return i.createElement(i.Fragment,null,e)},Be=function(e){var n,r=e.value,t=e.displayName;return{value:null!=r?r:T(t),displayName:null!==(n=null!=t?t:r)&&void 0!==n?n:""}},Ye=function(e,n){if(e)return n.find((function(n){return n.value===e}))},$e=function(e,n){var r,t;return e?null!==(r=null===(t=Ye(e,n))||void 0===t?void 0:t.displayName)&&void 0!==r?r:e:""},Je=function e(n){return i.Children.toArray(n).reduce((function(n,r){if(M(r,"ComboboxOption")){var t=Be(r.props),o=t.value,a=t.displayName,i=r.props,l=i.glyph,c=i.disabled;return[].concat(Q(n),[{value:o,displayName:a,isDisabled:!!c,hasGlyph:!!l}])}if(M(r,"ComboboxGroup")){var s=r.props.children;if(s)return[].concat(Q(n),Q(e(s)))}}),[])},Qe=l({multiselect:!1,darkMode:!1,size:ue.Default,withIcons:!1,disabled:!1,isOpen:!1,state:fe.none,searchState:pe.unset}),_e=function(e){return e?ne:re},en=(Z(be={},re,D(ge||(ge=$(["\n padding-top: 8px;\n "])))),Z(be,ne,D(he||(he=$(["\n padding-top: 8px;\n "])))),be),nn=D(me||(me=$(["\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"]))),rn=(Z(xe={},re,D(ve||(ve=$(["\n color: ",";\n "])),S.gray.dark1)),Z(xe,ne,D(ye||(ye=$(["\n color: ",";\n "])),S.gray.light1)),xe);function tn(e){var n=e.label,r=e.className,t=e.children,o=c(Qe).darkMode,a=_e(o),l=m({prefix:"combobox-group"});return i.Children.count(t)>0?i.createElement("div",{className:N(en[a],r)},i.createElement("div",{className:N(nn,rn[a]),id:l},n),i.createElement("div",{role:"group","aria-labelledby":l},t)):i.createElement(i.Fragment,null)}function on(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}on.displayName="ComboboxGroup",on.propTypes={className:g.string,children:g.node.isRequired,label:g.string.isRequired};var an=(Z(we={},ue.Default,{x:12,y:8}),Z(we,ue.Large,{x:12,y:8}),we),ln=(Z(ke={},ue.Default,A.body1.lineHeight+2*an[ue.Default].y),Z(ke,ue.Large,A.body2.lineHeight+2*an[ue.Large].y),ke),cn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return D(Ee||(Ee=$(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),e)},sn=(Z(De={},re,D(Ce||(Ce=$(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),K(.85,S.black),S.gray.light2)),Z(De,ne,D(Oe||(Oe=$(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),K(.85,S.black),S.gray.dark3)),De),un=D(Ne||(Ne=$(["\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"])),H[2],R.default),dn=(Z(Me={},re,D(Le||(Le=$(["\n color: ",";\n background-color: ",";\n "])),S.black,S.white)),Z(Me,ne,D(Se||(Se=$(["\n color: ",";\n background-color: ",";\n "])),S.gray.light1,S.gray.dark3)),Me);Z(Ie={},ue.Default,D(ze||(ze=$(["\n min-height: ","px;\n "])),ln[ue.Default])),Z(Ie,ue.Large,D(je||(je=$(["\n min-height: ","px;\n "])),ln[ue.Large]));var fn=D(Pe||(Pe=$(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),pn=D(Te||(Te=$(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),gn=(Z(He={},re,D(Fe||(Fe=$(["\n color: ",";\n "])),S.gray.dark3)),Z(He,ne,D(Ae||(Ae=$(["\n color: ",";\n "])),S.gray.light3)),He),hn=(Z(Ge={},ue.Default,D(Re||(Re=$(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px\n ","px;\n "])),A.body1.fontSize,A.body1.lineHeight,an[ue.Default].y,an[ue.Default].x)),Z(Ge,ue.Large,D(We||(We=$(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px\n ","px;\n "])),A.body2.fontSize,A.body2.lineHeight,an[ue.Large].y,an[ue.Large].x)),Ge);Z(Ve={},ue.Default,D(Ke||(Ke=$(["\n height: ","px;\n width: ","px;\n "])),A.body1.fontSize,A.body1.fontSize)),Z(Ve,ue.Large,D(Xe||(Xe=$(["\n height: ","px;\n width: ","px;\n "])),A.body2.fontSize,A.body2.fontSize));var bn,mn,vn,yn,xn,wn,kn,En,Cn,On,Dn,Nn,Ln,Sn,Mn,zn,jn,In,Pn,Tn,Fn,An,Hn,Rn,Wn,Gn,Kn,Xn,Vn,qn,Un,Zn,Bn,Yn,$n,Jn,Qn,_n,er,nr,rr,tr,or,ar,ir,lr,cr,sr,ur,dr,fr,pr,gr,hr,br,mr,vr,yr,xr,wr,kr,Er,Cr,Or=L(qe||(qe=$(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),Dr=D(Ue||(Ue=$(["\n animation: "," 1.5s linear infinite;\n"])),Or),Nr=D(bn||(bn=$(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n color: inherit;\n cursor: pointer;\n overflow: hidden;\n font-family: ",";\n\n // Left wedge\n &:before {\n content: '';\n position: absolute;\n left: 0;\n width: 4px;\n height: calc(100% - 14px);\n background-color: rgba(255, 255, 255, 0);\n border-radius: 0 6px 6px 0;\n transform: scale3d(0, 0.3, 0);\n transition: 200ms ease-in-out;\n transition-property: transform, background-color;\n }\n"])),R.default),Lr=(Z(yn={},re,D(mn||(mn=$(["\n &:hover {\n outline: none;\n background-color: ",";\n }\n "])),S.gray.light2)),Z(yn,ne,D(vn||(vn=$(["\n &:hover {\n outline: none;\n background-color: ",";\n }\n "])),S.gray.dark4)),yn),Sr=(Z(kn={},ue.Default,D(xn||(xn=$(["\n font-size: ","px;\n line-height: ","px;\n min-height: ","px;\n padding: ","px\n ","px;\n gap: ","px;\n\n &:before {\n max-height: ","px;\n }\n "])),A.body1.fontSize,A.body1.lineHeight,ln[ue.Default],an[ue.Default].y,an[ue.Default].x,H[1],ln[ue.Default])),Z(kn,ue.Large,D(wn||(wn=$(["\n font-size: ","px;\n line-height: ","px;\n min-height: ","px;\n padding: ","px\n ","px;\n gap: ","px;\n\n &:before {\n max-height: ","px;\n }\n "])),A.body2.fontSize,A.body2.lineHeight,ln[ue.Large],an[ue.Large].y,an[ue.Large].x,H[2],ln[ue.Large])),kn),Mr=D(En||(En=$(["\n outline: none;\n\n &:before {\n transform: scaleY(1);\n }\n"]))),zr=(Z(Dn={},re,D(Cn||(Cn=$(["\n ",";\n background-color: ",";\n\n &:before {\n background-color: ",";\n }\n "])),Mr,S.blue.light3,S.blue.base)),Z(Dn,ne,D(On||(On=$(["\n ",";\n background-color: ",";\n\n &:before {\n background-color: ",";\n }\n "])),Mr,S.blue.dark3,S.blue.light1)),Dn),jr=D(Nn||(Nn=$(["\n cursor: not-allowed;\n\n &:hover {\n background-color: inherit;\n }\n\n &:before {\n content: unset;\n }\n"]))),Ir=(Z(Mn={},re,D(Ln||(Ln=$(["\n ",";\n color: ",";\n "])),jr,S.gray.light1)),Z(Mn,ne,D(Sn||(Sn=$(["\n ",";\n color: ",";\n "])),jr,S.gray.dark1)),Mn),Pr=(Z(In={},ue.Default,D(zn||(zn=$(["\n min-width: ","px;\n "])),H[3])),Z(In,ue.Large,D(jn||(jn=$(["\n min-width: ","px;\n "])),H[4])),In),Tr=D(Pn||(Pn=$(["\n display: inline-flex;\n gap: 8px;\n justify-content: start;\n align-items: inherit;\n overflow-wrap: anywhere;\n"]))),Fr=D(Tn||(Tn=$(["\n pointer-events: none;\n"]))),Ar=function(e){return D(Fn||(Fn=$(["\n font-weight: ",";\n"])),e?"bold":"normal")},Hr=i.forwardRef((function(e,n){var r,t=e.displayName,o=e.glyph,a=e.isSelected,l=e.isFocused,d=e.disabled,f=e.setSelected,p=e.className,g=c(Qe),h=g.multiselect,b=g.darkMode,y=g.withIcons,x=g.inputValue,w=g.size,k=_e(b),O=m({prefix:"combobox-option-text"}),L=v(n,null),z=s((function(e){e.stopPropagation(),d||e.target!==L.current&&"INPUT"!==e.target.tagName||f()}),[d,L,f]),j=u((function(){if(o){if(C(o)||M(o,"Icon"))return o;console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",o)}}),[o]),I=u((function(){if(h){var e=i.createElement(F,{"aria-labelledby":O,checked:a,tabIndex:-1,disabled:d,darkMode:b,className:D(An||(An=$(["\n // TODO: Remove when this is resolved:\n // https://jira.mongodb.org/browse/PD-2171\n & > label > div {\n margin-top: 0;\n }\n "])))});return i.createElement(i.Fragment,null,i.createElement("span",{className:N(Tr,Fr)},y?j:e,i.createElement("span",{id:O,className:Ar(a)},Ze(t,x,"strong"))),y&&e)}return i.createElement(i.Fragment,null,i.createElement("span",{className:N(Tr,Fr)},j,i.createElement("span",{className:Ar(a)},Ze(t,x,"strong"))),a&&i.createElement(E,{glyph:"Checkmark",className:Pr[w],color:b?S.blue.light1:S.blue.base}))}),[h,j,a,t,x,w,b,O,d,y]);return i.createElement("li",{ref:L,role:"option","aria-selected":l,"aria-label":t,tabIndex:-1,className:N(Nr,Sr[w],Lr[k],(r={},Z(r,zr[k],l),Z(r,Ir[k],d),r),p),onClick:z,onKeyDown:z},I)}));function Rr(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}Hr.displayName="ComboboxOption",Rr.displayName="ComboboxOption",Rr.propTypes={displayName:g.string,value:g.string,glyph:g.node,disabled:g.bool,className:g.string};var Wr,Gr,Kr,Xr,Vr,qr,Ur,Zr,Br,Yr,$r,Jr,Qr,_r,et,nt,rt,tt,ot,at,it,lt,ct,st,ut=(Z(Hn={},ue.Default,A.body1.fontSize),Z(Hn,ue.Large,A.body2.fontSize),Hn),dt=(Z(Rn={},ue.Default,2),Z(Rn,ue.Large,4),Rn),ft=(Z(Wn={},ue.Default,A.body1.lineHeight+2*dt[ue.Default]),Z(Wn,ue.Large,A.body2.lineHeight+2*dt[ue.Large]),Wn),pt=(Z(Gn={},ue.Default,{y:(36-ft[ue.Default]-2)/2,x:H[2]-1}),Z(Gn,ue.Large,{y:(48-ft[ue.Large]-2)/2,x:H[2]-1}),Gn),gt=H[3],ht=(Z(Kn={},ue.Default,ut[ue.Default]+2*pt[ue.Default].x+gt+2),Z(Kn,ue.Large,ut[ue.Large]+2*pt[ue.Large].x+gt+2),Kn),bt=z("combobox-chip"),mt=function(e){return D(Xn||(Xn=$(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),R.default,ht[e])},vt=D(Vn||(Vn=$(["\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n cursor: text;\n transition: 150ms ease-in-out;\n transition-property: background-color, box-shadow, border-color;\n border: 1px solid;\n width: inherit;\n border-radius: 6px;\n"]))),yt=(Z(Zn={},re,D(qn||(qn=$(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover {\n box-shadow: ",";\n }\n "])),S.gray.dark3,S.white,S.gray.base,W[re].gray)),Z(Zn,ne,D(Un||(Un=$(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover {\n box-shadow: ",";\n }\n "])),S.gray.light2,S.gray.dark4,S.gray.base,W[ne].gray)),Zn),xt=function(e){return D(Bn||(Bn=$(["\n padding: ","px ","px;\n"])),pt[e].y,pt[e].x)},wt=(Z(Jn={},re,D(Yn||(Yn=$(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),S.gray.dark1,S.gray.light2,S.gray.light1)),Z(Jn,ne,D($n||($n=$(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),S.gray.dark1,S.gray.dark3,S.gray.dark2)),Jn),kt=(Z(er={},re,D(Qn||(Qn=$(["\n border-color: ",";\n "])),S.red.base)),Z(er,ne,D(_n||(_n=$(["\n border-color: ",";\n "])),S.red.light1)),er),Et=(Z(tr={},re,D(nr||(nr=$(["\n &:focus-within {\n border-color: transparent;\n background-color: ",";\n box-shadow: ",";\n }\n "])),S.white,G[re].input)),Z(tr,ne,D(rr||(rr=$(["\n &:focus-within {\n border-color: transparent;\n background-color: ",";\n box-shadow: ",";\n }\n "])),S.gray.dark4,G[ne].input)),tr),Ct=function(e){var n=e.overflow,r=e.size,t=D(or||(or=$(["\n flex-grow: 1;\n width: inherit;\n "])));switch(n){case de.scrollX:return D(ar||(ar=$(["\n ","\n display: block;\n height: ","px;\n white-space: nowrap;\n overflow-x: scroll;\n scroll-behavior: smooth;\n scrollbar-width: none;\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 "])),t,ft[r],bt);case de.expandY:return D(ir||(ir=$(["\n ","\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n overflow-x: visible;\n min-height: ","px;\n "])),t,ft[r])}},Ot=D(lr||(lr=$(["\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\n &:placeholder-shown {\n min-width: 100%;\n }\n &:focus {\n outline: none;\n }\n"])),R.default),Dt=(Z(ur={},re,D(cr||(cr=$(["\n &::placeholder {\n color: ",";\n }\n "])),S.gray.dark1)),Z(ur,ne,D(sr||(sr=$(["\n &::placeholder {\n color: ",";\n }\n "])),S.gray.light1)),ur),Nt=(Z(pr={},ue.Default,D(dr||(dr=$(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n // Only add padding if there are chips\n &:not(:first-child) {\n padding-left: 4px;\n }\n "])),ft[ue.Default],A.body1.fontSize,A.body1.lineHeight,ut[ue.Default])),Z(pr,ue.Large,D(fr||(fr=$(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n &:not(:first-child) {\n padding-left: 6px;\n }\n "])),ft[ue.Large],A.body2.fontSize,A.body2.lineHeight,ut[ue.Large])),pr),Lt=function(e){return D(gr||(gr=$(["\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")},St=function(e,n){var r,t=null!==(r=null==n?void 0:n.length)&&void 0!==r?r:0;return D(hr||(hr=$(["\n max-width: 100%;\n width: ","px;\n // TODO: This doesn't quite work. Fix this\n max-width: calc(100% - ","px);\n "])),t*ut[e],2*gt)},Mt=D(br||(br=$(["\n // Add a negative margin so the button takes up the same space as the regular icons\n margin-block: calc(","px - 100%);\n"])),gt/2),zt=function(e){return D(mr||(mr=$(["\n height: ","px;\n width: ","px;\n margin-inline-end: calc(","px / 2);\n"])),gt,gt,pt[e].x)},jt=(Z(xr={},re,D(vr||(vr=$(["\n color: ",";\n "])),S.red.base)),Z(xr,ne,D(yr||(yr=$(["\n color: ",";\n "])),S.red.light1)),xr),It=(Z(Er={},ue.Default,D(wr||(wr=$(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n "])),A.body1.fontSize,A.body1.lineHeight,pt[ue.Default].y)),Z(Er,ue.Large,D(kr||(kr=$(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n "])),A.body2.fontSize,A.body2.lineHeight,pt[ue.Large].y)),Er),Pt=D(Cr||(Cr=$(["\n margin-bottom: 2px;\n"]))),Tt=D(Wr||(Wr=$(["\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n white-space: nowrap;\n box-sizing: border-box;\n"]))),Ft=(Z(Xr={},ue.Default,D(Gr||(Gr=$(["\n font-size: ","px;\n line-height: ","px;\n border-radius: 4px;\n "])),A.body1.fontSize,A.body1.lineHeight)),Z(Xr,ue.Large,D(Kr||(Kr=$(["\n font-size: ","px;\n line-height: ","px;\n border-radius: 4px;\n "])),A.body2.fontSize,A.body2.lineHeight)),Xr),At=(Z(Ur={},re,D(Vr||(Vr=$(["\n color: ",";\n background-color: ",";\n\n // TODO: - refine these styles with Design\n &:focus-within {\n background-color: ",";\n }\n "])),S.black,S.gray.light2,S.blue.light2)),Z(Ur,ne,D(qr||(qr=$(["\n color: ",";\n background-color: ",";\n\n &:focus-within {\n background-color: ",";\n }\n "])),S.gray.light2,S.gray.dark2,S.blue.dark2)),Ur),Ht=(Z(Yr={},re,D(Zr||(Zr=$(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n "])),S.gray.base,S.gray.light3)),Z(Yr,ne,D(Br||(Br=$(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n box-shadow: inset 0 0 1px 1px ","; ;\n "])),S.gray.dark2,S.gray.dark4,S.gray.dark2)),Yr),Rt=(Z(Qr={},ue.Default,D($r||($r=$(["\n padding-inline: 6px;\n padding-block: ","px;\n "])),dt[ue.Default])),Z(Qr,ue.Large,D(Jr||(Jr=$(["\n padding-inline: 10px;\n padding-block: ","px;\n "])),dt[ue.Large])),Qr),Wt=D(_r||(_r=$(["\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 100ms ease-in-out;\n"]))),Gt=(Z(rt={},ue.Default,D(et||(et=$(["\n height: ","px;\n "])),ft[ue.Default])),Z(rt,ue.Large,D(nt||(nt=$(["\n height: ","px;\n "])),ft[ue.Large])),rt),Kt=(Z(at={},re,D(tt||(tt=$(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),S.gray.dark2,S.black,S.gray.light1)),Z(at,ne,D(ot||(ot=$(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),S.gray.light1,S.gray.light3,S.gray.dark1)),at),Xt=(Z(ct={},re,D(it||(it=$(["\n cursor: not-allowed;\n color: ",";\n &:hover {\n color: inherit;\n background-color: unset;\n }\n "])),S.gray.dark2)),Z(ct,ne,D(lt||(lt=$(["\n cursor: not-allowed;\n color: ",";\n &:hover {\n color: inherit;\n background-color: unset;\n }\n "])),S.gray.dark2)),ct),Vt=i.forwardRef((function(e,n){var r=e.displayName,t=e.isFocused,o=e.onRemove,a=e.onFocus,l=c(Qe),s=l.darkMode,p=l.size,g=l.disabled,h=l.chipTruncationLocation,b=void 0===h?"end":h,m=l.chipCharacterLimit,v=void 0===m?12:m,y=_e(s),x=!!v&&!!b&&"none"!==b&&r.length>v,w=d(null),k=u((function(){if(x){var e=v-3;switch(b){case"start":return"…"+r.substring(r.length-e).trim();case"middle":return r.substring(0,e/2).trim()+"…"+r.substring(r.length-e/2).trim();case"end":return r.substring(0,e).trim()+"…";default:return r}}return!1}),[v,b,r,x]);f((function(){var e;t&&!g&&(null==w||null===(e=w.current)||void 0===e||e.focus())}),[g,n,t]);return i.createElement("span",{role:"option","aria-selected":t,"data-testid":"lg-combobox-chip",ref:n,className:N(bt,Tt,At[y],Ft[p],Z({},Ht[y],g)),onClick:function(e){var n;null!==(n=w.current)&&void 0!==n&&n.contains(e.target)||a()},onKeyDown:function(e){g||e.keyCode!==j.Delete&&e.keyCode!==j.Backspace&&e.keyCode!==j.Enter&&e.keyCode!==j.Space||o()},tabIndex:-1},i.createElement("span",{className:N(Rt[p])},k?i.createElement(X,{darkMode:s,definition:r,align:"bottom"},k):r),i.createElement("button",{"aria-label":"Deselect ".concat(r),"aria-disabled":g,disabled:g,ref:w,className:N(Wt,Kt[y],Gt[p],Z({},Xt[y],g)),onClick:function(){g||o()}},i.createElement(E,{glyph:"X"})))}));Vt.displayName="Chip";var qt=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],Ut=i.forwardRef((function(e,n){var r=e.children,t=e.id,o=e.refEl,l=e.labelId,s=e.menuWidth,d=e.searchLoadingMessage,f=e.searchErrorMessage,p=e.searchEmptyMessage,g=Y(e,qt),h=c(Qe),b=h.disabled,m=h.darkMode,x=h.size,w=h.isOpen,k=h.searchState,C=v(n,null),O=_e(m),L=y(o),M=a(L)?"unset":"".concat(Math.min(L,256),"px"),z=u((function(){var e=N(pn,gn[O],hn[x]);switch(k){case"loading":return i.createElement("span",{className:e},i.createElement(E,{glyph:"Refresh",color:m?S.blue.light1:S.blue.base,className:Dr}),d);case"error":return i.createElement("span",{className:e},i.createElement(E,{glyph:"Warning",color:m?S.red.light1:S.red.base}),f);default:return r&&"object"===U(r)&&"length"in r&&r.length>0?i.createElement("ul",{className:fn},r):i.createElement("span",{className:e},p)}}),[O,x,k,m,d,f,r,p]);return i.createElement(V,B({active:w&&!b,spacing:4,align:"bottom",justify:"middle",refEl:o,adjustOnMutation:!0,className:N(cn(s),sn[O])},g),i.createElement("div",{ref:C,id:t,role:"listbox","aria-labelledby":l,"aria-expanded":w,className:N(un,dn[O],D(st||(st=$(["\n max-height: ",";\n "])),M)),onMouseDownCapture:function(e){return e.preventDefault()}},z))}));Ut.displayName="ComboboxMenu";var Zt=["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"];function Bt(l){var c,g=l.children,v=l.label,y=l.description,C=l.placeholder,D=void 0===C?"Select":C,L=l["aria-label"],z=l.disabled,P=void 0!==z&&z,T=l.size,F=void 0===T?ue.Default:T,A=l.darkMode,H=void 0!==A&&A,R=l.state,W=void 0===R?"none":R,G=l.errorMessage,K=l.searchState,X=void 0===K?"unset":K,V=l.searchEmptyMessage,$=void 0===V?"No results found":V,Q=l.searchErrorMessage,_=void 0===Q?"Could not get results!":Q,ee=l.searchLoadingMessage,ne=void 0===ee?"Loading results...":ee,re=l.filteredOptions,de=l.onFilter,pe=l.clearable,ge=void 0===pe||pe,he=l.onClear,be=l.overflow,me=void 0===be?"expand-y":be,ve=l.multiselect,ye=void 0!==ve&&ve,xe=l.initialValue,we=l.onChange,ke=l.value,Ee=l.chipTruncationLocation,Ce=l.chipCharacterLimit,Oe=void 0===Ce?12:Ce,De=l.className,Ne=l.usePortal,Le=void 0===Ne||Ne,Se=l.portalClassName,Me=l.portalContainer,ze=l.scrollContainer,je=l.popoverZIndex,Ie=Y(l,Zt),Pe=_e(H),Te=x({prefix:"option"}),Fe=x({prefix:"chip"}),Ae=m({prefix:"combobox-input"}),He=m({prefix:"combobox-label"}),Re=m({prefix:"combobox-menu"}),We=d(null),Ge=d(null),Ke=d(null),Xe=d(null),Ve=d(null),qe=J(p(!1),2),Ue=qe[0],Ze=qe[1],en=w(Ue),nn=J(p(null),2),rn=nn[0],on=nn[1],an=J(p(null),2),ln=an[0],cn=an[1],sn=w(ln),un=J(p(""),2),dn=un[0],fn=un[1],pn=w(dn),gn=J(p(null),2),hn=gn[0],bn=gn[1],mn=!t(ln)&&(n(ln)&&ln.length>0||o(ln)),vn=ye&&n(ln)&&ln.length>0?void 0:D,yn=function(){return Ze(!1)},xn=function(){return Ze(!0)},wn=u((function(){return Je(g)}),[g]),kn=s((function(e){return!ye||"string"!=typeof e&&"number"!=typeof e?!ye&&n(e)&&I.error("Error in Combobox: multiselect is set to `false`, but received an Array value"):I.error("Error in Combobox: multiselect is set to `true`, but received a ".concat(U(e),' value: "').concat(e,'"')),ye&&n(e)}),[ye]),En=s((function(e){!P&&Xe&&Xe.current&&(Xe.current.focus(),a(e)||Xe.current.setSelectionRange(e,e))}),[P]),Cn=s((function(n){if(kn(ln)){var r=e(ln);t(n)?r.length=0:ln.includes(n)?r.splice(r.indexOf(n),1):(r.push(n),fn("")),cn(r),null==we||we(r)}else{var o=n;cn(o),null==we||we(o)}}),[kn,we,ln]),On=s((function(e){return kn(ln)?ln.includes(e):e===ln}),[kn,ln]),Dn=s((function(e){var n,r,t,o,a=(r=wn,(n=e)?null!==(t=null===(o=r.find((function(e){return e.displayName===n})))||void 0===o?void 0:o.value)&&void 0!==t?t:n:"");return On(a)}),[wn,On]),Nn=s((function(e){var n="string"==typeof e?e:e.value;return re&&re.length>0?re.includes(n):!!Dn(dn)||("string"==typeof e?$e(n,wn):e.displayName).toLowerCase().includes(dn.toLowerCase())}),[re,Dn,dn,wn]),Ln=u((function(){return wn.filter(Nn)}),[wn,Nn]),Sn=s((function(e){return!!e&&!!wn.find((function(n){return n.value===e}))}),[wn]),Mn=s((function(e){return Ln?Ln.findIndex((function(n){return n.value===e})):-1}),[Ln]),zn=s((function(e){if(Ln&&Ln.length>=e){var n=Ln[e];return n?n.value:void 0}}),[Ln]),jn=s((function(){return kn(ln)?ln.findIndex((function(e){var n,r;return null===(n=Fe(e))||void 0===n||null===(r=n.current)||void 0===r?void 0:r.contains(document.activeElement)})):-1}),[Fe,kn,ln]),In=J(p(),2),Pn=In[0],Tn=In[1],Fn=s((function(e){var n,r=null!==(n=null==Ln?void 0:Ln.length)&&void 0!==n?n:0,t=r-1>0?r-1:0,o=Mn(rn);switch(e&&Ue&&(bn(null),En()),e){case"next":var a=zn(o+1<r?o+1:0);on(null!=a?a:null);break;case"prev":var i=zn(o-1>=0?o-1:t);on(null!=i?i:null);break;case"last":var l=zn(t);on(null!=l?l:null);break;default:var c=zn(0);on(null!=c?c:null)}}),[rn,Mn,zn,Ue,En,null==Ln?void 0:Ln.length]),An=s((function(e,n){if(kn(ln))switch(e){case"next":var r=null!=n?n:jn(),t=r+1<ln.length?r+1:ln.length-1,o=ln[t];bn(o);break;case"prev":var a=null!=n?n:jn(),i=a>0?a-1:a<0?ln.length-1:0,l=ln[i];bn(l);break;case"first":var c=ln[0];bn(c);break;case"last":var s=ln[ln.length-1];bn(s);break;default:bn(null)}}),[jn,kn,ln]),Hn=s((function(e,n){switch(e&&on(null),e){case"right":switch(Pn){case te:var r,t,o;if((null===(r=Xe.current)||void 0===r?void 0:r.selectionEnd)===(null===(t=Xe.current)||void 0===t?void 0:t.value.length))null===(o=Ge.current)||void 0===o||o.focus();break;case ae:case le:case ie:if(Pn===ie||1===(null==ln?void 0:ln.length)){En(0),An(null),n.preventDefault();break}An("next")}break;case"left":switch(Pn){case oe:var a;n.preventDefault(),En(null==Xe||null===(a=Xe.current)||void 0===a?void 0:a.value.length);break;case te:case le:case ie:if(kn(ln)){var i;if(Pn===te&&0!==(null===(i=Xe.current)||void 0===i?void 0:i.selectionStart))break;An("prev")}}break;default:An(null)}}),[Pn,kn,ln,En,An]);f((function(){dn!==pn&&Fn("first")}),[dn,Ue,pn,Fn]),f((function(){if(rn){var e=Te(rn);if(e&&e.current&&Ve.current){var n=e.current.offsetTop,r=Ve.current,t=r.scrollTop;(n>r.offsetHeight||n<t)&&(Ve.current.scrollTop=n)}}}),[rn,Te]);var Rn=s((function(e){if(M(e,"ComboboxOption")){var n=Be(e.props),r=n.value,t=n.displayName;if(Nn(r)){var o=e.props,a=o.className,l=o.glyph,c=o.disabled,s=wn.findIndex((function(e){return e.value===r})),u=rn===r,d=kn(ln)?ln.includes(r):ln===r,f=Te(r);return i.createElement(Hr,{value:r,displayName:t,isFocused:u,isSelected:d,disabled:c,setSelected:function(){on(r),Cn(r),En(),r===ln&&yn()},glyph:l,className:a,index:s,ref:f})}}else if(M(e,"ComboboxGroup")){var p=i.Children.map(e.props.children,Rn);if(p&&(null==p?void 0:p.length)>0)return i.createElement(tn,{label:e.props.label,className:e.props.className},i.Children.map(p,Rn))}}),[wn,Te,rn,kn,ln,En,Nn,Cn]),Wn=u((function(){return i.Children.map(g,Rn)}),[g,Rn]),Gn=u((function(){if(kn(ln))return ln.filter(Sn).map((function(e,n){var r=$e(e,wn),t=hn===e,o=Fe(e),a=n>=ln.length-1;return i.createElement(Vt,{key:e,displayName:r,isFocused:t,onRemove:function(){a?(En(),An(null)):An("next",n),Cn(e)},onFocus:function(){bn(e)},ref:o})}))}),[kn,ln,Sn,wn,hn,Fe,Cn,En,An]),Kn=u((function(){return i.createElement(i.Fragment,null,ge&&mn&&i.createElement(O,{"aria-label":"Clear selection","aria-disabled":P,disabled:P,ref:Ge,onClick:function(e){P||(Cn(null),null==he||he(e),null==de||de(""),Ue||xn())},onFocus:Yn,className:N(Mt),darkMode:H},i.createElement(E,{glyph:"XWithCircle"})),"error"===W?i.createElement(E,{glyph:"Warning",color:H?S.red.light1:S.red.base,className:zt(F)}):i.createElement(E,{glyph:"CaretDown",className:zt(F)}))}),[ge,mn,P,W,H,F,Cn,he,de,Ue]),Xn=u((function(){return wn.some((function(e){return e.hasGlyph}))}),[wn]),Vn=s((function(){if(!kn(ln)&&ln===sn){var e=Ln.find((function(e){return e.displayName===dn||e.value===dn}));if(e&&!ke)cn(e.value);else{var n,r=null!==(n=$e(ln,wn))&&void 0!==n?n:"";fn(r)}}}),[wn,dn,kn,sn,ln,ke,Ln]),qn=s((function(){if(mn){if(kn(ln))_n();else if(!kn(ln)){var e,n=null!==(e=$e(ln,wn))&&void 0!==e?e:"";fn(n),yn()}}else fn("")}),[mn,wn,kn,ln]);f((function(){if(xe)if(n(xe)){var e,r=null!==(e=xe.filter((function(e){return Sn(e)})))&&void 0!==e?e:[];cn(r)}else Sn(xe)&&cn(xe);else cn(function(e){return e?[]:null}(ye))}),[]),f((function(){if(!a(ke)&&ke!==pn)if(t(ke))cn(null);else if(kn(ke)){var e=ke.filter(Sn);cn(e)}else cn(Sn(ke)?ke:null)}),[kn,Sn,pn,ke]),f((function(){r(ln,sn)||qn()}),[qn,sn,ln]),f((function(){!Ue&&en&&Vn()}),[Ue,en,Vn]);var Un=J(p(0),2),Zn=Un[0],Bn=Un[1];f((function(){var e,n;Bn(null!==(e=null===(n=We.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)}),[We,Ue,rn,ln]);var Yn=function(){on(null)};k("mousedown",(function(e){Qn(e)||(e.preventDefault(),e.stopPropagation())}),{enabled:Ue}),k("click",(function(e){Qn(e)||(e.stopPropagation(),yn())}),{options:{capture:!0},enabled:Ue});var $n,Jn=function(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?q(Object(r),!0).forEach((function(n){Z(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):q(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}({popoverZIndex:je},Le?{usePortal:Le,portalClassName:Se,portalContainer:Me,scrollContainer:ze}:{usePortal:Le});return i.createElement(Qe.Provider,{value:{multiselect:ye,darkMode:H,size:F,withIcons:Xn,disabled:P,isOpen:Ue,state:W,searchState:X,chipTruncationLocation:Ee,chipCharacterLimit:Oe,inputValue:dn}},i.createElement("div",B({className:N(mt(F),De)},Ie),(v||y)&&i.createElement("div",{className:Pt},v&&i.createElement(h,{id:He,htmlFor:Ae,darkMode:H},v),y&&i.createElement(b,{darkMode:H},y)),i.createElement("div",{ref:We,role:"combobox","aria-expanded":Ue,"aria-controls":Re,"aria-owns":Re,tabIndex:-1,onMouseDown:function(e){P&&e.preventDefault()},onClick:function(e){if(e.target!==Xe.current){var n=0;if(Xe.current)n=e.nativeEvent.offsetX>Xe.current.offsetLeft+Xe.current.clientWidth?dn.length:0;En(n)}xn()},onFocus:function(e){_n(),Tn(function(e){var n,r,t,o;if(!e)return;if(null!==(n=Xe.current)&&void 0!==n&&n.contains(e))return te;if(null!==(r=Ge.current)&&void 0!==r&&r.contains(e))return oe;var a=kn(ln)?ln.findIndex((function(n){var r,t;return null===(r=Fe(n))||void 0===r||null===(t=r.current)||void 0===t?void 0:t.contains(e)})):-1;if(kn(ln)){if(0===a)return ae;if(a===ln.length-1)return ie;if(a>0)return le}if(null!==(t=Ve.current)&&void 0!==t&&t.contains(e))return se;if(null!==(o=We.current)&&void 0!==o&&o.contains(e))return ce}(e.target))},onKeyDown:function(e){var n,r,o=null===(n=Ve.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(r=We.current)||void 0===r?void 0:r.contains(document.activeElement))||o){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.keyCode){case j.Tab:switch(Pn){case"Input":mn||(yn(),Fn("first"),An(null));break;case"LastChip":An(null)}break;case j.Escape:yn(),Fn("first");break;case j.Enter:Ue?Pn!==te||t(rn)||function(e){if("string"==typeof e){var n=Ye(e,wn);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(rn)?Pn===oe&&(Cn(null),En()):Cn(rn):xn();break;case j.Backspace:var a;if(kn(ln))"Input"===Pn&&0===(null===(a=Xe.current)||void 0===a?void 0:a.selectionStart)&&An("last");xn();break;case j.ArrowDown:Ue?(e.preventDefault(),Fn("next")):xn();break;case j.ArrowUp:Ue?(e.preventDefault(),Fn("prev")):xn();break;case j.ArrowRight:Hn("right",e);break;case j.ArrowLeft:Hn("left",e);break;default:Ue||xn()}}},onTransitionEnd:function(){var e,n;Bn(null!==(e=null===(n=We.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:N(vt,yt[Pe],xt(F),(c={},Z(c,wt[Pe],P),Z(c,kt[Pe],W===fe.error),Z(c,Et[Pe],($n=te,$n===Pn)),c))},i.createElement("div",{ref:Ke,className:Ct({size:F,overflow:me})},Gn,i.createElement("input",{"aria-label":null!=L?L:v,"aria-autocomplete":"list","aria-controls":Re,"aria-labelledby":He,ref:Xe,id:Ae,className:N(Ot,Nt[F],Dt[Pe],Lt(Ue),Z({},St(F,dn),kn(ln))),placeholder:vn,disabled:null!=P?P:void 0,onChange:function(e){var n=e.target.value;fn(n),null==de||de(n)},value:dn,autoComplete:"off"})),Kn),"error"===W&&G&&i.createElement("div",{className:N(jt[Pe],It[F])},G),i.createElement(Ut,B({id:Re,labelId:He,refEl:We,ref:Ve,menuWidth:Zn,searchLoadingMessage:ne,searchErrorMessage:_,searchEmptyMessage:$},Jn),Wn)));function Qn(e){var n,r,t=e.target;return(null===(n=Ve.current)||void 0===n?void 0:n.contains(t))||(null===(r=We.current)||void 0===r?void 0:r.contains(t))||!1}function _n(){Ke&&Ke.current&&(Ke.current.scrollLeft=Ke.current.scrollWidth)}}Bt.propTypes={multiselect:g.bool,value:g.oneOf([g.string,g.arrayOf(g.string)]),initialValue:g.oneOf([g.string,g.arrayOf(g.string)]),overflow:g.oneOf(Object.values(de)),darkMode:g.bool,label:g.string,"aria-label":g.string,children:g.node,onChange:g.func,chipCharacterLimit:g.number,chipTruncationLocation:g.oneOf(Object.values({start:"start",middle:"middle",end:"end",none:"none"})),onClear:g.func,onFilter:g.func,clearable:g.bool,searchLoadingMessage:g.string,searchErrorMessage:g.string,searchEmptyMessage:g.string,searchState:g.oneOf(Object.values(pe)),errorMessage:g.string,state:g.oneOf(Object.values(fe)),size:g.oneOf(Object.values(ue)),disabled:g.bool,description:g.string,placeholder:g.string,filteredOptions:g.arrayOf(g.string),popoverZIndex:g.number,usePortal:g.bool,scrollContainer:g.elementType,portalContainer:g.elementType,portalClassName:g.string};export{Bt as Combobox,on as ComboboxGroup,Rr as ComboboxOption};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|