@leafygreen-ui/combobox 7.1.0 → 7.2.0

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 (20) hide show
  1. package/CHANGELOG.md +36 -0
  2. package/dist/Combobox/Combobox.d.ts.map +1 -1
  3. package/dist/Combobox/utils/isValueCurrentSelection.d.ts +7 -0
  4. package/dist/Combobox/utils/isValueCurrentSelection.d.ts.map +1 -0
  5. package/dist/esm/index.js +1 -1
  6. package/dist/esm/index.js.map +1 -1
  7. package/dist/index.js +1 -1
  8. package/dist/index.js.map +1 -1
  9. package/dist/types/Combobox.types.d.ts +6 -1
  10. package/dist/types/Combobox.types.d.ts.map +1 -1
  11. package/dist/types/index.d.ts +1 -1
  12. package/dist/types/index.d.ts.map +1 -1
  13. package/package.json +5 -5
  14. package/src/Combobox/Combobox.spec.tsx +108 -10
  15. package/src/Combobox/Combobox.tsx +21 -25
  16. package/src/Combobox/utils/isValueCurrentSelection.ts +14 -0
  17. package/src/types/Combobox.types.ts +7 -1
  18. package/src/types/index.ts +1 -0
  19. package/stories.js +1 -1
  20. package/tsdoc.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,41 @@
1
1
  # @leafygreen-ui/combobox
2
2
 
3
+ ## 7.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 0eba26c5: Combobox `onChange` callback now receives a 2nd argument. Use this argument to determine what value was inserted or deleted from a multiselect value.
8
+ [JIRA Ticket](https://jira.mongodb.org/browse/LG-3959)
9
+
10
+ Example:
11
+
12
+ ```tsx
13
+ <Combobox
14
+ multiselect
15
+ value={['apple', 'banana']}
16
+ onChange={(val, diff) => {
17
+ console.log(value); // ['apple']
18
+ console.log(diff); // { diffType: 'delete', value: 'banana' }
19
+ }}
20
+ />
21
+ ```
22
+
23
+ ```ts
24
+ interface DiffObject {
25
+ diffType: 'insert' | 'delete';
26
+ value: string | Array<string>;
27
+ }
28
+ ```
29
+
30
+ ### Patch Changes
31
+
32
+ - bfda5392: Fixes bug where Combobox incorrectly makes selection on "Enter" key press.
33
+ - Updated dependencies [2bceccb1]
34
+ - Updated dependencies [2645cd50]
35
+ - @leafygreen-ui/hooks@8.1.1
36
+ - @leafygreen-ui/lib@13.2.1
37
+ - @leafygreen-ui/tokens@2.3.0
38
+
3
39
  ## 7.1.0
4
40
 
5
41
  ### Minor Changes
package/dist/Combobox/Combobox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAYN,MAAM,OAAO,CAAC;AAQf,OAAO,SAAS,MAAM,YAAY,CAAC;AAwEnC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,OAAO,EAAE,EAC1C,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAsB,EACtB,YAAY,EAAE,SAAS,EACvB,QAAgB,EAChB,IAA2B,EAC3B,QAAQ,EAAE,YAAY,EACtB,KAAc,EACd,YAAY,EACZ,WAAqB,EACrB,kBAAuC,EACvC,kBAA6C,EAC7C,oBAA2C,EAC3C,eAAe,EACf,QAAQ,EACR,SAAgB,EAChB,OAAO,EACP,QAA2B,EAC3B,WAAwB,EACxB,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,sBAAsB,EACtB,kBAAuB,EACvB,SAAS,EACT,SAAgB,EAChB,eAAe,EACf,eAAe,EACf,eAAe,EACf,aAAa,EACb,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,qBAguClB;yBAjwCe,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8yCxB;;;GAGG"}
1
+ {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAYN,MAAM,OAAO,CAAC;AAQf,OAAO,SAAS,MAAM,YAAY,CAAC;AA0EnC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,OAAO,EAAE,EAC1C,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAsB,EACtB,YAAY,EAAE,SAAS,EACvB,QAAgB,EAChB,IAA2B,EAC3B,QAAQ,EAAE,YAAY,EACtB,KAAc,EACd,YAAY,EACZ,WAAqB,EACrB,kBAAuC,EACvC,kBAA6C,EAC7C,oBAA2C,EAC3C,eAAe,EACf,QAAQ,EACR,SAAgB,EAChB,OAAO,EACP,QAA2B,EAC3B,WAAwB,EACxB,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,sBAAsB,EACtB,kBAAuB,EACvB,SAAS,EACT,SAAgB,EAChB,eAAe,EACf,eAAe,EACf,eAAe,EACf,aAAa,EACb,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,qBA0tClB;yBA3vCe,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwyCxB;;;GAGG"}
package/dist/Combobox/utils/isValueCurrentSelection.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import { SelectValueType } from '../../types';
2
+ /**
3
+ * Returns whether a given value is included in, or equal to, the current selection
4
+ * @param value the option value to check
5
+ */
6
+ export declare const isValueCurrentSelection: (value: string, selection: SelectValueType<boolean> | null) => boolean;
7
+ //# sourceMappingURL=isValueCurrentSelection.d.ts.map
package/dist/Combobox/utils/isValueCurrentSelection.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"isValueCurrentSelection.d.ts","sourceRoot":"","sources":["../../../src/Combobox/utils/isValueCurrentSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C;;;GAGG;AACH,eAAO,MAAM,uBAAuB,UAC3B,MAAM,aACF,gBAAgB,OAAO,CAAC,GAAG,IAAI,KACzC,OAIF,CAAC"}
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import e,{createContext as n,useContext as r,useEffect as t,useMemo as a,useCallback as o,useRef as i,useState as l}from"react";import c from"lodash/clone";import s from"lodash/debounce";import u from"lodash/isArray";import d from"lodash/isEqual";import p from"lodash/isNull";import f from"lodash/isString";import h from"lodash/isUndefined";import m from"prop-types";import{css as g,cx as b,keyframes as v}from"@leafygreen-ui/emotion";import{useForwardedRef as y,useIdAllocator as x,useAvailableSpace as k,useDynamicRefs as w,usePrevious as E,useAutoScroll as C,useBackdropClick as L}from"@leafygreen-ui/hooks";import S,{isComponentGlyph as N}from"@leafygreen-ui/icon";import O from"@leafygreen-ui/icon-button";import D,{useDarkMode as M}from"@leafygreen-ui/leafygreen-provider";import{createUniqueClassName as j,keyMap as I,Theme as z,isComponentType as P,consoleOnce as F}from"@leafygreen-ui/lib";import{Error as T,Label as W,Description as X}from"@leafygreen-ui/typography";import{chipTextClassName as A,TruncationLocation as R,Chip as G,BaseFontSize as H,Variant as Z}from"@leafygreen-ui/chip";import{typeScales as K,spacing as Y,fontWeights as V,fontFamilies as q,transitionDuration as B,focusRing as U}from"@leafygreen-ui/tokens";import{palette as $}from"@leafygreen-ui/palette";import J from"@leafygreen-ui/popover";import{transparentize as Q}from"polished";import{leftGlyphClassName as _,InputOption as ee,InputOptionContent as ne}from"@leafygreen-ui/input-option";import re from"lodash/kebabCase";import te from"lodash/escapeRegExp";import ae from"@leafygreen-ui/checkbox";function oe(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 ie(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?oe(Object(r),!0).forEach((function(n){ce(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):oe(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function le(e){return le="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},le(e)}function ce(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function se(){return se=Object.assign?Object.assign.bind():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},se.apply(this,arguments)}function ue(e,n){if(null==e)return{};var r,t,a=function(e,n){if(null==e)return{};var r,t,a={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||(a[r]=e[r]);return a}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function de(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function pe(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){var t,a,o,i,l=[],c=!0,s=!1;try{if(o=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;c=!1}else for(;!(c=(t=o.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(e,n)||he(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 fe(e){return function(e){if(Array.isArray(e))return me(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||he(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 he(e,n){if(e){if("string"==typeof e)return me(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)?me(e,n):void 0}}function me(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 ge="Input",be="ClearButton",ve="FirstChip",ye="LastChip",xe="MiddleChip",ke="Combobox",we="Menu",Ee={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},Ce={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},Le={none:"none",error:"error"},Se={unset:"unset",error:"error",loading:"loading"};var Ne,Oe,De,Me,je,Ie,ze,Pe,Fe,Te,We,Xe,Ae,Re,Ge,He=n({multiselect:!1,size:Ee.Default,withIcons:!1,disabled:!1,isOpen:!1,state:Le.none,searchState:Se.unset,overflow:Ce.expandY}),Ze=j("combobox-chip"),Ke=(ce(Ne={},Ee.XSmall,16),ce(Ne,Ee.Small,K.body1.lineHeight),ce(Ne,Ee.Default,K.body1.lineHeight),ce(Ne,Ee.Large,K.body2.lineHeight),Ne),Ye=(ce(Oe={},Ee.XSmall,K.body1.fontSize),ce(Oe,Ee.Small,K.body1.fontSize),ce(Oe,Ee.Default,K.body1.fontSize),ce(Oe,Ee.Large,K.body2.fontSize),Oe),Ve=(ce(De={},Ee.XSmall,1),ce(De,Ee.Small,0),ce(De,Ee.Default,2),ce(De,Ee.Large,4),De),qe=(ce(Pe={},Ee.XSmall,g(Me||(Me=de(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Ye[Ee.XSmall],Ke[Ee.XSmall],A,Ve[Ee.XSmall])),ce(Pe,Ee.Small,g(je||(je=de(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Ye[Ee.Small],Ke[Ee.Small],A,Ve[Ee.Small])),ce(Pe,Ee.Default,g(Ie||(Ie=de(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Ye[Ee.Default],Ke[Ee.Default],A,Ve[Ee.Default])),ce(Pe,Ee.Large,g(ze||(ze=de(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-inline-end: 10px;\n padding-block: ","px;\n }\n "])),Ye[Ee.Large],Ke[Ee.Large],A,Ve[Ee.Large])),Pe),Be=e.forwardRef((function(n,a){var o,i=n.displayName,l=n.isFocused,c=n.onRemove,s=n.onFocus,u=r(He),d=u.size,p=u.disabled,f=u.overflow,h=u.chipTruncationLocation,m=void 0===h?R.End:h,g=u.chipCharacterLimit,v=void 0===g?12:g,x=u.popoverZIndex,k=f===Ce.scrollX?R.None:m,w=y(a,null),E=null===(o=w.current)||void 0===o?void 0:o.querySelector("button");t((function(){l&&!p&&(null==E||E.focus())}),[p,E,l]);return e.createElement(G,{label:i,className:b(Ze,qe[d]),role:"option","aria-selected":l,"data-testid":"lg-combobox-chip",onClick:function(e){null!=E&&E.contains(e.target)||s()},onKeyDown:function(e){p||e.key!==I.Delete&&e.key!==I.Backspace&&e.key!==I.Enter&&e.key!==I.Space||c()},onDismiss:function(){p||c()},baseFontSize:H.Body1,chipCharacterLimit:v,chipTruncationLocation:k,popoverZIndex:x,variant:Z.Gray,ref:w,disabled:p,tabIndex:-1})}));Be.displayName="ComboboxChip";var Ue,$e,Je,Qe,_e,en,nn,rn,tn,an,on,ln,cn,sn,un,dn,pn,fn=(ce(We={},z.Light,g(Fe||(Fe=de(["\n padding-top: ","px;\n "])),Y[2])),ce(We,z.Dark,g(Te||(Te=de(["\n padding-top: ","px;\n "])),Y[2])),We),hn=g(Xe||(Xe=de(["\n cursor: default;\n width: 100%;\n padding: 0 12px 2px;\n outline: none;\n overflow-wrap: anywhere;\n font-size: 12px;\n line-height: 16px;\n font-weight: ",";\n text-transform: uppercase;\n letter-spacing: 0.4px;\n"])),V.bold),mn=(ce(Ge={},z.Light,g(Ae||(Ae=de(["\n color: ",";\n "])),$.gray.dark1)),ce(Ge,z.Dark,g(Re||(Re=de(["\n color: ",";\n "])),$.gray.light1)),Ge);function gn(n){var r=n.label,t=n.className,a=n.children,o=M().theme,i=x({prefix:"combobox-group"});return e.Children.count(a)>0?e.createElement("div",{className:b(fn[o],t)},e.createElement("div",{className:b(hn,mn[o]),id:i},r),e.createElement("div",{role:"group","aria-labelledby":i},a)):e.createElement(e.Fragment,null)}function bn(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}bn.displayName="ComboboxGroup",bn.propTypes={className:m.string,children:m.node.isRequired,label:m.string.isRequired};var vn,yn=(ce(Ue={},Ee.XSmall,{x:12,y:8}),ce(Ue,Ee.Small,{x:12,y:8}),ce(Ue,Ee.Default,{x:12,y:8}),ce(Ue,Ee.Large,{x:12,y:8}),Ue),xn=function(e){return Ke[e]+2*yn[e].y},kn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return g($e||($e=de(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),e)},wn=(ce(_e={},z.Light,g(Je||(Je=de(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),Q(.85,$.black),$.gray.light2)),ce(_e,z.Dark,g(Qe||(Qe=de(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),Q(.85,$.black),$.gray.dark2)),_e),En=g(en||(en=de(["\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"])),Y[2],q.default),Cn=(ce(tn={},z.Light,g(nn||(nn=de(["\n color: ",";\n background-color: ",";\n "])),$.black,$.white)),ce(tn,z.Dark,g(rn||(rn=de(["\n color: ",";\n background-color: ",";\n "])),$.gray.light1,$.gray.dark3)),tn),Ln=g(an||(an=de(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),Sn=g(on||(on=de(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),Nn=(ce(sn={},z.Light,g(ln||(ln=de(["\n color: ",";\n "])),$.gray.dark3)),ce(sn,z.Dark,g(cn||(cn=de(["\n color: ",";\n "])),$.gray.light3)),sn),On=function(e){return g(un||(un=de(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px ","px;\n"])),Ye[e],Ke[e],yn[e].y,yn[e].x)},Dn=v(dn||(dn=de(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),Mn=g(pn||(pn=de(["\n animation: "," 1.5s linear infinite;\n"])),Dn),jn=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],In=e.forwardRef((function(n,t){var o=n.children,i=n.id,l=n.refEl,c=n.labelId,s=n.menuWidth,u=n.searchLoadingMessage,d=n.searchErrorMessage,p=n.searchEmptyMessage,f=ue(n,jn),m=M(),v=m.darkMode,x=m.theme,w=r(He),E=w.disabled,C=w.size,L=w.isOpen,N=w.searchState,O=y(t,null),D=k(l),j=h(D)?"unset":"".concat(Math.min(D,256),"px"),I=a((function(){var n=b(Sn,Nn[x],On(C)),r=b(Sn,On(C));switch(N){case"loading":return e.createElement("span",{className:n},e.createElement(S,{glyph:"Refresh",color:v?$.blue.light1:$.blue.base,className:Mn}),u);case"error":return e.createElement(T,{className:r},e.createElement(S,{glyph:"Warning",color:v?$.red.light1:$.red.base}),e.createElement("span",null,d));default:return o&&"object"===le(o)&&"length"in o&&o.length>0?e.createElement("ul",{className:Ln},o):e.createElement("span",{className:n},p)}}),[x,C,N,v,u,d,o,p]);return e.createElement(J,se({active:L&&!E,spacing:4,align:"bottom",justify:"middle",refEl:l,adjustOnMutation:!0,className:b(kn(s),wn[x])},f),e.createElement("div",{ref:O,id:i,role:"listbox","aria-labelledby":c,"aria-expanded":L,className:b(En,Cn[x],g(vn||(vn=de(["\n max-height: ",";\n "])),j)),onMouseDownCapture:function(e){return e.preventDefault()}},I))}));In.displayName="ComboboxMenu";var zn,Pn,Fn,Tn,Wn,Xn,An,Rn,Gn,Hn,Zn,Kn,Yn,Vn,qn,Bn,Un,$n,Jn,Qn,_n,er,nr,rr,tr,ar,or=function(e){var n=e.scrollHeight;return e.scrollTop<n-e.clientHeight},ir=function(e){var n,r=e.value,t=e.displayName;return{value:null!=r?r:re(t),displayName:null!==(n=null!=t?t:r)&&void 0!==n?n:""}},lr=function n(r){return e.Children.toArray(r).reduce((function(e,r){if(P(r,"ComboboxOption")){var t=ir(r.props),a=t.value,o=t.displayName,i=r.props,l=i.glyph,c=i.disabled;return[].concat(fe(e),[{value:a,displayName:o,isDisabled:!!c,hasGlyph:!!l}])}if(P(r,"ComboboxGroup")){var s=r.props.children;if(s)return[].concat(fe(e),fe(n(s)))}}),[])},cr=function(e,n){if(e)return n.find((function(n){return n.value===e}))},sr=function(e,n){var r,t;return e?null!==(r=null===(t=cr(e,n))||void 0===t?void 0:t.displayName)&&void 0!==r?r:e:""},ur=function(e){return g(zn||(zn=de(["\n font-size: ","px;\n line-height: ","px;\n min-height: ","px;\n padding: ","px ","px;\n gap: ","px;\n\n &:before {\n max-height: ","px;\n }\n"])),Ye[e],Ke[e],xn(e),yn[e].y,yn[e].x,Y[1],xn(e))},dr=(ce(Xn={},Ee.XSmall,g(Pn||(Pn=de(["\n min-width: ","px;\n "])),Y[3])),ce(Xn,Ee.Small,g(Fn||(Fn=de(["\n min-width: ","px;\n "])),Y[3])),ce(Xn,Ee.Default,g(Tn||(Tn=de(["\n min-width: ","px;\n "])),Y[3])),ce(Xn,Ee.Large,g(Wn||(Wn=de(["\n min-width: ","px;\n "])),Y[4])),Xn),pr=g(An||(An=de(["\n pointer-events: none;\n gap: 0;\n\n label {\n gap: 0;\n align-items: center;\n }\n"])));g(Rn||(Rn=de(["\n pointer-events: none;\n"])));var fr,hr,mr,gr,br,vr,yr,xr,kr,wr,Er,Cr,Lr,Sr,Nr,Or,Dr,Mr,jr,Ir,zr,Pr,Fr,Tr,Wr,Xr,Ar,Rr,Gr,Hr,Zr,Kr,Yr,Vr,qr,Br,Ur,$r,Jr,Qr,_r,et,nt,rt,tt,at,ot,it,lt,ct,st=function(e){return g(Gn||(Gn=de(["\n font-weight: ",";\n"])),e?V.bold:V.regular)},ut=(ce(Kn={},z.Light,g(Hn||(Hn=de(["\n color: ",";\n "])),$.gray.dark1)),ce(Kn,z.Dark,g(Zn||(Zn=de(["\n color: ",";\n "])),$.gray.base)),Kn),dt=(ce(qn={},z.Light,g(Yn||(Yn=de(["\n color: ",";\n "])),$.blue.dark1)),ce(qn,z.Dark,g(Vn||(Vn=de(["\n color: ",";\n "])),$.blue.light3)),qn),pt=(ce($n={},z.Light,g(Bn||(Bn=de(["\n color: ",";\n "])),$.gray.light1)),ce($n,z.Dark,g(Un||(Un=de(["\n color: ",";\n "])),$.gray.dark1)),$n),ft=(ce(_n={},z.Light,g(Jn||(Jn=de(["\n color: ",";\n "])),$.blue.base)),ce(_n,z.Dark,g(Qn||(Qn=de(["\n color: ",";\n "])),$.blue.light1)),_n),ht=(ce(rr={},z.Light,g(er||(er=de(["\n color: ",";\n "])),$.gray.light1)),ce(rr,z.Dark,g(nr||(nr=de(["\n color: ",";\n "])),$.gray.dark1)),rr),mt=g(tr||(tr=de(["\n ."," {\n align-self: baseline;\n }\n"])),_),gt=g(ar||(ar=de(["\n ."," {\n height: 28px;\n }\n"])),_),bt=["glyph","isSelected","displayName","isFocused","setSelected","className","description","value","onClick","disabled"],vt=e.forwardRef((function(n,t){var i,l=n.glyph,c=n.isSelected,s=n.displayName,u=n.isFocused,d=n.setSelected,p=n.className,f=n.description,h=n.value,m=n.onClick,g=n.disabled,v=void 0!==g&&g,k=ue(n,bt),w=M(),E=w.darkMode,C=w.theme,L=r(He),O=L.multiselect,D=L.size,j=L.withIcons,I=L.inputValue,z=y(t,null),P=x({prefix:"combobox-option-text"}),F=o((function(e){e.stopPropagation(),v||(d(),null==m||m(e,h))}),[v,m,d,h]),T=a((function(){return function(n){var r,t=n.withIcons,a=n.isSelected,o=n.glyph,i=n.optionTextId,l=n.disabled,c=n.darkMode,s=n.size,u=n.multiselect,d=n.theme,p=n.isFocused;o&&!N(o)&&console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",o);var f=o&&N(o)?e.cloneElement(o,ie(ie({},o.props),{},{className:b(ut[d],(r={},ce(r,dt[d],p),ce(r,pt[d],l),r),o.props.className)})):e.createElement(e.Fragment,null),h=e.createElement(ae,{"aria-labelledby":i,checked:a,tabIndex:-1,disabled:l,darkMode:c,className:pr}),m=e.createElement(S,{glyph:"Checkmark",className:b(dr[s],ft[d],ce({},ht[d],l))});return{leftGlyph:u?t?f:h:t?f:a?m:null,rightGlyph:u?t&&h:t&&a&&m}}({withIcons:j,isSelected:c,glyph:l,theme:C,darkMode:E,size:D,disabled:v,multiselect:O,optionTextId:P,isFocused:u})}),[E,v,l,c,O,P,D,C,j,u]),W=T.leftGlyph,X=T.rightGlyph,A=O&&!j;return e.createElement(ee,se({},k,{as:"li",ref:z,highlighted:u,disabled:v,"aria-label":s,darkMode:E,className:b(ur(D),(i={},ce(i,mt,A),ce(i,gt,A&&D===Ee.Large),i),p),onClick:F,onKeyDown:F}),e.createElement(ne,{leftGlyph:W,rightGlyph:X,description:f},e.createElement("span",{id:P,className:st(c)},function(n,r,t){if(r&&t){var a=te(r),o=new RegExp(a,"gi"),i=n.matchAll(o);if(i){for(var l=n.split(""),c=0,s=Array.from(i);c<s.length;c++){var u,d=s[c],p=null!==(u=d.index)&&void 0!==u?u:-1,f=d[0],h=f.length,m=p+f+h,g=new Array(h).fill("");g[0]=e.createElement(t,{key:m},f),l.splice.apply(l,[p,h].concat(fe(g)))}return e.createElement(e.Fragment,null,l)}return e.createElement(e.Fragment,null,n)}return e.createElement(e.Fragment,null,n)}(s,I,"strong"))))}));function yt(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}vt.displayName="ComboboxOption",yt.displayName="ComboboxOption",yt.propTypes={displayName:m.string,value:m.string,glyph:m.node,disabled:m.bool,className:m.string,description:m.string,onClick:m.func};var xt=function(e){return Ke[e]+2*Ve[e]},kt=(ce(fr={},Ee.XSmall,22),ce(fr,Ee.Small,28),ce(fr,Ee.Default,36),ce(fr,Ee.Large,48),fr),wt=function(e){return(kt[e]-xt(e)-2)/2},Et=(ce(hr={},Ee.XSmall,{y:wt(Ee.XSmall),xLeftWithChip:1,xLeftWithoutChip:10,xRight:4}),ce(hr,Ee.Small,{y:wt(Ee.Small),xLeftWithChip:4,xLeftWithoutChip:10,xRight:8}),ce(hr,Ee.Default,{y:wt(Ee.Default),xLeftWithChip:6,xLeftWithoutChip:12,xRight:12}),ce(hr,Ee.Large,{y:wt(Ee.Large),xLeftWithChip:Y[2]-1,xLeftWithoutChip:Y[2]-1,xRight:Y[2]-1}),hr),Ct=Y[3],Lt=function(e){return g(mr||(mr=de(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),q.default,Ye[e]+2*Et[e].xLeftWithChip+Ct+2)},St=g(gr||(gr=de(["\n display: flex;\n align-items: center;\n gap: ","px;\n cursor: text;\n transition: ","ms ease-in-out;\n transition-property: background-color, box-shadow, border-color;\n border: 1px solid;\n width: 100%;\n max-width: 100%;\n border-radius: 6px;\n position: relative;\n overflow: hidden;\n\n // Overflow shadow\n ::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 20px;\n bottom: -21px;\n left: 50%;\n translate: -50% 0%;\n border-radius: 20%;\n box-shadow: 0 0 0 0 rgb(255 255 255 / 0%);\n transition: ","ms linear;\n transition-property: box-shadow;\n }\n"])),Y[2],B.default,B.default),Nt=(ce(yr={},z.Light,g(br||(br=de(["\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),$.gray.dark3,$.white,$.gray.base)),ce(yr,z.Dark,g(vr||(vr=de(["\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),$.gray.light2,$.gray.dark4,$.gray.base)),yr),Ot=function(e,n){return g(xr||(xr=de(["\n padding-top: ","px;\n padding-bottom: ","px;\n padding-left: ",";\n padding-right: ","px;\n"])),Et[e].y,Et[e].y,"".concat(n?Et[e].xLeftWithChip:Et[e].xLeftWithoutChip,"px"),Et[e].xRight)},Dt=(ce(Er={},z.Light,g(kr||(kr=de(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),$.gray.dark1,$.gray.light2,$.gray.light1)),ce(Er,z.Dark,g(wr||(wr=de(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),$.gray.dark1,$.gray.dark3,$.gray.dark2)),Er),Mt=(ce(Sr={},z.Light,g(Cr||(Cr=de(["\n border-color: ",";\n "])),$.red.base)),ce(Sr,z.Dark,g(Lr||(Lr=de(["\n border-color: ",";\n "])),$.red.light1)),Sr),jt=(ce(Dr={},z.Light,g(Nr||(Nr=de(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),U[z.Light].input)),ce(Dr,z.Dark,g(Or||(Or=de(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),U[z.Dark].input)),Dr),It=g(Mr||(Mr=de(["\n display: flex;\n align-items: center;\n"]))),zt=(ce(Fr={},Ee.XSmall,g(jr||(jr=de(["\n gap: ","px;\n "])),Y[1])),ce(Fr,Ee.Small,g(Ir||(Ir=de(["\n gap: ","px;\n "])),Y[2])),ce(Fr,Ee.Default,g(zr||(zr=de(["\n gap: ","px;\n "])),Y[2])),ce(Fr,Ee.Large,g(Pr||(Pr=de(["\n gap: ","px;\n "])),Y[2])),Fr),Pt=function(e){var n=e.overflow,r=e.size,t=g(Tr||(Tr=de(["\n flex-grow: 1;\n width: 100%;\n "])));switch(n){case Ce.scrollX:return g(Wr||(Wr=de(["\n ","\n display: block;\n height: ","px;\n white-space: nowrap;\n overflow-x: scroll;\n scroll-behavior: smooth;\n scrollbar-width: none;\n line-height: 1;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n & > ."," {\n margin-inline: 2px;\n\n &:first-child {\n margin-inline-start: 0;\n }\n\n &:last-child {\n margin-inline-end: 0;\n }\n }\n "])),t,xt(r),Ze);case Ce.expandY:return g(Xr||(Xr=de(["\n ","\n display: flex;\n flex-wrap: wrap;\n gap: ","px;\n overflow-x: hidden;\n min-height: ","px;\n max-height: calc((","px) + (","px * 2));\n "])),t,4,xt(r),3*xt(r),4)}},Ft=g(Ar||(Ar=de(["\n font-family: ",";\n width: 100%;\n border: none;\n cursor: inherit;\n background-color: inherit;\n color: inherit;\n box-sizing: content-box;\n padding: 0;\n margin: 0;\n text-overflow: ellipsis;\n vertical-align: top;\n\n // Only add padding if there are chips\n &:not(:first-child) {\n padding-left: ","px;\n }\n\n &:placeholder-shown {\n min-width: 100%;\n }\n &:focus {\n outline: none;\n }\n"])),q.default,Y[1]),Tt=(ce(Hr={},z.Light,g(Rr||(Rr=de(["\n &::placeholder {\n color: ",";\n }\n "])),$.gray.dark1)),ce(Hr,z.Dark,g(Gr||(Gr=de(["\n &::placeholder {\n color: ",";\n }\n "])),$.gray.light1)),Hr),Wt=(ce(Yr={},z.Light,g(Zr||(Zr=de(["\n &::placeholder {\n color: ",";\n }\n "])),$.gray.dark1)),ce(Yr,z.Dark,g(Kr||(Kr=de(["\n &::placeholder {\n color: ",";\n }\n "])),$.gray.dark1)),Yr),Xt=function(e){return g(Vr||(Vr=de(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n"])),xt(e),Ye[e],Ke[e],Ye[e])},At=function(e){return g(qr||(qr=de(["\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")},Rt=function(e,n){var r,t=null!==(r=null==n?void 0:n.length)&&void 0!==r?r:0;return g(Br||(Br=de(["\n width: ","px;\n max-width: 100%;\n "])),t*Ye[e])},Gt=g(Ur||(Ur=de(["\n // Add a negative margin so the button takes up the same space as the regular icons\n margin-block: calc(","px - 100%);\n margin-inline: -6px;\n"])),Ct/2),Ht=g($r||($r=de(["\n height: ","px;\n width: ","px;\n"])),Ct,Ct),Zt=(ce(_r={},z.Light,g(Jr||(Jr=de(["\n color: ",";\n "])),$.red.base)),ce(_r,z.Dark,g(Qr||(Qr=de(["\n color: ",";\n "])),$.red.light1)),_r),Kt=function(e){return g(et||(et=de(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n"])),Ye[e],Ke[e],Et[e].y)},Yt=g(nt||(nt=de(["\n margin-bottom: ","px;\n display: flex;\n flex-direction: column;\n"])),Y[1]),Vt=g(rt||(rt=de(["\n font-size: ","px;\n line-height: ","px;\n"])),K.large.fontSize,K.large.lineHeight),qt=(ce(ot={},z.Light,g(tt||(tt=de(["\n ::after {\n box-shadow: 0px 0px 7px 5px ",";\n }\n "])),Q(.85,$.black))),ce(ot,z.Dark,g(at||(at=de(["\n ::after {\n width: 95%;\n box-shadow: 0px -7px 12px 5px rgb(0 0 0 / 50%);\n }\n "])))),ot),Bt=(ce(it={},z.Light,$.red.base),ce(it,z.Dark,$.red.light1),it),Ut=(ce(lt={},z.Light,$.gray.dark2),ce(lt,z.Dark,$.gray.light1),lt),$t=(ce(ct={},z.Light,$.gray.base),ce(ct,z.Dark,$.gray.dark1),ct),Jt=["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"],Qt=["className","glyph","disabled"];function _t(n){var r,m,g,v=n.children,y=n.label,k=n.description,N=n.placeholder,j=void 0===N?"Select":N,z=n["aria-label"],T=n.disabled,A=void 0!==T&&T,R=n.size,G=void 0===R?Ee.Default:R,H=n.darkMode,Z=n.state,K=void 0===Z?"none":Z,Y=n.errorMessage,V=n.searchState,q=void 0===V?"unset":V,B=n.searchEmptyMessage,U=void 0===B?"No results found":B,$=n.searchErrorMessage,J=void 0===$?"Could not get results!":$,Q=n.searchLoadingMessage,_=void 0===Q?"Loading results...":Q,ee=n.filteredOptions,ne=n.onFilter,re=n.clearable,te=void 0===re||re,ae=n.onClear,oe=n.overflow,de=void 0===oe?Ce.expandY:oe,fe=n.multiselect,he=void 0!==fe&&fe,me=n.initialValue,Se=n.onChange,Ne=n.value,Oe=n.chipTruncationLocation,De=n.chipCharacterLimit,Me=void 0===De?12:De,je=n.className,Ie=n.usePortal,ze=void 0===Ie||Ie,Pe=n.portalClassName,Fe=n.portalContainer,Te=n.scrollContainer,We=n.popoverZIndex,Xe=ue(n,Jt),Ae=M(H),Re=Ae.darkMode,Ge=Ae.theme,Ze=w({prefix:"option"}),Ke=w({prefix:"chip"}),Ye=x({prefix:"combobox-input"}),Ve=x({prefix:"combobox-label"}),qe=x({prefix:"combobox-menu"}),Ue=i(null),$e=i(null),Je=i(null),Qe=i(null),_e=i(null),en=pe(l(!1),2),nn=en[0],rn=en[1],tn=E(nn),an=pe(l(null),2),on=an[0],ln=an[1],cn=pe(l(null),2),sn=cn[0],un=cn[1],dn=E(sn),pn=pe(l(""),2),fn=pn[0],hn=pn[1],mn=E(fn),bn=pe(l(null),2),vn=bn[0],yn=bn[1],xn=pe(l(!1),2),kn=xn[0],wn=xn[1],En=!p(sn)&&(u(sn)&&sn.length>0||f(sn)),Cn=he&&u(sn)&&sn.length>0?void 0:j,Ln=function(){return rn(!1)},Sn=function(){return rn(!0)},Nn=a((function(){return lr(v)}),[v]),On=o((function(e){return!he||"string"!=typeof e&&"number"!=typeof e?!he&&u(e)&&F.error("Error in Combobox: multiselect is set to `false`, but received an Array value"):F.error("Error in Combobox: multiselect is set to `true`, but received a ".concat(le(e),' value: "').concat(e,'"')),he&&u(e)}),[he]),Dn=o((function(e){!A&&Qe&&Qe.current&&(Qe.current.focus(),h(e)||Qe.current.setSelectionRange(e,e))}),[A]),Mn=o((function(e){if(On(sn)){var n=c(sn);p(e)?n.length=0:sn.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),hn("")),un(n),null==Se||Se(n)}else{var r=e;un(r),null==Se||Se(r)}}),[On,Se,sn]),jn=o((function(e){return On(sn)?sn.includes(e):e===sn}),[On,sn]),zn=o((function(e){var n,r,t,a,o=(r=Nn,(n=e)?null!==(t=null===(a=r.find((function(e){return e.displayName===n})))||void 0===a?void 0:a.value)&&void 0!==t?t:n:"");return jn(o)}),[Nn,jn]),Pn=o((function(e){var n="string"==typeof e?e:e.value;return ee&&ee.length>0?ee.includes(n):!!zn(fn)||("string"==typeof e?sr(n,Nn):e.displayName).toLowerCase().includes(fn.toLowerCase())}),[ee,zn,fn,Nn]),Fn=a((function(){return Nn.filter(Pn)}),[Nn,Pn]),Tn=o((function(e){return!!e&&!!Nn.find((function(n){return n.value===e}))}),[Nn]),Wn=o((function(e){return Fn?Fn.findIndex((function(n){return n.value===e})):-1}),[Fn]),Xn=o((function(e){if(Fn&&Fn.length>=e){var n=Fn[e];return n?n.value:void 0}}),[Fn]),An=o((function(){return On(sn)?sn.findIndex((function(e){var n,r;return null===(n=Ke(e))||void 0===n||null===(r=n.current)||void 0===r?void 0:r.contains(document.activeElement)})):-1}),[Ke,On,sn]),Rn=pe(l(),2),Gn=Rn[0],Hn=Rn[1],Zn=o((function(e){var n,r=null!==(n=null==Fn?void 0:Fn.length)&&void 0!==n?n:0,t=r-1>0?r-1:0,a=Wn(on);switch(e&&nn&&(yn(null),Dn()),e){case"next":var o=Xn(a+1<r?a+1:0);ln(null!=o?o:null);break;case"prev":var i=Xn(a-1>=0?a-1:t);ln(null!=i?i:null);break;case"last":var l=Xn(t);ln(null!=l?l:null);break;default:var c=Xn(0);ln(null!=c?c:null)}}),[on,Wn,Xn,nn,Dn,null==Fn?void 0:Fn.length]),Kn=o((function(e,n){if(On(sn))switch(e){case"next":var r=null!=n?n:An(),t=r+1<sn.length?r+1:sn.length-1,a=sn[t];yn(a);break;case"prev":var o=null!=n?n:An(),i=o>0?o-1:o<0?sn.length-1:0,l=sn[i];yn(l);break;case"first":var c=sn[0];yn(c);break;case"last":var s=sn[sn.length-1];yn(s);break;default:yn(null)}}),[An,On,sn]),Yn=o((function(e,n){switch(e&&ln(null),e){case"right":switch(Gn){case ge:var r,t,a;if((null===(r=Qe.current)||void 0===r?void 0:r.selectionEnd)===(null===(t=Qe.current)||void 0===t?void 0:t.value.length))null===(a=$e.current)||void 0===a||a.focus();break;case ve:case xe:case ye:if(Gn===ye||1===(null==sn?void 0:sn.length)){Dn(0),Kn(null),n.preventDefault();break}Kn("next")}break;case"left":switch(Gn){case be:var o;n.preventDefault(),Dn(null==Qe||null===(o=Qe.current)||void 0===o?void 0:o.value.length);break;case ge:case xe:case ye:if(On(sn)){var i;if(Gn===ge&&0!==(null===(i=Qe.current)||void 0===i?void 0:i.selectionStart))break;Kn("prev")}}break;default:Kn(null)}}),[Gn,On,sn,Dn,Kn]);t((function(){fn!==mn&&Zn("first")}),[fn,nn,mn,Zn]),C(on?Ze(on):void 0,_e);var Vn=o((function(n){if(P(n,"ComboboxOption")){var r=ir(n.props),t=r.value,a=r.displayName;if(Pn(t)){var o=n.props,i=o.className,l=o.glyph,c=o.disabled,s=ue(o,Qt),u=Nn.findIndex((function(e){return e.value===t})),d=on===t,p=On(sn)?sn.includes(t):sn===t,f=Ze(t);return e.createElement(vt,se({},s,{value:t,displayName:a,isFocused:d,isSelected:p,disabled:c,setSelected:function(){ln(t),Mn(t),Dn(),t===sn&&Ln()},glyph:l,className:i,index:u,ref:f}))}}else if(P(n,"ComboboxGroup")){var h=e.Children.map(n.props.children,Vn);if(h&&(null==h?void 0:h.length)>0)return e.createElement(gn,{label:n.props.label,className:n.props.className},e.Children.map(h,Vn))}}),[Nn,Ze,on,On,sn,Dn,Pn,Mn]),qn=a((function(){return e.Children.map(v,Vn)}),[v,Vn]),Bn=a((function(){if(On(sn))return sn.filter(Tn).map((function(n,r){var t=sr(n,Nn),a=vn===n,o=Ke(n),i=r>=sn.length-1;return e.createElement(Be,{key:n,displayName:t,isFocused:a,onRemove:function(){i?(Dn(),Kn(null)):Kn("next",r),Mn(n)},onFocus:function(){yn(n)},ref:o})}))}),[On,sn,Tn,Nn,vn,Ke,Mn,Dn,Kn]),Un=a((function(){return Nn.some((function(e){return e.hasGlyph}))}),[Nn]),$n=o((function(){if(!On(sn)&&sn===dn){var e=Fn.find((function(e){return e.displayName===fn||e.value===fn}));if(e&&!Ne)un(e.value);else{var n,r=null!==(n=sr(sn,Nn))&&void 0!==n?n:"";hn(r)}}}),[Nn,fn,On,dn,sn,Ne,Fn]),Jn=o((function(){if(En){if(On(sn))dr(de);else if(!On(sn)){var e,n=null!==(e=sr(sn,Nn))&&void 0!==e?e:"";hn(n),Ln()}}else hn("")}),[En,Nn,On,sn,de]);t((function(){if(me)if(u(me)){var e,n=null!==(e=me.filter((function(e){return Tn(e)})))&&void 0!==e?e:[];un(n)}else Tn(me)&&un(me);else un(function(e){return e?[]:null}(he))}),[]),t((function(){if(!h(Ne)&&Ne!==mn)if(p(Ne))un(null);else if(On(Ne)){var e=Ne.filter(Tn);un(e)}else un(Tn(Ne)?Ne:null)}),[On,Tn,mn,Ne]),t((function(){d(sn,dn)||Jn()}),[Jn,dn,sn]),t((function(){!nn&&tn&&$n()}),[nn,tn,$n]);var Qn=pe(l(0),2),_n=Qn[0],er=Qn[1];t((function(){var e,n;er(null!==(e=null===(n=Ue.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)}),[Ue,nn,on,sn]);L(Ln,[_e,Ue],nn);var nr=On(sn)&&!!sn.length,rr=s((function(e){wn(or(e.target))}),50,{leading:!0}),tr=o((function(e){de===Ce.expandY&&rr(e)}),[rr,de]);t((function(){Je.current&&wn(or(Je.current))}),[]);var ar,ur=ie({popoverZIndex:We},ze?{usePortal:ze,portalClassName:Pe,portalContainer:Fe,scrollContainer:Te}:{usePortal:ze});return e.createElement(D,{darkMode:Re},e.createElement(He.Provider,{value:{multiselect:he,size:G,withIcons:Un,disabled:A,isOpen:nn,state:K,searchState:q,chipTruncationLocation:Oe,chipCharacterLimit:Me,inputValue:fn,overflow:de,popoverZIndex:We}},e.createElement("div",se({className:b(Lt(G),je)},Xe),(y||k)&&e.createElement("div",{className:Yt},y&&e.createElement(W,{id:Ve,htmlFor:Ye,darkMode:Re,disabled:A,className:b(ce({},Vt,G===Ee.Large))},y),k&&e.createElement(X,{darkMode:Re,disabled:A,className:b(ce({},Vt,G===Ee.Large))},k)),e.createElement("div",{ref:Ue,role:"combobox","aria-expanded":nn,"aria-controls":qe,"aria-owns":qe,tabIndex:-1,onMouseDown:function(e){A&&e.preventDefault()},onClick:function(e){if(e.target!==Qe.current){var n=0;if(Qe.current)n=e.nativeEvent.offsetX>Qe.current.offsetLeft+Qe.current.clientWidth?fn.length:0;Dn(n)}Sn()},onFocus:function(e){dr(de),Hn(function(e){var n,r,t,a;if(!e)return;if(null!==(n=Qe.current)&&void 0!==n&&n.contains(e))return ge;if(null!==(r=$e.current)&&void 0!==r&&r.contains(e))return be;var o=On(sn)?sn.findIndex((function(n){var r,t;return null===(r=Ke(n))||void 0===r||null===(t=r.current)||void 0===t?void 0:t.contains(e)})):-1;if(On(sn)){if(0===o)return ve;if(o===sn.length-1)return ye;if(o>0)return xe}if(null!==(t=_e.current)&&void 0!==t&&t.contains(e))return we;if(null!==(a=Ue.current)&&void 0!==a&&a.contains(e))return ke}(e.target))},onKeyDown:function(e){var n,r,t=null===(n=_e.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(r=Ue.current)||void 0===r?void 0:r.contains(document.activeElement))||t){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.key){case I.Tab:switch(Gn){case"Input":En||(Ln(),Zn("first"),Kn(null));break;case"LastChip":Kn(null)}break;case I.Escape:Ln(),Zn("first");break;case I.Enter:Gn!==ge||p(on)||function(e){if("string"==typeof e){var n=cr(e,Nn);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(on)?Gn===be&&(Mn(null),Dn()):Mn(on);break;case I.Backspace:var a;if(On(sn))"Input"===Gn&&0===(null===(a=Qe.current)||void 0===a?void 0:a.selectionStart)&&Kn("last");Sn();break;case I.ArrowDown:nn?(e.preventDefault(),Zn("next")):Sn();break;case I.ArrowUp:nn?(e.preventDefault(),Zn("prev")):Sn();break;case I.ArrowRight:Yn("right",e);break;case I.ArrowLeft:Yn("left",e);break;default:nn||Sn()}}},onTransitionEnd:function(){var e,n;er(null!==(e=null===(n=Ue.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:b(St,Nt[Ge],Ot(G,nr),(r={},ce(r,Dt[Ge],A),ce(r,Mt[Ge],K===Le.error),ce(r,jt[Ge],(ar=ge,ar===Gn)),ce(r,qt[Ge],kn),r))},e.createElement("div",{onScroll:tr,ref:Je,className:Pt({size:G,overflow:de})},Bn,e.createElement("input",{"aria-label":null!=z?z:y,"aria-autocomplete":"list","aria-controls":qe,"aria-labelledby":Ve,ref:Qe,id:Ye,className:b(Ft,Xt(G),Tt[Ge],At(nn),(m={},ce(m,Rt(G,fn),On(sn)),ce(m,Wt[Ge],A),m)),placeholder:Cn,disabled:null!=A?A:void 0,onChange:function(e){var n=e.target.value;hn(n),null==ne||ne(n)},value:fn,autoComplete:"off"})),e.createElement("div",{className:b(It,zt[G])},"error"===K&&e.createElement(S,{glyph:"Warning",fill:Bt[Ge],className:Ht}),te&&En&&!A&&e.createElement(O,{"aria-label":"Clear selection","aria-disabled":A,disabled:A,ref:$e,onClick:function(e){A||(e.stopPropagation(),Mn(null),null==ae||ae(e),null==ne||ne(""),Dn())},onFocus:function(){ln(null)},className:b(Gt),darkMode:Re},e.createElement(S,{glyph:"XWithCircle"})),e.createElement(S,{glyph:"CaretDown",className:Ht,fill:b((g={},ce(g,Ut[Ge],!A),ce(g,$t[Ge],A),g))}))),"error"===K&&Y&&e.createElement("div",{className:b(Zt[Ge],Kt(G))},Y),e.createElement(In,se({id:qe,labelId:Ve,refEl:Ue,ref:_e,menuWidth:_n,searchLoadingMessage:_,searchErrorMessage:J,searchEmptyMessage:U},ur),qn))));function dr(e){Je&&Je.current&&(e===Ce.scrollX&&(Je.current.scrollLeft=Je.current.scrollWidth),e===Ce.expandY&&(Je.current.scrollTop=Je.current.scrollHeight))}}_t.propTypes={multiselect:m.bool,value:m.oneOfType([m.string,m.arrayOf(m.string)]),initialValue:m.oneOfType([m.string,m.arrayOf(m.string)]),overflow:m.oneOf(Object.values(Ce)),darkMode:m.bool,label:m.string,"aria-label":m.string,children:m.node,onChange:m.func,chipCharacterLimit:m.number,chipTruncationLocation:m.oneOf(Object.values(R)),onClear:m.func,onFilter:m.func,clearable:m.bool,searchLoadingMessage:m.string,searchErrorMessage:m.string,searchEmptyMessage:m.string,searchState:m.oneOf(Object.values(Se)),errorMessage:m.string,state:m.oneOf(Object.values(Le)),size:m.oneOf(Object.values(Ee)),disabled:m.bool,description:m.string,placeholder:m.string,filteredOptions:m.arrayOf(m.string),popoverZIndex:m.number,usePortal:m.bool,scrollContainer:m.elementType,portalContainer:m.elementType,portalClassName:m.string};export{_t as Combobox,bn as ComboboxGroup,yt as ComboboxOption};
1
+ import e,{createContext as n,useContext as r,useEffect as t,useMemo as a,useCallback as o,useRef as i,useState as l}from"react";import c from"lodash/clone";import s from"lodash/debounce";import u from"lodash/isArray";import d from"lodash/isEqual";import p from"lodash/isNull";import f from"lodash/isString";import h from"lodash/isUndefined";import m from"prop-types";import{css as g,cx as b,keyframes as v}from"@leafygreen-ui/emotion";import{useForwardedRef as y,useIdAllocator as x,useAvailableSpace as k,useDynamicRefs as w,usePrevious as E,useAutoScroll as C,useBackdropClick as L}from"@leafygreen-ui/hooks";import S,{isComponentGlyph as N}from"@leafygreen-ui/icon";import O from"@leafygreen-ui/icon-button";import D,{useDarkMode as M}from"@leafygreen-ui/leafygreen-provider";import{createUniqueClassName as j,keyMap as I,Theme as z,isComponentType as T,consoleOnce as P}from"@leafygreen-ui/lib";import{Error as A,Label as F,Description as W}from"@leafygreen-ui/typography";import{chipTextClassName as X,TruncationLocation as R,Chip as G,BaseFontSize as H,Variant as Z}from"@leafygreen-ui/chip";import{typeScales as K,spacing as Y,fontWeights as V,fontFamilies as q,transitionDuration as B,focusRing as U}from"@leafygreen-ui/tokens";import{palette as $}from"@leafygreen-ui/palette";import J from"@leafygreen-ui/popover";import{transparentize as Q}from"polished";import{leftGlyphClassName as _,InputOption as ee,InputOptionContent as ne}from"@leafygreen-ui/input-option";import re from"lodash/kebabCase";import te from"lodash/escapeRegExp";import ae from"@leafygreen-ui/checkbox";function oe(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 ie(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?oe(Object(r),!0).forEach((function(n){ce(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):oe(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function le(e){return le="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},le(e)}function ce(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function se(){return se=Object.assign?Object.assign.bind():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},se.apply(this,arguments)}function ue(e,n){if(null==e)return{};var r,t,a=function(e,n){if(null==e)return{};var r,t,a={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||(a[r]=e[r]);return a}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function de(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function pe(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){var t,a,o,i,l=[],c=!0,s=!1;try{if(o=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;c=!1}else for(;!(c=(t=o.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(e,n)||he(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 fe(e){return function(e){if(Array.isArray(e))return me(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||he(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 he(e,n){if(e){if("string"==typeof e)return me(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)?me(e,n):void 0}}function me(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 ge="Input",be="ClearButton",ve="FirstChip",ye="LastChip",xe="MiddleChip",ke="Combobox",we="Menu",Ee={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},Ce={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},Le={none:"none",error:"error"},Se={unset:"unset",error:"error",loading:"loading"};var Ne,Oe,De,Me,je,Ie,ze,Te,Pe,Ae,Fe,We,Xe,Re,Ge,He=n({multiselect:!1,size:Ee.Default,withIcons:!1,disabled:!1,isOpen:!1,state:Le.none,searchState:Se.unset,overflow:Ce.expandY}),Ze=j("combobox-chip"),Ke=(ce(Ne={},Ee.XSmall,16),ce(Ne,Ee.Small,K.body1.lineHeight),ce(Ne,Ee.Default,K.body1.lineHeight),ce(Ne,Ee.Large,K.body2.lineHeight),Ne),Ye=(ce(Oe={},Ee.XSmall,K.body1.fontSize),ce(Oe,Ee.Small,K.body1.fontSize),ce(Oe,Ee.Default,K.body1.fontSize),ce(Oe,Ee.Large,K.body2.fontSize),Oe),Ve=(ce(De={},Ee.XSmall,1),ce(De,Ee.Small,0),ce(De,Ee.Default,2),ce(De,Ee.Large,4),De),qe=(ce(Te={},Ee.XSmall,g(Me||(Me=de(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Ye[Ee.XSmall],Ke[Ee.XSmall],X,Ve[Ee.XSmall])),ce(Te,Ee.Small,g(je||(je=de(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Ye[Ee.Small],Ke[Ee.Small],X,Ve[Ee.Small])),ce(Te,Ee.Default,g(Ie||(Ie=de(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Ye[Ee.Default],Ke[Ee.Default],X,Ve[Ee.Default])),ce(Te,Ee.Large,g(ze||(ze=de(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-inline-end: 10px;\n padding-block: ","px;\n }\n "])),Ye[Ee.Large],Ke[Ee.Large],X,Ve[Ee.Large])),Te),Be=e.forwardRef((function(n,a){var o,i=n.displayName,l=n.isFocused,c=n.onRemove,s=n.onFocus,u=r(He),d=u.size,p=u.disabled,f=u.overflow,h=u.chipTruncationLocation,m=void 0===h?R.End:h,g=u.chipCharacterLimit,v=void 0===g?12:g,x=u.popoverZIndex,k=f===Ce.scrollX?R.None:m,w=y(a,null),E=null===(o=w.current)||void 0===o?void 0:o.querySelector("button");t((function(){l&&!p&&(null==E||E.focus())}),[p,E,l]);return e.createElement(G,{label:i,className:b(Ze,qe[d]),role:"option","aria-selected":l,"data-testid":"lg-combobox-chip",onClick:function(e){null!=E&&E.contains(e.target)||s()},onKeyDown:function(e){p||e.key!==I.Delete&&e.key!==I.Backspace&&e.key!==I.Enter&&e.key!==I.Space||c()},onDismiss:function(){p||c()},baseFontSize:H.Body1,chipCharacterLimit:v,chipTruncationLocation:k,popoverZIndex:x,variant:Z.Gray,ref:w,disabled:p,tabIndex:-1})}));Be.displayName="ComboboxChip";var Ue,$e,Je,Qe,_e,en,nn,rn,tn,an,on,ln,cn,sn,un,dn,pn,fn=(ce(Fe={},z.Light,g(Pe||(Pe=de(["\n padding-top: ","px;\n "])),Y[2])),ce(Fe,z.Dark,g(Ae||(Ae=de(["\n padding-top: ","px;\n "])),Y[2])),Fe),hn=g(We||(We=de(["\n cursor: default;\n width: 100%;\n padding: 0 12px 2px;\n outline: none;\n overflow-wrap: anywhere;\n font-size: 12px;\n line-height: 16px;\n font-weight: ",";\n text-transform: uppercase;\n letter-spacing: 0.4px;\n"])),V.bold),mn=(ce(Ge={},z.Light,g(Xe||(Xe=de(["\n color: ",";\n "])),$.gray.dark1)),ce(Ge,z.Dark,g(Re||(Re=de(["\n color: ",";\n "])),$.gray.light1)),Ge);function gn(n){var r=n.label,t=n.className,a=n.children,o=M().theme,i=x({prefix:"combobox-group"});return e.Children.count(a)>0?e.createElement("div",{className:b(fn[o],t)},e.createElement("div",{className:b(hn,mn[o]),id:i},r),e.createElement("div",{role:"group","aria-labelledby":i},a)):e.createElement(e.Fragment,null)}function bn(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}bn.displayName="ComboboxGroup",bn.propTypes={className:m.string,children:m.node.isRequired,label:m.string.isRequired};var vn,yn=(ce(Ue={},Ee.XSmall,{x:12,y:8}),ce(Ue,Ee.Small,{x:12,y:8}),ce(Ue,Ee.Default,{x:12,y:8}),ce(Ue,Ee.Large,{x:12,y:8}),Ue),xn=function(e){return Ke[e]+2*yn[e].y},kn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return g($e||($e=de(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),e)},wn=(ce(_e={},z.Light,g(Je||(Je=de(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),Q(.85,$.black),$.gray.light2)),ce(_e,z.Dark,g(Qe||(Qe=de(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),Q(.85,$.black),$.gray.dark2)),_e),En=g(en||(en=de(["\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"])),Y[2],q.default),Cn=(ce(tn={},z.Light,g(nn||(nn=de(["\n color: ",";\n background-color: ",";\n "])),$.black,$.white)),ce(tn,z.Dark,g(rn||(rn=de(["\n color: ",";\n background-color: ",";\n "])),$.gray.light1,$.gray.dark3)),tn),Ln=g(an||(an=de(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),Sn=g(on||(on=de(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),Nn=(ce(sn={},z.Light,g(ln||(ln=de(["\n color: ",";\n "])),$.gray.dark3)),ce(sn,z.Dark,g(cn||(cn=de(["\n color: ",";\n "])),$.gray.light3)),sn),On=function(e){return g(un||(un=de(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px ","px;\n"])),Ye[e],Ke[e],yn[e].y,yn[e].x)},Dn=v(dn||(dn=de(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),Mn=g(pn||(pn=de(["\n animation: "," 1.5s linear infinite;\n"])),Dn),jn=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],In=e.forwardRef((function(n,t){var o=n.children,i=n.id,l=n.refEl,c=n.labelId,s=n.menuWidth,u=n.searchLoadingMessage,d=n.searchErrorMessage,p=n.searchEmptyMessage,f=ue(n,jn),m=M(),v=m.darkMode,x=m.theme,w=r(He),E=w.disabled,C=w.size,L=w.isOpen,N=w.searchState,O=y(t,null),D=k(l),j=h(D)?"unset":"".concat(Math.min(D,256),"px"),I=a((function(){var n=b(Sn,Nn[x],On(C)),r=b(Sn,On(C));switch(N){case"loading":return e.createElement("span",{className:n},e.createElement(S,{glyph:"Refresh",color:v?$.blue.light1:$.blue.base,className:Mn}),u);case"error":return e.createElement(A,{className:r},e.createElement(S,{glyph:"Warning",color:v?$.red.light1:$.red.base}),e.createElement("span",null,d));default:return o&&"object"===le(o)&&"length"in o&&o.length>0?e.createElement("ul",{className:Ln},o):e.createElement("span",{className:n},p)}}),[x,C,N,v,u,d,o,p]);return e.createElement(J,se({active:L&&!E,spacing:4,align:"bottom",justify:"middle",refEl:l,adjustOnMutation:!0,className:b(kn(s),wn[x])},f),e.createElement("div",{ref:O,id:i,role:"listbox","aria-labelledby":c,"aria-expanded":L,className:b(En,Cn[x],g(vn||(vn=de(["\n max-height: ",";\n "])),j)),onMouseDownCapture:function(e){return e.preventDefault()}},I))}));In.displayName="ComboboxMenu";var zn,Tn,Pn,An,Fn,Wn,Xn,Rn,Gn,Hn,Zn,Kn,Yn,Vn,qn,Bn,Un,$n,Jn,Qn,_n,er,nr,rr,tr,ar,or=function(e){var n=e.scrollHeight;return e.scrollTop<n-e.clientHeight},ir=function(e){var n,r=e.value,t=e.displayName;return{value:null!=r?r:re(t),displayName:null!==(n=null!=t?t:r)&&void 0!==n?n:""}},lr=function n(r){return e.Children.toArray(r).reduce((function(e,r){if(T(r,"ComboboxOption")){var t=ir(r.props),a=t.value,o=t.displayName,i=r.props,l=i.glyph,c=i.disabled;return[].concat(fe(e),[{value:a,displayName:o,isDisabled:!!c,hasGlyph:!!l}])}if(T(r,"ComboboxGroup")){var s=r.props.children;if(s)return[].concat(fe(e),fe(n(s)))}}),[])},cr=function(e,n){if(e)return n.find((function(n){return n.value===e}))},sr=function(e,n){var r,t;return e?null!==(r=null===(t=cr(e,n))||void 0===t?void 0:t.displayName)&&void 0!==r?r:e:""},ur=function(e){return g(zn||(zn=de(["\n font-size: ","px;\n line-height: ","px;\n min-height: ","px;\n padding: ","px ","px;\n gap: ","px;\n\n &:before {\n max-height: ","px;\n }\n"])),Ye[e],Ke[e],xn(e),yn[e].y,yn[e].x,Y[1],xn(e))},dr=(ce(Wn={},Ee.XSmall,g(Tn||(Tn=de(["\n min-width: ","px;\n "])),Y[3])),ce(Wn,Ee.Small,g(Pn||(Pn=de(["\n min-width: ","px;\n "])),Y[3])),ce(Wn,Ee.Default,g(An||(An=de(["\n min-width: ","px;\n "])),Y[3])),ce(Wn,Ee.Large,g(Fn||(Fn=de(["\n min-width: ","px;\n "])),Y[4])),Wn),pr=g(Xn||(Xn=de(["\n pointer-events: none;\n gap: 0;\n\n label {\n gap: 0;\n align-items: center;\n }\n"])));g(Rn||(Rn=de(["\n pointer-events: none;\n"])));var fr=function(e){return g(Gn||(Gn=de(["\n font-weight: ",";\n"])),e?V.bold:V.regular)},hr=(ce(Kn={},z.Light,g(Hn||(Hn=de(["\n color: ",";\n "])),$.gray.dark1)),ce(Kn,z.Dark,g(Zn||(Zn=de(["\n color: ",";\n "])),$.gray.base)),Kn),mr=(ce(qn={},z.Light,g(Yn||(Yn=de(["\n color: ",";\n "])),$.blue.dark1)),ce(qn,z.Dark,g(Vn||(Vn=de(["\n color: ",";\n "])),$.blue.light3)),qn),gr=(ce($n={},z.Light,g(Bn||(Bn=de(["\n color: ",";\n "])),$.gray.light1)),ce($n,z.Dark,g(Un||(Un=de(["\n color: ",";\n "])),$.gray.dark1)),$n),br=(ce(_n={},z.Light,g(Jn||(Jn=de(["\n color: ",";\n "])),$.blue.base)),ce(_n,z.Dark,g(Qn||(Qn=de(["\n color: ",";\n "])),$.blue.light1)),_n),vr=(ce(rr={},z.Light,g(er||(er=de(["\n color: ",";\n "])),$.gray.light1)),ce(rr,z.Dark,g(nr||(nr=de(["\n color: ",";\n "])),$.gray.dark1)),rr),yr=g(tr||(tr=de(["\n ."," {\n align-self: baseline;\n }\n"])),_),xr=g(ar||(ar=de(["\n ."," {\n height: 28px;\n }\n"])),_),kr=["glyph","isSelected","displayName","isFocused","setSelected","className","description","value","onClick","disabled"],wr=e.forwardRef((function(n,t){var i,l=n.glyph,c=n.isSelected,s=n.displayName,u=n.isFocused,d=n.setSelected,p=n.className,f=n.description,h=n.value,m=n.onClick,g=n.disabled,v=void 0!==g&&g,k=ue(n,kr),w=M(),E=w.darkMode,C=w.theme,L=r(He),O=L.multiselect,D=L.size,j=L.withIcons,I=L.inputValue,z=y(t,null),T=x({prefix:"combobox-option-text"}),P=o((function(e){e.stopPropagation(),v||(d(),null==m||m(e,h))}),[v,m,d,h]),A=a((function(){return function(n){var r,t=n.withIcons,a=n.isSelected,o=n.glyph,i=n.optionTextId,l=n.disabled,c=n.darkMode,s=n.size,u=n.multiselect,d=n.theme,p=n.isFocused;o&&!N(o)&&console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",o);var f=o&&N(o)?e.cloneElement(o,ie(ie({},o.props),{},{className:b(hr[d],(r={},ce(r,mr[d],p),ce(r,gr[d],l),r),o.props.className)})):e.createElement(e.Fragment,null),h=e.createElement(ae,{"aria-labelledby":i,checked:a,tabIndex:-1,disabled:l,darkMode:c,className:pr}),m=e.createElement(S,{glyph:"Checkmark",className:b(dr[s],br[d],ce({},vr[d],l))});return{leftGlyph:u?t?f:h:t?f:a?m:null,rightGlyph:u?t&&h:t&&a&&m}}({withIcons:j,isSelected:c,glyph:l,theme:C,darkMode:E,size:D,disabled:v,multiselect:O,optionTextId:T,isFocused:u})}),[E,v,l,c,O,T,D,C,j,u]),F=A.leftGlyph,W=A.rightGlyph,X=O&&!j;return e.createElement(ee,se({},k,{as:"li",ref:z,highlighted:u,disabled:v,"aria-label":s,darkMode:E,className:b(ur(D),(i={},ce(i,yr,X),ce(i,xr,X&&D===Ee.Large),i),p),onClick:P,onKeyDown:P}),e.createElement(ne,{leftGlyph:F,rightGlyph:W,description:f},e.createElement("span",{id:T,className:fr(c)},function(n,r,t){if(r&&t){var a=te(r),o=new RegExp(a,"gi"),i=n.matchAll(o);if(i){for(var l=n.split(""),c=0,s=Array.from(i);c<s.length;c++){var u,d=s[c],p=null!==(u=d.index)&&void 0!==u?u:-1,f=d[0],h=f.length,m=p+f+h,g=new Array(h).fill("");g[0]=e.createElement(t,{key:m},f),l.splice.apply(l,[p,h].concat(fe(g)))}return e.createElement(e.Fragment,null,l)}return e.createElement(e.Fragment,null,n)}return e.createElement(e.Fragment,null,n)}(s,I,"strong"))))}));function Er(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}wr.displayName="ComboboxOption",Er.displayName="ComboboxOption",Er.propTypes={displayName:m.string,value:m.string,glyph:m.node,disabled:m.bool,className:m.string,description:m.string,onClick:m.func};var Cr,Lr,Sr,Nr,Or,Dr,Mr,jr,Ir,zr,Tr,Pr,Ar,Fr,Wr,Xr,Rr,Gr,Hr,Zr,Kr,Yr,Vr,qr,Br,Ur,$r,Jr,Qr,_r,et,nt,rt,tt,at,ot,it,lt,ct,st,ut,dt,pt,ft,ht,mt,gt,bt,vt,yt,xt=function(e){return Ke[e]+2*Ve[e]},kt=(ce(Cr={},Ee.XSmall,22),ce(Cr,Ee.Small,28),ce(Cr,Ee.Default,36),ce(Cr,Ee.Large,48),Cr),wt=function(e){return(kt[e]-xt(e)-2)/2},Et=(ce(Lr={},Ee.XSmall,{y:wt(Ee.XSmall),xLeftWithChip:1,xLeftWithoutChip:10,xRight:4}),ce(Lr,Ee.Small,{y:wt(Ee.Small),xLeftWithChip:4,xLeftWithoutChip:10,xRight:8}),ce(Lr,Ee.Default,{y:wt(Ee.Default),xLeftWithChip:6,xLeftWithoutChip:12,xRight:12}),ce(Lr,Ee.Large,{y:wt(Ee.Large),xLeftWithChip:Y[2]-1,xLeftWithoutChip:Y[2]-1,xRight:Y[2]-1}),Lr),Ct=Y[3],Lt=function(e){return g(Sr||(Sr=de(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),q.default,Ye[e]+2*Et[e].xLeftWithChip+Ct+2)},St=g(Nr||(Nr=de(["\n display: flex;\n align-items: center;\n gap: ","px;\n cursor: text;\n transition: ","ms ease-in-out;\n transition-property: background-color, box-shadow, border-color;\n border: 1px solid;\n width: 100%;\n max-width: 100%;\n border-radius: 6px;\n position: relative;\n overflow: hidden;\n\n // Overflow shadow\n ::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 20px;\n bottom: -21px;\n left: 50%;\n translate: -50% 0%;\n border-radius: 20%;\n box-shadow: 0 0 0 0 rgb(255 255 255 / 0%);\n transition: ","ms linear;\n transition-property: box-shadow;\n }\n"])),Y[2],B.default,B.default),Nt=(ce(Mr={},z.Light,g(Or||(Or=de(["\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),$.gray.dark3,$.white,$.gray.base)),ce(Mr,z.Dark,g(Dr||(Dr=de(["\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),$.gray.light2,$.gray.dark4,$.gray.base)),Mr),Ot=function(e,n){return g(jr||(jr=de(["\n padding-top: ","px;\n padding-bottom: ","px;\n padding-left: ",";\n padding-right: ","px;\n"])),Et[e].y,Et[e].y,"".concat(n?Et[e].xLeftWithChip:Et[e].xLeftWithoutChip,"px"),Et[e].xRight)},Dt=(ce(Tr={},z.Light,g(Ir||(Ir=de(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),$.gray.dark1,$.gray.light2,$.gray.light1)),ce(Tr,z.Dark,g(zr||(zr=de(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),$.gray.dark1,$.gray.dark3,$.gray.dark2)),Tr),Mt=(ce(Fr={},z.Light,g(Pr||(Pr=de(["\n border-color: ",";\n "])),$.red.base)),ce(Fr,z.Dark,g(Ar||(Ar=de(["\n border-color: ",";\n "])),$.red.light1)),Fr),jt=(ce(Rr={},z.Light,g(Wr||(Wr=de(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),U[z.Light].input)),ce(Rr,z.Dark,g(Xr||(Xr=de(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),U[z.Dark].input)),Rr),It=g(Gr||(Gr=de(["\n display: flex;\n align-items: center;\n"]))),zt=(ce(Vr={},Ee.XSmall,g(Hr||(Hr=de(["\n gap: ","px;\n "])),Y[1])),ce(Vr,Ee.Small,g(Zr||(Zr=de(["\n gap: ","px;\n "])),Y[2])),ce(Vr,Ee.Default,g(Kr||(Kr=de(["\n gap: ","px;\n "])),Y[2])),ce(Vr,Ee.Large,g(Yr||(Yr=de(["\n gap: ","px;\n "])),Y[2])),Vr),Tt=function(e){var n=e.overflow,r=e.size,t=g(qr||(qr=de(["\n flex-grow: 1;\n width: 100%;\n "])));switch(n){case Ce.scrollX:return g(Br||(Br=de(["\n ","\n display: block;\n height: ","px;\n white-space: nowrap;\n overflow-x: scroll;\n scroll-behavior: smooth;\n scrollbar-width: none;\n line-height: 1;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n & > ."," {\n margin-inline: 2px;\n\n &:first-child {\n margin-inline-start: 0;\n }\n\n &:last-child {\n margin-inline-end: 0;\n }\n }\n "])),t,xt(r),Ze);case Ce.expandY:return g(Ur||(Ur=de(["\n ","\n display: flex;\n flex-wrap: wrap;\n gap: ","px;\n overflow-x: hidden;\n min-height: ","px;\n max-height: calc((","px) + (","px * 2));\n "])),t,4,xt(r),3*xt(r),4)}},Pt=g($r||($r=de(["\n font-family: ",";\n width: 100%;\n border: none;\n cursor: inherit;\n background-color: inherit;\n color: inherit;\n box-sizing: content-box;\n padding: 0;\n margin: 0;\n text-overflow: ellipsis;\n vertical-align: top;\n\n // Only add padding if there are chips\n &:not(:first-child) {\n padding-left: ","px;\n }\n\n &:placeholder-shown {\n min-width: 100%;\n }\n &:focus {\n outline: none;\n }\n"])),q.default,Y[1]),At=(ce(_r={},z.Light,g(Jr||(Jr=de(["\n &::placeholder {\n color: ",";\n }\n "])),$.gray.dark1)),ce(_r,z.Dark,g(Qr||(Qr=de(["\n &::placeholder {\n color: ",";\n }\n "])),$.gray.light1)),_r),Ft=(ce(rt={},z.Light,g(et||(et=de(["\n &::placeholder {\n color: ",";\n }\n "])),$.gray.dark1)),ce(rt,z.Dark,g(nt||(nt=de(["\n &::placeholder {\n color: ",";\n }\n "])),$.gray.dark1)),rt),Wt=function(e){return g(tt||(tt=de(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n"])),xt(e),Ye[e],Ke[e],Ye[e])},Xt=function(e){return g(at||(at=de(["\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")},Rt=function(e,n){var r,t=null!==(r=null==n?void 0:n.length)&&void 0!==r?r:0;return g(ot||(ot=de(["\n width: ","px;\n max-width: 100%;\n "])),t*Ye[e])},Gt=g(it||(it=de(["\n // Add a negative margin so the button takes up the same space as the regular icons\n margin-block: calc(","px - 100%);\n margin-inline: -6px;\n"])),Ct/2),Ht=g(lt||(lt=de(["\n height: ","px;\n width: ","px;\n"])),Ct,Ct),Zt=(ce(ut={},z.Light,g(ct||(ct=de(["\n color: ",";\n "])),$.red.base)),ce(ut,z.Dark,g(st||(st=de(["\n color: ",";\n "])),$.red.light1)),ut),Kt=function(e){return g(dt||(dt=de(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n"])),Ye[e],Ke[e],Et[e].y)},Yt=g(pt||(pt=de(["\n margin-bottom: ","px;\n display: flex;\n flex-direction: column;\n"])),Y[1]),Vt=g(ft||(ft=de(["\n font-size: ","px;\n line-height: ","px;\n"])),K.large.fontSize,K.large.lineHeight),qt=(ce(gt={},z.Light,g(ht||(ht=de(["\n ::after {\n box-shadow: 0px 0px 7px 5px ",";\n }\n "])),Q(.85,$.black))),ce(gt,z.Dark,g(mt||(mt=de(["\n ::after {\n width: 95%;\n box-shadow: 0px -7px 12px 5px rgb(0 0 0 / 50%);\n }\n "])))),gt),Bt=(ce(bt={},z.Light,$.red.base),ce(bt,z.Dark,$.red.light1),bt),Ut=(ce(vt={},z.Light,$.gray.dark2),ce(vt,z.Dark,$.gray.light1),vt),$t=(ce(yt={},z.Light,$.gray.base),ce(yt,z.Dark,$.gray.dark1),yt),Jt=["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"],Qt=["className","glyph","disabled"];function _t(n){var r,m,g,v=n.children,y=n.label,k=n.description,N=n.placeholder,j=void 0===N?"Select":N,z=n["aria-label"],A=n.disabled,X=void 0!==A&&A,R=n.size,G=void 0===R?Ee.Default:R,H=n.darkMode,Z=n.state,K=void 0===Z?"none":Z,Y=n.errorMessage,V=n.searchState,q=void 0===V?"unset":V,B=n.searchEmptyMessage,U=void 0===B?"No results found":B,$=n.searchErrorMessage,J=void 0===$?"Could not get results!":$,Q=n.searchLoadingMessage,_=void 0===Q?"Loading results...":Q,ee=n.filteredOptions,ne=n.onFilter,re=n.clearable,te=void 0===re||re,ae=n.onClear,oe=n.overflow,de=void 0===oe?Ce.expandY:oe,fe=n.multiselect,he=void 0!==fe&&fe,me=n.initialValue,Se=n.onChange,Ne=n.value,Oe=n.chipTruncationLocation,De=n.chipCharacterLimit,Me=void 0===De?12:De,je=n.className,Ie=n.usePortal,ze=void 0===Ie||Ie,Te=n.portalClassName,Pe=n.portalContainer,Ae=n.scrollContainer,Fe=n.popoverZIndex,We=ue(n,Jt),Xe=M(H),Re=Xe.darkMode,Ge=Xe.theme,Ze=w({prefix:"option"}),Ke=w({prefix:"chip"}),Ye=x({prefix:"combobox-input"}),Ve=x({prefix:"combobox-label"}),qe=x({prefix:"combobox-menu"}),Ue=i(null),$e=i(null),Je=i(null),Qe=i(null),_e=i(null),en=pe(l(!1),2),nn=en[0],rn=en[1],tn=E(nn),an=pe(l(null),2),on=an[0],ln=an[1],cn=pe(l(null),2),sn=cn[0],un=cn[1],dn=E(sn),pn=pe(l(""),2),fn=pn[0],hn=pn[1],mn=E(fn),bn=pe(l(null),2),vn=bn[0],yn=bn[1],xn=pe(l(!1),2),kn=xn[0],wn=xn[1],En=!p(sn)&&(u(sn)&&sn.length>0||f(sn)),Cn=he&&u(sn)&&sn.length>0?void 0:j,Ln=function(){return rn(!1)},Sn=function(){return rn(!0)},Nn=a((function(){return lr(v)}),[v]),On=o((function(e){return!he||"string"!=typeof e&&"number"!=typeof e?!he&&u(e)&&P.error("Error in Combobox: multiselect is set to `false`, but received an Array value"):P.error("Error in Combobox: multiselect is set to `true`, but received a ".concat(le(e),' value: "').concat(e,'"')),he&&u(e)}),[he]),Dn=o((function(e){!X&&Qe&&Qe.current&&(Qe.current.focus(),h(e)||Qe.current.setSelectionRange(e,e))}),[X]),Mn=o((function(e){if(On(sn)){var n=c(sn),r=Se,t={diffType:"delete",value:null!=e?e:sn};p(e)?n.length=0:sn.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),t.diffType="insert",hn("")),un(n),null==r||r(n,t)}else{var a=e,o=Se;un(a),null==o||o(a)}}),[On,Se,sn]),jn=o((function(e){var n,r,t,a;return function(e,n){return Array.isArray(n)?n.includes(e):e===n}((r=Nn,(n=e)?null!==(t=null===(a=r.find((function(e){return e.displayName===n})))||void 0===a?void 0:a.value)&&void 0!==t?t:n:""),sn)}),[Nn,sn]),zn=o((function(e){var n="string"==typeof e?e:e.value;return ee&&ee.length>0?ee.includes(n):!!jn(fn)||("string"==typeof e?sr(n,Nn):e.displayName).toLowerCase().includes(fn.toLowerCase())}),[ee,jn,fn,Nn]),Tn=a((function(){return Nn.filter(zn)}),[Nn,zn]),Pn=o((function(e){return!!e&&!!Nn.find((function(n){return n.value===e}))}),[Nn]),An=o((function(e){return Tn?Tn.findIndex((function(n){return n.value===e})):-1}),[Tn]),Fn=o((function(e){if(Tn&&Tn.length>=e){var n=Tn[e];return n?n.value:void 0}}),[Tn]),Wn=o((function(){return On(sn)?sn.findIndex((function(e){var n,r;return null===(n=Ke(e))||void 0===n||null===(r=n.current)||void 0===r?void 0:r.contains(document.activeElement)})):-1}),[Ke,On,sn]),Xn=pe(l(),2),Rn=Xn[0],Gn=Xn[1],Hn=o((function(e){var n,r=null!==(n=null==Tn?void 0:Tn.length)&&void 0!==n?n:0,t=r-1>0?r-1:0,a=An(on);switch(e&&nn&&(yn(null),Dn()),e){case"next":var o=Fn(a+1<r?a+1:0);ln(null!=o?o:null);break;case"prev":var i=Fn(a-1>=0?a-1:t);ln(null!=i?i:null);break;case"last":var l=Fn(t);ln(null!=l?l:null);break;default:var c=Fn(0);ln(null!=c?c:null)}}),[on,An,Fn,nn,Dn,null==Tn?void 0:Tn.length]),Zn=o((function(e,n){if(On(sn))switch(e){case"next":var r=null!=n?n:Wn(),t=r+1<sn.length?r+1:sn.length-1,a=sn[t];yn(a);break;case"prev":var o=null!=n?n:Wn(),i=o>0?o-1:o<0?sn.length-1:0,l=sn[i];yn(l);break;case"first":var c=sn[0];yn(c);break;case"last":var s=sn[sn.length-1];yn(s);break;default:yn(null)}}),[Wn,On,sn]),Kn=o((function(e,n){switch(e&&ln(null),e){case"right":switch(Rn){case ge:var r,t,a;if((null===(r=Qe.current)||void 0===r?void 0:r.selectionEnd)===(null===(t=Qe.current)||void 0===t?void 0:t.value.length))null===(a=$e.current)||void 0===a||a.focus();break;case ve:case xe:case ye:if(Rn===ye||1===(null==sn?void 0:sn.length)){Dn(0),Zn(null),n.preventDefault();break}Zn("next")}break;case"left":switch(Rn){case be:var o;n.preventDefault(),Dn(null==Qe||null===(o=Qe.current)||void 0===o?void 0:o.value.length);break;case ge:case xe:case ye:if(On(sn)){var i;if(Rn===ge&&0!==(null===(i=Qe.current)||void 0===i?void 0:i.selectionStart))break;Zn("prev")}}break;default:Zn(null)}}),[Rn,On,sn,Dn,Zn]);t((function(){fn!==mn&&Hn("first")}),[fn,nn,mn,Hn]),C(on?Ze(on):void 0,_e);var Yn=o((function(n){if(T(n,"ComboboxOption")){var r=ir(n.props),t=r.value,a=r.displayName;if(zn(t)){var o=n.props,i=o.className,l=o.glyph,c=o.disabled,s=ue(o,Qt),u=Nn.findIndex((function(e){return e.value===t})),d=on===t,p=On(sn)?sn.includes(t):sn===t,f=Ze(t);return e.createElement(wr,se({},s,{value:t,displayName:a,isFocused:d,isSelected:p,disabled:c,setSelected:function(){ln(t),Mn(t),Dn(),t===sn&&Ln()},glyph:l,className:i,index:u,ref:f}))}}else if(T(n,"ComboboxGroup")){var h=e.Children.map(n.props.children,Yn);if(h&&(null==h?void 0:h.length)>0)return e.createElement(gn,{label:n.props.label,className:n.props.className},e.Children.map(h,Yn))}}),[Nn,Ze,on,On,sn,Dn,zn,Mn]),Vn=a((function(){return e.Children.map(v,Yn)}),[v,Yn]),qn=a((function(){if(On(sn))return sn.filter(Pn).map((function(n,r){var t=sr(n,Nn),a=vn===n,o=Ke(n),i=r>=sn.length-1;return e.createElement(Be,{key:n,displayName:t,isFocused:a,onRemove:function(){i?(Dn(),Zn(null)):Zn("next",r),Mn(n)},onFocus:function(){yn(n)},ref:o})}))}),[On,sn,Pn,Nn,vn,Ke,Mn,Dn,Zn]),Bn=a((function(){return Nn.some((function(e){return e.hasGlyph}))}),[Nn]),Un=o((function(){if(!On(sn)&&sn===dn){var e=Tn.find((function(e){return e.displayName===fn||e.value===fn}));if(e&&!Ne)un(e.value);else{var n,r=null!==(n=sr(sn,Nn))&&void 0!==n?n:"";hn(r)}}}),[Nn,fn,On,dn,sn,Ne,Tn]),$n=o((function(){if(En){if(On(sn))ur(de);else if(!On(sn)){var e,n=null!==(e=sr(sn,Nn))&&void 0!==e?e:"";hn(n),Ln()}}else hn("")}),[En,Nn,On,sn,de]);t((function(){if(me)if(u(me)){var e,n=null!==(e=me.filter((function(e){return Pn(e)})))&&void 0!==e?e:[];un(n)}else Pn(me)&&un(me);else un(function(e){return e?[]:null}(he))}),[]),t((function(){if(!h(Ne)&&Ne!==mn)if(p(Ne))un(null);else if(On(Ne)){var e=Ne.filter(Pn);un(e)}else un(Pn(Ne)?Ne:null)}),[On,Pn,mn,Ne]),t((function(){d(sn,dn)||$n()}),[$n,dn,sn]),t((function(){!nn&&tn&&Un()}),[nn,tn,Un]);var Jn=pe(l(0),2),Qn=Jn[0],_n=Jn[1];t((function(){var e,n;_n(null!==(e=null===(n=Ue.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)}),[Ue,nn,on,sn]);L(Ln,[_e,Ue],nn);var er=On(sn)&&!!sn.length,nr=s((function(e){wn(or(e.target))}),50,{leading:!0}),rr=o((function(e){de===Ce.expandY&&nr(e)}),[nr,de]);t((function(){Je.current&&wn(or(Je.current))}),[]);var tr,ar=ie({popoverZIndex:Fe},ze?{usePortal:ze,portalClassName:Te,portalContainer:Pe,scrollContainer:Ae}:{usePortal:ze});return e.createElement(D,{darkMode:Re},e.createElement(He.Provider,{value:{multiselect:he,size:G,withIcons:Bn,disabled:X,isOpen:nn,state:K,searchState:q,chipTruncationLocation:Oe,chipCharacterLimit:Me,inputValue:fn,overflow:de,popoverZIndex:Fe}},e.createElement("div",se({className:b(Lt(G),je)},We),(y||k)&&e.createElement("div",{className:Yt},y&&e.createElement(F,{id:Ve,htmlFor:Ye,darkMode:Re,disabled:X,className:b(ce({},Vt,G===Ee.Large))},y),k&&e.createElement(W,{darkMode:Re,disabled:X,className:b(ce({},Vt,G===Ee.Large))},k)),e.createElement("div",{ref:Ue,role:"combobox","aria-expanded":nn,"aria-controls":qe,"aria-owns":qe,tabIndex:-1,onMouseDown:function(e){X&&e.preventDefault()},onClick:function(e){if(e.target!==Qe.current){var n=0;if(Qe.current)n=e.nativeEvent.offsetX>Qe.current.offsetLeft+Qe.current.clientWidth?fn.length:0;Dn(n)}Sn()},onFocus:function(e){ur(de),Gn(function(e){var n,r,t,a;if(!e)return;if(null!==(n=Qe.current)&&void 0!==n&&n.contains(e))return ge;if(null!==(r=$e.current)&&void 0!==r&&r.contains(e))return be;var o=On(sn)?sn.findIndex((function(n){var r,t;return null===(r=Ke(n))||void 0===r||null===(t=r.current)||void 0===t?void 0:t.contains(e)})):-1;if(On(sn)){if(0===o)return ve;if(o===sn.length-1)return ye;if(o>0)return xe}if(null!==(t=_e.current)&&void 0!==t&&t.contains(e))return we;if(null!==(a=Ue.current)&&void 0!==a&&a.contains(e))return ke}(e.target))},onKeyDown:function(e){var n,r,t=null===(n=_e.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(r=Ue.current)||void 0===r?void 0:r.contains(document.activeElement))||t){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.key){case I.Tab:switch(Rn){case"Input":En||(Ln(),Hn("first"),Zn(null));break;case"LastChip":Zn(null)}break;case I.Escape:Ln(),Hn("first");break;case I.Enter:nn?!nn||Rn!==ge||p(on)||function(e){if("string"==typeof e){var n=cr(e,Nn);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(on)?Rn===be&&(Mn(null),Dn()):Mn(on):Sn();break;case I.Backspace:var a;if(On(sn))"Input"===Rn&&0===(null===(a=Qe.current)||void 0===a?void 0:a.selectionStart)&&Zn("last");Sn();break;case I.ArrowDown:nn?(e.preventDefault(),Hn("next")):Sn();break;case I.ArrowUp:nn?(e.preventDefault(),Hn("prev")):Sn();break;case I.ArrowRight:Kn("right",e);break;case I.ArrowLeft:Kn("left",e);break;default:nn||Sn()}}},onTransitionEnd:function(){var e,n;_n(null!==(e=null===(n=Ue.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:b(St,Nt[Ge],Ot(G,er),(r={},ce(r,Dt[Ge],X),ce(r,Mt[Ge],K===Le.error),ce(r,jt[Ge],(tr=ge,tr===Rn)),ce(r,qt[Ge],kn),r))},e.createElement("div",{onScroll:rr,ref:Je,className:Tt({size:G,overflow:de})},qn,e.createElement("input",{"aria-label":null!=z?z:y,"aria-autocomplete":"list","aria-controls":qe,"aria-labelledby":Ve,ref:Qe,id:Ye,className:b(Pt,Wt(G),At[Ge],Xt(nn),(m={},ce(m,Rt(G,fn),On(sn)),ce(m,Ft[Ge],X),m)),placeholder:Cn,disabled:null!=X?X:void 0,onChange:function(e){var n=e.target.value;hn(n),null==ne||ne(n)},value:fn,autoComplete:"off"})),e.createElement("div",{className:b(It,zt[G])},"error"===K&&e.createElement(S,{glyph:"Warning",fill:Bt[Ge],className:Ht}),te&&En&&!X&&e.createElement(O,{"aria-label":"Clear selection","aria-disabled":X,disabled:X,ref:$e,onClick:function(e){X||(e.stopPropagation(),Mn(null),null==ae||ae(e),null==ne||ne(""),Dn())},onFocus:function(){ln(null)},className:b(Gt),darkMode:Re},e.createElement(S,{glyph:"XWithCircle"})),e.createElement(S,{glyph:"CaretDown",className:Ht,fill:b((g={},ce(g,Ut[Ge],!X),ce(g,$t[Ge],X),g))}))),"error"===K&&Y&&e.createElement("div",{className:b(Zt[Ge],Kt(G))},Y),e.createElement(In,se({id:qe,labelId:Ve,refEl:Ue,ref:_e,menuWidth:Qn,searchLoadingMessage:_,searchErrorMessage:J,searchEmptyMessage:U},ar),Vn))));function ur(e){Je&&Je.current&&(e===Ce.scrollX&&(Je.current.scrollLeft=Je.current.scrollWidth),e===Ce.expandY&&(Je.current.scrollTop=Je.current.scrollHeight))}}_t.propTypes={multiselect:m.bool,value:m.oneOfType([m.string,m.arrayOf(m.string)]),initialValue:m.oneOfType([m.string,m.arrayOf(m.string)]),overflow:m.oneOf(Object.values(Ce)),darkMode:m.bool,label:m.string,"aria-label":m.string,children:m.node,onChange:m.func,chipCharacterLimit:m.number,chipTruncationLocation:m.oneOf(Object.values(R)),onClear:m.func,onFilter:m.func,clearable:m.bool,searchLoadingMessage:m.string,searchErrorMessage:m.string,searchEmptyMessage:m.string,searchState:m.oneOf(Object.values(Se)),errorMessage:m.string,state:m.oneOf(Object.values(Le)),size:m.oneOf(Object.values(Ee)),disabled:m.bool,description:m.string,placeholder:m.string,filteredOptions:m.arrayOf(m.string),popoverZIndex:m.number,usePortal:m.bool,scrollContainer:m.elementType,portalContainer:m.elementType,portalClassName:m.string};export{_t as Combobox,bn as ComboboxGroup,Er as ComboboxOption};
2
2
  //# sourceMappingURL=index.js.map