@leafygreen-ui/combobox 9.0.0 → 9.1.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,33 @@
1
1
  # @leafygreen-ui/combobox
2
2
 
3
+ ## 9.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 02e1d77e: Expose `portalRef` in components that use `Popover`:
8
+
9
+ - `Combobox`
10
+ - `DatePicker`
11
+ - `GuideCue`
12
+ - `Menu`
13
+ - `NumberInput`
14
+ - `Select`
15
+ - `SplitButton`
16
+ - `Tooltip`
17
+
18
+ [LG-3988](https://jira.mongodb.org/browse/LG-3988)
19
+
20
+ ### Patch Changes
21
+
22
+ - Updated dependencies [02e1d77e]
23
+ - Updated dependencies [7bc4fcde]
24
+ - Updated dependencies [7bc4fcde]
25
+ - Updated dependencies [961be3f9]
26
+ - @leafygreen-ui/popover@11.4.0
27
+ - @leafygreen-ui/lib@13.5.0
28
+ - @leafygreen-ui/tokens@2.8.0
29
+ - @leafygreen-ui/icon@12.5.0
30
+
3
31
  ## 9.0.0
4
32
 
5
33
  ### Major Changes
@@ -6,7 +6,7 @@ import { ComboboxProps } from './Combobox.types';
6
6
  * allowing the user to either type a value directly or select a value from the list.
7
7
  * Can be configured to select a single or multiple options.
8
8
  */
9
- export declare function Combobox<M extends boolean>({ children, label, description, placeholder, 'aria-label': ariaLabel, disabled, size, darkMode: darkModeProp, state, errorMessage, successMessage, searchState, searchEmptyMessage, searchErrorMessage, searchLoadingMessage, filteredOptions, onFilter, clearable, onClear, overflow, multiselect, initialValue, inputValue: inputValueProp, onInputChange, onChange, value, chipTruncationLocation, chipCharacterLimit, className, usePortal, portalClassName, portalContainer, scrollContainer, popoverZIndex, ...rest }: ComboboxProps<M>): React.JSX.Element;
9
+ export declare function Combobox<M extends boolean>({ children, label, description, placeholder, 'aria-label': ariaLabel, disabled, size, darkMode: darkModeProp, state, errorMessage, successMessage, searchState, searchEmptyMessage, searchErrorMessage, searchLoadingMessage, filteredOptions, onFilter, clearable, onClear, overflow, multiselect, initialValue, inputValue: inputValueProp, onInputChange, onChange, value, chipTruncationLocation, chipCharacterLimit, className, usePortal, portalClassName, portalContainer, portalRef, scrollContainer, popoverZIndex, ...rest }: ComboboxProps<M>): React.JSX.Element;
10
10
  export declare namespace Combobox {
11
11
  var propTypes: {
12
12
  multiselect: PropTypes.Requireable<boolean>;
@@ -38,6 +38,9 @@ export declare namespace Combobox {
38
38
  usePortal: PropTypes.Requireable<boolean>;
39
39
  scrollContainer: PropTypes.Requireable<PropTypes.ReactComponentLike>;
40
40
  portalContainer: PropTypes.Requireable<PropTypes.ReactComponentLike>;
41
+ portalRef: PropTypes.Requireable<PropTypes.InferProps<{
42
+ current: PropTypes.Requireable<any>;
43
+ }>>;
41
44
  portalClassName: PropTypes.Requireable<string>;
42
45
  };
43
46
  }
@@ -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;AAyEnC,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,YAAqC,EACrC,cAAyC,EACzC,WAAqB,EACrB,kBAAuC,EACvC,kBAA6C,EAC7C,oBAA2C,EAC3C,eAAe,EACf,QAAQ,EACR,SAAgB,EAChB,OAAO,EACP,QAA2B,EAC3B,WAAwB,EACxB,YAAY,EACZ,UAAU,EAAE,cAAc,EAC1B,aAAa,EACb,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,qBAmuClB;yBAvwCe,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAozCxB;;;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;AAyEnC,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,YAAqC,EACrC,cAAyC,EACzC,WAAqB,EACrB,kBAAuC,EACvC,kBAA6C,EAC7C,oBAA2C,EAC3C,eAAe,EACf,QAAQ,EACR,SAAgB,EAChB,OAAO,EACP,QAA2B,EAC3B,WAAwB,EACxB,YAAY,EACZ,UAAU,EAAE,cAAc,EAC1B,aAAa,EACb,QAAQ,EACR,KAAK,EACL,sBAAsB,EACtB,kBAAuB,EACvB,SAAS,EACT,SAAgB,EAChB,eAAe,EACf,eAAe,EACf,SAAS,EACT,eAAe,EACf,aAAa,EACb,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,qBAouClB;yBAzwCe,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4zCxB;;;GAGG"}
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 s from"lodash/clone";import c 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{FormFieldState as y,DEFAULT_MESSAGES as x,FormFieldFeedback as w}from"@leafygreen-ui/form-field";import{useForwardedRef as k,useIdAllocator as E,useAvailableSpace as C,useDynamicRefs as S,usePrevious as L,useAutoScroll as O,useBackdropClick as N}from"@leafygreen-ui/hooks";import D,{isComponentGlyph as M}from"@leafygreen-ui/icon";import j from"@leafygreen-ui/icon-button";import I,{useDarkMode as z}from"@leafygreen-ui/leafygreen-provider";import{createUniqueClassName as T,keyMap as P,Theme as A,isComponentType as F,consoleOnce as X}from"@leafygreen-ui/lib";import{Error as W,Label as R,Description as G}from"@leafygreen-ui/typography";import{chipTextClassName as V,TruncationLocation as H,Chip as Z,BaseFontSize as K,Variant as Y}from"@leafygreen-ui/chip";import{typeScales as U,spacing as q,fontWeights as B,fontFamilies as $,transitionDuration as J,color as Q,focusRing as _}from"@leafygreen-ui/tokens";import{palette as ee}from"@leafygreen-ui/palette";import ne from"@leafygreen-ui/popover";import{transparentize as re}from"polished";import{leftGlyphClassName as te,InputOption as ae,InputOptionContent as oe}from"@leafygreen-ui/input-option";import ie from"lodash/kebabCase";import le from"lodash/escapeRegExp";import se from"@leafygreen-ui/checkbox";function ce(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 ue(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?ce(Object(r),!0).forEach((function(n){fe(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ce(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function de(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof n?n:n+""}function pe(e){return pe="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},pe(e)}function fe(e,n,r){return(n=de(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function he(){return he=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},he.apply(this,arguments)}function me(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 ge(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function be(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=[],s=!0,c=!1;try{if(o=(r=r.call(e)).next,0===n);else for(;!(s=(t=o.call(r)).done)&&(l.push(t.value),l.length!==n);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}(e,n)||ye(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 ve(e){return function(e){if(Array.isArray(e))return xe(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||ye(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 ye(e,n){if(e){if("string"==typeof e)return xe(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)?xe(e,n):void 0}}function xe(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 we="Input",ke="ClearButton",Ee="FirstChip",Ce="LastChip",Se="MiddleChip",Le="Combobox",Oe="Menu",Ne={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},De={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},Me=y,je={Unset:"unset",Error:"error",Loading:"loading"};var Ie,ze,Te,Pe,Ae,Fe,Xe,We,Re,Ge=n({multiselect:!1,size:Ne.Default,withIcons:!1,disabled:!1,isOpen:!1,state:Me.None,searchState:je.Unset,overflow:De.expandY}),Ve=T("combobox-chip"),He=fe(fe(fe(fe({},Ne.XSmall,16),Ne.Small,U.body1.lineHeight),Ne.Default,U.body1.lineHeight),Ne.Large,U.body2.lineHeight),Ze=fe(fe(fe(fe({},Ne.XSmall,U.body1.fontSize),Ne.Small,U.body1.fontSize),Ne.Default,U.body1.fontSize),Ne.Large,U.body2.fontSize),Ke=fe(fe(fe(fe({},Ne.XSmall,1),Ne.Small,0),Ne.Default,2),Ne.Large,4),Ye=fe(fe(fe(fe({},Ne.XSmall,g(Ie||(Ie=ge(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Ze[Ne.XSmall],He[Ne.XSmall],V,Ke[Ne.XSmall])),Ne.Small,g(ze||(ze=ge(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Ze[Ne.Small],He[Ne.Small],V,Ke[Ne.Small])),Ne.Default,g(Te||(Te=ge(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Ze[Ne.Default],He[Ne.Default],V,Ke[Ne.Default])),Ne.Large,g(Pe||(Pe=ge(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-inline-end: 10px;\n padding-block: ","px;\n }\n "])),Ze[Ne.Large],He[Ne.Large],V,Ke[Ne.Large])),Ue=e.forwardRef((function(n,a){var o,i=n.displayName,l=n.isFocused,s=n.onRemove,c=n.onFocus,u=r(Ge),d=u.size,p=u.disabled,f=u.overflow,h=u.chipTruncationLocation,m=void 0===h?H.End:h,g=u.chipCharacterLimit,v=void 0===g?12:g,y=u.popoverZIndex,x=f===De.scrollX?H.None:m,w=k(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(Z,{label:i,className:b(Ve,Ye[d]),role:"option","aria-selected":l,"data-testid":"lg-combobox-chip",onClick:function(e){null!=E&&E.contains(e.target)||c()},onKeyDown:function(e){p||e.key!==P.Delete&&e.key!==P.Backspace&&e.key!==P.Enter&&e.key!==P.Space||s()},onDismiss:function(){p||s()},baseFontSize:K.Body1,chipCharacterLimit:v,chipTruncationLocation:x,popoverZIndex:y,variant:Y.Gray,ref:w,disabled:p,tabIndex:-1})}));Ue.displayName="ComboboxChip";var qe,Be,$e,Je,Qe,_e,en,nn,rn,tn,an,on,ln,sn=fe(fe({},A.Light,g(Ae||(Ae=ge(["\n padding-top: ","px;\n "])),q[2])),A.Dark,g(Fe||(Fe=ge(["\n padding-top: ","px;\n "])),q[2])),cn=g(Xe||(Xe=ge(["\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"])),B.bold),un=fe(fe({},A.Light,g(We||(We=ge(["\n color: ",";\n "])),ee.gray.dark1)),A.Dark,g(Re||(Re=ge(["\n color: ",";\n "])),ee.gray.light1));function dn(n){var r=n.label,t=n.className,a=n.children,o=z().theme,i=E({prefix:"combobox-group"});return e.Children.count(a)>0?e.createElement("div",{className:b(sn[o],t)},e.createElement("div",{className:b(cn,un[o]),id:i},r),e.createElement("div",{role:"group","aria-labelledby":i},a)):e.createElement(e.Fragment,null)}function pn(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}pn.displayName="ComboboxGroup",pn.propTypes={className:m.string,children:m.node.isRequired,label:m.string.isRequired};var fn,hn=fe(fe(fe(fe({},Ne.XSmall,{x:12,y:8}),Ne.Small,{x:12,y:8}),Ne.Default,{x:12,y:8}),Ne.Large,{x:12,y:8}),mn=function(e){return He[e]+2*hn[e].y},gn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return g(qe||(qe=ge(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),e)},bn=fe(fe({},A.Light,g(Be||(Be=ge(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),re(.85,ee.black),ee.gray.light2)),A.Dark,g($e||($e=ge(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),re(.85,ee.black),ee.gray.dark2)),vn=g(Je||(Je=ge(["\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"])),q[2],$.default),yn=fe(fe({},A.Light,g(Qe||(Qe=ge(["\n color: ",";\n background-color: ",";\n "])),ee.black,ee.white)),A.Dark,g(_e||(_e=ge(["\n color: ",";\n background-color: ",";\n "])),ee.gray.light1,ee.gray.dark3)),xn=g(en||(en=ge(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),wn=g(nn||(nn=ge(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),kn=fe(fe({},A.Light,g(rn||(rn=ge(["\n color: ",";\n "])),ee.gray.dark3)),A.Dark,g(tn||(tn=ge(["\n color: ",";\n "])),ee.gray.light3)),En=function(e){return g(an||(an=ge(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px ","px;\n"])),Ze[e],He[e],hn[e].y,hn[e].x)},Cn=v(on||(on=ge(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),Sn=g(ln||(ln=ge(["\n animation: "," 1.5s linear infinite;\n"])),Cn),Ln=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],On=e.forwardRef((function(n,t){var o=n.children,i=n.id,l=n.refEl,s=n.labelId,c=n.menuWidth,u=n.searchLoadingMessage,d=n.searchErrorMessage,p=n.searchEmptyMessage,f=me(n,Ln),m=z(),v=m.darkMode,y=m.theme,x=r(Ge),w=x.disabled,E=x.size,S=x.isOpen,L=x.searchState,O=k(t,null),N=C(l),M=h(N)?"unset":"".concat(Math.min(N,256),"px"),j=a((function(){var n=b(wn,kn[y],En(E)),r=b(wn,En(E));switch(L){case"loading":return e.createElement("span",{className:n},e.createElement(D,{glyph:"Refresh",color:v?ee.blue.light1:ee.blue.base,className:Sn}),u);case"error":return e.createElement(W,{className:r},e.createElement(D,{glyph:"Warning",color:v?ee.red.light1:ee.red.base}),e.createElement("span",null,d));default:return o&&"object"===pe(o)&&"length"in o&&o.length>0?e.createElement("ul",{className:xn},o):e.createElement("span",{className:n},p)}}),[y,E,L,v,u,d,o,p]);return e.createElement(ne,he({active:S&&!w,spacing:4,align:"bottom",justify:"middle",refEl:l,adjustOnMutation:!0,className:b(gn(c),bn[y])},f),e.createElement("div",{ref:O,id:i,role:"listbox","aria-labelledby":s,"aria-expanded":S,className:b(vn,yn[y],g(fn||(fn=ge(["\n max-height: ",";\n "])),M)),onMouseDownCapture:function(e){return e.preventDefault()}},j))}));On.displayName="ComboboxMenu";var Nn,Dn,Mn,jn,In,zn,Tn,Pn,An,Fn,Xn,Wn,Rn,Gn,Vn,Hn,Zn,Kn,Yn,Un,qn=function(e){var n=e.scrollHeight;return e.scrollTop<n-e.clientHeight},Bn=function(e){var n,r=e.value,t=e.displayName;return{value:null!=r?r:ie(t),displayName:null!==(n=null!=t?t:r)&&void 0!==n?n:""}},$n=function n(r){return e.Children.toArray(r).reduce((function(e,r){if(F(r,"ComboboxOption")){var t=Bn(r.props),a=t.value,o=t.displayName,i=r.props,l=i.glyph,s=i.disabled;return[].concat(ve(e),[{value:a,displayName:o,isDisabled:!!s,hasGlyph:!!l}])}if(F(r,"ComboboxGroup")){var c=r.props.children;if(c)return[].concat(ve(e),ve(n(c)))}}),[])},Jn=function(e,n){if(e)return n.find((function(n){return n.value===e}))},Qn=function(e,n){var r,t;return e?null!==(r=null===(t=Jn(e,n))||void 0===t?void 0:t.displayName)&&void 0!==r?r:e:""},_n=function(e){return g(Nn||(Nn=ge(["\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"])),Ze[e],He[e],mn(e),hn[e].y,hn[e].x,q[1],mn(e))},er=fe(fe(fe(fe({},Ne.XSmall,g(Dn||(Dn=ge(["\n min-width: ","px;\n "])),q[3])),Ne.Small,g(Mn||(Mn=ge(["\n min-width: ","px;\n "])),q[3])),Ne.Default,g(jn||(jn=ge(["\n min-width: ","px;\n "])),q[3])),Ne.Large,g(In||(In=ge(["\n min-width: ","px;\n "])),q[4])),nr=g(zn||(zn=ge(["\n pointer-events: none;\n gap: 0;\n\n label {\n gap: 0;\n align-items: center;\n }\n"])));g(Tn||(Tn=ge(["\n pointer-events: none;\n"])));var rr=function(e){return g(Pn||(Pn=ge(["\n font-weight: ",";\n"])),e?B.bold:B.regular)},tr=fe(fe({},A.Light,g(An||(An=ge(["\n color: ",";\n "])),ee.gray.dark1)),A.Dark,g(Fn||(Fn=ge(["\n color: ",";\n "])),ee.gray.base)),ar=fe(fe({},A.Light,g(Xn||(Xn=ge(["\n color: ",";\n "])),ee.blue.dark1)),A.Dark,g(Wn||(Wn=ge(["\n color: ",";\n "])),ee.blue.light3)),or=fe(fe({},A.Light,g(Rn||(Rn=ge(["\n color: ",";\n "])),ee.gray.light1)),A.Dark,g(Gn||(Gn=ge(["\n color: ",";\n "])),ee.gray.dark1)),ir=fe(fe({},A.Light,g(Vn||(Vn=ge(["\n color: ",";\n "])),ee.blue.base)),A.Dark,g(Hn||(Hn=ge(["\n color: ",";\n "])),ee.blue.light1)),lr=fe(fe({},A.Light,g(Zn||(Zn=ge(["\n color: ",";\n "])),ee.gray.light1)),A.Dark,g(Kn||(Kn=ge(["\n color: ",";\n "])),ee.gray.dark1)),sr=g(Yn||(Yn=ge(["\n ."," {\n align-self: baseline;\n }\n"])),te),cr=g(Un||(Un=ge(["\n ."," {\n height: 28px;\n }\n"])),te),ur=["glyph","isSelected","displayName","isFocused","setSelected","className","description","value","onClick","disabled"],dr=e.forwardRef((function(n,t){var i=n.glyph,l=n.isSelected,s=n.displayName,c=n.isFocused,u=n.setSelected,d=n.className,p=n.description,f=n.value,h=n.onClick,m=n.disabled,g=void 0!==m&&m,v=me(n,ur),y=z(),x=y.darkMode,w=y.theme,C=r(Ge),S=C.multiselect,L=C.size,O=C.withIcons,N=C.inputValue,j=k(t,null),I=E({prefix:"combobox-option-text"}),T=o((function(e){e.stopPropagation(),g||(u(),null==h||h(e,f))}),[g,h,u,f]),P=a((function(){return function(n){var r=n.withIcons,t=n.isSelected,a=n.glyph,o=n.optionTextId,i=n.disabled,l=n.darkMode,s=n.size,c=n.multiselect,u=n.theme,d=n.isFocused;a&&!M(a)&&console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",a);var p=a&&M(a)?e.cloneElement(a,ue(ue({},a.props),{},{className:b(tr[u],fe(fe({},ar[u],d),or[u],i),a.props.className)})):e.createElement(e.Fragment,null),f=e.createElement(se,{"aria-labelledby":o,checked:t,tabIndex:-1,disabled:i,darkMode:l,className:nr}),h=e.createElement(D,{glyph:"Checkmark",className:b(er[s],ir[u],fe({},lr[u],i))});return{leftGlyph:c?r?p:f:r?p:t?h:null,rightGlyph:c?r&&f:r&&t&&h}}({withIcons:O,isSelected:l,glyph:i,theme:w,darkMode:x,size:L,disabled:g,multiselect:S,optionTextId:I,isFocused:c})}),[x,g,i,l,S,I,L,w,O,c]),A=P.leftGlyph,F=P.rightGlyph,X=S&&!O;return e.createElement(ae,he({},v,{as:"li",ref:j,highlighted:c,disabled:g,"aria-label":s,darkMode:x,className:b(_n(L),fe(fe({},sr,X),cr,X&&L===Ne.Large),d),onClick:T,onKeyDown:T}),e.createElement(oe,{leftGlyph:A,rightGlyph:F,description:p},e.createElement("span",{id:I,className:rr(l)},function(n,r,t){if(r&&t){var a=le(r),o=new RegExp(a,"gi"),i=n.matchAll(o);if(i){for(var l=n.split(""),s=0,c=Array.from(i);s<c.length;s++){var u,d=c[s],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(ve(g)))}return e.createElement(e.Fragment,null,l)}return e.createElement(e.Fragment,null,n)}return e.createElement(e.Fragment,null,n)}(s,N,"strong"))))}));function pr(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}dr.displayName="ComboboxOption",pr.displayName="ComboboxOption",pr.propTypes={displayName:m.string,value:m.string,glyph:m.node,disabled:m.bool,className:m.string,description:m.string,onClick:m.func};var fr,hr,mr,gr,br,vr,yr,xr,wr,kr,Er,Cr,Sr,Lr,Or,Nr,Dr,Mr,jr,Ir,zr,Tr,Pr,Ar,Fr,Xr,Wr,Rr,Gr,Vr,Hr,Zr,Kr,Yr=function(e){return!h(e)&&!p(e)&&(f(e)||u(e)&&e.length>0)},Ur=function(e){return He[e]+2*Ke[e]},qr=q[100],Br=fe(fe(fe(fe({},Ne.XSmall,22),Ne.Small,28),Ne.Default,36),Ne.Large,48),$r=function(e){return(Br[e]-Ur(e)-2)/2},Jr=fe(fe(fe(fe({},Ne.XSmall,{y:$r(Ne.XSmall),xLeftWithChip:q[25],xLeftWithoutChip:q[200],xRight:q[100]}),Ne.Small,{y:$r(Ne.Small),xLeftWithChip:q[100],xLeftWithoutChip:q[200],xRight:q[100]}),Ne.Default,{y:$r(Ne.Default),xLeftWithChip:q[150],xLeftWithoutChip:q[300],xRight:q[200]}),Ne.Large,{y:$r(Ne.Large),xLeftWithChip:q[300],xLeftWithoutChip:q[300],xRight:q[200]}),Qr=q[400],_r=function(e){return g(fr||(fr=ge(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),$.default,Ze[e]+2*Jr[e].xLeftWithChip+Qr+2)},et=g(hr||(hr=ge(["\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"])),q[200],J.default,J.default),nt=fe(fe({},A.Light,g(mr||(mr=ge(["\n color: ",";\n background-color: ",";\n "])),Q.light.text.primary.default,Q.light.background.primary.default)),A.Dark,g(gr||(gr=ge(["\n color: ",";\n background-color: ",";\n "])),Q.dark.text.primary.default,ee.gray.dark4)),rt=function(e,n){return g(br||(br=ge(["\n padding-top: ","px;\n padding-bottom: ","px;\n padding-left: ",";\n padding-right: ","px;\n"])),Jr[e].y,Jr[e].y,"".concat(n?Jr[e].xLeftWithChip:Jr[e].xLeftWithoutChip,"px"),Jr[e].xRight)},tt=function(e){return g(vr||(vr=ge(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n"])),Q[e].text.disabled.default,Q[e].background.disabled.default,Q[e].border.disabled.default)},at=function(e){return fe(fe(fe({},Me.Error,g(yr||(yr=ge(["\n border-color: ",";\n "])),Q[e].border.error.default)),Me.None,g(xr||(xr=ge(["\n border-color: ",";\n "])),Q[e].border.primary.default)),Me.Valid,g(wr||(wr=ge(["\n border-color: ",";\n "])),Q[e].border.success.default))},ot=fe(fe({},A.Light,g(kr||(kr=ge(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),_[A.Light].input)),A.Dark,g(Er||(Er=ge(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),_[A.Dark].input)),it=g(Cr||(Cr=ge(["\n display: flex;\n align-items: center;\n"]))),lt=fe(fe(fe(fe({},Ne.XSmall,g(Sr||(Sr=ge(["\n gap: ","px;\n "])),q[100])),Ne.Small,g(Lr||(Lr=ge(["\n gap: ","px;\n "])),q[200])),Ne.Default,g(Or||(Or=ge(["\n gap: ","px;\n "])),q[200])),Ne.Large,g(Nr||(Nr=ge(["\n gap: ","px;\n "])),q[200])),st=function(e){var n=e.overflow,r=e.size,t=g(Dr||(Dr=ge(["\n flex-grow: 1;\n width: 100%;\n "])));switch(n){case De.scrollX:return g(Mr||(Mr=ge(["\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,Ur(r),Ve);case De.expandY:return g(jr||(jr=ge(["\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,qr,Ur(r),3*Ur(r),qr)}},ct=g(Ir||(Ir=ge(["\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"])),$.default,q[100]),ut=fe(fe({},A.Light,g(zr||(zr=ge(["\n &::placeholder {\n color: ",";\n }\n "])),ee.gray.base)),A.Dark,g(Tr||(Tr=ge(["\n &::placeholder {\n color: ",";\n }\n "])),ee.gray.dark1)),dt=fe(fe({},A.Light,g(Pr||(Pr=ge(["\n &::placeholder {\n color: ",";\n }\n "])),ee.gray.base)),A.Dark,g(Ar||(Ar=ge(["\n &::placeholder {\n color: ",";\n }\n "])),ee.gray.dark1)),pt=function(e){return g(Fr||(Fr=ge(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n"])),Ur(e),Ze[e],He[e],Ze[e])},ft=function(e){return g(Xr||(Xr=ge(["\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")},ht=function(e,n){var r,t=null!==(r=null==n?void 0:n.length)&&void 0!==r?r:0;return g(Wr||(Wr=ge(["\n width: ","px;\n max-width: 100%;\n "])),t*Ze[e])},mt=g(Rr||(Rr=ge(["\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"])),Qr/2),gt=g(Gr||(Gr=ge(["\n height: ","px;\n width: ","px;\n"])),Qr,Qr),bt=g(Vr||(Vr=ge(["\n margin-bottom: ","px;\n display: flex;\n flex-direction: column;\n"])),q[100]),vt=g(Hr||(Hr=ge(["\n font-size: ","px;\n line-height: ","px;\n"])),U.large.fontSize,U.large.lineHeight),yt=fe(fe({},A.Light,g(Zr||(Zr=ge(["\n ::after {\n box-shadow: 0px 0px 7px 5px ",";\n }\n "])),re(.85,ee.black))),A.Dark,g(Kr||(Kr=ge(["\n ::after {\n width: 95%;\n box-shadow: 0px -7px 12px 5px rgb(0 0 0 / 50%);\n }\n "])))),xt=function(e){return Q[e].icon.primary.default},wt=function(e){return Q[e].icon.disabled.default},kt=["children","label","description","placeholder","aria-label","disabled","size","darkMode","state","errorMessage","successMessage","searchState","searchEmptyMessage","searchErrorMessage","searchLoadingMessage","filteredOptions","onFilter","clearable","onClear","overflow","multiselect","initialValue","inputValue","onInputChange","onChange","value","chipTruncationLocation","chipCharacterLimit","className","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"],Et=["className","glyph","disabled"];function Ct(n){var r=n.children,m=n.label,g=n.description,v=n.placeholder,y=void 0===v?"Select":v,k=n["aria-label"],C=n.disabled,M=void 0!==C&&C,T=n.size,A=void 0===T?Ne.Default:T,W=n.darkMode,V=n.state,H=void 0===V?"none":V,Z=n.errorMessage,K=void 0===Z?x.error:Z,Y=n.successMessage,U=void 0===Y?x.success:Y,q=n.searchState,B=void 0===q?"unset":q,$=n.searchEmptyMessage,J=void 0===$?"No results found":$,Q=n.searchErrorMessage,_=void 0===Q?"Could not get results!":Q,ee=n.searchLoadingMessage,ne=void 0===ee?"Loading results...":ee,re=n.filteredOptions,te=n.onFilter,ae=n.clearable,oe=void 0===ae||ae,ie=n.onClear,le=n.overflow,se=void 0===le?De.expandY:le,ce=n.multiselect,de=void 0!==ce&&ce,ge=n.initialValue,ve=n.inputValue,ye=n.onInputChange,xe=n.onChange,Me=n.value,je=n.chipTruncationLocation,Ie=n.chipCharacterLimit,ze=void 0===Ie?12:Ie,Te=n.className,Pe=n.usePortal,Ae=void 0===Pe||Pe,Fe=n.portalClassName,Xe=n.portalContainer,We=n.scrollContainer,Re=n.popoverZIndex,Ve=me(n,kt),He=z(W),Ze=He.darkMode,Ke=He.theme,Ye=S({prefix:"option"}),qe=S({prefix:"chip"}),Be=E({prefix:"combobox-input"}),$e=E({prefix:"combobox-label"}),Je=E({prefix:"combobox-menu"}),Qe=i(null),_e=i(null),en=i(null),nn=i(null),rn=i(null),tn=be(l(!1),2),an=tn[0],on=tn[1],ln=L(an),sn=be(l(null),2),cn=sn[0],un=sn[1],pn=be(l(null),2),fn=pn[0],hn=pn[1],mn=L(fn),gn=be(l(null!=ve?ve:""),2),bn=gn[0],vn=gn[1];t((function(){h(ve)||vn(ve)}),[ve]);var yn=function(e){vn(e)},xn=L(bn),wn=be(l(null),2),kn=wn[0],En=wn[1],Cn=be(l(!1),2),Sn=Cn[0],Ln=Cn[1],Nn=de&&u(fn)&&fn.length>0?void 0:y,Dn=function(){return on(!1)},Mn=function(){return on(!0)},jn=a((function(){return $n(r)}),[r]),In=o((function(e){return!de||"string"!=typeof e&&"number"!=typeof e?!de&&u(e)&&X.error("Error in Combobox: multiselect is set to `false`, but received an Array value"):X.error("Error in Combobox: multiselect is set to `true`, but received a ".concat(pe(e),' value: "').concat(e,'"')),de&&u(e)}),[de]),zn=o((function(e){!M&&nn&&nn.current&&(nn.current.focus(),h(e)||nn.current.setSelectionRange(e,e))}),[M]),Tn=o((function(e){if(In(fn)){var n=s(fn),r=xe,t={diffType:"delete",value:null!=e?e:fn};p(e)?n.length=0:fn.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),t.diffType="insert",yn("")),hn(n),null==r||r(n,t)}else{var a=e,o=xe;hn(a),null==o||o(a)}}),[In,xe,fn]),Pn=o((function(e){var n,r,t,a;return function(e,n){return Array.isArray(n)?n.includes(e):e===n}((r=jn,(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:""),fn)}),[jn,fn]),An=o((function(e){var n="string"==typeof e?e:e.value;return re&&re.length>0?re.includes(n):!!Pn(bn)||("string"==typeof e?Qn(n,jn):e.displayName).toLowerCase().includes(bn.toLowerCase())}),[re,Pn,bn,jn]),Fn=a((function(){return jn.filter(An)}),[jn,An]),Xn=o((function(e){return!!e&&!!jn.find((function(n){return n.value===e}))}),[jn]),Wn=o((function(e){return Fn?Fn.findIndex((function(n){return n.value===e})):-1}),[Fn]),Rn=o((function(e){if(Fn&&Fn.length>=e){var n=Fn[e];return n?n.value:void 0}}),[Fn]),Gn=o((function(){return In(fn)?fn.findIndex((function(e){var n;return null===(n=qe(e))||void 0===n||null===(n=n.current)||void 0===n?void 0:n.contains(document.activeElement)})):-1}),[qe,In,fn]),Vn=be(l(),2),Hn=Vn[0],Zn=Vn[1],Kn=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(cn);switch(e&&an&&(En(null),zn()),e){case"next":var o=Rn(a+1<r?a+1:0);un(null!=o?o:null);break;case"prev":var i=Rn(a-1>=0?a-1:t);un(null!=i?i:null);break;case"last":var l=Rn(t);un(null!=l?l:null);break;default:var s=Rn(0);un(null!=s?s:null)}}),[cn,Wn,Rn,an,zn,null==Fn?void 0:Fn.length]),Yn=o((function(e,n){if(In(fn))switch(e){case"next":var r=null!=n?n:Gn(),t=r+1<fn.length?r+1:fn.length-1,a=fn[t];En(a);break;case"prev":var o=null!=n?n:Gn(),i=o>0?o-1:o<0?fn.length-1:0,l=fn[i];En(l);break;case"first":var s=fn[0];En(s);break;case"last":var c=fn[fn.length-1];En(c);break;default:En(null)}}),[Gn,In,fn]),Un=o((function(e,n){switch(e&&un(null),e){case"right":switch(Hn){case we:var r,t,a;if((null===(r=nn.current)||void 0===r?void 0:r.selectionEnd)===(null===(t=nn.current)||void 0===t?void 0:t.value.length))null===(a=_e.current)||void 0===a||a.focus();break;case Ee:case Se:case Ce:if(Hn===Ce||1===(null==fn?void 0:fn.length)){zn(0),Yn(null),n.preventDefault();break}Yn("next")}break;case"left":switch(Hn){case ke:var o;n.preventDefault(),zn(null==nn||null===(o=nn.current)||void 0===o?void 0:o.value.length);break;case we:case Se:case Ce:if(In(fn)){var i;if(Hn===we&&0!==(null===(i=nn.current)||void 0===i?void 0:i.selectionStart))break;Yn("prev")}}break;default:Yn(null)}}),[Hn,In,fn,zn,Yn]);t((function(){bn!==xn&&Kn("first")}),[bn,an,xn,Kn]),O(cn?Ye(cn):void 0,rn);var _n=o((function(n){if(F(n,"ComboboxOption")){var r=Bn(n.props),t=r.value,a=r.displayName;if(An(t)){var o=n.props,i=o.className,l=o.glyph,s=o.disabled,c=me(o,Et),u=jn.findIndex((function(e){return e.value===t})),d=cn===t,p=In(fn)?fn.includes(t):fn===t,f=Ye(t);return e.createElement(dr,he({},c,{value:t,displayName:a,isFocused:d,isSelected:p,disabled:s,setSelected:function(){un(t),Tn(t),zn(),t===fn&&Dn()},glyph:l,className:i,index:u,ref:f}))}}else if(F(n,"ComboboxGroup")){var h=e.Children.map(n.props.children,_n);if(h&&(null==h?void 0:h.length)>0)return e.createElement(dn,{label:n.props.label,className:n.props.className},e.Children.map(h,_n))}}),[jn,Ye,cn,In,fn,zn,An,Tn]),er=a((function(){return e.Children.map(r,_n)}),[r,_n]),nr=a((function(){if(In(fn))return fn.filter(Xn).map((function(n,r){var t=Qn(n,jn),a=kn===n,o=qe(n),i=r>=fn.length-1;return e.createElement(Ue,{key:n,displayName:t,isFocused:a,onRemove:function(){i?(zn(),Yn(null)):Yn("next",r),Tn(n)},onFocus:function(){En(n)},ref:o})}))}),[In,fn,Xn,jn,kn,qe,Tn,zn,Yn]),rr=a((function(){return jn.some((function(e){return e.hasGlyph}))}),[jn]),tr=o((function(){var e=Fn.find((function(e){return e.displayName===bn||e.value===bn}));if(!Me&&e)Tn(e.value);else if(!In(fn)){var n,r=null!==(n=Qn(fn,jn))&&void 0!==n?n:mn;yn(r)}}),[jn,bn,In,mn,fn,Tn,Me,Fn]),ar=o((function(){if(Yr(fn)){if(In(fn))mr(se);else if(!In(fn)){var e,n=null!==(e=Qn(fn,jn))&&void 0!==e?e:"";yn(n),Dn()}}else yn("")}),[jn,In,fn,se]);t((function(){if(ge)if(u(ge)){var e,n=null!==(e=ge.filter((function(e){return Xn(e)})))&&void 0!==e?e:[];hn(n)}else Xn(ge)&&hn(ge);else hn(function(e){return e?[]:null}(de))}),[]),t((function(){if(!h(Me)&&Me!==xn)if(p(Me))hn(null);else if(In(Me)){var e=Me.filter(Xn);hn(e)}else hn(Xn(Me)?Me:null)}),[In,Xn,xn,Me]),t((function(){!h(mn)&&(u(fn)&&!p(mn)||f(fn)||p(fn))&&!d(fn,mn)&&ar()}),[ar,mn,fn]),t((function(){!an&&ln&&tr()}),[an,ln,tr]);var or=be(l(0),2),ir=or[0],lr=or[1];t((function(){var e,n;lr(null!==(e=null===(n=Qe.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)}),[Qe,an,cn,fn]);N(Dn,[rn,Qe],an);var sr=In(fn)&&!!fn.length,cr=c((function(e){Ln(qn(e.target))}),50,{leading:!0}),ur=o((function(e){se===De.expandY&&cr(e)}),[cr,se]);t((function(){en.current&&Ln(qn(en.current))}),[]);var pr,fr=ue({popoverZIndex:Re},Ae?{usePortal:Ae,portalClassName:Fe,portalContainer:Xe,scrollContainer:We}:{usePortal:Ae}),hr={disabled:M,errorMessage:K,size:A,state:H,successMessage:U};return e.createElement(I,{darkMode:Ze},e.createElement(Ge.Provider,{value:{multiselect:de,size:A,withIcons:rr,disabled:M,isOpen:an,state:H,searchState:B,chipTruncationLocation:je,chipCharacterLimit:ze,inputValue:bn,overflow:se,popoverZIndex:Re}},e.createElement("div",he({className:b(_r(A),Te)},Ve),(m||g)&&e.createElement("div",{className:bt},m&&e.createElement(R,{id:$e,htmlFor:Be,darkMode:Ze,disabled:M,className:b(fe({},vt,A===Ne.Large))},m),g&&e.createElement(G,{darkMode:Ze,disabled:M,className:b(fe({},vt,A===Ne.Large))},g)),e.createElement("div",{ref:Qe,role:"combobox","aria-expanded":an,"aria-controls":Je,"aria-owns":Je,tabIndex:-1,onMouseDown:function(e){M&&e.preventDefault()},onClick:function(e){if(e.target!==nn.current){var n=0;if(nn.current)n=e.nativeEvent.offsetX>nn.current.offsetLeft+nn.current.clientWidth?bn.length:0;zn(n)}Mn()},onFocus:function(e){mr(se),Zn(function(e){var n,r,t,a;if(!e)return;if(null!==(n=nn.current)&&void 0!==n&&n.contains(e))return we;if(null!==(r=_e.current)&&void 0!==r&&r.contains(e))return ke;var o=In(fn)?fn.findIndex((function(n){var r;return null===(r=qe(n))||void 0===r||null===(r=r.current)||void 0===r?void 0:r.contains(e)})):-1;if(In(fn)){if(0===o)return Ee;if(o===fn.length-1)return Ce;if(o>0)return Se}if(null!==(t=rn.current)&&void 0!==t&&t.contains(e))return Oe;if(null!==(a=Qe.current)&&void 0!==a&&a.contains(e))return Le}(e.target))},onKeyDown:function(e){var n,r,t=null===(n=rn.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(r=Qe.current)||void 0===r?void 0:r.contains(document.activeElement))||t){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.key){case P.Tab:switch(Hn){case"Input":Yr(fn)||(Dn(),Kn("first"),Yn(null));break;case"LastChip":Yn(null)}break;case P.Escape:Dn(),Kn("first");break;case P.Enter:an?!an||Hn!==we||p(cn)||function(e){if("string"==typeof e){var n=Jn(e,jn);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(cn)?Hn===ke&&(Tn(null),zn()):Tn(cn):Mn();break;case P.Backspace:var a;if(In(fn))"Input"===Hn&&0===(null===(a=nn.current)||void 0===a?void 0:a.selectionStart)&&Yn("last");Mn();break;case P.ArrowDown:an?(e.preventDefault(),Kn("next")):Mn();break;case P.ArrowUp:an?(e.preventDefault(),Kn("prev")):Mn();break;case P.ArrowRight:Un("right",e);break;case P.ArrowLeft:Un("left",e);break;default:an||Mn()}}},onTransitionEnd:function(){var e,n;lr(null!==(e=null===(n=Qe.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:b(et,nt[Ke],rt(A,sr),at(Ke)[H],fe(fe(fe({},ot[Ke],(pr=we,pr===Hn)),tt(Ke),M),yt[Ke],Sn))},e.createElement("div",{onScroll:ur,ref:en,className:st({size:A,overflow:se})},nr,e.createElement("input",{"aria-label":null!=k?k:m,"aria-autocomplete":"list","aria-controls":Je,"aria-labelledby":$e,ref:nn,id:Be,className:b(ct,pt(A),ut[Ke],ft(an),fe(fe({},ht(A,bn),In(fn)),dt[Ke],M)),placeholder:Nn,"aria-disabled":M,readOnly:M,onChange:function(e){yn(e.target.value),null==te||te(e.target.value),null==ye||ye(e)},value:bn,autoComplete:"off"})),e.createElement("div",{className:b(it,lt[A])},oe&&Yr(fn)&&!M&&e.createElement(j,{"aria-label":"Clear selection",disabled:M,ref:_e,onClick:function(e){M||(e.stopPropagation(),Tn(null),null==ie||ie(e),null==te||te(""),zn())},onFocus:function(){un(null)},className:b(mt),darkMode:Ze},e.createElement(D,{glyph:"XWithCircle"})),e.createElement(D,{glyph:"CaretDown",className:gt,fill:b(fe(fe({},xt(Ke),!M),wt(Ke),M))}))),e.createElement(w,hr),e.createElement(On,he({id:Je,labelId:$e,refEl:Qe,ref:rn,menuWidth:ir,searchLoadingMessage:ne,searchErrorMessage:_,searchEmptyMessage:J},fr),er))));function mr(e){en&&en.current&&(e===De.scrollX&&(en.current.scrollLeft=en.current.scrollWidth),e===De.expandY&&(en.current.scrollTop=en.current.scrollHeight))}}Ct.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(De)),darkMode:m.bool,label:m.string,"aria-label":m.string,children:m.node,onChange:m.func,chipCharacterLimit:m.number,chipTruncationLocation:m.oneOf(Object.values(H)),onClear:m.func,onFilter:m.func,clearable:m.bool,searchLoadingMessage:m.string,searchErrorMessage:m.string,searchEmptyMessage:m.string,searchState:m.oneOf(Object.values(je)),errorMessage:m.string,state:m.oneOf(Object.values(Me)),size:m.oneOf(Object.values(Ne)),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{Ct as Combobox,pn as ComboboxGroup,pr 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 s from"lodash/clone";import c 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{FormFieldState as y,DEFAULT_MESSAGES as x,FormFieldFeedback as w}from"@leafygreen-ui/form-field";import{useForwardedRef as k,useIdAllocator as E,useAvailableSpace as C,useDynamicRefs as S,usePrevious as L,useAutoScroll as O,useBackdropClick as N}from"@leafygreen-ui/hooks";import D,{isComponentGlyph as M}from"@leafygreen-ui/icon";import j from"@leafygreen-ui/icon-button";import I,{useDarkMode as z}from"@leafygreen-ui/leafygreen-provider";import{createUniqueClassName as T,keyMap as P,Theme as A,isComponentType as F,consoleOnce as R}from"@leafygreen-ui/lib";import{Error as X,Label as W,Description as G}from"@leafygreen-ui/typography";import{chipTextClassName as V,TruncationLocation as H,Chip as Z,BaseFontSize as K,Variant as Y}from"@leafygreen-ui/chip";import{typeScales as U,spacing as q,fontWeights as B,fontFamilies as $,transitionDuration as J,color as Q,focusRing as _}from"@leafygreen-ui/tokens";import{palette as ee}from"@leafygreen-ui/palette";import ne from"@leafygreen-ui/popover";import{transparentize as re}from"polished";import{leftGlyphClassName as te,InputOption as ae,InputOptionContent as oe}from"@leafygreen-ui/input-option";import ie from"lodash/kebabCase";import le from"lodash/escapeRegExp";import se from"@leafygreen-ui/checkbox";function ce(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 ue(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?ce(Object(r),!0).forEach((function(n){fe(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ce(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function de(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof n?n:n+""}function pe(e){return pe="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},pe(e)}function fe(e,n,r){return(n=de(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function he(){return he=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},he.apply(this,arguments)}function me(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 ge(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function be(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=[],s=!0,c=!1;try{if(o=(r=r.call(e)).next,0===n);else for(;!(s=(t=o.call(r)).done)&&(l.push(t.value),l.length!==n);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}(e,n)||ye(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 ve(e){return function(e){if(Array.isArray(e))return xe(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||ye(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 ye(e,n){if(e){if("string"==typeof e)return xe(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)?xe(e,n):void 0}}function xe(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 we="Input",ke="ClearButton",Ee="FirstChip",Ce="LastChip",Se="MiddleChip",Le="Combobox",Oe="Menu",Ne={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},De={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},Me=y,je={Unset:"unset",Error:"error",Loading:"loading"};var Ie,ze,Te,Pe,Ae,Fe,Re,Xe,We,Ge=n({multiselect:!1,size:Ne.Default,withIcons:!1,disabled:!1,isOpen:!1,state:Me.None,searchState:je.Unset,overflow:De.expandY}),Ve=T("combobox-chip"),He=fe(fe(fe(fe({},Ne.XSmall,16),Ne.Small,U.body1.lineHeight),Ne.Default,U.body1.lineHeight),Ne.Large,U.body2.lineHeight),Ze=fe(fe(fe(fe({},Ne.XSmall,U.body1.fontSize),Ne.Small,U.body1.fontSize),Ne.Default,U.body1.fontSize),Ne.Large,U.body2.fontSize),Ke=fe(fe(fe(fe({},Ne.XSmall,1),Ne.Small,0),Ne.Default,2),Ne.Large,4),Ye=fe(fe(fe(fe({},Ne.XSmall,g(Ie||(Ie=ge(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Ze[Ne.XSmall],He[Ne.XSmall],V,Ke[Ne.XSmall])),Ne.Small,g(ze||(ze=ge(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Ze[Ne.Small],He[Ne.Small],V,Ke[Ne.Small])),Ne.Default,g(Te||(Te=ge(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Ze[Ne.Default],He[Ne.Default],V,Ke[Ne.Default])),Ne.Large,g(Pe||(Pe=ge(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-inline-end: 10px;\n padding-block: ","px;\n }\n "])),Ze[Ne.Large],He[Ne.Large],V,Ke[Ne.Large])),Ue=e.forwardRef((function(n,a){var o,i=n.displayName,l=n.isFocused,s=n.onRemove,c=n.onFocus,u=r(Ge),d=u.size,p=u.disabled,f=u.overflow,h=u.chipTruncationLocation,m=void 0===h?H.End:h,g=u.chipCharacterLimit,v=void 0===g?12:g,y=u.popoverZIndex,x=f===De.scrollX?H.None:m,w=k(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(Z,{label:i,className:b(Ve,Ye[d]),role:"option","aria-selected":l,"data-testid":"lg-combobox-chip",onClick:function(e){null!=E&&E.contains(e.target)||c()},onKeyDown:function(e){p||e.key!==P.Delete&&e.key!==P.Backspace&&e.key!==P.Enter&&e.key!==P.Space||s()},onDismiss:function(){p||s()},baseFontSize:K.Body1,chipCharacterLimit:v,chipTruncationLocation:x,popoverZIndex:y,variant:Y.Gray,ref:w,disabled:p,tabIndex:-1})}));Ue.displayName="ComboboxChip";var qe,Be,$e,Je,Qe,_e,en,nn,rn,tn,an,on,ln,sn=fe(fe({},A.Light,g(Ae||(Ae=ge(["\n padding-top: ","px;\n "])),q[2])),A.Dark,g(Fe||(Fe=ge(["\n padding-top: ","px;\n "])),q[2])),cn=g(Re||(Re=ge(["\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"])),B.bold),un=fe(fe({},A.Light,g(Xe||(Xe=ge(["\n color: ",";\n "])),ee.gray.dark1)),A.Dark,g(We||(We=ge(["\n color: ",";\n "])),ee.gray.light1));function dn(n){var r=n.label,t=n.className,a=n.children,o=z().theme,i=E({prefix:"combobox-group"});return e.Children.count(a)>0?e.createElement("div",{className:b(sn[o],t)},e.createElement("div",{className:b(cn,un[o]),id:i},r),e.createElement("div",{role:"group","aria-labelledby":i},a)):e.createElement(e.Fragment,null)}function pn(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}pn.displayName="ComboboxGroup",pn.propTypes={className:m.string,children:m.node.isRequired,label:m.string.isRequired};var fn,hn=fe(fe(fe(fe({},Ne.XSmall,{x:12,y:8}),Ne.Small,{x:12,y:8}),Ne.Default,{x:12,y:8}),Ne.Large,{x:12,y:8}),mn=function(e){return He[e]+2*hn[e].y},gn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return g(qe||(qe=ge(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),e)},bn=fe(fe({},A.Light,g(Be||(Be=ge(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),re(.85,ee.black),ee.gray.light2)),A.Dark,g($e||($e=ge(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),re(.85,ee.black),ee.gray.dark2)),vn=g(Je||(Je=ge(["\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"])),q[2],$.default),yn=fe(fe({},A.Light,g(Qe||(Qe=ge(["\n color: ",";\n background-color: ",";\n "])),ee.black,ee.white)),A.Dark,g(_e||(_e=ge(["\n color: ",";\n background-color: ",";\n "])),ee.gray.light1,ee.gray.dark3)),xn=g(en||(en=ge(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),wn=g(nn||(nn=ge(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),kn=fe(fe({},A.Light,g(rn||(rn=ge(["\n color: ",";\n "])),ee.gray.dark3)),A.Dark,g(tn||(tn=ge(["\n color: ",";\n "])),ee.gray.light3)),En=function(e){return g(an||(an=ge(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px ","px;\n"])),Ze[e],He[e],hn[e].y,hn[e].x)},Cn=v(on||(on=ge(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),Sn=g(ln||(ln=ge(["\n animation: "," 1.5s linear infinite;\n"])),Cn),Ln=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],On=e.forwardRef((function(n,t){var o=n.children,i=n.id,l=n.refEl,s=n.labelId,c=n.menuWidth,u=n.searchLoadingMessage,d=n.searchErrorMessage,p=n.searchEmptyMessage,f=me(n,Ln),m=z(),v=m.darkMode,y=m.theme,x=r(Ge),w=x.disabled,E=x.size,S=x.isOpen,L=x.searchState,O=k(t,null),N=C(l),M=h(N)?"unset":"".concat(Math.min(N,256),"px"),j=a((function(){var n=b(wn,kn[y],En(E)),r=b(wn,En(E));switch(L){case"loading":return e.createElement("span",{className:n},e.createElement(D,{glyph:"Refresh",color:v?ee.blue.light1:ee.blue.base,className:Sn}),u);case"error":return e.createElement(X,{className:r},e.createElement(D,{glyph:"Warning",color:v?ee.red.light1:ee.red.base}),e.createElement("span",null,d));default:return o&&"object"===pe(o)&&"length"in o&&o.length>0?e.createElement("ul",{className:xn},o):e.createElement("span",{className:n},p)}}),[y,E,L,v,u,d,o,p]);return e.createElement(ne,he({active:S&&!w,spacing:4,align:"bottom",justify:"middle",refEl:l,adjustOnMutation:!0,className:b(gn(c),bn[y])},f),e.createElement("div",{ref:O,id:i,role:"listbox","aria-labelledby":s,"aria-expanded":S,className:b(vn,yn[y],g(fn||(fn=ge(["\n max-height: ",";\n "])),M)),onMouseDownCapture:function(e){return e.preventDefault()}},j))}));On.displayName="ComboboxMenu";var Nn,Dn,Mn,jn,In,zn,Tn,Pn,An,Fn,Rn,Xn,Wn,Gn,Vn,Hn,Zn,Kn,Yn,Un,qn=function(e){var n=e.scrollHeight;return e.scrollTop<n-e.clientHeight},Bn=function(e){var n,r=e.value,t=e.displayName;return{value:null!=r?r:ie(t),displayName:null!==(n=null!=t?t:r)&&void 0!==n?n:""}},$n=function n(r){return e.Children.toArray(r).reduce((function(e,r){if(F(r,"ComboboxOption")){var t=Bn(r.props),a=t.value,o=t.displayName,i=r.props,l=i.glyph,s=i.disabled;return[].concat(ve(e),[{value:a,displayName:o,isDisabled:!!s,hasGlyph:!!l}])}if(F(r,"ComboboxGroup")){var c=r.props.children;if(c)return[].concat(ve(e),ve(n(c)))}}),[])},Jn=function(e,n){if(e)return n.find((function(n){return n.value===e}))},Qn=function(e,n){var r,t;return e?null!==(r=null===(t=Jn(e,n))||void 0===t?void 0:t.displayName)&&void 0!==r?r:e:""},_n=function(e){return g(Nn||(Nn=ge(["\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"])),Ze[e],He[e],mn(e),hn[e].y,hn[e].x,q[1],mn(e))},er=fe(fe(fe(fe({},Ne.XSmall,g(Dn||(Dn=ge(["\n min-width: ","px;\n "])),q[3])),Ne.Small,g(Mn||(Mn=ge(["\n min-width: ","px;\n "])),q[3])),Ne.Default,g(jn||(jn=ge(["\n min-width: ","px;\n "])),q[3])),Ne.Large,g(In||(In=ge(["\n min-width: ","px;\n "])),q[4])),nr=g(zn||(zn=ge(["\n pointer-events: none;\n gap: 0;\n\n label {\n gap: 0;\n align-items: center;\n }\n"])));g(Tn||(Tn=ge(["\n pointer-events: none;\n"])));var rr=function(e){return g(Pn||(Pn=ge(["\n font-weight: ",";\n"])),e?B.bold:B.regular)},tr=fe(fe({},A.Light,g(An||(An=ge(["\n color: ",";\n "])),ee.gray.dark1)),A.Dark,g(Fn||(Fn=ge(["\n color: ",";\n "])),ee.gray.base)),ar=fe(fe({},A.Light,g(Rn||(Rn=ge(["\n color: ",";\n "])),ee.blue.dark1)),A.Dark,g(Xn||(Xn=ge(["\n color: ",";\n "])),ee.blue.light3)),or=fe(fe({},A.Light,g(Wn||(Wn=ge(["\n color: ",";\n "])),ee.gray.light1)),A.Dark,g(Gn||(Gn=ge(["\n color: ",";\n "])),ee.gray.dark1)),ir=fe(fe({},A.Light,g(Vn||(Vn=ge(["\n color: ",";\n "])),ee.blue.base)),A.Dark,g(Hn||(Hn=ge(["\n color: ",";\n "])),ee.blue.light1)),lr=fe(fe({},A.Light,g(Zn||(Zn=ge(["\n color: ",";\n "])),ee.gray.light1)),A.Dark,g(Kn||(Kn=ge(["\n color: ",";\n "])),ee.gray.dark1)),sr=g(Yn||(Yn=ge(["\n ."," {\n align-self: baseline;\n }\n"])),te),cr=g(Un||(Un=ge(["\n ."," {\n height: 28px;\n }\n"])),te),ur=["glyph","isSelected","displayName","isFocused","setSelected","className","description","value","onClick","disabled"],dr=e.forwardRef((function(n,t){var i=n.glyph,l=n.isSelected,s=n.displayName,c=n.isFocused,u=n.setSelected,d=n.className,p=n.description,f=n.value,h=n.onClick,m=n.disabled,g=void 0!==m&&m,v=me(n,ur),y=z(),x=y.darkMode,w=y.theme,C=r(Ge),S=C.multiselect,L=C.size,O=C.withIcons,N=C.inputValue,j=k(t,null),I=E({prefix:"combobox-option-text"}),T=o((function(e){e.stopPropagation(),g||(u(),null==h||h(e,f))}),[g,h,u,f]),P=a((function(){return function(n){var r=n.withIcons,t=n.isSelected,a=n.glyph,o=n.optionTextId,i=n.disabled,l=n.darkMode,s=n.size,c=n.multiselect,u=n.theme,d=n.isFocused;a&&!M(a)&&console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",a);var p=a&&M(a)?e.cloneElement(a,ue(ue({},a.props),{},{className:b(tr[u],fe(fe({},ar[u],d),or[u],i),a.props.className)})):e.createElement(e.Fragment,null),f=e.createElement(se,{"aria-labelledby":o,checked:t,tabIndex:-1,disabled:i,darkMode:l,className:nr}),h=e.createElement(D,{glyph:"Checkmark",className:b(er[s],ir[u],fe({},lr[u],i))});return{leftGlyph:c?r?p:f:r?p:t?h:null,rightGlyph:c?r&&f:r&&t&&h}}({withIcons:O,isSelected:l,glyph:i,theme:w,darkMode:x,size:L,disabled:g,multiselect:S,optionTextId:I,isFocused:c})}),[x,g,i,l,S,I,L,w,O,c]),A=P.leftGlyph,F=P.rightGlyph,R=S&&!O;return e.createElement(ae,he({},v,{as:"li",ref:j,highlighted:c,disabled:g,"aria-label":s,darkMode:x,className:b(_n(L),fe(fe({},sr,R),cr,R&&L===Ne.Large),d),onClick:T,onKeyDown:T}),e.createElement(oe,{leftGlyph:A,rightGlyph:F,description:p},e.createElement("span",{id:I,className:rr(l)},function(n,r,t){if(r&&t){var a=le(r),o=new RegExp(a,"gi"),i=n.matchAll(o);if(i){for(var l=n.split(""),s=0,c=Array.from(i);s<c.length;s++){var u,d=c[s],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(ve(g)))}return e.createElement(e.Fragment,null,l)}return e.createElement(e.Fragment,null,n)}return e.createElement(e.Fragment,null,n)}(s,N,"strong"))))}));function pr(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}dr.displayName="ComboboxOption",pr.displayName="ComboboxOption",pr.propTypes={displayName:m.string,value:m.string,glyph:m.node,disabled:m.bool,className:m.string,description:m.string,onClick:m.func};var fr,hr,mr,gr,br,vr,yr,xr,wr,kr,Er,Cr,Sr,Lr,Or,Nr,Dr,Mr,jr,Ir,zr,Tr,Pr,Ar,Fr,Rr,Xr,Wr,Gr,Vr,Hr,Zr,Kr,Yr=function(e){return!h(e)&&!p(e)&&(f(e)||u(e)&&e.length>0)},Ur=function(e){return He[e]+2*Ke[e]},qr=q[100],Br=fe(fe(fe(fe({},Ne.XSmall,22),Ne.Small,28),Ne.Default,36),Ne.Large,48),$r=function(e){return(Br[e]-Ur(e)-2)/2},Jr=fe(fe(fe(fe({},Ne.XSmall,{y:$r(Ne.XSmall),xLeftWithChip:q[25],xLeftWithoutChip:q[200],xRight:q[100]}),Ne.Small,{y:$r(Ne.Small),xLeftWithChip:q[100],xLeftWithoutChip:q[200],xRight:q[100]}),Ne.Default,{y:$r(Ne.Default),xLeftWithChip:q[150],xLeftWithoutChip:q[300],xRight:q[200]}),Ne.Large,{y:$r(Ne.Large),xLeftWithChip:q[300],xLeftWithoutChip:q[300],xRight:q[200]}),Qr=q[400],_r=function(e){return g(fr||(fr=ge(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),$.default,Ze[e]+2*Jr[e].xLeftWithChip+Qr+2)},et=g(hr||(hr=ge(["\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"])),q[200],J.default,J.default),nt=fe(fe({},A.Light,g(mr||(mr=ge(["\n color: ",";\n background-color: ",";\n "])),Q.light.text.primary.default,Q.light.background.primary.default)),A.Dark,g(gr||(gr=ge(["\n color: ",";\n background-color: ",";\n "])),Q.dark.text.primary.default,ee.gray.dark4)),rt=function(e,n){return g(br||(br=ge(["\n padding-top: ","px;\n padding-bottom: ","px;\n padding-left: ",";\n padding-right: ","px;\n"])),Jr[e].y,Jr[e].y,"".concat(n?Jr[e].xLeftWithChip:Jr[e].xLeftWithoutChip,"px"),Jr[e].xRight)},tt=function(e){return g(vr||(vr=ge(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n"])),Q[e].text.disabled.default,Q[e].background.disabled.default,Q[e].border.disabled.default)},at=function(e){return fe(fe(fe({},Me.Error,g(yr||(yr=ge(["\n border-color: ",";\n "])),Q[e].border.error.default)),Me.None,g(xr||(xr=ge(["\n border-color: ",";\n "])),Q[e].border.primary.default)),Me.Valid,g(wr||(wr=ge(["\n border-color: ",";\n "])),Q[e].border.success.default))},ot=fe(fe({},A.Light,g(kr||(kr=ge(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),_[A.Light].input)),A.Dark,g(Er||(Er=ge(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),_[A.Dark].input)),it=g(Cr||(Cr=ge(["\n display: flex;\n align-items: center;\n"]))),lt=fe(fe(fe(fe({},Ne.XSmall,g(Sr||(Sr=ge(["\n gap: ","px;\n "])),q[100])),Ne.Small,g(Lr||(Lr=ge(["\n gap: ","px;\n "])),q[200])),Ne.Default,g(Or||(Or=ge(["\n gap: ","px;\n "])),q[200])),Ne.Large,g(Nr||(Nr=ge(["\n gap: ","px;\n "])),q[200])),st=function(e){var n=e.overflow,r=e.size,t=g(Dr||(Dr=ge(["\n flex-grow: 1;\n width: 100%;\n "])));switch(n){case De.scrollX:return g(Mr||(Mr=ge(["\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,Ur(r),Ve);case De.expandY:return g(jr||(jr=ge(["\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,qr,Ur(r),3*Ur(r),qr)}},ct=g(Ir||(Ir=ge(["\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"])),$.default,q[100]),ut=fe(fe({},A.Light,g(zr||(zr=ge(["\n &::placeholder {\n color: ",";\n }\n "])),ee.gray.base)),A.Dark,g(Tr||(Tr=ge(["\n &::placeholder {\n color: ",";\n }\n "])),ee.gray.dark1)),dt=fe(fe({},A.Light,g(Pr||(Pr=ge(["\n &::placeholder {\n color: ",";\n }\n "])),ee.gray.base)),A.Dark,g(Ar||(Ar=ge(["\n &::placeholder {\n color: ",";\n }\n "])),ee.gray.dark1)),pt=function(e){return g(Fr||(Fr=ge(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n"])),Ur(e),Ze[e],He[e],Ze[e])},ft=function(e){return g(Rr||(Rr=ge(["\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")},ht=function(e,n){var r,t=null!==(r=null==n?void 0:n.length)&&void 0!==r?r:0;return g(Xr||(Xr=ge(["\n width: ","px;\n max-width: 100%;\n "])),t*Ze[e])},mt=g(Wr||(Wr=ge(["\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"])),Qr/2),gt=g(Gr||(Gr=ge(["\n height: ","px;\n width: ","px;\n"])),Qr,Qr),bt=g(Vr||(Vr=ge(["\n margin-bottom: ","px;\n display: flex;\n flex-direction: column;\n"])),q[100]),vt=g(Hr||(Hr=ge(["\n font-size: ","px;\n line-height: ","px;\n"])),U.large.fontSize,U.large.lineHeight),yt=fe(fe({},A.Light,g(Zr||(Zr=ge(["\n ::after {\n box-shadow: 0px 0px 7px 5px ",";\n }\n "])),re(.85,ee.black))),A.Dark,g(Kr||(Kr=ge(["\n ::after {\n width: 95%;\n box-shadow: 0px -7px 12px 5px rgb(0 0 0 / 50%);\n }\n "])))),xt=function(e){return Q[e].icon.primary.default},wt=function(e){return Q[e].icon.disabled.default},kt=["children","label","description","placeholder","aria-label","disabled","size","darkMode","state","errorMessage","successMessage","searchState","searchEmptyMessage","searchErrorMessage","searchLoadingMessage","filteredOptions","onFilter","clearable","onClear","overflow","multiselect","initialValue","inputValue","onInputChange","onChange","value","chipTruncationLocation","chipCharacterLimit","className","usePortal","portalClassName","portalContainer","portalRef","scrollContainer","popoverZIndex"],Et=["className","glyph","disabled"];function Ct(n){var r=n.children,m=n.label,g=n.description,v=n.placeholder,y=void 0===v?"Select":v,k=n["aria-label"],C=n.disabled,M=void 0!==C&&C,T=n.size,A=void 0===T?Ne.Default:T,X=n.darkMode,V=n.state,H=void 0===V?"none":V,Z=n.errorMessage,K=void 0===Z?x.error:Z,Y=n.successMessage,U=void 0===Y?x.success:Y,q=n.searchState,B=void 0===q?"unset":q,$=n.searchEmptyMessage,J=void 0===$?"No results found":$,Q=n.searchErrorMessage,_=void 0===Q?"Could not get results!":Q,ee=n.searchLoadingMessage,ne=void 0===ee?"Loading results...":ee,re=n.filteredOptions,te=n.onFilter,ae=n.clearable,oe=void 0===ae||ae,ie=n.onClear,le=n.overflow,se=void 0===le?De.expandY:le,ce=n.multiselect,de=void 0!==ce&&ce,ge=n.initialValue,ve=n.inputValue,ye=n.onInputChange,xe=n.onChange,Me=n.value,je=n.chipTruncationLocation,Ie=n.chipCharacterLimit,ze=void 0===Ie?12:Ie,Te=n.className,Pe=n.usePortal,Ae=void 0===Pe||Pe,Fe=n.portalClassName,Re=n.portalContainer,Xe=n.portalRef,We=n.scrollContainer,Ve=n.popoverZIndex,He=me(n,kt),Ze=z(X),Ke=Ze.darkMode,Ye=Ze.theme,qe=S({prefix:"option"}),Be=S({prefix:"chip"}),$e=E({prefix:"combobox-input"}),Je=E({prefix:"combobox-label"}),Qe=E({prefix:"combobox-menu"}),_e=i(null),en=i(null),nn=i(null),rn=i(null),tn=i(null),an=be(l(!1),2),on=an[0],ln=an[1],sn=L(on),cn=be(l(null),2),un=cn[0],pn=cn[1],fn=be(l(null),2),hn=fn[0],mn=fn[1],gn=L(hn),bn=be(l(null!=ve?ve:""),2),vn=bn[0],yn=bn[1];t((function(){h(ve)||yn(ve)}),[ve]);var xn=function(e){yn(e)},wn=L(vn),kn=be(l(null),2),En=kn[0],Cn=kn[1],Sn=be(l(!1),2),Ln=Sn[0],Nn=Sn[1],Dn=de&&u(hn)&&hn.length>0?void 0:y,Mn=function(){return ln(!1)},jn=function(){return ln(!0)},In=a((function(){return $n(r)}),[r]),zn=o((function(e){return!de||"string"!=typeof e&&"number"!=typeof e?!de&&u(e)&&R.error("Error in Combobox: multiselect is set to `false`, but received an Array value"):R.error("Error in Combobox: multiselect is set to `true`, but received a ".concat(pe(e),' value: "').concat(e,'"')),de&&u(e)}),[de]),Tn=o((function(e){!M&&rn&&rn.current&&(rn.current.focus(),h(e)||rn.current.setSelectionRange(e,e))}),[M]),Pn=o((function(e){if(zn(hn)){var n=s(hn),r=xe,t={diffType:"delete",value:null!=e?e:hn};p(e)?n.length=0:hn.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),t.diffType="insert",xn("")),mn(n),null==r||r(n,t)}else{var a=e,o=xe;mn(a),null==o||o(a)}}),[zn,xe,hn]),An=o((function(e){var n,r,t,a;return function(e,n){return Array.isArray(n)?n.includes(e):e===n}((r=In,(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:""),hn)}),[In,hn]),Fn=o((function(e){var n="string"==typeof e?e:e.value;return re&&re.length>0?re.includes(n):!!An(vn)||("string"==typeof e?Qn(n,In):e.displayName).toLowerCase().includes(vn.toLowerCase())}),[re,An,vn,In]),Rn=a((function(){return In.filter(Fn)}),[In,Fn]),Xn=o((function(e){return!!e&&!!In.find((function(n){return n.value===e}))}),[In]),Wn=o((function(e){return Rn?Rn.findIndex((function(n){return n.value===e})):-1}),[Rn]),Gn=o((function(e){if(Rn&&Rn.length>=e){var n=Rn[e];return n?n.value:void 0}}),[Rn]),Vn=o((function(){return zn(hn)?hn.findIndex((function(e){var n;return null===(n=Be(e))||void 0===n||null===(n=n.current)||void 0===n?void 0:n.contains(document.activeElement)})):-1}),[Be,zn,hn]),Hn=be(l(),2),Zn=Hn[0],Kn=Hn[1],Yn=o((function(e){var n,r=null!==(n=null==Rn?void 0:Rn.length)&&void 0!==n?n:0,t=r-1>0?r-1:0,a=Wn(un);switch(e&&on&&(Cn(null),Tn()),e){case"next":var o=Gn(a+1<r?a+1:0);pn(null!=o?o:null);break;case"prev":var i=Gn(a-1>=0?a-1:t);pn(null!=i?i:null);break;case"last":var l=Gn(t);pn(null!=l?l:null);break;default:var s=Gn(0);pn(null!=s?s:null)}}),[un,Wn,Gn,on,Tn,null==Rn?void 0:Rn.length]),Un=o((function(e,n){if(zn(hn))switch(e){case"next":var r=null!=n?n:Vn(),t=r+1<hn.length?r+1:hn.length-1,a=hn[t];Cn(a);break;case"prev":var o=null!=n?n:Vn(),i=o>0?o-1:o<0?hn.length-1:0,l=hn[i];Cn(l);break;case"first":var s=hn[0];Cn(s);break;case"last":var c=hn[hn.length-1];Cn(c);break;default:Cn(null)}}),[Vn,zn,hn]),_n=o((function(e,n){switch(e&&pn(null),e){case"right":switch(Zn){case we:var r,t,a;if((null===(r=rn.current)||void 0===r?void 0:r.selectionEnd)===(null===(t=rn.current)||void 0===t?void 0:t.value.length))null===(a=en.current)||void 0===a||a.focus();break;case Ee:case Se:case Ce:if(Zn===Ce||1===(null==hn?void 0:hn.length)){Tn(0),Un(null),n.preventDefault();break}Un("next")}break;case"left":switch(Zn){case ke:var o;n.preventDefault(),Tn(null==rn||null===(o=rn.current)||void 0===o?void 0:o.value.length);break;case we:case Se:case Ce:if(zn(hn)){var i;if(Zn===we&&0!==(null===(i=rn.current)||void 0===i?void 0:i.selectionStart))break;Un("prev")}}break;default:Un(null)}}),[Zn,zn,hn,Tn,Un]);t((function(){vn!==wn&&Yn("first")}),[vn,on,wn,Yn]),O(un?qe(un):void 0,tn);var er=o((function(n){if(F(n,"ComboboxOption")){var r=Bn(n.props),t=r.value,a=r.displayName;if(Fn(t)){var o=n.props,i=o.className,l=o.glyph,s=o.disabled,c=me(o,Et),u=In.findIndex((function(e){return e.value===t})),d=un===t,p=zn(hn)?hn.includes(t):hn===t,f=qe(t);return e.createElement(dr,he({},c,{value:t,displayName:a,isFocused:d,isSelected:p,disabled:s,setSelected:function(){pn(t),Pn(t),Tn(),t===hn&&Mn()},glyph:l,className:i,index:u,ref:f}))}}else if(F(n,"ComboboxGroup")){var h=e.Children.map(n.props.children,er);if(h&&(null==h?void 0:h.length)>0)return e.createElement(dn,{label:n.props.label,className:n.props.className},e.Children.map(h,er))}}),[In,qe,un,zn,hn,Tn,Fn,Pn]),nr=a((function(){return e.Children.map(r,er)}),[r,er]),rr=a((function(){if(zn(hn))return hn.filter(Xn).map((function(n,r){var t=Qn(n,In),a=En===n,o=Be(n),i=r>=hn.length-1;return e.createElement(Ue,{key:n,displayName:t,isFocused:a,onRemove:function(){i?(Tn(),Un(null)):Un("next",r),Pn(n)},onFocus:function(){Cn(n)},ref:o})}))}),[zn,hn,Xn,In,En,Be,Pn,Tn,Un]),tr=a((function(){return In.some((function(e){return e.hasGlyph}))}),[In]),ar=o((function(){var e=Rn.find((function(e){return e.displayName===vn||e.value===vn}));if(!Me&&e)Pn(e.value);else if(!zn(hn)){var n,r=null!==(n=Qn(hn,In))&&void 0!==n?n:gn;xn(r)}}),[In,vn,zn,gn,hn,Pn,Me,Rn]),or=o((function(){if(Yr(hn)){if(zn(hn))gr(se);else if(!zn(hn)){var e,n=null!==(e=Qn(hn,In))&&void 0!==e?e:"";xn(n),Mn()}}else xn("")}),[In,zn,hn,se]);t((function(){if(ge)if(u(ge)){var e,n=null!==(e=ge.filter((function(e){return Xn(e)})))&&void 0!==e?e:[];mn(n)}else Xn(ge)&&mn(ge);else mn(function(e){return e?[]:null}(de))}),[]),t((function(){if(!h(Me)&&Me!==wn)if(p(Me))mn(null);else if(zn(Me)){var e=Me.filter(Xn);mn(e)}else mn(Xn(Me)?Me:null)}),[zn,Xn,wn,Me]),t((function(){!h(gn)&&(u(hn)&&!p(gn)||f(hn)||p(hn))&&!d(hn,gn)&&or()}),[or,gn,hn]),t((function(){!on&&sn&&ar()}),[on,sn,ar]);var ir=be(l(0),2),lr=ir[0],sr=ir[1];t((function(){var e,n;sr(null!==(e=null===(n=_e.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)}),[_e,on,un,hn]);N(Mn,[tn,_e],on);var cr=zn(hn)&&!!hn.length,ur=c((function(e){Nn(qn(e.target))}),50,{leading:!0}),pr=o((function(e){se===De.expandY&&ur(e)}),[ur,se]);t((function(){nn.current&&Nn(qn(nn.current))}),[]);var fr,hr=ue({popoverZIndex:Ve},Ae?{usePortal:Ae,portalClassName:Fe,portalContainer:Re,portalRef:Xe,scrollContainer:We}:{usePortal:Ae}),mr={disabled:M,errorMessage:K,size:A,state:H,successMessage:U};return e.createElement(I,{darkMode:Ke},e.createElement(Ge.Provider,{value:{multiselect:de,size:A,withIcons:tr,disabled:M,isOpen:on,state:H,searchState:B,chipTruncationLocation:je,chipCharacterLimit:ze,inputValue:vn,overflow:se,popoverZIndex:Ve}},e.createElement("div",he({className:b(_r(A),Te)},He),(m||g)&&e.createElement("div",{className:bt},m&&e.createElement(W,{id:Je,htmlFor:$e,darkMode:Ke,disabled:M,className:b(fe({},vt,A===Ne.Large))},m),g&&e.createElement(G,{darkMode:Ke,disabled:M,className:b(fe({},vt,A===Ne.Large))},g)),e.createElement("div",{ref:_e,role:"combobox","aria-expanded":on,"aria-controls":Qe,"aria-owns":Qe,tabIndex:-1,onMouseDown:function(e){M&&e.preventDefault()},onClick:function(e){if(e.target!==rn.current){var n=0;if(rn.current)n=e.nativeEvent.offsetX>rn.current.offsetLeft+rn.current.clientWidth?vn.length:0;Tn(n)}jn()},onFocus:function(e){gr(se),Kn(function(e){var n,r,t,a;if(!e)return;if(null!==(n=rn.current)&&void 0!==n&&n.contains(e))return we;if(null!==(r=en.current)&&void 0!==r&&r.contains(e))return ke;var o=zn(hn)?hn.findIndex((function(n){var r;return null===(r=Be(n))||void 0===r||null===(r=r.current)||void 0===r?void 0:r.contains(e)})):-1;if(zn(hn)){if(0===o)return Ee;if(o===hn.length-1)return Ce;if(o>0)return Se}if(null!==(t=tn.current)&&void 0!==t&&t.contains(e))return Oe;if(null!==(a=_e.current)&&void 0!==a&&a.contains(e))return Le}(e.target))},onKeyDown:function(e){var n,r,t=null===(n=tn.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(r=_e.current)||void 0===r?void 0:r.contains(document.activeElement))||t){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.key){case P.Tab:switch(Zn){case"Input":Yr(hn)||(Mn(),Yn("first"),Un(null));break;case"LastChip":Un(null)}break;case P.Escape:Mn(),Yn("first");break;case P.Enter:on?!on||Zn!==we||p(un)||function(e){if("string"==typeof e){var n=Jn(e,In);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(un)?Zn===ke&&(Pn(null),Tn()):Pn(un):jn();break;case P.Backspace:var a;if(zn(hn))"Input"===Zn&&0===(null===(a=rn.current)||void 0===a?void 0:a.selectionStart)&&Un("last");jn();break;case P.ArrowDown:on?(e.preventDefault(),Yn("next")):jn();break;case P.ArrowUp:on?(e.preventDefault(),Yn("prev")):jn();break;case P.ArrowRight:_n("right",e);break;case P.ArrowLeft:_n("left",e);break;default:on||jn()}}},onTransitionEnd:function(){var e,n;sr(null!==(e=null===(n=_e.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:b(et,nt[Ye],rt(A,cr),at(Ye)[H],fe(fe(fe({},ot[Ye],(fr=we,fr===Zn)),tt(Ye),M),yt[Ye],Ln))},e.createElement("div",{onScroll:pr,ref:nn,className:st({size:A,overflow:se})},rr,e.createElement("input",{"aria-label":null!=k?k:m,"aria-autocomplete":"list","aria-controls":Qe,"aria-labelledby":Je,ref:rn,id:$e,className:b(ct,pt(A),ut[Ye],ft(on),fe(fe({},ht(A,vn),zn(hn)),dt[Ye],M)),placeholder:Dn,"aria-disabled":M,readOnly:M,onChange:function(e){xn(e.target.value),null==te||te(e.target.value),null==ye||ye(e)},value:vn,autoComplete:"off"})),e.createElement("div",{className:b(it,lt[A])},oe&&Yr(hn)&&!M&&e.createElement(j,{"aria-label":"Clear selection",disabled:M,ref:en,onClick:function(e){M||(e.stopPropagation(),Pn(null),null==ie||ie(e),null==te||te(""),Tn())},onFocus:function(){pn(null)},className:b(mt),darkMode:Ke},e.createElement(D,{glyph:"XWithCircle"})),e.createElement(D,{glyph:"CaretDown",className:gt,fill:b(fe(fe({},xt(Ye),!M),wt(Ye),M))}))),e.createElement(w,mr),e.createElement(On,he({id:Qe,labelId:Je,refEl:_e,ref:tn,menuWidth:lr,searchLoadingMessage:ne,searchErrorMessage:_,searchEmptyMessage:J},hr),nr))));function gr(e){nn&&nn.current&&(e===De.scrollX&&(nn.current.scrollLeft=nn.current.scrollWidth),e===De.expandY&&(nn.current.scrollTop=nn.current.scrollHeight))}}Ct.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(De)),darkMode:m.bool,label:m.string,"aria-label":m.string,children:m.node,onChange:m.func,chipCharacterLimit:m.number,chipTruncationLocation:m.oneOf(Object.values(H)),onClear:m.func,onFilter:m.func,clearable:m.bool,searchLoadingMessage:m.string,searchErrorMessage:m.string,searchEmptyMessage:m.string,searchState:m.oneOf(Object.values(je)),errorMessage:m.string,state:m.oneOf(Object.values(Me)),size:m.oneOf(Object.values(Ne)),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,portalRef:m.shape({current:"undefined"!=typeof window?m.instanceOf(Element):m.any}),portalClassName:m.string};export{Ct as Combobox,pn as ComboboxGroup,pr as ComboboxOption};
2
2
  //# sourceMappingURL=index.js.map