@leafygreen-ui/combobox 8.1.2 → 8.1.4

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