@leafygreen-ui/combobox 2.0.0 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/Chip.d.ts.map +1 -1
  3. package/dist/Combobox.d.ts.map +1 -1
  4. package/dist/ComboboxTestUtils.d.ts.map +1 -1
  5. package/dist/esm/index.js +1 -1
  6. package/dist/esm/index.js.map +1 -1
  7. package/dist/index.js +1 -1
  8. package/dist/index.js.map +1 -1
  9. package/package.json +3 -2
  10. package/src/Chip.tsx +3 -3
  11. package/src/Combobox.spec.tsx +3 -1
  12. package/src/Combobox.story.tsx +2 -2
  13. package/src/Combobox.tsx +6 -1
  14. package/src/ComboboxTestUtils.tsx +3 -2
  15. package/tsconfig.tsbuildinfo +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @leafygreen-ui/combobox
2
2
 
3
+ ## 2.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - 5f82468e: Updates lodash imports in combobox. Lodash functions are now imported individually to reduce bundle size
8
+ - Updated dependencies [13a4adcc]
9
+ - @leafygreen-ui/typography@13.0.1
10
+
3
11
  ## 2.0.0
4
12
 
5
13
  ### Major Changes
package/dist/Chip.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../src/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,SAAS,EAA+B,MAAM,kBAAkB,CAAC;AAgI1E,eAAO,MAAM,IAAI,mFAqIhB,CAAC"}
1
+ {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../src/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAOtE,OAAO,EAAE,SAAS,EAA+B,MAAM,kBAAkB,CAAC;AA0H1E,eAAO,MAAM,IAAI,mFAqIhB,CAAC"}
package/dist/Combobox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../src/Combobox.tsx"],"names":[],"mappings":";AAoBA,OAAO,EACL,aAAa,EAQd,MAAM,kBAAkB,CAAC;AAmC1B;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,SAAS,OAAO,EAAE,EAClD,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAsB,EACtB,YAAY,EAAE,SAAS,EACvB,QAAgB,EAChB,IAA2B,EAC3B,QAAgB,EAChB,KAAc,EACd,YAAY,EACZ,WAAqB,EACrB,kBAAuC,EACvC,kBAA6C,EAC7C,oBAA2C,EAC3C,eAAe,EACf,QAAQ,EACR,SAAgB,EAChB,OAAO,EACP,QAAqB,EACrB,WAAwB,EACxB,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,sBAAsB,EACtB,kBAAuB,EACvB,SAAS,EACT,SAAgB,EAChB,eAAe,EACf,eAAe,EACf,eAAe,EACf,aAAa,EACb,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,eAiuClB;AACD;;;GAGG"}
1
+ {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../src/Combobox.tsx"],"names":[],"mappings":";AAyBA,OAAO,EACL,aAAa,EAQd,MAAM,kBAAkB,CAAC;AAmC1B;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,SAAS,OAAO,EAAE,EAClD,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAsB,EACtB,YAAY,EAAE,SAAS,EACvB,QAAgB,EAChB,IAA2B,EAC3B,QAAgB,EAChB,KAAc,EACd,YAAY,EACZ,WAAqB,EACrB,kBAAuC,EACvC,kBAA6C,EAC7C,oBAA2C,EAC3C,eAAe,EACf,QAAQ,EACR,SAAgB,EAChB,OAAO,EACP,QAAqB,EACrB,WAAwB,EACxB,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,sBAAsB,EACtB,kBAAuB,EACvB,SAAS,EACT,SAAgB,EAChB,eAAe,EACf,eAAe,EACf,eAAe,EACf,aAAa,EACb,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,eAiuClB;AACD;;;GAGG"}
package/dist/ComboboxTestUtils.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ComboboxTestUtils.d.ts","sourceRoot":"","sources":["../src/ComboboxTestUtils.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,YAAY,EACb,MAAM,kBAAkB,CAAC;AAI1B,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC,CAAC;CACxC;AAED,oBAAY,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;AAC3C,aAAK,mBAAmB,GAAG;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,YAAY,GAAG,YAAY,CAAC,CAAC;CACvD,GAAG,iBAAiB,GACnB,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAEpC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,YAAY,CAgB9C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,YAAY,CA+B9C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,0DAyC1B,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAC7C,MAAM,GAAE,CAAiB,EACzB,KAAK,CAAC,EAAE,mBAAmB;iCAsDS,mBAAmB;;gBAetB,MAAM,GAAG,WAAW,GAAG,IAAI;gBAC3B,MAAM,MAAM,CAAC,GAAG,MAAM,WAAW,CAAC,GAAG,IAAI;;;gBAgBxC,MAAM,GAAG,WAAW,GAAG,IAAI;gBAC3B,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,IAAI;gBACrC,MAAM,MAAM,CAAC,GAAG,MAAM,WAAW,CAAC,GAAG,IAAI;;yBA5BjD,MAAM,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6D7C;AAED;;;;GAIG;AACH,eAAO,MAAM,MAAM,cAAe,OAAO,YAAmC,CAAC;AA8B7E,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,IAAI,CAAC;QACb,UAAU,QAAQ,CAAC,CAAC;YAClB,cAAc,IAAI,CAAC,CAAC;SACrB;KACF;CACF"}
1
+ {"version":3,"file":"ComboboxTestUtils.d.ts","sourceRoot":"","sources":["../src/ComboboxTestUtils.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,YAAY,EACb,MAAM,kBAAkB,CAAC;AAE1B,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC,CAAC;CACxC;AAED,oBAAY,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;AAC3C,aAAK,mBAAmB,GAAG;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,YAAY,GAAG,YAAY,CAAC,CAAC;CACvD,GAAG,iBAAiB,GACnB,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAEpC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,YAAY,CAgB9C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,YAAY,CA+B9C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,0DAyC1B,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAC7C,MAAM,GAAE,CAAiB,EACzB,KAAK,CAAC,EAAE,mBAAmB;iCAsDS,mBAAmB;;gBAetB,MAAM,GAAG,WAAW,GAAG,IAAI;gBAC3B,MAAM,MAAM,CAAC,GAAG,MAAM,WAAW,CAAC,GAAG,IAAI;;;gBAgBxC,MAAM,GAAG,WAAW,GAAG,IAAI;gBAC3B,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,IAAI;gBACrC,MAAM,MAAM,CAAC,GAAG,MAAM,WAAW,CAAC,GAAG,IAAI;;yBA5BjD,MAAM,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6D7C;AAED;;;;GAIG;AACH,eAAO,MAAM,MAAM,cAAe,OAAO,YAAmC,CAAC;AA8B7E,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,IAAI,CAAC;QACb,UAAU,QAAQ,CAAC,CAAC;YAClB,cAAc,IAAI,CAAC,CAAC;SACrB;KACF;CACF"}
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import n,{createContext as e,useContext as r,useCallback as o,useMemo as t,useRef as i,useEffect as a,useState as l}from"react";import{isNull as c,isArray as s,isString as u,isUndefined as d,clone as p,isEqual as f}from"lodash";import{Label as h,Description as b}from"@leafygreen-ui/typography";import{useIdAllocator as g,useForwardedRef as m,useAvailableSpace as v,useDynamicRefs as y,usePrevious as x,useEventListener as w}from"@leafygreen-ui/hooks";import k,{isComponentGlyph as C}from"@leafygreen-ui/icon";import N from"@leafygreen-ui/icon-button";import{css as O,cx as S,keyframes as z}from"@leafygreen-ui/emotion";import{palette as M}from"@leafygreen-ui/palette";import{isComponentType as E,createUniqueClassName as j,keyMap as I,consoleOnce as D}from"@leafygreen-ui/lib";import{jsx as P}from"@emotion/react";import L from"lodash/kebabCase";import F from"@leafygreen-ui/checkbox";import{typeScales as A,spacing as T,fontFamilies as H,hoverRing as R,focusRing as W}from"@leafygreen-ui/tokens";import{transparentize as G}from"polished";import K from"@leafygreen-ui/inline-definition";import U from"lodash/isNull";import V from"@leafygreen-ui/popover";import B from"lodash/isUndefined";function X(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.push.apply(r,o)}return r}function Z(n){return Z="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},Z(n)}function q(n,e,r){return e in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function Y(){return Y=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(n[o]=r[o])}return n},Y.apply(this,arguments)}function $(n,e){if(null==n)return{};var r,o,t=function(n,e){if(null==n)return{};var r,o,t={},i=Object.keys(n);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||(t[r]=n[r]);return t}(n,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(n,r)&&(t[r]=n[r])}return t}function J(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function Q(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var r=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null==r)return;var o,t,i=[],a=!0,l=!1;try{for(r=r.call(n);!(a=(o=r.next()).done)&&(i.push(o.value),!e||i.length!==e);a=!0);}catch(n){l=!0,t=n}finally{try{a||null==r.return||r.return()}finally{if(l)throw t}}return i}(n,e)||nn(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _(n){return function(n){if(Array.isArray(n))return en(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||nn(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function nn(n,e){if(n){if("string"==typeof n)return en(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?en(n,e):void 0}}function en(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,o=new Array(e);r<e;r++)o[r]=n[r];return o}var rn="dark",on="light",tn="Input",an="ClearButton",ln="FirstChip",cn="LastChip",sn="MiddleChip",un="Combobox",dn="Menu",pn="default",fn="large",hn="expand-y",bn="expand-x",gn="scroll-x",mn="error";var vn,yn,xn,wn,kn,Cn,Nn,On,Sn,zn,Mn,En,jn,In,Dn,Pn,Ln,Fn,An,Tn,Hn,Rn,Wn,Gn,Kn,Un,Vn,Bn,Xn,Zn,qn,Yn,$n,Jn=function(e,r,o){if(r&&o){var t=new RegExp(r,"gi"),i=e.matchAll(t);if(i){for(var a=e.split(""),l=0,c=Array.from(i);l<c.length;l++){var s,u=c[l],d=null!==(s=u.index)&&void 0!==s?s:-1,p=u[0],f=p.length,h=d+p+f,b=new Array(f).fill("");b[0]=n.createElement(o,{key:h},p),a.splice.apply(a,[d,f].concat(_(b)))}return P(n.Fragment,null,a)}return P(n.Fragment,null,e)}return P(n.Fragment,null,e)},Qn=function(n){var e,r=n.value,o=n.displayName;return{value:null!=r?r:L(o),displayName:null!==(e=null!=o?o:r)&&void 0!==e?e:""}},_n=function(n,e){if(n)return e.find((function(e){return e.value===n}))},ne=function(n,e){var r,o;return n?null!==(r=null===(o=_n(n,e))||void 0===o?void 0:o.displayName)&&void 0!==r?r:n:""},ee=function e(r){return n.Children.toArray(r).reduce((function(n,r){if(E(r,"ComboboxOption")){var o=Qn(r.props),t=o.value,i=o.displayName,a=r.props,l=a.glyph,c=a.disabled;return[].concat(_(n),[{value:t,displayName:i,isDisabled:!!c,hasGlyph:!!l}])}if(E(r,"ComboboxGroup")){var s=r.props.children;if(s)return[].concat(_(n),_(e(s)))}}),[])},re=e({multiselect:!1,darkMode:!1,size:pn,withIcons:!1,disabled:!1,isOpen:!1,state:"none",searchState:"unset"}),oe=function(n){return n?rn:on},te=(q(xn={},on,O(vn||(vn=J(["\n padding-top: 8px;\n "])))),q(xn,rn,O(yn||(yn=J(["\n padding-top: 8px;\n "])))),xn),ie=O(wn||(wn=J(["\n cursor: default;\n width: 100%;\n padding: 0 12px 2px;\n outline: none;\n overflow-wrap: anywhere;\n font-size: 12px;\n line-height: 16px;\n font-weight: bold;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n"]))),ae=(q(Nn={},on,O(kn||(kn=J(["\n color: ",";\n "])),M.gray.dark1)),q(Nn,rn,O(Cn||(Cn=J(["\n color: ",";\n "])),M.gray.light1)),Nn);function le(e){var o=e.label,t=e.className,i=e.children,a=r(re).darkMode,l=oe(a),c=g({prefix:"combobox-group"});return n.Children.count(i)>0?P("div",{className:S(te[l],t)},P("div",{className:S(ie,ae[l]),id:c},o),P("div",{role:"group","aria-labelledby":c},i)):P(n.Fragment,null)}function ce(n){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}ce.displayName="ComboboxGroup";var se=(q(On={},pn,{x:12,y:8}),q(On,fn,{x:12,y:8}),On),ue=(q(Sn={},pn,A.body1.lineHeight+2*se[pn].y),q(Sn,fn,A.body2.lineHeight+2*se[fn].y),Sn),de=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return O(zn||(zn=J(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),n)},pe=(q(jn={},on,O(Mn||(Mn=J(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),G(.85,M.black),M.gray.light2)),q(jn,rn,O(En||(En=J(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),G(.85,M.black),M.gray.dark3)),jn),fe=O(In||(In=J(["\n position: relative;\n width: 100%;\n margin: 0;\n padding: ","px 0;\n font-family: ",";\n border-radius: inherit;\n overflow-y: auto;\n scroll-behavior: smooth;\n"])),T[2],H.default),he=(q(Ln={},on,O(Dn||(Dn=J(["\n color: ",";\n background-color: ",";\n "])),M.black,M.white)),q(Ln,rn,O(Pn||(Pn=J(["\n color: ",";\n background-color: ",";\n "])),M.gray.light1,M.gray.dark3)),Ln);q(Tn={},pn,O(Fn||(Fn=J(["\n min-height: ","px;\n "])),ue[pn])),q(Tn,fn,O(An||(An=J(["\n min-height: ","px;\n "])),ue[fn]));var be=O(Hn||(Hn=J(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),ge=O(Rn||(Rn=J(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),me=(q(Kn={},on,O(Wn||(Wn=J(["\n color: ",";\n "])),M.gray.dark3)),q(Kn,rn,O(Gn||(Gn=J(["\n color: ",";\n "])),M.gray.light3)),Kn),ve=(q(Bn={},pn,O(Un||(Un=J(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px\n ","px;\n "])),A.body1.fontSize,A.body1.lineHeight,se[pn].y,se[pn].x)),q(Bn,fn,O(Vn||(Vn=J(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px\n ","px;\n "])),A.body2.fontSize,A.body2.lineHeight,se[fn].y,se[fn].x)),Bn);q(qn={},pn,O(Xn||(Xn=J(["\n height: ","px;\n width: ","px;\n "])),A.body1.fontSize,A.body1.fontSize)),q(qn,fn,O(Zn||(Zn=J(["\n height: ","px;\n width: ","px;\n "])),A.body2.fontSize,A.body2.fontSize));var ye,xe,we,ke,Ce,Ne,Oe,Se,ze,Me,Ee,je,Ie,De,Pe,Le,Fe,Ae,Te,He,Re,We,Ge,Ke,Ue,Ve,Be,Xe,Ze,qe,Ye,$e,Je,Qe,_e,nr,er,rr,or,tr,ir,ar,lr,cr,sr,ur,dr,pr,fr,hr,br,gr,mr,vr,yr,xr,wr,kr,Cr,Nr,Or,Sr,zr,Mr,Er,jr,Ir=z(Yn||(Yn=J(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),Dr=O($n||($n=J(["\n animation: "," 1.5s linear infinite;\n"])),Ir),Pr=O(ye||(ye=J(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n color: inherit;\n cursor: pointer;\n overflow: hidden;\n font-family: ",";\n\n // Left wedge\n &:before {\n content: '';\n position: absolute;\n left: 0;\n width: 4px;\n height: calc(100% - 14px);\n background-color: rgba(255, 255, 255, 0);\n border-radius: 0 6px 6px 0;\n transform: scale3d(0, 0.3, 0);\n transition: 200ms ease-in-out;\n transition-property: transform, background-color;\n }\n"])),H.default),Lr=(q(ke={},on,O(xe||(xe=J(["\n &:hover {\n outline: none;\n background-color: ",";\n }\n "])),M.gray.light2)),q(ke,rn,O(we||(we=J(["\n &:hover {\n outline: none;\n background-color: ",";\n }\n "])),M.gray.dark4)),ke),Fr=(q(Oe={},pn,O(Ce||(Ce=J(["\n font-size: ","px;\n line-height: ","px;\n min-height: ","px;\n padding: ","px\n ","px;\n gap: ","px;\n\n &:before {\n max-height: ","px;\n }\n "])),A.body1.fontSize,A.body1.lineHeight,ue[pn],se[pn].y,se[pn].x,T[1],ue[pn])),q(Oe,fn,O(Ne||(Ne=J(["\n font-size: ","px;\n line-height: ","px;\n min-height: ","px;\n padding: ","px\n ","px;\n gap: ","px;\n\n &:before {\n max-height: ","px;\n }\n "])),A.body2.fontSize,A.body2.lineHeight,ue[fn],se[fn].y,se[fn].x,T[2],ue[fn])),Oe),Ar=O(Se||(Se=J(["\n outline: none;\n\n &:before {\n transform: scaleY(1);\n }\n"]))),Tr=(q(Ee={},on,O(ze||(ze=J(["\n ",";\n background-color: ",";\n\n &:before {\n background-color: ",";\n }\n "])),Ar,M.blue.light3,M.blue.base)),q(Ee,rn,O(Me||(Me=J(["\n ",";\n background-color: ",";\n\n &:before {\n background-color: ",";\n }\n "])),Ar,M.blue.dark3,M.blue.light1)),Ee),Hr=O(je||(je=J(["\n cursor: not-allowed;\n\n &:hover {\n background-color: inherit;\n }\n\n &:before {\n content: unset;\n }\n"]))),Rr=(q(Pe={},on,O(Ie||(Ie=J(["\n ",";\n color: ",";\n "])),Hr,M.gray.light1)),q(Pe,rn,O(De||(De=J(["\n ",";\n color: ",";\n "])),Hr,M.gray.dark1)),Pe),Wr=(q(Ae={},pn,O(Le||(Le=J(["\n min-width: ","px;\n "])),T[3])),q(Ae,fn,O(Fe||(Fe=J(["\n min-width: ","px;\n "])),T[4])),Ae),Gr=O(Te||(Te=J(["\n display: inline-flex;\n gap: 8px;\n justify-content: start;\n align-items: inherit;\n overflow-wrap: anywhere;\n"]))),Kr=O(He||(He=J(["\n pointer-events: none;\n"]))),Ur=function(n){return O(Re||(Re=J(["\n font-weight: ",";\n"])),n?"bold":"normal")},Vr=n.forwardRef((function(e,i){var a,l=e.displayName,c=e.glyph,s=e.isSelected,u=e.isFocused,d=e.disabled,p=e.setSelected,f=e.className,h=r(re),b=h.multiselect,v=h.darkMode,y=h.withIcons,x=h.inputValue,w=h.size,N=oe(v),z=g({prefix:"combobox-option-text"}),j=m(i,null),I=o((function(n){n.stopPropagation(),d||n.target!==j.current&&"INPUT"!==n.target.tagName||p()}),[d,j,p]),D=t((function(){if(c){if(C(c)||E(c,"Icon"))return c;console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",c)}}),[c]),L=t((function(){if(b){var e=P(F,{"aria-labelledby":z,checked:s,tabIndex:-1,disabled:d,darkMode:v,className:O(We||(We=J(["\n // TODO: Remove when this is resolved:\n // https://jira.mongodb.org/browse/PD-2171\n & > label > div {\n margin-top: 0;\n }\n "])))});return P(n.Fragment,null,P("span",{className:S(Gr,Kr)},y?D:e,P("span",{id:z,className:Ur(s)},Jn(l,x,"strong"))),y&&e)}return P(n.Fragment,null,P("span",{className:S(Gr,Kr)},D,P("span",{className:Ur(s)},Jn(l,x,"strong"))),s&&P(k,{glyph:"Checkmark",className:Wr[w],color:v?M.blue.light1:M.blue.base}))}),[b,D,s,l,x,w,v,z,d,y]);return P("li",{ref:j,role:"option","aria-selected":u,"aria-label":l,tabIndex:-1,className:S(Pr,Fr[w],Lr[N],(a={},q(a,Tr[N],u),q(a,Rr[N],d),a),f),onClick:I,onKeyDown:I},L)}));function Br(n){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}Vr.displayName="ComboboxOption",Br.displayName="ComboboxOption";var Xr,Zr,qr,Yr,$r,Jr,Qr,_r,no,eo,ro,oo,to,io,ao,lo,co,so,uo,po,fo,ho=(q(Ge={},pn,A.body1.fontSize),q(Ge,fn,A.body2.fontSize),Ge),bo=(q(Ke={},pn,2),q(Ke,fn,4),Ke),go=(q(Ue={},pn,A.body1.lineHeight+2*bo[pn]),q(Ue,fn,A.body2.lineHeight+2*bo[fn]),Ue),mo=(q(Ve={},pn,{y:(36-go[pn]-2)/2,x:T[2]-1}),q(Ve,fn,{y:(48-go[fn]-2)/2,x:T[2]-1}),Ve),vo=T[3],yo=(q(Be={},pn,ho[pn]+2*mo[pn].x+vo+2),q(Be,fn,ho[fn]+2*mo[fn].x+vo+2),Be),xo=j("combobox-chip"),wo=function(n,e){return S(O(Xe||(Xe=J(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),H.default,yo[n]),q({},O(Ze||(Ze=J(["\n width: unset;\n "]))),e===bn))},ko=O(qe||(qe=J(["\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n cursor: text;\n transition: 150ms ease-in-out;\n transition-property: background-color, box-shadow, border-color;\n border: 1px solid;\n width: inherit;\n border-radius: 6px;\n"]))),Co=(q(Je={},on,O(Ye||(Ye=J(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover {\n box-shadow: ",";\n }\n "])),M.gray.dark3,M.white,M.gray.base,R[on].gray)),q(Je,rn,O($e||($e=J(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover {\n box-shadow: ",";\n }\n "])),M.gray.light2,M.gray.dark4,M.gray.base,R[rn].gray)),Je),No=function(n){return O(Qe||(Qe=J(["\n padding: ","px ","px;\n"])),mo[n].y,mo[n].x)},Oo=(q(er={},on,O(_e||(_e=J(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),M.gray.dark1,M.gray.light2,M.gray.light1)),q(er,rn,O(nr||(nr=J(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),M.gray.dark1,M.gray.dark3,M.gray.dark2)),er),So=(q(tr={},on,O(rr||(rr=J(["\n border-color: ",";\n "])),M.red.base)),q(tr,rn,O(or||(or=J(["\n border-color: ",";\n "])),M.red.light1)),tr),zo=(q(lr={},on,O(ir||(ir=J(["\n &:focus-within {\n border-color: transparent;\n background-color: ",";\n box-shadow: ",";\n }\n "])),M.white,W[on].input)),q(lr,rn,O(ar||(ar=J(["\n &:focus-within {\n border-color: transparent;\n background-color: ",";\n box-shadow: ",";\n }\n "])),M.gray.dark4,W[rn].input)),lr),Mo=function(n){var e=n.overflow,r=n.size,o=O(cr||(cr=J(["\n flex-grow: 1;\n width: inherit;\n "])));switch(e){case gn:return O(sr||(sr=J(["\n ","\n display: block;\n height: ","px;\n padding-left: ","px;\n white-space: nowrap;\n overflow-x: scroll;\n scroll-behavior: smooth;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n & > ."," {\n margin-inline: 2px;\n\n &:first-child {\n margin-inline-start: 0;\n }\n\n &:last-child {\n margin-inline-end: 0;\n }\n }\n "])),o,go[r],mo[r].x,xo);case bn:return O(ur||(ur=J(["\n ","\n display: flex;\n gap: 4px;\n flex-wrap: nowrap;\n white-space: nowrap;\n height: ","px;\n "])),o,go[r]);case hn:return O(dr||(dr=J(["\n ","\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n overflow-x: visible;\n min-height: ","px;\n "])),o,go[r])}},Eo=O(pr||(pr=J(["\n font-family: ",";\n width: 100%;\n border: none;\n cursor: inherit;\n background-color: inherit;\n color: inherit;\n box-sizing: content-box;\n padding: 0;\n margin: 0;\n text-overflow: ellipsis;\n\n &:placeholder-shown {\n min-width: 100%;\n }\n &:focus {\n outline: none;\n }\n"])),H.default),jo=(q(br={},on,O(fr||(fr=J(["\n &::placeholder {\n color: ",";\n }\n "])),M.gray.dark1)),q(br,rn,O(hr||(hr=J(["\n &::placeholder {\n color: ",";\n }\n "])),M.gray.light1)),br),Io=(q(vr={},pn,O(gr||(gr=J(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n padding-left: 4px;\n "])),go[pn],A.body1.fontSize,A.body1.lineHeight,ho[pn])),q(vr,fn,O(mr||(mr=J(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n padding-left: 6px;\n "])),go[fn],A.body2.fontSize,A.body2.lineHeight,ho[fn])),vr),Do=function(n,e){return S(q({},O(yr||(yr=J(["\n /*\n * Immediate transition in, slow transition out. \n * '-in' transition is handled by `scroll-behavior` \n */\n transition: width ease-in-out ",";\n "],["\n /*\n * Immediate transition in, slow transition out. \n * '-in' transition is handled by \\`scroll-behavior\\` \n */\n transition: width ease-in-out ",";\n "])),n?"0s":"100ms"),e!==bn))},Po=function(n,e){var r,o=null!==(r=null==e?void 0:e.length)&&void 0!==r?r:0;return O(xr||(xr=J(["\n max-width: 100%;\n width: ","px;\n // TODO: This doesn't quite work. Fix this\n max-width: calc(100% - ","px);\n "])),o*ho[n],2*vo)},Lo=function(n){return"object"===Z(n)&&!U(n)&&n.length>0?O(wr||(wr=J(["\n padding-left: 0px;\n "]))):""},Fo=O(kr||(kr=J(["\n // Add a negative margin so the button takes up the same space as the regular icons\n margin-block: calc(","px - 100%);\n"])),vo/2),Ao=function(n){return O(Cr||(Cr=J(["\n height: ","px;\n width: ","px;\n margin-inline-end: calc(","px / 2);\n"])),vo,vo,mo[n].x)},To=(q(Sr={},on,O(Nr||(Nr=J(["\n color: ",";\n "])),M.red.base)),q(Sr,rn,O(Or||(Or=J(["\n color: ",";\n "])),M.red.light1)),Sr),Ho=(q(Er={},pn,O(zr||(zr=J(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n "])),A.body1.fontSize,A.body1.lineHeight,mo[pn].y)),q(Er,fn,O(Mr||(Mr=J(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n "])),A.body2.fontSize,A.body2.lineHeight,mo[fn].y)),Er),Ro=O(jr||(jr=J(["\n margin-bottom: 2px;\n"]))),Wo=O(Xr||(Xr=J(["\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n white-space: nowrap;\n box-sizing: border-box;\n"]))),Go=(q(Yr={},pn,O(Zr||(Zr=J(["\n font-size: ","px;\n line-height: ","px;\n border-radius: 4px;\n "])),A.body1.fontSize,A.body1.lineHeight)),q(Yr,fn,O(qr||(qr=J(["\n font-size: ","px;\n line-height: ","px;\n border-radius: 4px;\n "])),A.body2.fontSize,A.body2.lineHeight)),Yr),Ko=(q(Qr={},on,O($r||($r=J(["\n color: ",";\n background-color: ",";\n\n // TODO: - refine these styles with Design\n &:focus-within {\n background-color: ",";\n }\n "])),M.black,M.gray.light2,M.blue.light2)),q(Qr,rn,O(Jr||(Jr=J(["\n color: ",";\n background-color: ",";\n\n &:focus-within {\n background-color: ",";\n }\n "])),M.gray.light2,M.gray.dark2,M.blue.dark2)),Qr),Uo=(q(eo={},on,O(_r||(_r=J(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n "])),M.gray.base,M.gray.light3)),q(eo,rn,O(no||(no=J(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n box-shadow: inset 0 0 1px 1px ","; ;\n "])),M.gray.dark2,M.gray.dark4,M.gray.dark2)),eo),Vo=(q(to={},pn,O(ro||(ro=J(["\n padding-inline: 6px;\n padding-block: ","px;\n "])),bo[pn])),q(to,fn,O(oo||(oo=J(["\n padding-inline: 10px;\n padding-block: ","px;\n "])),bo[fn])),to),Bo=O(io||(io=J(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n outline: none;\n border: none;\n background-color: transparent;\n cursor: pointer;\n transition: background-color 100ms ease-in-out;\n"]))),Xo=(q(co={},on,O(ao||(ao=J(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),M.gray.dark2,M.black,M.gray.light1)),q(co,rn,O(lo||(lo=J(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),M.gray.light1,M.gray.light3,M.gray.dark1)),co),Zo=(q(po={},on,O(so||(so=J(["\n cursor: not-allowed;\n color: ",";\n &:hover {\n color: inherit;\n background-color: unset;\n }\n "])),M.gray.dark2)),q(po,rn,O(uo||(uo=J(["\n cursor: not-allowed;\n color: ",";\n &:hover {\n color: inherit;\n background-color: unset;\n }\n "])),M.gray.dark2)),po),qo=n.forwardRef((function(n,e){var o=n.displayName,l=n.isFocused,c=n.onRemove,s=n.onFocus,u=r(re),d=u.darkMode,p=u.size,f=u.disabled,h=u.chipTruncationLocation,b=void 0===h?"end":h,g=u.chipCharacterLimit,m=void 0===g?12:g,v=oe(d),y=!!m&&!!b&&"none"!==b&&o.length>m,x=i(null),w=t((function(){if(y){var n=m-3;switch(b){case"start":return"…"+o.substring(o.length-n).trim();case"middle":return o.substring(0,n/2).trim()+"…"+o.substring(o.length-n/2).trim();case"end":return o.substring(0,n).trim()+"…";default:return o}}return!1}),[m,b,o,y]);a((function(){var n;l&&!f&&(null==x||null===(n=x.current)||void 0===n||n.focus())}),[f,e,l]);return P("span",{role:"option","aria-selected":l,"data-testid":"lg-combobox-chip",ref:e,className:S(xo,Wo,Ko[v],Go[p],q({},Uo[v],f)),onClick:function(n){var e;null!==(e=x.current)&&void 0!==e&&e.contains(n.target)||s()},onKeyDown:function(n){f||n.keyCode!==I.Delete&&n.keyCode!==I.Backspace&&n.keyCode!==I.Enter&&n.keyCode!==I.Space||c()},tabIndex:-1},P("span",{className:S(Vo[p])},w?P(K,{darkMode:d,definition:o,align:"bottom"},w):o),P("button",{"aria-label":"Deselect ".concat(o),"aria-disabled":f,disabled:f,ref:x,className:S(Bo,Xo[v],q({},Zo[v],f)),onClick:function(){f||c()}},P(k,{glyph:"X"})))}));qo.displayName="Chip";var Yo=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],$o=n.forwardRef((function(n,e){var o=n.children,i=n.id,a=n.refEl,l=n.labelId,c=n.menuWidth,s=n.searchLoadingMessage,u=n.searchErrorMessage,d=n.searchEmptyMessage,p=$(n,Yo),f=r(re),h=f.disabled,b=f.darkMode,g=f.size,y=f.isOpen,x=f.searchState,w=m(e,null),C=oe(b),N=v(a),z=B(N)?"unset":"".concat(Math.min(N,256),"px"),E=t((function(){var n=S(ge,me[C],ve[g]);switch(x){case"loading":return P("span",{className:n},P(k,{glyph:"Refresh",color:b?M.blue.light1:M.blue.base,className:Dr}),s);case"error":return P("span",{className:n},P(k,{glyph:"Warning",color:b?M.red.light1:M.red.base}),u);default:return o&&"object"===Z(o)&&"length"in o&&o.length>0?P("ul",{className:be},o):P("span",{className:n},d)}}),[C,g,x,b,s,u,o,d]);return P(V,Y({active:y&&!h,spacing:4,align:"bottom",justify:"middle",refEl:a,adjustOnMutation:!0,className:S(de(c),pe[C])},p),P("div",{ref:w,id:i,role:"listbox","aria-labelledby":l,"aria-expanded":y,className:S(fe,he[C],O(fo||(fo=J(["\n max-height: ",";\n "])),z)),onMouseDownCapture:function(n){return n.preventDefault()}},E))}));$o.displayName="ComboboxMenu";var Jo=["children","label","description","placeholder","aria-label","disabled","size","darkMode","state","errorMessage","searchState","searchEmptyMessage","searchErrorMessage","searchLoadingMessage","filteredOptions","onFilter","clearable","onClear","overflow","multiselect","initialValue","onChange","value","chipTruncationLocation","chipCharacterLimit","className","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"];function Qo(e){var r,m,v=e.children,C=e.label,O=e.description,z=e.placeholder,j=void 0===z?"Select":z,L=e["aria-label"],F=e.disabled,A=void 0!==F&&F,T=e.size,H=void 0===T?pn:T,R=e.darkMode,W=void 0!==R&&R,G=e.state,K=void 0===G?"none":G,U=e.errorMessage,V=e.searchState,B=void 0===V?"unset":V,J=e.searchEmptyMessage,_=void 0===J?"No results found":J,nn=e.searchErrorMessage,en=void 0===nn?"Could not get results!":nn,rn=e.searchLoadingMessage,on=void 0===rn?"Loading results...":rn,fn=e.filteredOptions,hn=e.onFilter,bn=e.clearable,gn=void 0===bn||bn,vn=e.onClear,yn=e.overflow,xn=void 0===yn?"expand-y":yn,wn=e.multiselect,kn=void 0!==wn&&wn,Cn=e.initialValue,Nn=e.onChange,On=e.value,Sn=e.chipTruncationLocation,zn=e.chipCharacterLimit,Mn=void 0===zn?12:zn,En=e.className,jn=e.usePortal,In=void 0===jn||jn,Dn=e.portalClassName,Pn=e.portalContainer,Ln=e.scrollContainer,Fn=e.popoverZIndex,An=$(e,Jo),Tn=oe(W),Hn=y({prefix:"option"}),Rn=y({prefix:"chip"}),Wn=g({prefix:"combobox-input"}),Gn=g({prefix:"combobox-label"}),Kn=g({prefix:"combobox-menu"}),Un=i(null),Vn=i(null),Bn=i(null),Xn=i(null),Zn=i(null),qn=Q(l(!1),2),Yn=qn[0],$n=qn[1],Jn=x(Yn),te=Q(l(null),2),ie=te[0],ae=te[1],ce=Q(l(null),2),se=ce[0],ue=ce[1],de=x(se),pe=Q(l(""),2),fe=pe[0],he=pe[1],be=x(fe),ge=Q(l(null),2),me=ge[0],ve=ge[1],ye=!c(se)&&(s(se)&&se.length>0||u(se)),xe=kn&&s(se)&&se.length>0?void 0:j,we=function(){return $n(!1)},ke=function(){return $n(!0)},Ce=t((function(){return ee(v)}),[v]),Ne=o((function(n){return!kn||"string"!=typeof n&&"number"!=typeof n?!kn&&s(n)&&D.error("Error in Combobox: multiselect is set to `false`, but recieved an Array value"):D.error("Error in Combobox: multiselect is set to `true`, but recieved a ".concat(Z(n),' value: "').concat(n,'"')),kn&&s(n)}),[kn]),Oe=o((function(n){!A&&Xn&&Xn.current&&(Xn.current.focus(),d(n)||Xn.current.setSelectionRange(n,n))}),[A]),Se=o((function(n){if(Ne(se)){var e=p(se);c(n)?e.length=0:se.includes(n)?e.splice(e.indexOf(n),1):(e.push(n),he("")),ue(e),null==Nn||Nn(e)}else{var r=n;ue(r),null==Nn||Nn(r)}}),[Ne,Nn,se]),ze=o((function(n){return Ne(se)?se.includes(n):n===se}),[Ne,se]),Me=o((function(n){var e,r,o,t,i=(r=Ce,(e=n)?null!==(o=null===(t=r.find((function(n){return n.displayName===e})))||void 0===t?void 0:t.value)&&void 0!==o?o:e:"");return ze(i)}),[Ce,ze]),Ee=o((function(n){var e="string"==typeof n?n:n.value;return fn&&fn.length>0?fn.includes(e):!!Me(fe)||("string"==typeof n?ne(e,Ce):n.displayName).toLowerCase().includes(fe.toLowerCase())}),[fn,Me,fe,Ce]),je=t((function(){return Ce.filter(Ee)}),[Ce,Ee]),Ie=o((function(n){return!!n&&!!Ce.find((function(e){return e.value===n}))}),[Ce]),De=o((function(n){return je?je.findIndex((function(e){return e.value===n})):-1}),[je]),Pe=o((function(n){if(je&&je.length>=n){var e=je[n];return e?e.value:void 0}}),[je]),Le=o((function(){return Ne(se)?se.findIndex((function(n){var e,r;return null===(e=Rn(n))||void 0===e||null===(r=e.current)||void 0===r?void 0:r.contains(document.activeElement)})):-1}),[Rn,Ne,se]),Fe=Q(l(),2),Ae=Fe[0],Te=Fe[1],He=o((function(n){var e,r=null!==(e=null==je?void 0:je.length)&&void 0!==e?e:0,o=r-1>0?r-1:0,t=De(ie);switch(n&&Yn&&(ve(null),Oe()),n){case"next":var i=Pe(t+1<r?t+1:0);ae(null!=i?i:null);break;case"prev":var a=Pe(t-1>=0?t-1:o);ae(null!=a?a:null);break;case"last":var l=Pe(o);ae(null!=l?l:null);break;default:var c=Pe(0);ae(null!=c?c:null)}}),[ie,De,Pe,Yn,Oe,null==je?void 0:je.length]),Re=o((function(n,e){if(Ne(se))switch(n){case"next":var r=null!=e?e:Le(),o=r+1<se.length?r+1:se.length-1,t=se[o];ve(t);break;case"prev":var i=null!=e?e:Le(),a=i>0?i-1:i<0?se.length-1:0,l=se[a];ve(l);break;case"first":var c=se[0];ve(c);break;case"last":var s=se[se.length-1];ve(s);break;default:ve(null)}}),[Le,Ne,se]),We=o((function(n,e){switch(n&&ae(null),n){case"right":switch(Ae){case tn:var r,o,t;if((null===(r=Xn.current)||void 0===r?void 0:r.selectionEnd)===(null===(o=Xn.current)||void 0===o?void 0:o.value.length))null===(t=Vn.current)||void 0===t||t.focus();break;case ln:case sn:case cn:if(Ae===cn||1===(null==se?void 0:se.length)){Oe(0),Re(null),e.preventDefault();break}Re("next")}break;case"left":switch(Ae){case an:var i;e.preventDefault(),Oe(null==Xn||null===(i=Xn.current)||void 0===i?void 0:i.value.length);break;case tn:case sn:case cn:if(Ne(se)){var a;if(Ae===tn&&0!==(null===(a=Xn.current)||void 0===a?void 0:a.selectionStart))break;Re("prev")}}break;default:Re(null)}}),[Ae,Ne,se,Oe,Re]);a((function(){fe!==be&&He("first")}),[fe,Yn,be,He]),a((function(){if(ie){var n=Hn(ie);if(n&&n.current&&Zn.current){var e=n.current.offsetTop,r=Zn.current,o=r.scrollTop;(e>r.offsetHeight||e<o)&&(Zn.current.scrollTop=e)}}}),[ie,Hn]);var Ge=o((function(e){if(E(e,"ComboboxOption")){var r=Qn(e.props),o=r.value,t=r.displayName;if(Ee(o)){var i=e.props,a=i.className,l=i.glyph,c=i.disabled,s=Ce.findIndex((function(n){return n.value===o})),u=ie===o,d=Ne(se)?se.includes(o):se===o,p=Hn(o);return P(Vr,{value:o,displayName:t,isFocused:u,isSelected:d,disabled:c,setSelected:function(){ae(o),Se(o),Oe(),o===se&&we()},glyph:l,className:a,index:s,ref:p})}}else if(E(e,"ComboboxGroup")){var f=n.Children.map(e.props.children,Ge);if(f&&(null==f?void 0:f.length)>0)return P(le,{label:e.props.label,className:e.props.className},n.Children.map(f,Ge))}}),[Ce,Hn,ie,Ne,se,Oe,Ee,Se]),Ke=t((function(){return n.Children.map(v,Ge)}),[v,Ge]),Ue=t((function(){if(Ne(se))return se.filter(Ie).map((function(n,e){var r=ne(n,Ce),o=me===n,t=Rn(n),i=e>=se.length-1;return P(qo,{key:n,displayName:r,isFocused:o,onRemove:function(){i?(Oe(),Re(null)):Re("next",e),Se(n)},onFocus:function(){ve(n)},ref:t})}))}),[Ne,se,Ie,Ce,me,Rn,Se,Oe,Re]),Ve=t((function(){return P(n.Fragment,null,gn&&ye&&P(N,{"aria-label":"Clear selection","aria-disabled":A,disabled:A,ref:Vn,onClick:function(n){A||(Se(null),null==vn||vn(n),null==hn||hn(""),Yn||ke())},onFocus:Je,className:S(Fo),darkMode:W},P(k,{glyph:"XWithCircle"})),P(k,"error"===K?{glyph:"Warning",color:W?M.red.light1:M.red.base,className:Ao(H)}:{glyph:"CaretDown",className:Ao(H)}))}),[gn,ye,A,K,W,H,Se,vn,hn,Yn]),Be=t((function(){return Ce.some((function(n){return n.hasGlyph}))}),[Ce]),Xe=o((function(){if(!Ne(se)&&se===de){var n=je.find((function(n){return n.displayName===fe||n.value===fe}));if(n&&!On)ue(n.value);else{var e,r=null!==(e=ne(se,Ce))&&void 0!==e?e:"";he(r)}}}),[Ce,fe,Ne,de,se,On,je]),Ze=o((function(){if(ye){if(Ne(se))er();else if(!Ne(se)){var n,e=null!==(n=ne(se,Ce))&&void 0!==n?n:"";he(e),we()}}else he("")}),[ye,Ce,Ne,se]);a((function(){if(Cn)if(s(Cn)){var n,e=null!==(n=Cn.filter((function(n){return Ie(n)})))&&void 0!==n?n:[];ue(e)}else Ie(Cn)&&ue(Cn);else ue(function(n){return n?[]:null}(kn))}),[]),a((function(){if(!d(On)&&On!==be)if(c(On))ue(null);else if(Ne(On)){var n=On.filter(Ie);ue(n)}else ue(Ie(On)?On:null)}),[Ne,Ie,be,On]),a((function(){f(se,de)||Ze()}),[Ze,de,se]),a((function(){!Yn&&Jn&&Xe()}),[Yn,Jn,Xe]);var qe=Q(l(0),2),Ye=qe[0],$e=qe[1];a((function(){var n,e;$e(null!==(n=null===(e=Un.current)||void 0===e?void 0:e.clientWidth)&&void 0!==n?n:0)}),[Un,Yn,ie,se]);var Je=function(){ae(null)};w("mousedown",(function(n){nr(n)||(n.preventDefault(),n.stopPropagation())}),{enabled:Yn}),w("click",(function(n){nr(n)||(n.stopPropagation(),we())}),{options:{capture:!0},enabled:Yn});var Qe,_e=function(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?X(Object(r),!0).forEach((function(e){q(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):X(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}({popoverZIndex:Fn},In?{usePortal:In,portalClassName:Dn,portalContainer:Pn,scrollContainer:Ln}:{usePortal:In});return P(re.Provider,{value:{multiselect:kn,darkMode:W,size:H,withIcons:Be,disabled:A,isOpen:Yn,state:K,searchState:B,chipTruncationLocation:Sn,chipCharacterLimit:Mn,inputValue:fe}},P("div",Y({className:S(wo(H,xn),En)},An),P("div",{className:Ro},C&&P(h,{id:Gn,htmlFor:Wn,darkMode:W},C),O&&P(b,{darkMode:W},O)),P("div",{ref:Un,role:"combobox","aria-expanded":Yn,"aria-controls":Kn,"aria-owns":Kn,tabIndex:-1,onMouseDown:function(n){A&&n.preventDefault()},onClick:function(n){if(n.target!==Xn.current){var e=0;if(Xn.current)e=n.nativeEvent.offsetX>Xn.current.offsetLeft+Xn.current.clientWidth?fe.length:0;Oe(e)}},onFocus:function(n){er(),ke(),Te(function(n){var e,r,o,t;if(!n)return;if(null!==(e=Xn.current)&&void 0!==e&&e.contains(n))return tn;if(null!==(r=Vn.current)&&void 0!==r&&r.contains(n))return an;var i=Ne(se)?se.findIndex((function(e){var r,o;return null===(r=Rn(e))||void 0===r||null===(o=r.current)||void 0===o?void 0:o.contains(n)})):-1;if(Ne(se)){if(0===i)return ln;if(i===se.length-1)return cn;if(i>0)return sn}if(null!==(o=Zn.current)&&void 0!==o&&o.contains(n))return dn;if(null!==(t=Un.current)&&void 0!==t&&t.contains(n))return un}(n.target))},onKeyDown:function(n){var e,r,o=null===(e=Zn.current)||void 0===e?void 0:e.contains(document.activeElement);if((null===(r=Un.current)||void 0===r?void 0:r.contains(document.activeElement))||o){if(n.ctrlKey||n.shiftKey||n.altKey)return;switch(n.keyCode){case I.Tab:switch(Ae){case"Input":ye||(we(),He("first"),Re(null));break;case"LastChip":Re(null)}break;case I.Escape:we(),He("first");break;case I.Enter:!Yn||Ae!==tn||c(ie)||function(n){if("string"==typeof n){var e=_n(n,Ce);return!(null==e||!e.isDisabled)}return!!n.isDisabled}(ie)?Ae===an&&(Se(null),Oe()):Se(ie);break;case I.Backspace:var t;if(Ne(se))"Input"===Ae&&0===(null===(t=Xn.current)||void 0===t?void 0:t.selectionStart)&&Re("last");ke();break;case I.ArrowDown:Yn?(n.preventDefault(),He("next")):ke();break;case I.ArrowUp:Yn?(n.preventDefault(),He("prev")):ke();break;case I.ArrowRight:We("right",n);break;case I.ArrowLeft:We("left",n);break;default:Yn||ke()}}},onTransitionEnd:function(){var n,e;$e(null!==(n=null===(e=Un.current)||void 0===e?void 0:e.clientWidth)&&void 0!==n?n:0)},className:S(ko,Co[Tn],No(H),(r={},q(r,Oo[Tn],A),q(r,So[Tn],K===mn),q(r,zo[Tn],(Qe=tn,Qe===Ae)),r))},P("div",{ref:Bn,className:Mo({size:H,overflow:xn})},Ue,P("input",{"aria-label":null!=L?L:C,"aria-autocomplete":"list","aria-controls":Kn,"aria-labelledby":Gn,ref:Xn,id:Wn,className:S(Eo,Io[H],jo[Tn],Do(Yn,xn),(m={},q(m,Po(H,fe),Ne(se)),q(m,Lo(se),Ne(se)),m)),placeholder:xe,disabled:null!=A?A:void 0,onChange:function(n){var e=n.target.value;he(e),null==hn||hn(e)},value:fe,autoComplete:"off"})),Ve),"error"===K&&U&&P("div",{className:S(To[Tn],Ho[H])},U),P($o,Y({id:Kn,labelId:Gn,refEl:Un,ref:Zn,menuWidth:Ye,searchLoadingMessage:on,searchErrorMessage:en,searchEmptyMessage:_},_e),Ke)));function nr(n){var e,r,o=n.target;return(null===(e=Zn.current)||void 0===e?void 0:e.contains(o))||(null===(r=Un.current)||void 0===r?void 0:r.contains(o))||!1}function er(){Bn&&Bn.current&&(Bn.current.scrollLeft=Bn.current.scrollWidth)}}export{Qo as Combobox,ce as ComboboxGroup,Br as ComboboxOption};
1
+ import n from"lodash/clone";import e from"lodash/isArray";import r from"lodash/isEqual";import o from"lodash/isNull";import t from"lodash/isString";import i from"lodash/isUndefined";import a,{createContext as l,useContext as c,useCallback as s,useMemo as u,useRef as d,useEffect as p,useState as f}from"react";import{Label as h,Description as b}from"@leafygreen-ui/typography";import{useIdAllocator as g,useForwardedRef as m,useAvailableSpace as v,useDynamicRefs as y,usePrevious as x,useEventListener as w}from"@leafygreen-ui/hooks";import k,{isComponentGlyph as C}from"@leafygreen-ui/icon";import N from"@leafygreen-ui/icon-button";import{css as O,cx as S,keyframes as z}from"@leafygreen-ui/emotion";import{palette as M}from"@leafygreen-ui/palette";import{isComponentType as E,createUniqueClassName as j,keyMap as I,consoleOnce as D}from"@leafygreen-ui/lib";import{jsx as P}from"@emotion/react";import L from"lodash/kebabCase";import A from"@leafygreen-ui/checkbox";import{typeScales as F,spacing as T,fontFamilies as H,hoverRing as R,focusRing as W}from"@leafygreen-ui/tokens";import{transparentize as G}from"polished";import K from"@leafygreen-ui/inline-definition";import U from"@leafygreen-ui/popover";function V(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.push.apply(r,o)}return r}function B(n){return B="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},B(n)}function X(n,e,r){return e in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function Z(){return Z=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(n[o]=r[o])}return n},Z.apply(this,arguments)}function q(n,e){if(null==n)return{};var r,o,t=function(n,e){if(null==n)return{};var r,o,t={},i=Object.keys(n);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||(t[r]=n[r]);return t}(n,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(n,r)&&(t[r]=n[r])}return t}function Y(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function $(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var r=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null==r)return;var o,t,i=[],a=!0,l=!1;try{for(r=r.call(n);!(a=(o=r.next()).done)&&(i.push(o.value),!e||i.length!==e);a=!0);}catch(n){l=!0,t=n}finally{try{a||null==r.return||r.return()}finally{if(l)throw t}}return i}(n,e)||Q(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function J(n){return function(n){if(Array.isArray(n))return _(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||Q(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Q(n,e){if(n){if("string"==typeof n)return _(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_(n,e):void 0}}function _(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,o=new Array(e);r<e;r++)o[r]=n[r];return o}var nn="dark",en="light",rn="Input",on="ClearButton",tn="FirstChip",an="LastChip",ln="MiddleChip",cn="Combobox",sn="Menu",un="default",dn="large",pn="expand-y",fn="expand-x",hn="scroll-x",bn="error";var gn,mn,vn,yn,xn,wn,kn,Cn,Nn,On,Sn,zn,Mn,En,jn,In,Dn,Pn,Ln,An,Fn,Tn,Hn,Rn,Wn,Gn,Kn,Un,Vn,Bn,Xn,Zn,qn,Yn=function(n,e,r){if(e&&r){var o=new RegExp(e,"gi"),t=n.matchAll(o);if(t){for(var i=n.split(""),l=0,c=Array.from(t);l<c.length;l++){var s,u=c[l],d=null!==(s=u.index)&&void 0!==s?s:-1,p=u[0],f=p.length,h=d+p+f,b=new Array(f).fill("");b[0]=a.createElement(r,{key:h},p),i.splice.apply(i,[d,f].concat(J(b)))}return P(a.Fragment,null,i)}return P(a.Fragment,null,n)}return P(a.Fragment,null,n)},$n=function(n){var e,r=n.value,o=n.displayName;return{value:null!=r?r:L(o),displayName:null!==(e=null!=o?o:r)&&void 0!==e?e:""}},Jn=function(n,e){if(n)return e.find((function(e){return e.value===n}))},Qn=function(n,e){var r,o;return n?null!==(r=null===(o=Jn(n,e))||void 0===o?void 0:o.displayName)&&void 0!==r?r:n:""},_n=function n(e){return a.Children.toArray(e).reduce((function(e,r){if(E(r,"ComboboxOption")){var o=$n(r.props),t=o.value,i=o.displayName,a=r.props,l=a.glyph,c=a.disabled;return[].concat(J(e),[{value:t,displayName:i,isDisabled:!!c,hasGlyph:!!l}])}if(E(r,"ComboboxGroup")){var s=r.props.children;if(s)return[].concat(J(e),J(n(s)))}}),[])},ne=l({multiselect:!1,darkMode:!1,size:un,withIcons:!1,disabled:!1,isOpen:!1,state:"none",searchState:"unset"}),ee=function(n){return n?nn:en},re=(X(vn={},en,O(gn||(gn=Y(["\n padding-top: 8px;\n "])))),X(vn,nn,O(mn||(mn=Y(["\n padding-top: 8px;\n "])))),vn),oe=O(yn||(yn=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: bold;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n"]))),te=(X(kn={},en,O(xn||(xn=Y(["\n color: ",";\n "])),M.gray.dark1)),X(kn,nn,O(wn||(wn=Y(["\n color: ",";\n "])),M.gray.light1)),kn);function ie(n){var e=n.label,r=n.className,o=n.children,t=c(ne).darkMode,i=ee(t),l=g({prefix:"combobox-group"});return a.Children.count(o)>0?P("div",{className:S(re[i],r)},P("div",{className:S(oe,te[i]),id:l},e),P("div",{role:"group","aria-labelledby":l},o)):P(a.Fragment,null)}function ae(n){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}ae.displayName="ComboboxGroup";var le=(X(Cn={},un,{x:12,y:8}),X(Cn,dn,{x:12,y:8}),Cn),ce=(X(Nn={},un,F.body1.lineHeight+2*le[un].y),X(Nn,dn,F.body2.lineHeight+2*le[dn].y),Nn),se=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return O(On||(On=Y(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),n)},ue=(X(Mn={},en,O(Sn||(Sn=Y(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),G(.85,M.black),M.gray.light2)),X(Mn,nn,O(zn||(zn=Y(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),G(.85,M.black),M.gray.dark3)),Mn),de=O(En||(En=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"])),T[2],H.default),pe=(X(Dn={},en,O(jn||(jn=Y(["\n color: ",";\n background-color: ",";\n "])),M.black,M.white)),X(Dn,nn,O(In||(In=Y(["\n color: ",";\n background-color: ",";\n "])),M.gray.light1,M.gray.dark3)),Dn);X(An={},un,O(Pn||(Pn=Y(["\n min-height: ","px;\n "])),ce[un])),X(An,dn,O(Ln||(Ln=Y(["\n min-height: ","px;\n "])),ce[dn]));var fe=O(Fn||(Fn=Y(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),he=O(Tn||(Tn=Y(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),be=(X(Wn={},en,O(Hn||(Hn=Y(["\n color: ",";\n "])),M.gray.dark3)),X(Wn,nn,O(Rn||(Rn=Y(["\n color: ",";\n "])),M.gray.light3)),Wn),ge=(X(Un={},un,O(Gn||(Gn=Y(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px\n ","px;\n "])),F.body1.fontSize,F.body1.lineHeight,le[un].y,le[un].x)),X(Un,dn,O(Kn||(Kn=Y(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px\n ","px;\n "])),F.body2.fontSize,F.body2.lineHeight,le[dn].y,le[dn].x)),Un);X(Xn={},un,O(Vn||(Vn=Y(["\n height: ","px;\n width: ","px;\n "])),F.body1.fontSize,F.body1.fontSize)),X(Xn,dn,O(Bn||(Bn=Y(["\n height: ","px;\n width: ","px;\n "])),F.body2.fontSize,F.body2.fontSize));var me,ve,ye,xe,we,ke,Ce,Ne,Oe,Se,ze,Me,Ee,je,Ie,De,Pe,Le,Ae,Fe,Te,He,Re,We,Ge,Ke,Ue,Ve,Be,Xe,Ze,qe,Ye,$e,Je,Qe,_e,nr,er,rr,or,tr,ir,ar,lr,cr,sr,ur,dr,pr,fr,hr,br,gr,mr,vr,yr,xr,wr,kr,Cr,Nr,Or,Sr,zr,Mr,Er=z(Zn||(Zn=Y(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),jr=O(qn||(qn=Y(["\n animation: "," 1.5s linear infinite;\n"])),Er),Ir=O(me||(me=Y(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n color: inherit;\n cursor: pointer;\n overflow: hidden;\n font-family: ",";\n\n // Left wedge\n &:before {\n content: '';\n position: absolute;\n left: 0;\n width: 4px;\n height: calc(100% - 14px);\n background-color: rgba(255, 255, 255, 0);\n border-radius: 0 6px 6px 0;\n transform: scale3d(0, 0.3, 0);\n transition: 200ms ease-in-out;\n transition-property: transform, background-color;\n }\n"])),H.default),Dr=(X(xe={},en,O(ve||(ve=Y(["\n &:hover {\n outline: none;\n background-color: ",";\n }\n "])),M.gray.light2)),X(xe,nn,O(ye||(ye=Y(["\n &:hover {\n outline: none;\n background-color: ",";\n }\n "])),M.gray.dark4)),xe),Pr=(X(Ce={},un,O(we||(we=Y(["\n font-size: ","px;\n line-height: ","px;\n min-height: ","px;\n padding: ","px\n ","px;\n gap: ","px;\n\n &:before {\n max-height: ","px;\n }\n "])),F.body1.fontSize,F.body1.lineHeight,ce[un],le[un].y,le[un].x,T[1],ce[un])),X(Ce,dn,O(ke||(ke=Y(["\n font-size: ","px;\n line-height: ","px;\n min-height: ","px;\n padding: ","px\n ","px;\n gap: ","px;\n\n &:before {\n max-height: ","px;\n }\n "])),F.body2.fontSize,F.body2.lineHeight,ce[dn],le[dn].y,le[dn].x,T[2],ce[dn])),Ce),Lr=O(Ne||(Ne=Y(["\n outline: none;\n\n &:before {\n transform: scaleY(1);\n }\n"]))),Ar=(X(ze={},en,O(Oe||(Oe=Y(["\n ",";\n background-color: ",";\n\n &:before {\n background-color: ",";\n }\n "])),Lr,M.blue.light3,M.blue.base)),X(ze,nn,O(Se||(Se=Y(["\n ",";\n background-color: ",";\n\n &:before {\n background-color: ",";\n }\n "])),Lr,M.blue.dark3,M.blue.light1)),ze),Fr=O(Me||(Me=Y(["\n cursor: not-allowed;\n\n &:hover {\n background-color: inherit;\n }\n\n &:before {\n content: unset;\n }\n"]))),Tr=(X(Ie={},en,O(Ee||(Ee=Y(["\n ",";\n color: ",";\n "])),Fr,M.gray.light1)),X(Ie,nn,O(je||(je=Y(["\n ",";\n color: ",";\n "])),Fr,M.gray.dark1)),Ie),Hr=(X(Le={},un,O(De||(De=Y(["\n min-width: ","px;\n "])),T[3])),X(Le,dn,O(Pe||(Pe=Y(["\n min-width: ","px;\n "])),T[4])),Le),Rr=O(Ae||(Ae=Y(["\n display: inline-flex;\n gap: 8px;\n justify-content: start;\n align-items: inherit;\n overflow-wrap: anywhere;\n"]))),Wr=O(Fe||(Fe=Y(["\n pointer-events: none;\n"]))),Gr=function(n){return O(Te||(Te=Y(["\n font-weight: ",";\n"])),n?"bold":"normal")},Kr=a.forwardRef((function(n,e){var r,o=n.displayName,t=n.glyph,i=n.isSelected,l=n.isFocused,d=n.disabled,p=n.setSelected,f=n.className,h=c(ne),b=h.multiselect,v=h.darkMode,y=h.withIcons,x=h.inputValue,w=h.size,N=ee(v),z=g({prefix:"combobox-option-text"}),j=m(e,null),I=s((function(n){n.stopPropagation(),d||n.target!==j.current&&"INPUT"!==n.target.tagName||p()}),[d,j,p]),D=u((function(){if(t){if(C(t)||E(t,"Icon"))return t;console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",t)}}),[t]),L=u((function(){if(b){var n=P(A,{"aria-labelledby":z,checked:i,tabIndex:-1,disabled:d,darkMode:v,className:O(He||(He=Y(["\n // TODO: Remove when this is resolved:\n // https://jira.mongodb.org/browse/PD-2171\n & > label > div {\n margin-top: 0;\n }\n "])))});return P(a.Fragment,null,P("span",{className:S(Rr,Wr)},y?D:n,P("span",{id:z,className:Gr(i)},Yn(o,x,"strong"))),y&&n)}return P(a.Fragment,null,P("span",{className:S(Rr,Wr)},D,P("span",{className:Gr(i)},Yn(o,x,"strong"))),i&&P(k,{glyph:"Checkmark",className:Hr[w],color:v?M.blue.light1:M.blue.base}))}),[b,D,i,o,x,w,v,z,d,y]);return P("li",{ref:j,role:"option","aria-selected":l,"aria-label":o,tabIndex:-1,className:S(Ir,Pr[w],Dr[N],(r={},X(r,Ar[N],l),X(r,Tr[N],d),r),f),onClick:I,onKeyDown:I},L)}));function Ur(n){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}Kr.displayName="ComboboxOption",Ur.displayName="ComboboxOption";var Vr,Br,Xr,Zr,qr,Yr,$r,Jr,Qr,_r,no,eo,ro,oo,to,io,ao,lo,co,so,uo,po=(X(Re={},un,F.body1.fontSize),X(Re,dn,F.body2.fontSize),Re),fo=(X(We={},un,2),X(We,dn,4),We),ho=(X(Ge={},un,F.body1.lineHeight+2*fo[un]),X(Ge,dn,F.body2.lineHeight+2*fo[dn]),Ge),bo=(X(Ke={},un,{y:(36-ho[un]-2)/2,x:T[2]-1}),X(Ke,dn,{y:(48-ho[dn]-2)/2,x:T[2]-1}),Ke),go=T[3],mo=(X(Ue={},un,po[un]+2*bo[un].x+go+2),X(Ue,dn,po[dn]+2*bo[dn].x+go+2),Ue),vo=j("combobox-chip"),yo=function(n,e){return S(O(Ve||(Ve=Y(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),H.default,mo[n]),X({},O(Be||(Be=Y(["\n width: unset;\n "]))),e===fn))},xo=O(Xe||(Xe=Y(["\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n cursor: text;\n transition: 150ms ease-in-out;\n transition-property: background-color, box-shadow, border-color;\n border: 1px solid;\n width: inherit;\n border-radius: 6px;\n"]))),wo=(X(Ye={},en,O(Ze||(Ze=Y(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover {\n box-shadow: ",";\n }\n "])),M.gray.dark3,M.white,M.gray.base,R[en].gray)),X(Ye,nn,O(qe||(qe=Y(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover {\n box-shadow: ",";\n }\n "])),M.gray.light2,M.gray.dark4,M.gray.base,R[nn].gray)),Ye),ko=function(n){return O($e||($e=Y(["\n padding: ","px ","px;\n"])),bo[n].y,bo[n].x)},Co=(X(_e={},en,O(Je||(Je=Y(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),M.gray.dark1,M.gray.light2,M.gray.light1)),X(_e,nn,O(Qe||(Qe=Y(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),M.gray.dark1,M.gray.dark3,M.gray.dark2)),_e),No=(X(rr={},en,O(nr||(nr=Y(["\n border-color: ",";\n "])),M.red.base)),X(rr,nn,O(er||(er=Y(["\n border-color: ",";\n "])),M.red.light1)),rr),Oo=(X(ir={},en,O(or||(or=Y(["\n &:focus-within {\n border-color: transparent;\n background-color: ",";\n box-shadow: ",";\n }\n "])),M.white,W[en].input)),X(ir,nn,O(tr||(tr=Y(["\n &:focus-within {\n border-color: transparent;\n background-color: ",";\n box-shadow: ",";\n }\n "])),M.gray.dark4,W[nn].input)),ir),So=function(n){var e=n.overflow,r=n.size,o=O(ar||(ar=Y(["\n flex-grow: 1;\n width: inherit;\n "])));switch(e){case hn:return O(lr||(lr=Y(["\n ","\n display: block;\n height: ","px;\n padding-left: ","px;\n white-space: nowrap;\n overflow-x: scroll;\n scroll-behavior: smooth;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n & > ."," {\n margin-inline: 2px;\n\n &:first-child {\n margin-inline-start: 0;\n }\n\n &:last-child {\n margin-inline-end: 0;\n }\n }\n "])),o,ho[r],bo[r].x,vo);case fn:return O(cr||(cr=Y(["\n ","\n display: flex;\n gap: 4px;\n flex-wrap: nowrap;\n white-space: nowrap;\n height: ","px;\n "])),o,ho[r]);case pn:return O(sr||(sr=Y(["\n ","\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n overflow-x: visible;\n min-height: ","px;\n "])),o,ho[r])}},zo=O(ur||(ur=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\n &:placeholder-shown {\n min-width: 100%;\n }\n &:focus {\n outline: none;\n }\n"])),H.default),Mo=(X(fr={},en,O(dr||(dr=Y(["\n &::placeholder {\n color: ",";\n }\n "])),M.gray.dark1)),X(fr,nn,O(pr||(pr=Y(["\n &::placeholder {\n color: ",";\n }\n "])),M.gray.light1)),fr),Eo=(X(gr={},un,O(hr||(hr=Y(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n padding-left: 4px;\n "])),ho[un],F.body1.fontSize,F.body1.lineHeight,po[un])),X(gr,dn,O(br||(br=Y(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n padding-left: 6px;\n "])),ho[dn],F.body2.fontSize,F.body2.lineHeight,po[dn])),gr),jo=function(n,e){return S(X({},O(mr||(mr=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 "])),n?"0s":"100ms"),e!==fn))},Io=function(n,e){var r,o=null!==(r=null==e?void 0:e.length)&&void 0!==r?r:0;return O(vr||(vr=Y(["\n max-width: 100%;\n width: ","px;\n // TODO: This doesn't quite work. Fix this\n max-width: calc(100% - ","px);\n "])),o*po[n],2*go)},Do=function(n){return"object"===B(n)&&!o(n)&&n.length>0?O(yr||(yr=Y(["\n padding-left: 0px;\n "]))):""},Po=O(xr||(xr=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"])),go/2),Lo=function(n){return O(wr||(wr=Y(["\n height: ","px;\n width: ","px;\n margin-inline-end: calc(","px / 2);\n"])),go,go,bo[n].x)},Ao=(X(Nr={},en,O(kr||(kr=Y(["\n color: ",";\n "])),M.red.base)),X(Nr,nn,O(Cr||(Cr=Y(["\n color: ",";\n "])),M.red.light1)),Nr),Fo=(X(zr={},un,O(Or||(Or=Y(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n "])),F.body1.fontSize,F.body1.lineHeight,bo[un].y)),X(zr,dn,O(Sr||(Sr=Y(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n "])),F.body2.fontSize,F.body2.lineHeight,bo[dn].y)),zr),To=O(Mr||(Mr=Y(["\n margin-bottom: 2px;\n"]))),Ho=O(Vr||(Vr=Y(["\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n white-space: nowrap;\n box-sizing: border-box;\n"]))),Ro=(X(Zr={},un,O(Br||(Br=Y(["\n font-size: ","px;\n line-height: ","px;\n border-radius: 4px;\n "])),F.body1.fontSize,F.body1.lineHeight)),X(Zr,dn,O(Xr||(Xr=Y(["\n font-size: ","px;\n line-height: ","px;\n border-radius: 4px;\n "])),F.body2.fontSize,F.body2.lineHeight)),Zr),Wo=(X($r={},en,O(qr||(qr=Y(["\n color: ",";\n background-color: ",";\n\n // TODO: - refine these styles with Design\n &:focus-within {\n background-color: ",";\n }\n "])),M.black,M.gray.light2,M.blue.light2)),X($r,nn,O(Yr||(Yr=Y(["\n color: ",";\n background-color: ",";\n\n &:focus-within {\n background-color: ",";\n }\n "])),M.gray.light2,M.gray.dark2,M.blue.dark2)),$r),Go=(X(_r={},en,O(Jr||(Jr=Y(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n "])),M.gray.base,M.gray.light3)),X(_r,nn,O(Qr||(Qr=Y(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n box-shadow: inset 0 0 1px 1px ","; ;\n "])),M.gray.dark2,M.gray.dark4,M.gray.dark2)),_r),Ko=(X(ro={},un,O(no||(no=Y(["\n padding-inline: 6px;\n padding-block: ","px;\n "])),fo[un])),X(ro,dn,O(eo||(eo=Y(["\n padding-inline: 10px;\n padding-block: ","px;\n "])),fo[dn])),ro),Uo=O(oo||(oo=Y(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n outline: none;\n border: none;\n background-color: transparent;\n cursor: pointer;\n transition: background-color 100ms ease-in-out;\n"]))),Vo=(X(ao={},en,O(to||(to=Y(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),M.gray.dark2,M.black,M.gray.light1)),X(ao,nn,O(io||(io=Y(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),M.gray.light1,M.gray.light3,M.gray.dark1)),ao),Bo=(X(so={},en,O(lo||(lo=Y(["\n cursor: not-allowed;\n color: ",";\n &:hover {\n color: inherit;\n background-color: unset;\n }\n "])),M.gray.dark2)),X(so,nn,O(co||(co=Y(["\n cursor: not-allowed;\n color: ",";\n &:hover {\n color: inherit;\n background-color: unset;\n }\n "])),M.gray.dark2)),so),Xo=a.forwardRef((function(n,e){var r=n.displayName,o=n.isFocused,t=n.onRemove,i=n.onFocus,a=c(ne),l=a.darkMode,s=a.size,f=a.disabled,h=a.chipTruncationLocation,b=void 0===h?"end":h,g=a.chipCharacterLimit,m=void 0===g?12:g,v=ee(l),y=!!m&&!!b&&"none"!==b&&r.length>m,x=d(null),w=u((function(){if(y){var n=m-3;switch(b){case"start":return"…"+r.substring(r.length-n).trim();case"middle":return r.substring(0,n/2).trim()+"…"+r.substring(r.length-n/2).trim();case"end":return r.substring(0,n).trim()+"…";default:return r}}return!1}),[m,b,r,y]);p((function(){var n;o&&!f&&(null==x||null===(n=x.current)||void 0===n||n.focus())}),[f,e,o]);return P("span",{role:"option","aria-selected":o,"data-testid":"lg-combobox-chip",ref:e,className:S(vo,Ho,Wo[v],Ro[s],X({},Go[v],f)),onClick:function(n){var e;null!==(e=x.current)&&void 0!==e&&e.contains(n.target)||i()},onKeyDown:function(n){f||n.keyCode!==I.Delete&&n.keyCode!==I.Backspace&&n.keyCode!==I.Enter&&n.keyCode!==I.Space||t()},tabIndex:-1},P("span",{className:S(Ko[s])},w?P(K,{darkMode:l,definition:r,align:"bottom"},w):r),P("button",{"aria-label":"Deselect ".concat(r),"aria-disabled":f,disabled:f,ref:x,className:S(Uo,Vo[v],X({},Bo[v],f)),onClick:function(){f||t()}},P(k,{glyph:"X"})))}));Xo.displayName="Chip";var Zo=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],qo=a.forwardRef((function(n,e){var r=n.children,o=n.id,t=n.refEl,a=n.labelId,l=n.menuWidth,s=n.searchLoadingMessage,d=n.searchErrorMessage,p=n.searchEmptyMessage,f=q(n,Zo),h=c(ne),b=h.disabled,g=h.darkMode,y=h.size,x=h.isOpen,w=h.searchState,C=m(e,null),N=ee(g),z=v(t),E=i(z)?"unset":"".concat(Math.min(z,256),"px"),j=u((function(){var n=S(he,be[N],ge[y]);switch(w){case"loading":return P("span",{className:n},P(k,{glyph:"Refresh",color:g?M.blue.light1:M.blue.base,className:jr}),s);case"error":return P("span",{className:n},P(k,{glyph:"Warning",color:g?M.red.light1:M.red.base}),d);default:return r&&"object"===B(r)&&"length"in r&&r.length>0?P("ul",{className:fe},r):P("span",{className:n},p)}}),[N,y,w,g,s,d,r,p]);return P(U,Z({active:x&&!b,spacing:4,align:"bottom",justify:"middle",refEl:t,adjustOnMutation:!0,className:S(se(l),ue[N])},f),P("div",{ref:C,id:o,role:"listbox","aria-labelledby":a,"aria-expanded":x,className:S(de,pe[N],O(uo||(uo=Y(["\n max-height: ",";\n "])),E)),onMouseDownCapture:function(n){return n.preventDefault()}},j))}));qo.displayName="ComboboxMenu";var Yo=["children","label","description","placeholder","aria-label","disabled","size","darkMode","state","errorMessage","searchState","searchEmptyMessage","searchErrorMessage","searchLoadingMessage","filteredOptions","onFilter","clearable","onClear","overflow","multiselect","initialValue","onChange","value","chipTruncationLocation","chipCharacterLimit","className","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"];function $o(l){var c,m,v=l.children,C=l.label,O=l.description,z=l.placeholder,j=void 0===z?"Select":z,L=l["aria-label"],A=l.disabled,F=void 0!==A&&A,T=l.size,H=void 0===T?un:T,R=l.darkMode,W=void 0!==R&&R,G=l.state,K=void 0===G?"none":G,U=l.errorMessage,Y=l.searchState,J=void 0===Y?"unset":Y,Q=l.searchEmptyMessage,_=void 0===Q?"No results found":Q,nn=l.searchErrorMessage,en=void 0===nn?"Could not get results!":nn,dn=l.searchLoadingMessage,pn=void 0===dn?"Loading results...":dn,fn=l.filteredOptions,hn=l.onFilter,gn=l.clearable,mn=void 0===gn||gn,vn=l.onClear,yn=l.overflow,xn=void 0===yn?"expand-y":yn,wn=l.multiselect,kn=void 0!==wn&&wn,Cn=l.initialValue,Nn=l.onChange,On=l.value,Sn=l.chipTruncationLocation,zn=l.chipCharacterLimit,Mn=void 0===zn?12:zn,En=l.className,jn=l.usePortal,In=void 0===jn||jn,Dn=l.portalClassName,Pn=l.portalContainer,Ln=l.scrollContainer,An=l.popoverZIndex,Fn=q(l,Yo),Tn=ee(W),Hn=y({prefix:"option"}),Rn=y({prefix:"chip"}),Wn=g({prefix:"combobox-input"}),Gn=g({prefix:"combobox-label"}),Kn=g({prefix:"combobox-menu"}),Un=d(null),Vn=d(null),Bn=d(null),Xn=d(null),Zn=d(null),qn=$(f(!1),2),Yn=qn[0],re=qn[1],oe=x(Yn),te=$(f(null),2),ae=te[0],le=te[1],ce=$(f(null),2),se=ce[0],ue=ce[1],de=x(se),pe=$(f(""),2),fe=pe[0],he=pe[1],be=x(fe),ge=$(f(null),2),me=ge[0],ve=ge[1],ye=!o(se)&&(e(se)&&se.length>0||t(se)),xe=kn&&e(se)&&se.length>0?void 0:j,we=function(){return re(!1)},ke=function(){return re(!0)},Ce=u((function(){return _n(v)}),[v]),Ne=s((function(n){return!kn||"string"!=typeof n&&"number"!=typeof n?!kn&&e(n)&&D.error("Error in Combobox: multiselect is set to `false`, but recieved an Array value"):D.error("Error in Combobox: multiselect is set to `true`, but recieved a ".concat(B(n),' value: "').concat(n,'"')),kn&&e(n)}),[kn]),Oe=s((function(n){!F&&Xn&&Xn.current&&(Xn.current.focus(),i(n)||Xn.current.setSelectionRange(n,n))}),[F]),Se=s((function(e){if(Ne(se)){var r=n(se);o(e)?r.length=0:se.includes(e)?r.splice(r.indexOf(e),1):(r.push(e),he("")),ue(r),null==Nn||Nn(r)}else{var t=e;ue(t),null==Nn||Nn(t)}}),[Ne,Nn,se]),ze=s((function(n){return Ne(se)?se.includes(n):n===se}),[Ne,se]),Me=s((function(n){var e,r,o,t,i=(r=Ce,(e=n)?null!==(o=null===(t=r.find((function(n){return n.displayName===e})))||void 0===t?void 0:t.value)&&void 0!==o?o:e:"");return ze(i)}),[Ce,ze]),Ee=s((function(n){var e="string"==typeof n?n:n.value;return fn&&fn.length>0?fn.includes(e):!!Me(fe)||("string"==typeof n?Qn(e,Ce):n.displayName).toLowerCase().includes(fe.toLowerCase())}),[fn,Me,fe,Ce]),je=u((function(){return Ce.filter(Ee)}),[Ce,Ee]),Ie=s((function(n){return!!n&&!!Ce.find((function(e){return e.value===n}))}),[Ce]),De=s((function(n){return je?je.findIndex((function(e){return e.value===n})):-1}),[je]),Pe=s((function(n){if(je&&je.length>=n){var e=je[n];return e?e.value:void 0}}),[je]),Le=s((function(){return Ne(se)?se.findIndex((function(n){var e,r;return null===(e=Rn(n))||void 0===e||null===(r=e.current)||void 0===r?void 0:r.contains(document.activeElement)})):-1}),[Rn,Ne,se]),Ae=$(f(),2),Fe=Ae[0],Te=Ae[1],He=s((function(n){var e,r=null!==(e=null==je?void 0:je.length)&&void 0!==e?e:0,o=r-1>0?r-1:0,t=De(ae);switch(n&&Yn&&(ve(null),Oe()),n){case"next":var i=Pe(t+1<r?t+1:0);le(null!=i?i:null);break;case"prev":var a=Pe(t-1>=0?t-1:o);le(null!=a?a:null);break;case"last":var l=Pe(o);le(null!=l?l:null);break;default:var c=Pe(0);le(null!=c?c:null)}}),[ae,De,Pe,Yn,Oe,null==je?void 0:je.length]),Re=s((function(n,e){if(Ne(se))switch(n){case"next":var r=null!=e?e:Le(),o=r+1<se.length?r+1:se.length-1,t=se[o];ve(t);break;case"prev":var i=null!=e?e:Le(),a=i>0?i-1:i<0?se.length-1:0,l=se[a];ve(l);break;case"first":var c=se[0];ve(c);break;case"last":var s=se[se.length-1];ve(s);break;default:ve(null)}}),[Le,Ne,se]),We=s((function(n,e){switch(n&&le(null),n){case"right":switch(Fe){case rn:var r,o,t;if((null===(r=Xn.current)||void 0===r?void 0:r.selectionEnd)===(null===(o=Xn.current)||void 0===o?void 0:o.value.length))null===(t=Vn.current)||void 0===t||t.focus();break;case tn:case ln:case an:if(Fe===an||1===(null==se?void 0:se.length)){Oe(0),Re(null),e.preventDefault();break}Re("next")}break;case"left":switch(Fe){case on:var i;e.preventDefault(),Oe(null==Xn||null===(i=Xn.current)||void 0===i?void 0:i.value.length);break;case rn:case ln:case an:if(Ne(se)){var a;if(Fe===rn&&0!==(null===(a=Xn.current)||void 0===a?void 0:a.selectionStart))break;Re("prev")}}break;default:Re(null)}}),[Fe,Ne,se,Oe,Re]);p((function(){fe!==be&&He("first")}),[fe,Yn,be,He]),p((function(){if(ae){var n=Hn(ae);if(n&&n.current&&Zn.current){var e=n.current.offsetTop,r=Zn.current,o=r.scrollTop;(e>r.offsetHeight||e<o)&&(Zn.current.scrollTop=e)}}}),[ae,Hn]);var Ge=s((function(n){if(E(n,"ComboboxOption")){var e=$n(n.props),r=e.value,o=e.displayName;if(Ee(r)){var t=n.props,i=t.className,l=t.glyph,c=t.disabled,s=Ce.findIndex((function(n){return n.value===r})),u=ae===r,d=Ne(se)?se.includes(r):se===r,p=Hn(r);return P(Kr,{value:r,displayName:o,isFocused:u,isSelected:d,disabled:c,setSelected:function(){le(r),Se(r),Oe(),r===se&&we()},glyph:l,className:i,index:s,ref:p})}}else if(E(n,"ComboboxGroup")){var f=a.Children.map(n.props.children,Ge);if(f&&(null==f?void 0:f.length)>0)return P(ie,{label:n.props.label,className:n.props.className},a.Children.map(f,Ge))}}),[Ce,Hn,ae,Ne,se,Oe,Ee,Se]),Ke=u((function(){return a.Children.map(v,Ge)}),[v,Ge]),Ue=u((function(){if(Ne(se))return se.filter(Ie).map((function(n,e){var r=Qn(n,Ce),o=me===n,t=Rn(n),i=e>=se.length-1;return P(Xo,{key:n,displayName:r,isFocused:o,onRemove:function(){i?(Oe(),Re(null)):Re("next",e),Se(n)},onFocus:function(){ve(n)},ref:t})}))}),[Ne,se,Ie,Ce,me,Rn,Se,Oe,Re]),Ve=u((function(){return P(a.Fragment,null,mn&&ye&&P(N,{"aria-label":"Clear selection","aria-disabled":F,disabled:F,ref:Vn,onClick:function(n){F||(Se(null),null==vn||vn(n),null==hn||hn(""),Yn||ke())},onFocus:Je,className:S(Po),darkMode:W},P(k,{glyph:"XWithCircle"})),P(k,"error"===K?{glyph:"Warning",color:W?M.red.light1:M.red.base,className:Lo(H)}:{glyph:"CaretDown",className:Lo(H)}))}),[mn,ye,F,K,W,H,Se,vn,hn,Yn]),Be=u((function(){return Ce.some((function(n){return n.hasGlyph}))}),[Ce]),Xe=s((function(){if(!Ne(se)&&se===de){var n=je.find((function(n){return n.displayName===fe||n.value===fe}));if(n&&!On)ue(n.value);else{var e,r=null!==(e=Qn(se,Ce))&&void 0!==e?e:"";he(r)}}}),[Ce,fe,Ne,de,se,On,je]),Ze=s((function(){if(ye){if(Ne(se))er();else if(!Ne(se)){var n,e=null!==(n=Qn(se,Ce))&&void 0!==n?n:"";he(e),we()}}else he("")}),[ye,Ce,Ne,se]);p((function(){if(Cn)if(e(Cn)){var n,r=null!==(n=Cn.filter((function(n){return Ie(n)})))&&void 0!==n?n:[];ue(r)}else Ie(Cn)&&ue(Cn);else ue(function(n){return n?[]:null}(kn))}),[]),p((function(){if(!i(On)&&On!==be)if(o(On))ue(null);else if(Ne(On)){var n=On.filter(Ie);ue(n)}else ue(Ie(On)?On:null)}),[Ne,Ie,be,On]),p((function(){r(se,de)||Ze()}),[Ze,de,se]),p((function(){!Yn&&oe&&Xe()}),[Yn,oe,Xe]);var qe=$(f(0),2),Ye=qe[0],$e=qe[1];p((function(){var n,e;$e(null!==(n=null===(e=Un.current)||void 0===e?void 0:e.clientWidth)&&void 0!==n?n:0)}),[Un,Yn,ae,se]);var Je=function(){le(null)};w("mousedown",(function(n){nr(n)||(n.preventDefault(),n.stopPropagation())}),{enabled:Yn}),w("click",(function(n){nr(n)||(n.stopPropagation(),we())}),{options:{capture:!0},enabled:Yn});var Qe,_e=function(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?V(Object(r),!0).forEach((function(e){X(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):V(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}({popoverZIndex:An},In?{usePortal:In,portalClassName:Dn,portalContainer:Pn,scrollContainer:Ln}:{usePortal:In});return P(ne.Provider,{value:{multiselect:kn,darkMode:W,size:H,withIcons:Be,disabled:F,isOpen:Yn,state:K,searchState:J,chipTruncationLocation:Sn,chipCharacterLimit:Mn,inputValue:fe}},P("div",Z({className:S(yo(H,xn),En)},Fn),P("div",{className:To},C&&P(h,{id:Gn,htmlFor:Wn,darkMode:W},C),O&&P(b,{darkMode:W},O)),P("div",{ref:Un,role:"combobox","aria-expanded":Yn,"aria-controls":Kn,"aria-owns":Kn,tabIndex:-1,onMouseDown:function(n){F&&n.preventDefault()},onClick:function(n){if(n.target!==Xn.current){var e=0;if(Xn.current)e=n.nativeEvent.offsetX>Xn.current.offsetLeft+Xn.current.clientWidth?fe.length:0;Oe(e)}},onFocus:function(n){er(),ke(),Te(function(n){var e,r,o,t;if(!n)return;if(null!==(e=Xn.current)&&void 0!==e&&e.contains(n))return rn;if(null!==(r=Vn.current)&&void 0!==r&&r.contains(n))return on;var i=Ne(se)?se.findIndex((function(e){var r,o;return null===(r=Rn(e))||void 0===r||null===(o=r.current)||void 0===o?void 0:o.contains(n)})):-1;if(Ne(se)){if(0===i)return tn;if(i===se.length-1)return an;if(i>0)return ln}if(null!==(o=Zn.current)&&void 0!==o&&o.contains(n))return sn;if(null!==(t=Un.current)&&void 0!==t&&t.contains(n))return cn}(n.target))},onKeyDown:function(n){var e,r,t=null===(e=Zn.current)||void 0===e?void 0:e.contains(document.activeElement);if((null===(r=Un.current)||void 0===r?void 0:r.contains(document.activeElement))||t){if(n.ctrlKey||n.shiftKey||n.altKey)return;switch(n.keyCode){case I.Tab:switch(Fe){case"Input":ye||(we(),He("first"),Re(null));break;case"LastChip":Re(null)}break;case I.Escape:we(),He("first");break;case I.Enter:!Yn||Fe!==rn||o(ae)||function(n){if("string"==typeof n){var e=Jn(n,Ce);return!(null==e||!e.isDisabled)}return!!n.isDisabled}(ae)?Fe===on&&(Se(null),Oe()):Se(ae);break;case I.Backspace:var i;if(Ne(se))"Input"===Fe&&0===(null===(i=Xn.current)||void 0===i?void 0:i.selectionStart)&&Re("last");ke();break;case I.ArrowDown:Yn?(n.preventDefault(),He("next")):ke();break;case I.ArrowUp:Yn?(n.preventDefault(),He("prev")):ke();break;case I.ArrowRight:We("right",n);break;case I.ArrowLeft:We("left",n);break;default:Yn||ke()}}},onTransitionEnd:function(){var n,e;$e(null!==(n=null===(e=Un.current)||void 0===e?void 0:e.clientWidth)&&void 0!==n?n:0)},className:S(xo,wo[Tn],ko(H),(c={},X(c,Co[Tn],F),X(c,No[Tn],K===bn),X(c,Oo[Tn],(Qe=rn,Qe===Fe)),c))},P("div",{ref:Bn,className:So({size:H,overflow:xn})},Ue,P("input",{"aria-label":null!=L?L:C,"aria-autocomplete":"list","aria-controls":Kn,"aria-labelledby":Gn,ref:Xn,id:Wn,className:S(zo,Eo[H],Mo[Tn],jo(Yn,xn),(m={},X(m,Io(H,fe),Ne(se)),X(m,Do(se),Ne(se)),m)),placeholder:xe,disabled:null!=F?F:void 0,onChange:function(n){var e=n.target.value;he(e),null==hn||hn(e)},value:fe,autoComplete:"off"})),Ve),"error"===K&&U&&P("div",{className:S(Ao[Tn],Fo[H])},U),P(qo,Z({id:Kn,labelId:Gn,refEl:Un,ref:Zn,menuWidth:Ye,searchLoadingMessage:pn,searchErrorMessage:en,searchEmptyMessage:_},_e),Ke)));function nr(n){var e,r,o=n.target;return(null===(e=Zn.current)||void 0===e?void 0:e.contains(o))||(null===(r=Un.current)||void 0===r?void 0:r.contains(o))||!1}function er(){Bn&&Bn.current&&(Bn.current.scrollLeft=Bn.current.scrollWidth)}}export{$o as Combobox,ae as ComboboxGroup,Ur as ComboboxOption};
2
2
  //# sourceMappingURL=index.js.map