@leafygreen-ui/combobox 5.0.0 → 5.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.
Files changed (12) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/Combobox.styles.d.ts.map +1 -1
  3. package/dist/ComboboxOption.d.ts.map +1 -1
  4. package/dist/esm/index.js +1 -1
  5. package/dist/esm/index.js.map +1 -1
  6. package/dist/index.js +1 -1
  7. package/dist/index.js.map +1 -1
  8. package/package.json +9 -8
  9. package/src/Chip.tsx +2 -2
  10. package/src/Combobox.styles.ts +2 -1
  11. package/src/ComboboxOption.tsx +1 -2
  12. package/tsconfig.tsbuildinfo +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # @leafygreen-ui/combobox
2
2
 
3
+ ## 5.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - 1a335d0b2: Migrate component internals to check for glyphs explicity, rather than for Icon components as well
8
+ - ed0e425e5: Adds `polished` as an explicit dependency
9
+ - ae5421cf6: Updates components to use internal transition tokens
10
+ - Updated dependencies [ae5421cf6]
11
+ - Updated dependencies [4b4c2d27d]
12
+ - Updated dependencies [6a266b813]
13
+ - Updated dependencies [1a335d0b2]
14
+ - Updated dependencies [ba97d1ef7]
15
+ - Updated dependencies [ae5421cf6]
16
+ - @leafygreen-ui/tokens@1.4.0
17
+ - @leafygreen-ui/icon@11.12.1
18
+ - @leafygreen-ui/typography@15.1.0
19
+ - @leafygreen-ui/checkbox@12.0.1
20
+ - @leafygreen-ui/icon-button@15.0.1
21
+ - @leafygreen-ui/popover@11.0.1
22
+
3
23
  ## 5.0.0
4
24
 
5
25
  ### Patch Changes
package/dist/Combobox.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../src/Combobox.styles.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzE;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAG7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAK5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,IAAI,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CASlE,CAAC;AAEF,sCAAsC;AACtC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,+CAA+C;AAC/C,eAAO,MAAM,aAAa,IAAa,CAAC;AAexC,eAAO,MAAM,aAAa,QAAyC,CAAC;AAEpE,eAAO,MAAM,mBAAmB,SAAU,IAAI,KAAG,MAMhD,CAAC;AAEF,eAAO,MAAM,kBAAkB,QAY9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAmBrD,CAAC;AAEF,eAAO,MAAM,kBAAkB,SAAU,IAAI,WAE5C,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAaxD,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOrD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAepD,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAEnC,CAAC;AAEF,eAAO,MAAM,iBAAiB;cAIlB,QAAQ;UACZ,IAAI;wBAgDX,CAAC;AAEF,eAAO,MAAM,qBAAqB,QAkBjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAWxD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAoBtD,CAAC;AAEF,eAAO,MAAM,4BAA4B,WAAY,OAAO,WAM3D,CAAC;AAGF,8CAA8C;AAC9C,eAAO,MAAM,4BAA4B,SACjC,IAAI,4CAQX,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAG5B,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,IAAI,WAItC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOxD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAWtD,CAAC;AACF,eAAO,MAAM,8BAA8B,QAE1C,CAAC"}
1
+ {"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../src/Combobox.styles.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzE;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAG7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAK5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,IAAI,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CASlE,CAAC;AAEF,sCAAsC;AACtC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,+CAA+C;AAC/C,eAAO,MAAM,aAAa,IAAa,CAAC;AAexC,eAAO,MAAM,aAAa,QAAyC,CAAC;AAEpE,eAAO,MAAM,mBAAmB,SAAU,IAAI,KAAG,MAMhD,CAAC;AAEF,eAAO,MAAM,kBAAkB,QAY9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAmBrD,CAAC;AAEF,eAAO,MAAM,kBAAkB,SAAU,IAAI,WAE5C,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAaxD,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOrD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAepD,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAEnC,CAAC;AAEF,eAAO,MAAM,iBAAiB;cAIlB,QAAQ;UACZ,IAAI;wBAgDX,CAAC;AAEF,eAAO,MAAM,qBAAqB,QAkBjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAWxD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAoBtD,CAAC;AAEF,eAAO,MAAM,4BAA4B,WAAY,OAAO,WAM3D,CAAC;AAGF,8CAA8C;AAC9C,eAAO,MAAM,4BAA4B,SACjC,IAAI,4CAQX,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAG5B,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,IAAI,WAItC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOxD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAWtD,CAAC;AACF,eAAO,MAAM,8BAA8B,QAE1C,CAAC"}
package/dist/ComboboxOption.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ComboboxOption.d.ts","sourceRoot":"","sources":["../src/ComboboxOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,SAAS,MAAM,YAAY,CAAC;AAOnC,OAAO,EACL,mBAAmB,EACnB,2BAA2B,EAG5B,MAAM,kBAAkB,CAAC;AAyJ1B;;GAEG;AACH,QAAA,MAAM,sBAAsB,mGA8I3B,CAAC;AAGF,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,wBAAgB,cAAc,CAAC,CAAC,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAElE;yBAFe,cAAc"}
1
+ {"version":3,"file":"ComboboxOption.d.ts","sourceRoot":"","sources":["../src/ComboboxOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC,OAAO,EACL,mBAAmB,EACnB,2BAA2B,EAG5B,MAAM,kBAAkB,CAAC;AAyJ1B;;GAEG;AACH,QAAA,MAAM,sBAAsB,mGA8I3B,CAAC;AAGF,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,wBAAgB,cAAc,CAAC,CAAC,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAElE;yBAFe,cAAc"}
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 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 N,cx as D,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 A from"lodash/kebabCase";import F from"@leafygreen-ui/checkbox";import{typeScales as T,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 U(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.push.apply(r,t)}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 q(n,e,r){return e in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function B(){return B=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(n[t]=r[t])}return n},B.apply(this,arguments)}function Y(n,e){if(null==n)return{};var r,t,o=function(n,e){if(null==n)return{};var r,t,o={},a=Object.keys(n);for(t=0;t<a.length;t++)r=a[t],e.indexOf(r)>=0||(o[r]=n[r]);return o}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(t=0;t<a.length;t++)r=a[t],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(n,r)&&(o[r]=n[r])}return o}function $(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function J(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 t,o,a=[],i=!0,l=!1;try{for(r=r.call(n);!(i=(t=r.next()).done)&&(a.push(t.value),!e||a.length!==e);i=!0);}catch(n){l=!0,o=n}finally{try{i||null==r.return||r.return()}finally{if(l)throw o}}return a}(n,e)||_(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 Q(n){return function(n){if(Array.isArray(n))return nn(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||_(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 _(n,e){if(n){if("string"==typeof n)return nn(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)?nn(n,e):void 0}}function nn(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,t=new Array(e);r<e;r++)t[r]=n[r];return t}var en="dark",rn="light",tn="Input",on="ClearButton",an="FirstChip",ln="LastChip",cn="MiddleChip",sn="Combobox",un="Menu",dn={Default:"default",Large:"large"},fn={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},pn={error:"error",none:"none"},gn={unset:"unset",error:"error",loading:"loading"};var hn,bn,mn,vn,yn,xn,wn,kn,En,Cn,On,Nn,Dn,Ln,Sn,Mn,zn,jn,In,Pn,An,Fn,Tn,Hn,Rn,Wn,Gn,Kn,Xn,Vn,Un,Zn,qn,Bn=function(n,e,r){if(e&&r){var t=P(e),o=new RegExp(t,"gi"),a=n.matchAll(o);if(a){for(var l=n.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,n)}return i.createElement(i.Fragment,null,n)},Yn=function(n){var e,r=n.value,t=n.displayName;return{value:null!=r?r:A(t),displayName:null!==(e=null!=t?t:r)&&void 0!==e?e:""}},$n=function(n,e){if(n)return e.find((function(e){return e.value===n}))},Jn=function(n,e){var r,t;return n?null!==(r=null===(t=$n(n,e))||void 0===t?void 0:t.displayName)&&void 0!==r?r:n:""},Qn=function n(e){return i.Children.toArray(e).reduce((function(e,r){if(M(r,"ComboboxOption")){var t=Yn(r.props),o=t.value,a=t.displayName,i=r.props,l=i.glyph,c=i.disabled;return[].concat(Q(e),[{value:o,displayName:a,isDisabled:!!c,hasGlyph:!!l}])}if(M(r,"ComboboxGroup")){var s=r.props.children;if(s)return[].concat(Q(e),Q(n(s)))}}),[])},_n=l({multiselect:!1,darkMode:!1,size:dn.Default,withIcons:!1,disabled:!1,isOpen:!1,state:pn.none,searchState:gn.unset}),ne=function(n){return n?en:rn},ee=(q(mn={},rn,N(hn||(hn=$(["\n padding-top: 8px;\n "])))),q(mn,en,N(bn||(bn=$(["\n padding-top: 8px;\n "])))),mn),re=N(vn||(vn=$(["\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=(q(wn={},rn,N(yn||(yn=$(["\n color: ",";\n "])),S.gray.dark1)),q(wn,en,N(xn||(xn=$(["\n color: ",";\n "])),S.gray.light1)),wn);function oe(n){var e=n.label,r=n.className,t=n.children,o=c(_n).darkMode,a=ne(o),l=m({prefix:"combobox-group"});return i.Children.count(t)>0?i.createElement("div",{className:D(ee[a],r)},i.createElement("div",{className:D(re,te[a]),id:l},e),i.createElement("div",{role:"group","aria-labelledby":l},t)):i.createElement(i.Fragment,null)}function ae(n){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}ae.displayName="ComboboxGroup",ae.propTypes={className:g.string,children:g.node.isRequired,label:g.string.isRequired};var ie=(q(kn={},dn.Default,{x:12,y:8}),q(kn,dn.Large,{x:12,y:8}),kn),le=(q(En={},dn.Default,T.body1.lineHeight+2*ie[dn.Default].y),q(En,dn.Large,T.body2.lineHeight+2*ie[dn.Large].y),En),ce=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return N(Cn||(Cn=$(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),n)},se=(q(Dn={},rn,N(On||(On=$(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),K(.85,S.black),S.gray.light2)),q(Dn,en,N(Nn||(Nn=$(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),K(.85,S.black),S.gray.dark3)),Dn),ue=N(Ln||(Ln=$(["\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),de=(q(zn={},rn,N(Sn||(Sn=$(["\n color: ",";\n background-color: ",";\n "])),S.black,S.white)),q(zn,en,N(Mn||(Mn=$(["\n color: ",";\n background-color: ",";\n "])),S.gray.light1,S.gray.dark3)),zn);q(Pn={},dn.Default,N(jn||(jn=$(["\n min-height: ","px;\n "])),le[dn.Default])),q(Pn,dn.Large,N(In||(In=$(["\n min-height: ","px;\n "])),le[dn.Large]));var fe=N(An||(An=$(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),pe=N(Fn||(Fn=$(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),ge=(q(Rn={},rn,N(Tn||(Tn=$(["\n color: ",";\n "])),S.gray.dark3)),q(Rn,en,N(Hn||(Hn=$(["\n color: ",";\n "])),S.gray.light3)),Rn),he=(q(Kn={},dn.Default,N(Wn||(Wn=$(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px\n ","px;\n "])),T.body1.fontSize,T.body1.lineHeight,ie[dn.Default].y,ie[dn.Default].x)),q(Kn,dn.Large,N(Gn||(Gn=$(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px\n ","px;\n "])),T.body2.fontSize,T.body2.lineHeight,ie[dn.Large].y,ie[dn.Large].x)),Kn);q(Un={},dn.Default,N(Xn||(Xn=$(["\n height: ","px;\n width: ","px;\n "])),T.body1.fontSize,T.body1.fontSize)),q(Un,dn.Large,N(Vn||(Vn=$(["\n height: ","px;\n width: ","px;\n "])),T.body2.fontSize,T.body2.fontSize));var be,me,ve,ye,xe,we,ke,Ee,Ce,Oe,Ne,De,Le,Se,Me,ze,je,Ie,Pe,Ae,Fe,Te,He,Re,We,Ge,Ke,Xe,Ve,Ue,Ze,qe,Be,Ye,$e,Je,Qe,_e,nr,er,rr,tr,or,ar,ir,lr,cr,sr,ur,dr,fr,pr,gr,hr,br,mr,vr,yr,xr,wr,kr,Er,Cr,Or,Nr=L(Zn||(Zn=$(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),Dr=N(qn||(qn=$(["\n animation: "," 1.5s linear infinite;\n"])),Nr),Lr=N(be||(be=$(["\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),Sr=(q(ye={},rn,N(me||(me=$(["\n &:hover {\n outline: none;\n background-color: ",";\n }\n "])),S.gray.light2)),q(ye,en,N(ve||(ve=$(["\n &:hover {\n outline: none;\n background-color: ",";\n }\n "])),S.gray.dark4)),ye),Mr=(q(ke={},dn.Default,N(xe||(xe=$(["\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 "])),T.body1.fontSize,T.body1.lineHeight,le[dn.Default],ie[dn.Default].y,ie[dn.Default].x,H[1],le[dn.Default])),q(ke,dn.Large,N(we||(we=$(["\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 "])),T.body2.fontSize,T.body2.lineHeight,le[dn.Large],ie[dn.Large].y,ie[dn.Large].x,H[2],le[dn.Large])),ke),zr=N(Ee||(Ee=$(["\n outline: none;\n\n &:before {\n transform: scaleY(1);\n }\n"]))),jr=(q(Ne={},rn,N(Ce||(Ce=$(["\n ",";\n background-color: ",";\n\n &:before {\n background-color: ",";\n }\n "])),zr,S.blue.light3,S.blue.base)),q(Ne,en,N(Oe||(Oe=$(["\n ",";\n background-color: ",";\n\n &:before {\n background-color: ",";\n }\n "])),zr,S.blue.dark3,S.blue.light1)),Ne),Ir=N(De||(De=$(["\n cursor: not-allowed;\n\n &:hover {\n background-color: inherit;\n }\n\n &:before {\n content: unset;\n }\n"]))),Pr=(q(Me={},rn,N(Le||(Le=$(["\n ",";\n color: ",";\n "])),Ir,S.gray.light1)),q(Me,en,N(Se||(Se=$(["\n ",";\n color: ",";\n "])),Ir,S.gray.dark1)),Me),Ar=(q(Ie={},dn.Default,N(ze||(ze=$(["\n min-width: ","px;\n "])),H[3])),q(Ie,dn.Large,N(je||(je=$(["\n min-width: ","px;\n "])),H[4])),Ie),Fr=N(Pe||(Pe=$(["\n display: inline-flex;\n gap: 8px;\n justify-content: start;\n align-items: inherit;\n overflow-wrap: anywhere;\n"]))),Tr=N(Ae||(Ae=$(["\n pointer-events: none;\n"]))),Hr=function(n){return N(Fe||(Fe=$(["\n font-weight: ",";\n"])),n?"bold":"normal")},Rr=i.forwardRef((function(n,e){var r,t=n.displayName,o=n.glyph,a=n.isSelected,l=n.isFocused,d=n.disabled,f=n.setSelected,p=n.className,g=c(_n),h=g.multiselect,b=g.darkMode,y=g.withIcons,x=g.inputValue,w=g.size,k=ne(b),O=m({prefix:"combobox-option-text"}),L=v(e,null),z=s((function(n){n.stopPropagation(),d||n.target!==L.current&&"INPUT"!==n.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 n=i.createElement(F,{"aria-labelledby":O,checked:a,tabIndex:-1,disabled:d,darkMode:b,className:N(Te||(Te=$(["\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:D(Fr,Tr)},y?j:n,i.createElement("span",{id:O,className:Hr(a)},Bn(t,x,"strong"))),y&&n)}return i.createElement(i.Fragment,null,i.createElement("span",{className:D(Fr,Tr)},j,i.createElement("span",{className:Hr(a)},Bn(t,x,"strong"))),a&&i.createElement(E,{glyph:"Checkmark",className:Ar[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:D(Lr,Mr[w],Sr[k],(r={},q(r,jr[k],l),q(r,Pr[k],d),r),p),onClick:z,onKeyDown:z},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,Ur,Zr,qr,Br,Yr,$r,Jr,Qr,_r,nt,et,rt,tt,ot,at,it,lt,ct,st,ut,dt=(q(He={},dn.Default,T.body1.fontSize),q(He,dn.Large,T.body2.fontSize),He),ft=(q(Re={},dn.Default,2),q(Re,dn.Large,4),Re),pt=(q(We={},dn.Default,T.body1.lineHeight+2*ft[dn.Default]),q(We,dn.Large,T.body2.lineHeight+2*ft[dn.Large]),We),gt=(q(Ge={},dn.Default,{y:(36-pt[dn.Default]-2)/2,x:H[2]-1}),q(Ge,dn.Large,{y:(48-pt[dn.Large]-2)/2,x:H[2]-1}),Ge),ht=H[3],bt=(q(Ke={},dn.Default,dt[dn.Default]+2*gt[dn.Default].x+ht+2),q(Ke,dn.Large,dt[dn.Large]+2*gt[dn.Large].x+ht+2),Ke),mt=z("combobox-chip"),vt=function(n){return N(Xe||(Xe=$(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),R.default,bt[n])},yt=N(Ve||(Ve=$(["\n display: grid;\n grid-auto-flow: column;\n grid-template-columns: 1fr ","px;\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: 100%;\n max-width: 100%;\n border-radius: 6px;\n"])),ht),xt=(q(qe={},rn,N(Ue||(Ue=$(["\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[rn].gray)),q(qe,en,N(Ze||(Ze=$(["\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[en].gray)),qe),wt=function(n){return N(Be||(Be=$(["\n padding: ","px ","px;\n"])),gt[n].y,gt[n].x)},kt=(q(Je={},rn,N(Ye||(Ye=$(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),S.gray.dark1,S.gray.light2,S.gray.light1)),q(Je,en,N($e||($e=$(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),S.gray.dark1,S.gray.dark3,S.gray.dark2)),Je),Et=(q(nr={},rn,N(Qe||(Qe=$(["\n border-color: ",";\n "])),S.red.base)),q(nr,en,N(_e||(_e=$(["\n border-color: ",";\n "])),S.red.light1)),nr),Ct=(q(tr={},rn,N(er||(er=$(["\n &:focus-within {\n border-color: transparent;\n background-color: ",";\n box-shadow: ",";\n }\n "])),S.white,G[rn].input)),q(tr,en,N(rr||(rr=$(["\n &:focus-within {\n border-color: transparent;\n background-color: ",";\n box-shadow: ",";\n }\n "])),S.gray.dark4,G[en].input)),tr),Ot=N(or||(or=$(["\n grid-template-columns: 1fr ","px ","px;\n"])),28,ht),Nt=function(n){var e=n.overflow,r=n.size,t=N(ar||(ar=$(["\n flex-grow: 1;\n width: 100%;\n "])));switch(e){case fn.scrollX:return N(ir||(ir=$(["\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,pt[r],mt);case fn.expandY:return N(lr||(lr=$(["\n ","\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n overflow-x: hidden;\n min-height: ","px;\n "])),t,pt[r])}},Dt=N(cr||(cr=$(["\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),Lt=(q(dr={},rn,N(sr||(sr=$(["\n &::placeholder {\n color: ",";\n }\n "])),S.gray.dark1)),q(dr,en,N(ur||(ur=$(["\n &::placeholder {\n color: ",";\n }\n "])),S.gray.light1)),dr),St=(q(gr={},dn.Default,N(fr||(fr=$(["\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 "])),pt[dn.Default],T.body1.fontSize,T.body1.lineHeight,dt[dn.Default])),q(gr,dn.Large,N(pr||(pr=$(["\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 "])),pt[dn.Large],T.body2.fontSize,T.body2.lineHeight,dt[dn.Large])),gr),Mt=function(n){return N(hr||(hr=$(["\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")},zt=function(n,e){var r,t=null!==(r=null==e?void 0:e.length)&&void 0!==r?r:0;return N(br||(br=$(["\n width: ","px;\n max-width: 100%;\n "])),t*dt[n])},jt=N(mr||(mr=$(["\n // Add a negative margin so the button takes up the same space as the regular icons\n margin-block: calc(","px - 100%);\n"])),ht/2),It=function(n){return N(vr||(vr=$(["\n height: ","px;\n width: ","px;\n margin-inline-end: calc(","px / 2);\n"])),ht,ht,gt[n].x)},Pt=(q(wr={},rn,N(yr||(yr=$(["\n color: ",";\n "])),S.red.base)),q(wr,en,N(xr||(xr=$(["\n color: ",";\n "])),S.red.light1)),wr),At=(q(Cr={},dn.Default,N(kr||(kr=$(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n "])),T.body1.fontSize,T.body1.lineHeight,gt[dn.Default].y)),q(Cr,dn.Large,N(Er||(Er=$(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n "])),T.body2.fontSize,T.body2.lineHeight,gt[dn.Large].y)),Cr),Ft=N(Or||(Or=$(["\n margin-bottom: 2px;\n"]))),Tt=N(Gr||(Gr=$(["\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n white-space: nowrap;\n box-sizing: border-box;\n"]))),Ht=(q(Vr={},dn.Default,N(Kr||(Kr=$(["\n font-size: ","px;\n line-height: ","px;\n border-radius: 4px;\n "])),T.body1.fontSize,T.body1.lineHeight)),q(Vr,dn.Large,N(Xr||(Xr=$(["\n font-size: ","px;\n line-height: ","px;\n border-radius: 4px;\n "])),T.body2.fontSize,T.body2.lineHeight)),Vr),Rt=(q(qr={},rn,N(Ur||(Ur=$(["\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)),q(qr,en,N(Zr||(Zr=$(["\n color: ",";\n background-color: ",";\n\n &:focus-within {\n background-color: ",";\n }\n "])),S.gray.light2,S.gray.dark2,S.blue.dark2)),qr),Wt=(q($r={},rn,N(Br||(Br=$(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n "])),S.gray.base,S.gray.light3)),q($r,en,N(Yr||(Yr=$(["\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)),$r),Gt=(q(_r={},dn.Default,N(Jr||(Jr=$(["\n padding-inline: 6px;\n padding-block: ","px;\n "])),ft[dn.Default])),q(_r,dn.Large,N(Qr||(Qr=$(["\n padding-inline: 10px;\n padding-block: ","px;\n "])),ft[dn.Large])),_r),Kt=N(nt||(nt=$(["\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"]))),Xt=(q(tt={},dn.Default,N(et||(et=$(["\n height: ","px;\n "])),pt[dn.Default])),q(tt,dn.Large,N(rt||(rt=$(["\n height: ","px;\n "])),pt[dn.Large])),tt),Vt=(q(it={},rn,N(ot||(ot=$(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),S.gray.dark2,S.black,S.gray.light1)),q(it,en,N(at||(at=$(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),S.gray.light1,S.gray.light3,S.gray.dark1)),it),Ut=(q(st={},rn,N(lt||(lt=$(["\n cursor: not-allowed;\n color: ",";\n &:hover {\n color: inherit;\n background-color: unset;\n }\n "])),S.gray.dark2)),q(st,en,N(ct||(ct=$(["\n cursor: not-allowed;\n color: ",";\n &:hover {\n color: inherit;\n background-color: unset;\n }\n "])),S.gray.dark2)),st),Zt=i.forwardRef((function(n,e){var r=n.displayName,t=n.isFocused,o=n.onRemove,a=n.onFocus,l=c(_n),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=ne(s),x=!!v&&!!b&&"none"!==b&&r.length>v,w=d(null),k=u((function(){if(x){var n=v-3;switch(b){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}),[v,b,r,x]);f((function(){var n;t&&!g&&(null==w||null===(n=w.current)||void 0===n||n.focus())}),[g,e,t]);return i.createElement("span",{role:"option","aria-selected":t,"data-testid":"lg-combobox-chip",ref:e,className:D(mt,Tt,Rt[y],Ht[p],q({},Wt[y],g)),onClick:function(n){var e;null!==(e=w.current)&&void 0!==e&&e.contains(n.target)||a()},onKeyDown:function(n){g||n.keyCode!==j.Delete&&n.keyCode!==j.Backspace&&n.keyCode!==j.Enter&&n.keyCode!==j.Space||o()},tabIndex:-1},i.createElement("span",{className:D(Gt[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:D(Kt,Vt[y],Xt[p],q({},Ut[y],g)),onClick:function(){g||o()}},i.createElement(E,{glyph:"X"})))}));Zt.displayName="Chip";var qt=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],Bt=i.forwardRef((function(n,e){var r=n.children,t=n.id,o=n.refEl,l=n.labelId,s=n.menuWidth,d=n.searchLoadingMessage,f=n.searchErrorMessage,p=n.searchEmptyMessage,g=Y(n,qt),h=c(_n),b=h.disabled,m=h.darkMode,x=h.size,w=h.isOpen,k=h.searchState,C=v(e,null),O=ne(m),L=y(o),M=a(L)?"unset":"".concat(Math.min(L,256),"px"),z=u((function(){var n=D(pe,ge[O],he[x]);switch(k){case"loading":return i.createElement("span",{className:n},i.createElement(E,{glyph:"Refresh",color:m?S.blue.light1:S.blue.base,className:Dr}),d);case"error":return i.createElement("span",{className:n},i.createElement(E,{glyph:"Warning",color:m?S.red.light1:S.red.base}),f);default:return r&&"object"===Z(r)&&"length"in r&&r.length>0?i.createElement("ul",{className:fe},r):i.createElement("span",{className:n},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:D(ce(s),se[O])},g),i.createElement("div",{ref:C,id:t,role:"listbox","aria-labelledby":l,"aria-expanded":w,className:D(ue,de[O],N(ut||(ut=$(["\n max-height: ",";\n "])),M)),onMouseDownCapture:function(n){return n.preventDefault()}},z))}));Bt.displayName="ComboboxMenu";var Yt=["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 $t(l){var c,g=l.children,v=l.label,y=l.description,C=l.placeholder,N=void 0===C?"Select":C,L=l["aria-label"],z=l.disabled,P=void 0!==z&&z,A=l.size,F=void 0===A?dn.Default:A,T=l.darkMode,H=void 0!==T&&T,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,nn=l.searchLoadingMessage,en=void 0===nn?"Loading results...":nn,rn=l.filteredOptions,fn=l.onFilter,gn=l.clearable,hn=void 0===gn||gn,bn=l.onClear,mn=l.overflow,vn=void 0===mn?"expand-y":mn,yn=l.multiselect,xn=void 0!==yn&&yn,wn=l.initialValue,kn=l.onChange,En=l.value,Cn=l.chipTruncationLocation,On=l.chipCharacterLimit,Nn=void 0===On?12:On,Dn=l.className,Ln=l.usePortal,Sn=void 0===Ln||Ln,Mn=l.portalClassName,zn=l.portalContainer,jn=l.scrollContainer,In=l.popoverZIndex,Pn=Y(l,Yt),An=ne(H),Fn=x({prefix:"option"}),Tn=x({prefix:"chip"}),Hn=m({prefix:"combobox-input"}),Rn=m({prefix:"combobox-label"}),Wn=m({prefix:"combobox-menu"}),Gn=d(null),Kn=d(null),Xn=d(null),Vn=d(null),Un=d(null),Zn=J(p(!1),2),qn=Zn[0],Bn=Zn[1],ee=w(qn),re=J(p(null),2),te=re[0],ae=re[1],ie=J(p(null),2),le=ie[0],ce=ie[1],se=w(le),ue=J(p(""),2),de=ue[0],fe=ue[1],pe=w(de),ge=J(p(null),2),he=ge[0],be=ge[1],me=!t(le)&&(e(le)&&le.length>0||o(le)),ve=xn&&e(le)&&le.length>0?void 0:N,ye=function(){return Bn(!1)},xe=function(){return Bn(!0)},we=u((function(){return Qn(g)}),[g]),ke=s((function(n){return!xn||"string"!=typeof n&&"number"!=typeof n?!xn&&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,'"')),xn&&e(n)}),[xn]),Ee=s((function(n){!P&&Vn&&Vn.current&&(Vn.current.focus(),a(n)||Vn.current.setSelectionRange(n,n))}),[P]),Ce=s((function(e){if(ke(le)){var r=n(le);t(e)?r.length=0:le.includes(e)?r.splice(r.indexOf(e),1):(r.push(e),fe("")),ce(r),null==kn||kn(r)}else{var o=e;ce(o),null==kn||kn(o)}}),[ke,kn,le]),Oe=s((function(n){return ke(le)?le.includes(n):n===le}),[ke,le]),Ne=s((function(n){var e,r,t,o,a=(r=we,(e=n)?null!==(t=null===(o=r.find((function(n){return n.displayName===e})))||void 0===o?void 0:o.value)&&void 0!==t?t:e:"");return Oe(a)}),[we,Oe]),De=s((function(n){var e="string"==typeof n?n:n.value;return rn&&rn.length>0?rn.includes(e):!!Ne(de)||("string"==typeof n?Jn(e,we):n.displayName).toLowerCase().includes(de.toLowerCase())}),[rn,Ne,de,we]),Le=u((function(){return we.filter(De)}),[we,De]),Se=s((function(n){return!!n&&!!we.find((function(e){return e.value===n}))}),[we]),Me=s((function(n){return Le?Le.findIndex((function(e){return e.value===n})):-1}),[Le]),ze=s((function(n){if(Le&&Le.length>=n){var e=Le[n];return e?e.value:void 0}}),[Le]),je=s((function(){return ke(le)?le.findIndex((function(n){var e,r;return null===(e=Tn(n))||void 0===e||null===(r=e.current)||void 0===r?void 0:r.contains(document.activeElement)})):-1}),[Tn,ke,le]),Ie=J(p(),2),Pe=Ie[0],Ae=Ie[1],Fe=s((function(n){var e,r=null!==(e=null==Le?void 0:Le.length)&&void 0!==e?e:0,t=r-1>0?r-1:0,o=Me(te);switch(n&&qn&&(be(null),Ee()),n){case"next":var a=ze(o+1<r?o+1:0);ae(null!=a?a:null);break;case"prev":var i=ze(o-1>=0?o-1:t);ae(null!=i?i:null);break;case"last":var l=ze(t);ae(null!=l?l:null);break;default:var c=ze(0);ae(null!=c?c:null)}}),[te,Me,ze,qn,Ee,null==Le?void 0:Le.length]),Te=s((function(n,e){if(ke(le))switch(n){case"next":var r=null!=e?e:je(),t=r+1<le.length?r+1:le.length-1,o=le[t];be(o);break;case"prev":var a=null!=e?e:je(),i=a>0?a-1:a<0?le.length-1:0,l=le[i];be(l);break;case"first":var c=le[0];be(c);break;case"last":var s=le[le.length-1];be(s);break;default:be(null)}}),[je,ke,le]),He=s((function(n,e){switch(n&&ae(null),n){case"right":switch(Pe){case tn:var r,t,o;if((null===(r=Vn.current)||void 0===r?void 0:r.selectionEnd)===(null===(t=Vn.current)||void 0===t?void 0:t.value.length))null===(o=Kn.current)||void 0===o||o.focus();break;case an:case cn:case ln:if(Pe===ln||1===(null==le?void 0:le.length)){Ee(0),Te(null),e.preventDefault();break}Te("next")}break;case"left":switch(Pe){case on:var a;e.preventDefault(),Ee(null==Vn||null===(a=Vn.current)||void 0===a?void 0:a.value.length);break;case tn:case cn:case ln:if(ke(le)){var i;if(Pe===tn&&0!==(null===(i=Vn.current)||void 0===i?void 0:i.selectionStart))break;Te("prev")}}break;default:Te(null)}}),[Pe,ke,le,Ee,Te]);f((function(){de!==pe&&Fe("first")}),[de,qn,pe,Fe]),f((function(){if(te){var n=Fn(te);if(n&&n.current&&Un.current){var e=n.current.offsetTop,r=Un.current,t=r.scrollTop;(e>r.offsetHeight||e<t)&&(Un.current.scrollTop=e)}}}),[te,Fn]);var Re=s((function(n){if(M(n,"ComboboxOption")){var e=Yn(n.props),r=e.value,t=e.displayName;if(De(r)){var o=n.props,a=o.className,l=o.glyph,c=o.disabled,s=we.findIndex((function(n){return n.value===r})),u=te===r,d=ke(le)?le.includes(r):le===r,f=Fn(r);return i.createElement(Rr,{value:r,displayName:t,isFocused:u,isSelected:d,disabled:c,setSelected:function(){ae(r),Ce(r),Ee(),r===le&&ye()},glyph:l,className:a,index:s,ref:f})}}else if(M(n,"ComboboxGroup")){var p=i.Children.map(n.props.children,Re);if(p&&(null==p?void 0:p.length)>0)return i.createElement(oe,{label:n.props.label,className:n.props.className},i.Children.map(p,Re))}}),[we,Fn,te,ke,le,Ee,De,Ce]),We=u((function(){return i.Children.map(g,Re)}),[g,Re]),Ge=u((function(){if(ke(le))return le.filter(Se).map((function(n,e){var r=Jn(n,we),t=he===n,o=Tn(n),a=e>=le.length-1;return i.createElement(Zt,{key:n,displayName:r,isFocused:t,onRemove:function(){a?(Ee(),Te(null)):Te("next",e),Ce(n)},onFocus:function(){be(n)},ref:o})}))}),[ke,le,Se,we,he,Tn,Ce,Ee,Te]),Ke=u((function(){return i.createElement(i.Fragment,null,hn&&me&&i.createElement(O,{"aria-label":"Clear selection","aria-disabled":P,disabled:P,ref:Kn,onClick:function(n){P||(Ce(null),null==bn||bn(n),null==fn||fn(""),qn||xe())},onFocus:Ye,className:D(jt),darkMode:H},i.createElement(E,{glyph:"XWithCircle"})),"error"===W?i.createElement(E,{glyph:"Warning",color:H?S.red.light1:S.red.base,className:It(F)}):i.createElement(E,{glyph:"CaretDown",className:It(F)}))}),[hn,me,P,W,H,F,Ce,bn,fn,qn]),Xe=u((function(){return we.some((function(n){return n.hasGlyph}))}),[we]),Ve=s((function(){if(!ke(le)&&le===se){var n=Le.find((function(n){return n.displayName===de||n.value===de}));if(n&&!En)ce(n.value);else{var e,r=null!==(e=Jn(le,we))&&void 0!==e?e:"";fe(r)}}}),[we,de,ke,se,le,En,Le]),Ue=s((function(){if(me){if(ke(le))_e();else if(!ke(le)){var n,e=null!==(n=Jn(le,we))&&void 0!==n?n:"";fe(e),ye()}}else fe("")}),[me,we,ke,le]);f((function(){if(wn)if(e(wn)){var n,r=null!==(n=wn.filter((function(n){return Se(n)})))&&void 0!==n?n:[];ce(r)}else Se(wn)&&ce(wn);else ce(function(n){return n?[]:null}(xn))}),[]),f((function(){if(!a(En)&&En!==pe)if(t(En))ce(null);else if(ke(En)){var n=En.filter(Se);ce(n)}else ce(Se(En)?En:null)}),[ke,Se,pe,En]),f((function(){r(le,se)||Ue()}),[Ue,se,le]),f((function(){!qn&&ee&&Ve()}),[qn,ee,Ve]);var Ze=J(p(0),2),qe=Ze[0],Be=Ze[1];f((function(){var n,e;Be(null!==(n=null===(e=Gn.current)||void 0===e?void 0:e.clientWidth)&&void 0!==n?n:0)}),[Gn,qn,te,le]);var Ye=function(){ae(null)};k("mousedown",(function(n){Qe(n)||(n.preventDefault(),n.stopPropagation())}),{enabled:qn}),k("click",(function(n){Qe(n)||(n.stopPropagation(),ye())}),{options:{capture:!0},enabled:qn});var $e,Je=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){q(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:In},Sn?{usePortal:Sn,portalClassName:Mn,portalContainer:zn,scrollContainer:jn}:{usePortal:Sn});return i.createElement(_n.Provider,{value:{multiselect:xn,darkMode:H,size:F,withIcons:Xe,disabled:P,isOpen:qn,state:W,searchState:X,chipTruncationLocation:Cn,chipCharacterLimit:Nn,inputValue:de}},i.createElement("div",B({className:D(vt(F),Dn)},Pn),(v||y)&&i.createElement("div",{className:Ft},v&&i.createElement(h,{id:Rn,htmlFor:Hn,darkMode:H},v),y&&i.createElement(b,{darkMode:H},y)),i.createElement("div",{ref:Gn,role:"combobox","aria-expanded":qn,"aria-controls":Wn,"aria-owns":Wn,tabIndex:-1,onMouseDown:function(n){P&&n.preventDefault()},onClick:function(n){if(n.target!==Vn.current){var e=0;if(Vn.current)e=n.nativeEvent.offsetX>Vn.current.offsetLeft+Vn.current.clientWidth?de.length:0;Ee(e)}xe()},onFocus:function(n){_e(),Ae(function(n){var e,r,t,o;if(!n)return;if(null!==(e=Vn.current)&&void 0!==e&&e.contains(n))return tn;if(null!==(r=Kn.current)&&void 0!==r&&r.contains(n))return on;var a=ke(le)?le.findIndex((function(e){var r,t;return null===(r=Tn(e))||void 0===r||null===(t=r.current)||void 0===t?void 0:t.contains(n)})):-1;if(ke(le)){if(0===a)return an;if(a===le.length-1)return ln;if(a>0)return cn}if(null!==(t=Un.current)&&void 0!==t&&t.contains(n))return un;if(null!==(o=Gn.current)&&void 0!==o&&o.contains(n))return sn}(n.target))},onKeyDown:function(n){var e,r,o=null===(e=Un.current)||void 0===e?void 0:e.contains(document.activeElement);if((null===(r=Gn.current)||void 0===r?void 0:r.contains(document.activeElement))||o){if(n.ctrlKey||n.shiftKey||n.altKey)return;switch(n.keyCode){case j.Tab:switch(Pe){case"Input":me||(ye(),Fe("first"),Te(null));break;case"LastChip":Te(null)}break;case j.Escape:ye(),Fe("first");break;case j.Enter:qn?Pe!==tn||t(te)||function(n){if("string"==typeof n){var e=$n(n,we);return!(null==e||!e.isDisabled)}return!!n.isDisabled}(te)?Pe===on&&(Ce(null),Ee()):Ce(te):xe();break;case j.Backspace:var a;if(ke(le))"Input"===Pe&&0===(null===(a=Vn.current)||void 0===a?void 0:a.selectionStart)&&Te("last");xe();break;case j.ArrowDown:qn?(n.preventDefault(),Fe("next")):xe();break;case j.ArrowUp:qn?(n.preventDefault(),Fe("prev")):xe();break;case j.ArrowRight:He("right",n);break;case j.ArrowLeft:He("left",n);break;default:qn||xe()}}},onTransitionEnd:function(){var n,e;Be(null!==(n=null===(e=Gn.current)||void 0===e?void 0:e.clientWidth)&&void 0!==n?n:0)},className:D(yt,xt[An],wt(F),(c={},q(c,Ot,hn&&me),q(c,kt[An],P),q(c,Et[An],W===pn.error),q(c,Ct[An],($e=tn,$e===Pe)),c))},i.createElement("div",{ref:Xn,className:Nt({size:F,overflow:vn})},Ge,i.createElement("input",{"aria-label":null!=L?L:v,"aria-autocomplete":"list","aria-controls":Wn,"aria-labelledby":Rn,ref:Vn,id:Hn,className:D(Dt,St[F],Lt[An],Mt(qn),q({},zt(F,de),ke(le))),placeholder:ve,disabled:null!=P?P:void 0,onChange:function(n){var e=n.target.value;fe(e),null==fn||fn(e)},value:de,autoComplete:"off"})),Ke),"error"===W&&G&&i.createElement("div",{className:D(Pt[An],At[F])},G),i.createElement(Bt,B({id:Wn,labelId:Rn,refEl:Gn,ref:Un,menuWidth:qe,searchLoadingMessage:en,searchErrorMessage:_,searchEmptyMessage:$},Je),We)));function Qe(n){var e,r,t=n.target;return(null===(e=Un.current)||void 0===e?void 0:e.contains(t))||(null===(r=Gn.current)||void 0===r?void 0:r.contains(t))||!1}function _e(){Xn&&Xn.current&&(Xn.current.scrollLeft=Xn.current.scrollWidth)}}$t.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(fn)),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(gn)),errorMessage:g.string,state:g.oneOf(Object.values(pn)),size:g.oneOf(Object.values(dn)),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{$t as Combobox,ae as ComboboxGroup,Wr as ComboboxOption};
1
+ import n from"lodash/clone";import e 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 N,cx as D,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 A from"lodash/kebabCase";import F from"@leafygreen-ui/checkbox";import{typeScales as T,spacing as H,fontFamilies as R,transitionDuration 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 U from"@leafygreen-ui/popover";function Z(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.push.apply(r,t)}return r}function q(n){return q="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},q(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 t in r)Object.prototype.hasOwnProperty.call(r,t)&&(n[t]=r[t])}return n},Y.apply(this,arguments)}function $(n,e){if(null==n)return{};var r,t,o=function(n,e){if(null==n)return{};var r,t,o={},a=Object.keys(n);for(t=0;t<a.length;t++)r=a[t],e.indexOf(r)>=0||(o[r]=n[r]);return o}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(t=0;t<a.length;t++)r=a[t],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(n,r)&&(o[r]=n[r])}return o}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 t,o,a=[],i=!0,l=!1;try{for(r=r.call(n);!(i=(t=r.next()).done)&&(a.push(t.value),!e||a.length!==e);i=!0);}catch(n){l=!0,o=n}finally{try{i||null==r.return||r.return()}finally{if(l)throw o}}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,t=new Array(e);r<e;r++)t[r]=n[r];return t}var rn="dark",tn="light",on="Input",an="ClearButton",ln="FirstChip",cn="LastChip",sn="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,En,Cn,On,Nn,Dn,Ln,Sn,Mn,zn,jn,In,Pn,An,Fn,Tn,Hn,Rn,Wn,Gn,Kn,Xn,Vn,Un,Zn,qn,Bn,Yn=function(n,e,r){if(e&&r){var t=P(e),o=new RegExp(t,"gi"),a=n.matchAll(o);if(a){for(var l=n.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(_(b)))}return i.createElement(i.Fragment,null,l)}return i.createElement(i.Fragment,null,n)}return i.createElement(i.Fragment,null,n)},$n=function(n){var e,r=n.value,t=n.displayName;return{value:null!=r?r:A(t),displayName:null!==(e=null!=t?t: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,t;return n?null!==(r=null===(t=Jn(n,e))||void 0===t?void 0:t.displayName)&&void 0!==r?r:n:""},_n=function n(e){return i.Children.toArray(e).reduce((function(e,r){if(M(r,"ComboboxOption")){var t=$n(r.props),o=t.value,a=t.displayName,i=r.props,l=i.glyph,c=i.disabled;return[].concat(_(e),[{value:o,displayName:a,isDisabled:!!c,hasGlyph:!!l}])}if(M(r,"ComboboxGroup")){var s=r.props.children;if(s)return[].concat(_(e),_(n(s)))}}),[])},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:tn},re=(B(vn={},tn,N(bn||(bn=J(["\n padding-top: 8px;\n "])))),B(vn,rn,N(mn||(mn=J(["\n padding-top: 8px;\n "])))),vn),te=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"]))),oe=(B(kn={},tn,N(xn||(xn=J(["\n color: ",";\n "])),S.gray.dark1)),B(kn,rn,N(wn||(wn=J(["\n color: ",";\n "])),S.gray.light1)),kn);function ae(n){var e=n.label,r=n.className,t=n.children,o=c(ne).darkMode,a=ee(o),l=m({prefix:"combobox-group"});return i.Children.count(t)>0?i.createElement("div",{className:D(re[a],r)},i.createElement("div",{className:D(te,oe[a]),id:l},e),i.createElement("div",{role:"group","aria-labelledby":l},t)):i.createElement(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(En={},fn.Default,{x:12,y:8}),B(En,fn.Large,{x:12,y:8}),En),ce=(B(Cn={},fn.Default,T.body1.lineHeight+2*le[fn.Default].y),B(Cn,fn.Large,T.body2.lineHeight+2*le[fn.Large].y),Cn),se=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return N(On||(On=J(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),n)},ue=(B(Ln={},tn,N(Nn||(Nn=J(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),X(.85,S.black),S.gray.light2)),B(Ln,rn,N(Dn||(Dn=J(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),X(.85,S.black),S.gray.dark3)),Ln),de=N(Sn||(Sn=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"])),H[2],R.default),fe=(B(jn={},tn,N(Mn||(Mn=J(["\n color: ",";\n background-color: ",";\n "])),S.black,S.white)),B(jn,rn,N(zn||(zn=J(["\n color: ",";\n background-color: ",";\n "])),S.gray.light1,S.gray.dark3)),jn);B(An={},fn.Default,N(In||(In=J(["\n min-height: ","px;\n "])),ce[fn.Default])),B(An,fn.Large,N(Pn||(Pn=J(["\n min-height: ","px;\n "])),ce[fn.Large]));var pe=N(Fn||(Fn=J(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),ge=N(Tn||(Tn=J(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),he=(B(Wn={},tn,N(Hn||(Hn=J(["\n color: ",";\n "])),S.gray.dark3)),B(Wn,rn,N(Rn||(Rn=J(["\n color: ",";\n "])),S.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 "])),T.body1.fontSize,T.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 "])),T.body2.fontSize,T.body2.lineHeight,le[fn.Large].y,le[fn.Large].x)),Xn);B(Zn={},fn.Default,N(Vn||(Vn=J(["\n height: ","px;\n width: ","px;\n "])),T.body1.fontSize,T.body1.fontSize)),B(Zn,fn.Large,N(Un||(Un=J(["\n height: ","px;\n width: ","px;\n "])),T.body2.fontSize,T.body2.fontSize));var me,ve,ye,xe,we,ke,Ee,Ce,Oe,Ne,De,Le,Se,Me,ze,je,Ie,Pe,Ae,Fe,Te,He,Re,We,Ge,Ke,Xe,Ve,Ue,Ze,qe,Be,Ye,$e,Je,Qe,_e,nr,er,rr,tr,or,ar,ir,lr,cr,sr,ur,dr,fr,pr,gr,hr,br,mr,vr,yr,xr,wr,kr,Er,Cr,Or,Nr,Dr=L(qn||(qn=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"])),Dr),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"])),R.default),Mr=(B(xe={},tn,N(ve||(ve=J(["\n &:hover {\n outline: none;\n background-color: ",";\n }\n "])),S.gray.light2)),B(xe,rn,N(ye||(ye=J(["\n &:hover {\n outline: none;\n background-color: ",";\n }\n "])),S.gray.dark4)),xe),zr=(B(Ee={},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 "])),T.body1.fontSize,T.body1.lineHeight,ce[fn.Default],le[fn.Default].y,le[fn.Default].x,H[1],ce[fn.Default])),B(Ee,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 "])),T.body2.fontSize,T.body2.lineHeight,ce[fn.Large],le[fn.Large].y,le[fn.Large].x,H[2],ce[fn.Large])),Ee),jr=N(Ce||(Ce=J(["\n outline: none;\n\n &:before {\n transform: scaleY(1);\n }\n"]))),Ir=(B(De={},tn,N(Oe||(Oe=J(["\n ",";\n background-color: ",";\n\n &:before {\n background-color: ",";\n }\n "])),jr,S.blue.light3,S.blue.base)),B(De,rn,N(Ne||(Ne=J(["\n ",";\n background-color: ",";\n\n &:before {\n background-color: ",";\n }\n "])),jr,S.blue.dark3,S.blue.light1)),De),Pr=N(Le||(Le=J(["\n cursor: not-allowed;\n\n &:hover {\n background-color: inherit;\n }\n\n &:before {\n content: unset;\n }\n"]))),Ar=(B(ze={},tn,N(Se||(Se=J(["\n ",";\n color: ",";\n "])),Pr,S.gray.light1)),B(ze,rn,N(Me||(Me=J(["\n ",";\n color: ",";\n "])),Pr,S.gray.dark1)),ze),Fr=(B(Pe={},fn.Default,N(je||(je=J(["\n min-width: ","px;\n "])),H[3])),B(Pe,fn.Large,N(Ie||(Ie=J(["\n min-width: ","px;\n "])),H[4])),Pe),Tr=N(Ae||(Ae=J(["\n display: inline-flex;\n gap: 8px;\n justify-content: start;\n align-items: inherit;\n overflow-wrap: anywhere;\n"]))),Hr=N(Fe||(Fe=J(["\n pointer-events: none;\n"]))),Rr=function(n){return N(Te||(Te=J(["\n font-weight: ",";\n"])),n?"bold":"normal")},Wr=i.forwardRef((function(n,e){var r,t=n.displayName,o=n.glyph,a=n.isSelected,l=n.isFocused,d=n.disabled,f=n.setSelected,p=n.className,g=c(ne),h=g.multiselect,b=g.darkMode,y=g.withIcons,x=g.inputValue,w=g.size,k=ee(b),O=m({prefix:"combobox-option-text"}),L=v(e,null),M=s((function(n){n.stopPropagation(),d||n.target!==L.current&&"INPUT"!==n.target.tagName||f()}),[d,L,f]),z=u((function(){if(o){if(C(o))return o;console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",o)}}),[o]),j=u((function(){if(h){var n=i.createElement(F,{"aria-labelledby":O,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 i.createElement(i.Fragment,null,i.createElement("span",{className:D(Tr,Hr)},y?z:n,i.createElement("span",{id:O,className:Rr(a)},Yn(t,x,"strong"))),y&&n)}return i.createElement(i.Fragment,null,i.createElement("span",{className:D(Tr,Hr)},z,i.createElement("span",{className:Rr(a)},Yn(t,x,"strong"))),a&&i.createElement(E,{glyph:"Checkmark",className:Fr[w],color:b?S.blue.light1:S.blue.base}))}),[h,z,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:D(Sr,zr[w],Mr[k],(r={},B(r,Ir[k],l),B(r,Ar[k],d),r),p),onClick:M,onKeyDown:M},j)}));function Gr(n){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}Wr.displayName="ComboboxOption",Gr.displayName="ComboboxOption",Gr.propTypes={displayName:g.string,value:g.string,glyph:g.node,disabled:g.bool,className:g.string};var Kr,Xr,Vr,Ur,Zr,qr,Br,Yr,$r,Jr,Qr,_r,nt,et,rt,tt,ot,at,it,lt,ct,st,ut,dt,ft=(B(Re={},fn.Default,T.body1.fontSize),B(Re,fn.Large,T.body2.fontSize),Re),pt=(B(We={},fn.Default,2),B(We,fn.Large,4),We),gt=(B(Ge={},fn.Default,T.body1.lineHeight+2*pt[fn.Default]),B(Ge,fn.Large,T.body2.lineHeight+2*pt[fn.Large]),Ge),ht=(B(Ke={},fn.Default,{y:(36-gt[fn.Default]-2)/2,x:H[2]-1}),B(Ke,fn.Large,{y:(48-gt[fn.Large]-2)/2,x:H[2]-1}),Ke),bt=H[3],mt=(B(Xe={},fn.Default,ft[fn.Default]+2*ht[fn.Default].x+bt+2),B(Xe,fn.Large,ft[fn.Large]+2*ht[fn.Large].x+bt+2),Xe),vt=z("combobox-chip"),yt=function(n){return N(Ve||(Ve=J(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),R.default,mt[n])},xt=N(Ue||(Ue=J(["\n display: grid;\n grid-auto-flow: column;\n grid-template-columns: 1fr ","px;\n align-items: center;\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"])),bt,W.default),wt=(B(Be={},tn,N(Ze||(Ze=J(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover {\n box-shadow: ",";\n }\n "])),S.gray.dark3,S.white,S.gray.base,G[tn].gray)),B(Be,rn,N(qe||(qe=J(["\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,G[rn].gray)),Be),kt=function(n){return N(Ye||(Ye=J(["\n padding: ","px ","px;\n"])),ht[n].y,ht[n].x)},Et=(B(Qe={},tn,N($e||($e=J(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),S.gray.dark1,S.gray.light2,S.gray.light1)),B(Qe,rn,N(Je||(Je=J(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),S.gray.dark1,S.gray.dark3,S.gray.dark2)),Qe),Ct=(B(er={},tn,N(_e||(_e=J(["\n border-color: ",";\n "])),S.red.base)),B(er,rn,N(nr||(nr=J(["\n border-color: ",";\n "])),S.red.light1)),er),Ot=(B(or={},tn,N(rr||(rr=J(["\n &:focus-within {\n border-color: transparent;\n background-color: ",";\n box-shadow: ",";\n }\n "])),S.white,K[tn].input)),B(or,rn,N(tr||(tr=J(["\n &:focus-within {\n border-color: transparent;\n background-color: ",";\n box-shadow: ",";\n }\n "])),S.gray.dark4,K[rn].input)),or),Nt=N(ar||(ar=J(["\n grid-template-columns: 1fr ","px ","px;\n"])),28,bt),Dt=function(n){var e=n.overflow,r=n.size,t=N(ir||(ir=J(["\n flex-grow: 1;\n width: 100%;\n "])));switch(e){case pn.scrollX:return N(lr||(lr=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 "])),t,gt[r],vt);case pn.expandY:return N(cr||(cr=J(["\n ","\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n overflow-x: hidden;\n min-height: ","px;\n "])),t,gt[r])}},Lt=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"])),R.default),St=(B(fr={},tn,N(ur||(ur=J(["\n &::placeholder {\n color: ",";\n }\n "])),S.gray.dark1)),B(fr,rn,N(dr||(dr=J(["\n &::placeholder {\n color: ",";\n }\n "])),S.gray.light1)),fr),Mt=(B(hr={},fn.Default,N(pr||(pr=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 "])),gt[fn.Default],T.body1.fontSize,T.body1.lineHeight,ft[fn.Default])),B(hr,fn.Large,N(gr||(gr=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 "])),gt[fn.Large],T.body2.fontSize,T.body2.lineHeight,ft[fn.Large])),hr),zt=function(n){return N(br||(br=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")},jt=function(n,e){var r,t=null!==(r=null==e?void 0:e.length)&&void 0!==r?r:0;return N(mr||(mr=J(["\n width: ","px;\n max-width: 100%;\n "])),t*ft[n])},It=N(vr||(vr=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"])),bt/2),Pt=function(n){return N(yr||(yr=J(["\n height: ","px;\n width: ","px;\n margin-inline-end: calc(","px / 2);\n"])),bt,bt,ht[n].x)},At=(B(kr={},tn,N(xr||(xr=J(["\n color: ",";\n "])),S.red.base)),B(kr,rn,N(wr||(wr=J(["\n color: ",";\n "])),S.red.light1)),kr),Ft=(B(Or={},fn.Default,N(Er||(Er=J(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n "])),T.body1.fontSize,T.body1.lineHeight,ht[fn.Default].y)),B(Or,fn.Large,N(Cr||(Cr=J(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n "])),T.body2.fontSize,T.body2.lineHeight,ht[fn.Large].y)),Or),Tt=N(Nr||(Nr=J(["\n margin-bottom: 2px;\n"]))),Ht=N(Kr||(Kr=J(["\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n white-space: nowrap;\n box-sizing: border-box;\n"]))),Rt=(B(Ur={},fn.Default,N(Xr||(Xr=J(["\n font-size: ","px;\n line-height: ","px;\n border-radius: 4px;\n "])),T.body1.fontSize,T.body1.lineHeight)),B(Ur,fn.Large,N(Vr||(Vr=J(["\n font-size: ","px;\n line-height: ","px;\n border-radius: 4px;\n "])),T.body2.fontSize,T.body2.lineHeight)),Ur),Wt=(B(Br={},tn,N(Zr||(Zr=J(["\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)),B(Br,rn,N(qr||(qr=J(["\n color: ",";\n background-color: ",";\n\n &:focus-within {\n background-color: ",";\n }\n "])),S.gray.light2,S.gray.dark2,S.blue.dark2)),Br),Gt=(B(Jr={},tn,N(Yr||(Yr=J(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n "])),S.gray.base,S.gray.light3)),B(Jr,rn,N($r||($r=J(["\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)),Jr),Kt=(B(nt={},fn.Default,N(Qr||(Qr=J(["\n padding-inline: 6px;\n padding-block: ","px;\n "])),pt[fn.Default])),B(nt,fn.Large,N(_r||(_r=J(["\n padding-inline: 10px;\n padding-block: ","px;\n "])),pt[fn.Large])),nt),Xt=N(et||(et=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 ","ms ease-in-out;\n"])),W.faster),Vt=(B(ot={},fn.Default,N(rt||(rt=J(["\n height: ","px;\n "])),gt[fn.Default])),B(ot,fn.Large,N(tt||(tt=J(["\n height: ","px;\n "])),gt[fn.Large])),ot),Ut=(B(lt={},tn,N(at||(at=J(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),S.gray.dark2,S.black,S.gray.light1)),B(lt,rn,N(it||(it=J(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),S.gray.light1,S.gray.light3,S.gray.dark1)),lt),Zt=(B(ut={},tn,N(ct||(ct=J(["\n cursor: not-allowed;\n color: ",";\n &:hover {\n color: inherit;\n background-color: unset;\n }\n "])),S.gray.dark2)),B(ut,rn,N(st||(st=J(["\n cursor: not-allowed;\n color: ",";\n &:hover {\n color: inherit;\n background-color: unset;\n }\n "])),S.gray.dark2)),ut),qt=i.forwardRef((function(n,e){var r=n.displayName,t=n.isFocused,o=n.onRemove,a=n.onFocus,l=c(ne),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=ee(s),x=!!v&&!!b&&"none"!==b&&r.length>v,w=d(null),k=u((function(){if(x){var n=v-3;switch(b){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}),[v,b,r,x]);f((function(){var n;t&&!g&&(null==w||null===(n=w.current)||void 0===n||n.focus())}),[g,e,t]);return i.createElement("span",{role:"option","aria-selected":t,"data-testid":"lg-combobox-chip",ref:e,className:D(vt,Ht,Wt[y],Rt[p],B({},Gt[y],g)),onClick:function(n){var e;null!==(e=w.current)&&void 0!==e&&e.contains(n.target)||a()},onKeyDown:function(n){g||n.keyCode!==j.Delete&&n.keyCode!==j.Backspace&&n.keyCode!==j.Enter&&n.keyCode!==j.Space||o()},tabIndex:-1},i.createElement("span",{className:D(Kt[p])},k?i.createElement(V,{darkMode:s,definition:r,align:"bottom"},k):r),i.createElement("button",{"aria-label":"Deselect ".concat(r),"aria-disabled":g,disabled:g,ref:w,className:D(Xt,Ut[y],Vt[p],B({},Zt[y],g)),onClick:function(){g||o()}},i.createElement(E,{glyph:"X"})))}));qt.displayName="Chip";var Bt=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],Yt=i.forwardRef((function(n,e){var r=n.children,t=n.id,o=n.refEl,l=n.labelId,s=n.menuWidth,d=n.searchLoadingMessage,f=n.searchErrorMessage,p=n.searchEmptyMessage,g=$(n,Bt),h=c(ne),b=h.disabled,m=h.darkMode,x=h.size,w=h.isOpen,k=h.searchState,C=v(e,null),O=ee(m),L=y(o),M=a(L)?"unset":"".concat(Math.min(L,256),"px"),z=u((function(){var n=D(ge,he[O],be[x]);switch(k){case"loading":return i.createElement("span",{className:n},i.createElement(E,{glyph:"Refresh",color:m?S.blue.light1:S.blue.base,className:Lr}),d);case"error":return i.createElement("span",{className:n},i.createElement(E,{glyph:"Warning",color:m?S.red.light1:S.red.base}),f);default:return r&&"object"===q(r)&&"length"in r&&r.length>0?i.createElement("ul",{className:pe},r):i.createElement("span",{className:n},p)}}),[O,x,k,m,d,f,r,p]);return i.createElement(U,Y({active:w&&!b,spacing:4,align:"bottom",justify:"middle",refEl:o,adjustOnMutation:!0,className:D(se(s),ue[O])},g),i.createElement("div",{ref:C,id:t,role:"listbox","aria-labelledby":l,"aria-expanded":w,className:D(de,fe[O],N(dt||(dt=J(["\n max-height: ",";\n "])),M)),onMouseDownCapture:function(n){return n.preventDefault()}},z))}));Yt.displayName="ComboboxMenu";var $t=["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 Jt(l){var c,g=l.children,v=l.label,y=l.description,C=l.placeholder,N=void 0===C?"Select":C,L=l["aria-label"],z=l.disabled,P=void 0!==z&&z,A=l.size,F=void 0===A?fn.Default:A,T=l.darkMode,H=void 0!==T&&T,R=l.state,W=void 0===R?"none":R,G=l.errorMessage,K=l.searchState,X=void 0===K?"unset":K,V=l.searchEmptyMessage,U=void 0===V?"No results found":V,J=l.searchErrorMessage,_=void 0===J?"Could not get results!":J,nn=l.searchLoadingMessage,en=void 0===nn?"Loading results...":nn,rn=l.filteredOptions,tn=l.onFilter,pn=l.clearable,hn=void 0===pn||pn,bn=l.onClear,mn=l.overflow,vn=void 0===mn?"expand-y":mn,yn=l.multiselect,xn=void 0!==yn&&yn,wn=l.initialValue,kn=l.onChange,En=l.value,Cn=l.chipTruncationLocation,On=l.chipCharacterLimit,Nn=void 0===On?12:On,Dn=l.className,Ln=l.usePortal,Sn=void 0===Ln||Ln,Mn=l.portalClassName,zn=l.portalContainer,jn=l.scrollContainer,In=l.popoverZIndex,Pn=$(l,$t),An=ee(H),Fn=x({prefix:"option"}),Tn=x({prefix:"chip"}),Hn=m({prefix:"combobox-input"}),Rn=m({prefix:"combobox-label"}),Wn=m({prefix:"combobox-menu"}),Gn=d(null),Kn=d(null),Xn=d(null),Vn=d(null),Un=d(null),Zn=Q(p(!1),2),qn=Zn[0],Bn=Zn[1],Yn=w(qn),re=Q(p(null),2),te=re[0],oe=re[1],ie=Q(p(null),2),le=ie[0],ce=ie[1],se=w(le),ue=Q(p(""),2),de=ue[0],fe=ue[1],pe=w(de),ge=Q(p(null),2),he=ge[0],be=ge[1],me=!t(le)&&(e(le)&&le.length>0||o(le)),ve=xn&&e(le)&&le.length>0?void 0:N,ye=function(){return Bn(!1)},xe=function(){return Bn(!0)},we=u((function(){return _n(g)}),[g]),ke=s((function(n){return!xn||"string"!=typeof n&&"number"!=typeof n?!xn&&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(q(n),' value: "').concat(n,'"')),xn&&e(n)}),[xn]),Ee=s((function(n){!P&&Vn&&Vn.current&&(Vn.current.focus(),a(n)||Vn.current.setSelectionRange(n,n))}),[P]),Ce=s((function(e){if(ke(le)){var r=n(le);t(e)?r.length=0:le.includes(e)?r.splice(r.indexOf(e),1):(r.push(e),fe("")),ce(r),null==kn||kn(r)}else{var o=e;ce(o),null==kn||kn(o)}}),[ke,kn,le]),Oe=s((function(n){return ke(le)?le.includes(n):n===le}),[ke,le]),Ne=s((function(n){var e,r,t,o,a=(r=we,(e=n)?null!==(t=null===(o=r.find((function(n){return n.displayName===e})))||void 0===o?void 0:o.value)&&void 0!==t?t:e:"");return Oe(a)}),[we,Oe]),De=s((function(n){var e="string"==typeof n?n:n.value;return rn&&rn.length>0?rn.includes(e):!!Ne(de)||("string"==typeof n?Qn(e,we):n.displayName).toLowerCase().includes(de.toLowerCase())}),[rn,Ne,de,we]),Le=u((function(){return we.filter(De)}),[we,De]),Se=s((function(n){return!!n&&!!we.find((function(e){return e.value===n}))}),[we]),Me=s((function(n){return Le?Le.findIndex((function(e){return e.value===n})):-1}),[Le]),ze=s((function(n){if(Le&&Le.length>=n){var e=Le[n];return e?e.value:void 0}}),[Le]),je=s((function(){return ke(le)?le.findIndex((function(n){var e,r;return null===(e=Tn(n))||void 0===e||null===(r=e.current)||void 0===r?void 0:r.contains(document.activeElement)})):-1}),[Tn,ke,le]),Ie=Q(p(),2),Pe=Ie[0],Ae=Ie[1],Fe=s((function(n){var e,r=null!==(e=null==Le?void 0:Le.length)&&void 0!==e?e:0,t=r-1>0?r-1:0,o=Me(te);switch(n&&qn&&(be(null),Ee()),n){case"next":var a=ze(o+1<r?o+1:0);oe(null!=a?a:null);break;case"prev":var i=ze(o-1>=0?o-1:t);oe(null!=i?i:null);break;case"last":var l=ze(t);oe(null!=l?l:null);break;default:var c=ze(0);oe(null!=c?c:null)}}),[te,Me,ze,qn,Ee,null==Le?void 0:Le.length]),Te=s((function(n,e){if(ke(le))switch(n){case"next":var r=null!=e?e:je(),t=r+1<le.length?r+1:le.length-1,o=le[t];be(o);break;case"prev":var a=null!=e?e:je(),i=a>0?a-1:a<0?le.length-1:0,l=le[i];be(l);break;case"first":var c=le[0];be(c);break;case"last":var s=le[le.length-1];be(s);break;default:be(null)}}),[je,ke,le]),He=s((function(n,e){switch(n&&oe(null),n){case"right":switch(Pe){case on:var r,t,o;if((null===(r=Vn.current)||void 0===r?void 0:r.selectionEnd)===(null===(t=Vn.current)||void 0===t?void 0:t.value.length))null===(o=Kn.current)||void 0===o||o.focus();break;case ln:case sn:case cn:if(Pe===cn||1===(null==le?void 0:le.length)){Ee(0),Te(null),e.preventDefault();break}Te("next")}break;case"left":switch(Pe){case an:var a;e.preventDefault(),Ee(null==Vn||null===(a=Vn.current)||void 0===a?void 0:a.value.length);break;case on:case sn:case cn:if(ke(le)){var i;if(Pe===on&&0!==(null===(i=Vn.current)||void 0===i?void 0:i.selectionStart))break;Te("prev")}}break;default:Te(null)}}),[Pe,ke,le,Ee,Te]);f((function(){de!==pe&&Fe("first")}),[de,qn,pe,Fe]),f((function(){if(te){var n=Fn(te);if(n&&n.current&&Un.current){var e=n.current.offsetTop,r=Un.current,t=r.scrollTop;(e>r.offsetHeight||e<t)&&(Un.current.scrollTop=e)}}}),[te,Fn]);var Re=s((function(n){if(M(n,"ComboboxOption")){var e=$n(n.props),r=e.value,t=e.displayName;if(De(r)){var o=n.props,a=o.className,l=o.glyph,c=o.disabled,s=we.findIndex((function(n){return n.value===r})),u=te===r,d=ke(le)?le.includes(r):le===r,f=Fn(r);return i.createElement(Wr,{value:r,displayName:t,isFocused:u,isSelected:d,disabled:c,setSelected:function(){oe(r),Ce(r),Ee(),r===le&&ye()},glyph:l,className:a,index:s,ref:f})}}else if(M(n,"ComboboxGroup")){var p=i.Children.map(n.props.children,Re);if(p&&(null==p?void 0:p.length)>0)return i.createElement(ae,{label:n.props.label,className:n.props.className},i.Children.map(p,Re))}}),[we,Fn,te,ke,le,Ee,De,Ce]),We=u((function(){return i.Children.map(g,Re)}),[g,Re]),Ge=u((function(){if(ke(le))return le.filter(Se).map((function(n,e){var r=Qn(n,we),t=he===n,o=Tn(n),a=e>=le.length-1;return i.createElement(qt,{key:n,displayName:r,isFocused:t,onRemove:function(){a?(Ee(),Te(null)):Te("next",e),Ce(n)},onFocus:function(){be(n)},ref:o})}))}),[ke,le,Se,we,he,Tn,Ce,Ee,Te]),Ke=u((function(){return i.createElement(i.Fragment,null,hn&&me&&i.createElement(O,{"aria-label":"Clear selection","aria-disabled":P,disabled:P,ref:Kn,onClick:function(n){P||(Ce(null),null==bn||bn(n),null==tn||tn(""),qn||xe())},onFocus:Ye,className:D(It),darkMode:H},i.createElement(E,{glyph:"XWithCircle"})),"error"===W?i.createElement(E,{glyph:"Warning",color:H?S.red.light1:S.red.base,className:Pt(F)}):i.createElement(E,{glyph:"CaretDown",className:Pt(F)}))}),[hn,me,P,W,H,F,Ce,bn,tn,qn]),Xe=u((function(){return we.some((function(n){return n.hasGlyph}))}),[we]),Ve=s((function(){if(!ke(le)&&le===se){var n=Le.find((function(n){return n.displayName===de||n.value===de}));if(n&&!En)ce(n.value);else{var e,r=null!==(e=Qn(le,we))&&void 0!==e?e:"";fe(r)}}}),[we,de,ke,se,le,En,Le]),Ue=s((function(){if(me){if(ke(le))_e();else if(!ke(le)){var n,e=null!==(n=Qn(le,we))&&void 0!==n?n:"";fe(e),ye()}}else fe("")}),[me,we,ke,le]);f((function(){if(wn)if(e(wn)){var n,r=null!==(n=wn.filter((function(n){return Se(n)})))&&void 0!==n?n:[];ce(r)}else Se(wn)&&ce(wn);else ce(function(n){return n?[]:null}(xn))}),[]),f((function(){if(!a(En)&&En!==pe)if(t(En))ce(null);else if(ke(En)){var n=En.filter(Se);ce(n)}else ce(Se(En)?En:null)}),[ke,Se,pe,En]),f((function(){r(le,se)||Ue()}),[Ue,se,le]),f((function(){!qn&&Yn&&Ve()}),[qn,Yn,Ve]);var Ze=Q(p(0),2),qe=Ze[0],Be=Ze[1];f((function(){var n,e;Be(null!==(n=null===(e=Gn.current)||void 0===e?void 0:e.clientWidth)&&void 0!==n?n:0)}),[Gn,qn,te,le]);var Ye=function(){oe(null)};k("mousedown",(function(n){Qe(n)||(n.preventDefault(),n.stopPropagation())}),{enabled:qn}),k("click",(function(n){Qe(n)||(n.stopPropagation(),ye())}),{options:{capture:!0},enabled:qn});var $e,Je=function(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?Z(Object(r),!0).forEach((function(e){B(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):Z(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}({popoverZIndex:In},Sn?{usePortal:Sn,portalClassName:Mn,portalContainer:zn,scrollContainer:jn}:{usePortal:Sn});return i.createElement(ne.Provider,{value:{multiselect:xn,darkMode:H,size:F,withIcons:Xe,disabled:P,isOpen:qn,state:W,searchState:X,chipTruncationLocation:Cn,chipCharacterLimit:Nn,inputValue:de}},i.createElement("div",Y({className:D(yt(F),Dn)},Pn),(v||y)&&i.createElement("div",{className:Tt},v&&i.createElement(h,{id:Rn,htmlFor:Hn,darkMode:H},v),y&&i.createElement(b,{darkMode:H},y)),i.createElement("div",{ref:Gn,role:"combobox","aria-expanded":qn,"aria-controls":Wn,"aria-owns":Wn,tabIndex:-1,onMouseDown:function(n){P&&n.preventDefault()},onClick:function(n){if(n.target!==Vn.current){var e=0;if(Vn.current)e=n.nativeEvent.offsetX>Vn.current.offsetLeft+Vn.current.clientWidth?de.length:0;Ee(e)}xe()},onFocus:function(n){_e(),Ae(function(n){var e,r,t,o;if(!n)return;if(null!==(e=Vn.current)&&void 0!==e&&e.contains(n))return on;if(null!==(r=Kn.current)&&void 0!==r&&r.contains(n))return an;var a=ke(le)?le.findIndex((function(e){var r,t;return null===(r=Tn(e))||void 0===r||null===(t=r.current)||void 0===t?void 0:t.contains(n)})):-1;if(ke(le)){if(0===a)return ln;if(a===le.length-1)return cn;if(a>0)return sn}if(null!==(t=Un.current)&&void 0!==t&&t.contains(n))return dn;if(null!==(o=Gn.current)&&void 0!==o&&o.contains(n))return un}(n.target))},onKeyDown:function(n){var e,r,o=null===(e=Un.current)||void 0===e?void 0:e.contains(document.activeElement);if((null===(r=Gn.current)||void 0===r?void 0:r.contains(document.activeElement))||o){if(n.ctrlKey||n.shiftKey||n.altKey)return;switch(n.keyCode){case j.Tab:switch(Pe){case"Input":me||(ye(),Fe("first"),Te(null));break;case"LastChip":Te(null)}break;case j.Escape:ye(),Fe("first");break;case j.Enter:qn?Pe!==on||t(te)||function(n){if("string"==typeof n){var e=Jn(n,we);return!(null==e||!e.isDisabled)}return!!n.isDisabled}(te)?Pe===an&&(Ce(null),Ee()):Ce(te):xe();break;case j.Backspace:var a;if(ke(le))"Input"===Pe&&0===(null===(a=Vn.current)||void 0===a?void 0:a.selectionStart)&&Te("last");xe();break;case j.ArrowDown:qn?(n.preventDefault(),Fe("next")):xe();break;case j.ArrowUp:qn?(n.preventDefault(),Fe("prev")):xe();break;case j.ArrowRight:He("right",n);break;case j.ArrowLeft:He("left",n);break;default:qn||xe()}}},onTransitionEnd:function(){var n,e;Be(null!==(n=null===(e=Gn.current)||void 0===e?void 0:e.clientWidth)&&void 0!==n?n:0)},className:D(xt,wt[An],kt(F),(c={},B(c,Nt,hn&&me),B(c,Et[An],P),B(c,Ct[An],W===gn.error),B(c,Ot[An],($e=on,$e===Pe)),c))},i.createElement("div",{ref:Xn,className:Dt({size:F,overflow:vn})},Ge,i.createElement("input",{"aria-label":null!=L?L:v,"aria-autocomplete":"list","aria-controls":Wn,"aria-labelledby":Rn,ref:Vn,id:Hn,className:D(Lt,Mt[F],St[An],zt(qn),B({},jt(F,de),ke(le))),placeholder:ve,disabled:null!=P?P:void 0,onChange:function(n){var e=n.target.value;fe(e),null==tn||tn(e)},value:de,autoComplete:"off"})),Ke),"error"===W&&G&&i.createElement("div",{className:D(At[An],Ft[F])},G),i.createElement(Yt,Y({id:Wn,labelId:Rn,refEl:Gn,ref:Un,menuWidth:qe,searchLoadingMessage:en,searchErrorMessage:_,searchEmptyMessage:U},Je),We)));function Qe(n){var e,r,t=n.target;return(null===(e=Un.current)||void 0===e?void 0:e.contains(t))||(null===(r=Gn.current)||void 0===r?void 0:r.contains(t))||!1}function _e(){Xn&&Xn.current&&(Xn.current.scrollLeft=Xn.current.scrollWidth)}}Jt.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{Jt as Combobox,ie as ComboboxGroup,Gr as ComboboxOption};
2
2
  //# sourceMappingURL=index.js.map