@leafygreen-ui/combobox 5.0.8 → 5.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -0
- package/dist/{Chip.d.ts → Chip/Chip.d.ts} +1 -1
- package/dist/Chip/Chip.d.ts.map +1 -0
- package/dist/Chip/Chip.styles.d.ts +23 -0
- package/dist/Chip/Chip.styles.d.ts.map +1 -0
- package/dist/Chip/index.d.ts +2 -0
- package/dist/Chip/index.d.ts.map +1 -0
- package/dist/{Combobox.d.ts → Combobox/Combobox.d.ts} +1 -1
- package/dist/Combobox/Combobox.d.ts.map +1 -0
- package/dist/{Combobox.styles.d.ts → Combobox/Combobox.styles.d.ts} +1 -12
- package/dist/Combobox/Combobox.styles.d.ts.map +1 -0
- package/dist/Combobox/index.d.ts +2 -0
- package/dist/Combobox/index.d.ts.map +1 -0
- package/dist/{ComboboxContext.d.ts → ComboboxContext/ComboboxContext.d.ts} +1 -4
- package/dist/ComboboxContext/ComboboxContext.d.ts.map +1 -0
- package/dist/ComboboxContext/index.d.ts +2 -0
- package/dist/ComboboxContext/index.d.ts.map +1 -0
- package/dist/{ComboboxGroup.d.ts → ComboboxGroup/ComboboxGroup.d.ts} +3 -4
- package/dist/ComboboxGroup/ComboboxGroup.d.ts.map +1 -0
- package/dist/ComboboxGroup/ComboboxGroup.styles.d.ts +5 -0
- package/dist/ComboboxGroup/ComboboxGroup.styles.d.ts.map +1 -0
- package/dist/ComboboxGroup/index.d.ts +2 -0
- package/dist/ComboboxGroup/index.d.ts.map +1 -0
- package/dist/ComboboxMenu/ComboboxMenu.d.ts.map +1 -1
- package/dist/ComboboxMenu/index.d.ts +2 -0
- package/dist/ComboboxMenu/index.d.ts.map +1 -0
- package/dist/{ComboboxOption.d.ts → ComboboxOption/ComboboxOption.d.ts} +5 -4
- package/dist/ComboboxOption/ComboboxOption.d.ts.map +1 -0
- package/dist/ComboboxOption/ComboboxOption.styles.d.ts +11 -0
- package/dist/ComboboxOption/ComboboxOption.styles.d.ts.map +1 -0
- package/dist/ComboboxOption/OptionContent.d.ts +4 -0
- package/dist/ComboboxOption/OptionContent.d.ts.map +1 -0
- package/dist/ComboboxOption/index.d.ts +2 -0
- package/dist/ComboboxOption/index.d.ts.map +1 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/{ComboboxTestUtils.d.ts → utils/ComboboxTestUtils.d.ts} +1 -1
- package/dist/utils/ComboboxTestUtils.d.ts.map +1 -0
- package/package.json +4 -3
- package/src/Chip/Chip.styles.ts +150 -0
- package/src/{Chip.tsx → Chip/Chip.tsx} +18 -138
- package/src/Chip/index.ts +1 -0
- package/src/{Combobox.spec.tsx → Combobox/Combobox.spec.tsx} +2 -2
- package/src/{Combobox.story.tsx → Combobox/Combobox.story.tsx} +3 -3
- package/src/{Combobox.styles.ts → Combobox/Combobox.styles.ts} +5 -19
- package/src/{Combobox.tsx → Combobox/Combobox.tsx} +192 -257
- package/src/Combobox/index.ts +1 -0
- package/src/{ComboboxContext.tsx → ComboboxContext/ComboboxContext.tsx} +1 -7
- package/src/ComboboxContext/index.ts +1 -0
- package/src/ComboboxGroup/ComboboxGroup.styles.ts +34 -0
- package/src/ComboboxGroup/ComboboxGroup.tsx +53 -0
- package/src/ComboboxGroup/index.ts +1 -0
- package/src/ComboboxMenu/ComboboxMenu.tsx +3 -2
- package/src/ComboboxMenu/index.ts +1 -0
- package/src/ComboboxOption/ComboboxOption.styles.ts +68 -0
- package/src/ComboboxOption/ComboboxOption.tsx +107 -0
- package/src/ComboboxOption/OptionContent.tsx +87 -0
- package/src/ComboboxOption/index.ts +1 -0
- package/src/index.ts +1 -1
- package/src/{ComboboxTestUtils.tsx → utils/ComboboxTestUtils.tsx} +2 -2
- package/tsconfig.json +3 -0
- package/tsconfig.tsbuildinfo +1 -1
- package/tsdoc.json +540 -3
- package/dist/Chip.d.ts.map +0 -1
- package/dist/Combobox.d.ts.map +0 -1
- package/dist/Combobox.styles.d.ts.map +0 -1
- package/dist/ComboboxContext.d.ts.map +0 -1
- package/dist/ComboboxGroup.d.ts.map +0 -1
- package/dist/ComboboxOption.d.ts.map +0 -1
- package/dist/ComboboxTestUtils.d.ts.map +0 -1
- package/dist/Menu.styles.d.ts +0 -22
- package/dist/Menu.styles.d.ts.map +0 -1
- package/src/ComboboxGroup.tsx +0 -80
- package/src/ComboboxOption.tsx +0 -329
- package/src/Menu.styles.ts +0 -112
package/dist/index.d.ts
CHANGED
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
|
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/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/palette"),require("@leafygreen-ui/typography"),require("@leafygreen-ui/popover"),require("polished"),require("@leafygreen-ui/tokens"),require("@leafygreen-ui/inline-definition"),require("@leafygreen-ui/checkbox"),require("lodash/kebabCase"),require("lodash/escapeRegExp")):"function"==typeof define&&define.amd?define(["exports","react","lodash/clone","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/palette","@leafygreen-ui/typography","@leafygreen-ui/popover","polished","@leafygreen-ui/tokens","@leafygreen-ui/inline-definition","@leafygreen-ui/checkbox","lodash/kebabCase","lodash/escapeRegExp"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/combobox"]={},e.React,e.clone,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/palette"],e["@leafygreen-ui/typography"],e["@leafygreen-ui/popover"],e.polished,e["@leafygreen-ui/tokens"],e["@leafygreen-ui/inline-definition"],e["@leafygreen-ui/checkbox"],e.kebabCase,e.escapeRegExp)}(this,(function(e,n,t,a,r,l,o,i,s,u,c,d,f,p,g,h,b,m,y,v,x,k,w,C){"use strict";function E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var S=E(n),D=E(t),L=E(a),O=E(r),N=E(l),T=E(o),M=E(i),z=E(s),j=E(d),I=E(f),P=E(m),R=E(x),q=E(k),A=E(w),F=E(C);function H(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 W(e){return W="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},W(e)}function G(e,n,t){return 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||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 K(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 X(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function V(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)return;var a,r,l=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(l.push(a.value),!n||l.length!==n);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw r}}return l}(e,n)||B(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 Z(e){return function(e){if(Array.isArray(e))return Y(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||B(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 B(e,n){if(e){if("string"==typeof e)return Y(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)?Y(e,n):void 0}}function Y(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 _="Input",$="ClearButton",J="FirstChip",Q="LastChip",ee="MiddleChip",ne="Combobox",te="Menu",ae={Default:"default",Large:"large"},re={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},le={error:"error",none:"none"},oe={unset:"unset",error:"error",loading:"loading"};var ie,se,ue,ce,de,fe,pe,ge,he,be,me,ye,ve,xe,ke,we,Ce,Ee,Se,De,Le,Oe,Ne,Te,Me,ze,je=n.createContext({multiselect:!1,darkMode:!1,theme:g.Theme.Light,size:ae.Default,withIcons:!1,disabled:!1,isOpen:!1,state:le.none,searchState:oe.unset}),Ie=(G(ie={},ae.Default,{x:12,y:8}),G(ie,ae.Large,{x:12,y:8}),ie),Pe=(G(se={},ae.Default,v.typeScales.body1.lineHeight+2*Ie[ae.Default].y),G(se,ae.Large,v.typeScales.body2.lineHeight+2*Ie[ae.Large].y),se),Re=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return u.css(ue||(ue=X(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),e)},qe=(G(fe={},g.Theme.Light,u.css(ce||(ce=X(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),y.transparentize(.85,h.palette.black),h.palette.gray.light2)),G(fe,g.Theme.Dark,u.css(de||(de=X(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),y.transparentize(.85,h.palette.black),h.palette.gray.dark3)),fe),Ae=u.css(pe||(pe=X(["\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"])),v.spacing[2],v.fontFamilies.default),Fe=(G(be={},g.Theme.Light,u.css(ge||(ge=X(["\n color: ",";\n background-color: ",";\n "])),h.palette.black,h.palette.white)),G(be,g.Theme.Dark,u.css(he||(he=X(["\n color: ",";\n background-color: ",";\n "])),h.palette.gray.light1,h.palette.gray.dark3)),be);G(ve={},ae.Default,u.css(me||(me=X(["\n min-height: ","px;\n "])),Pe[ae.Default])),G(ve,ae.Large,u.css(ye||(ye=X(["\n min-height: ","px;\n "])),Pe[ae.Large]));var He=u.css(xe||(xe=X(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),We=u.css(ke||(ke=X(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),Ge=(G(Ee={},g.Theme.Light,u.css(we||(we=X(["\n color: ",";\n "])),h.palette.gray.dark3)),G(Ee,g.Theme.Dark,u.css(Ce||(Ce=X(["\n color: ",";\n "])),h.palette.gray.light3)),Ee),Ue=(G(Le={},ae.Default,u.css(Se||(Se=X(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px\n ","px;\n "])),v.typeScales.body1.fontSize,v.typeScales.body1.lineHeight,Ie[ae.Default].y,Ie[ae.Default].x)),G(Le,ae.Large,u.css(De||(De=X(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px\n ","px;\n "])),v.typeScales.body2.fontSize,v.typeScales.body2.lineHeight,Ie[ae.Large].y,Ie[ae.Large].x)),Le);G(Te={},ae.Default,u.css(Oe||(Oe=X(["\n height: ","px;\n width: ","px;\n "])),v.typeScales.body1.fontSize,v.typeScales.body1.fontSize)),G(Te,ae.Large,u.css(Ne||(Ne=X(["\n height: ","px;\n width: ","px;\n "])),v.typeScales.body2.fontSize,v.typeScales.body2.fontSize));var Ke,Xe,Ve,Ze,Be,Ye,_e,$e,Je,Qe,en,nn,tn,an,rn,ln,on,sn,un,cn,dn,fn,pn,gn,hn,bn,mn,yn,vn,xn,kn,wn,Cn,En,Sn,Dn,Ln,On,Nn,Tn,Mn,zn,jn,In=u.keyframes(Me||(Me=X(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),Pn=u.css(ze||(ze=X(["\n animation: "," 1.5s linear infinite;\n"])),In),Rn=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],qn=S.default.forwardRef((function(e,t){var a=e.children,r=e.id,l=e.refEl,o=e.labelId,i=e.menuWidth,s=e.searchLoadingMessage,d=e.searchErrorMessage,f=e.searchEmptyMessage,p=K(e,Rn),g=n.useContext(je),b=g.disabled,m=g.darkMode,y=g.theme,v=g.size,x=g.isOpen,k=g.searchState,w=c.useForwardedRef(t,null),C=c.useAvailableSpace(l),E=M.default(C)?"unset":"".concat(Math.min(C,256),"px"),D=n.useMemo((function(){var e=u.cx(We,Ge[y],Ue[v]);switch(k){case"loading":return S.default.createElement("span",{className:e},S.default.createElement(j.default,{glyph:"Refresh",color:m?h.palette.blue.light1:h.palette.blue.base,className:Pn}),s);case"error":return S.default.createElement("span",{className:e},S.default.createElement(j.default,{glyph:"Warning",color:m?h.palette.red.light1:h.palette.red.base}),d);default:return a&&"object"===W(a)&&"length"in a&&a.length>0?S.default.createElement("ul",{className:He},a):S.default.createElement("span",{className:e},f)}}),[y,v,k,m,s,d,a,f]);return S.default.createElement(P.default,U({active:x&&!b,spacing:4,align:"bottom",justify:"middle",refEl:l,adjustOnMutation:!0,className:u.cx(Re(i),qe[y])},p),S.default.createElement("div",{ref:w,id:r,role:"listbox","aria-labelledby":o,"aria-expanded":x,className:u.cx(Ae,Fe[y],u.css(Ke||(Ke=X(["\n max-height: ",";\n "])),E)),onMouseDownCapture:function(e){return e.preventDefault()}},D))}));qn.displayName="ComboboxMenu";var An,Fn,Hn,Wn,Gn,Un,Kn,Xn,Vn,Zn,Bn,Yn,_n,$n,Jn,Qn,et,nt,tt,at,rt,lt,ot,it,st,ut,ct,dt,ft,pt,gt=(G(Xe={},ae.Default,v.typeScales.body1.fontSize),G(Xe,ae.Large,v.typeScales.body2.fontSize),Xe),ht=(G(Ve={},ae.Default,2),G(Ve,ae.Large,4),Ve),bt=(G(Ze={},ae.Default,v.typeScales.body1.lineHeight+2*ht[ae.Default]),G(Ze,ae.Large,v.typeScales.body2.lineHeight+2*ht[ae.Large]),Ze),mt=(G(Be={},ae.Default,{y:(36-bt[ae.Default]-2)/2,x:v.spacing[2]-1}),G(Be,ae.Large,{y:(48-bt[ae.Large]-2)/2,x:v.spacing[2]-1}),Be),yt=v.spacing[3],vt=(G(Ye={},ae.Default,gt[ae.Default]+2*mt[ae.Default].x+yt+2),G(Ye,ae.Large,gt[ae.Large]+2*mt[ae.Large].x+yt+2),Ye),xt=g.createUniqueClassName("combobox-chip"),kt=function(e){return u.css(_e||(_e=X(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),v.fontFamilies.default,vt[e])},wt=u.css($e||($e=X(["\n display: grid;\n grid-auto-flow: column;\n grid-template-columns: 1fr ","px;\n align-items: center;\n cursor: text;\n transition: ","ms ease-in-out;\n transition-property: background-color, box-shadow, border-color;\n border: 1px solid;\n width: 100%;\n max-width: 100%;\n border-radius: 6px;\n"])),yt,v.transitionDuration.default),Ct=(G(en={},g.Theme.Light,u.css(Je||(Je=X(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover {\n box-shadow: ",";\n }\n "])),h.palette.gray.dark3,h.palette.white,h.palette.gray.base,v.hoverRing[g.Theme.Light].gray)),G(en,g.Theme.Dark,u.css(Qe||(Qe=X(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover {\n box-shadow: ",";\n }\n "])),h.palette.gray.light2,h.palette.gray.dark4,h.palette.gray.base,v.hoverRing[g.Theme.Dark].gray)),en),Et=function(e){return u.css(nn||(nn=X(["\n padding: ","px ","px;\n"])),mt[e].y,mt[e].x)},St=(G(rn={},g.Theme.Light,u.css(tn||(tn=X(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),h.palette.gray.dark1,h.palette.gray.light2,h.palette.gray.light1)),G(rn,g.Theme.Dark,u.css(an||(an=X(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),h.palette.gray.dark1,h.palette.gray.dark3,h.palette.gray.dark2)),rn),Dt=(G(sn={},g.Theme.Light,u.css(ln||(ln=X(["\n border-color: ",";\n "])),h.palette.red.base)),G(sn,g.Theme.Dark,u.css(on||(on=X(["\n border-color: ",";\n "])),h.palette.red.light1)),sn),Lt=(G(dn={},g.Theme.Light,u.css(un||(un=X(["\n &:focus-within {\n border-color: transparent;\n background-color: ",";\n box-shadow: ",";\n }\n "])),h.palette.white,v.focusRing[g.Theme.Light].input)),G(dn,g.Theme.Dark,u.css(cn||(cn=X(["\n &:focus-within {\n border-color: transparent;\n background-color: ",";\n box-shadow: ",";\n }\n "])),h.palette.gray.dark4,v.focusRing[g.Theme.Dark].input)),dn),Ot=u.css(fn||(fn=X(["\n grid-template-columns: 1fr ","px ","px;\n"])),28,yt),Nt=function(e){var n=e.overflow,t=e.size,a=u.css(pn||(pn=X(["\n flex-grow: 1;\n width: 100%;\n "])));switch(n){case re.scrollX:return u.css(gn||(gn=X(["\n ","\n display: block;\n height: ","px;\n white-space: nowrap;\n overflow-x: scroll;\n scroll-behavior: smooth;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n & > ."," {\n margin-inline: 2px;\n\n &:first-child {\n margin-inline-start: 0;\n }\n\n &:last-child {\n margin-inline-end: 0;\n }\n }\n "])),a,bt[t],xt);case re.expandY:return u.css(hn||(hn=X(["\n ","\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n overflow-x: hidden;\n min-height: ","px;\n "])),a,bt[t])}},Tt=u.css(bn||(bn=X(["\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"])),v.fontFamilies.default),Mt=(G(vn={},g.Theme.Light,u.css(mn||(mn=X(["\n &::placeholder {\n color: ",";\n }\n "])),h.palette.gray.dark1)),G(vn,g.Theme.Dark,u.css(yn||(yn=X(["\n &::placeholder {\n color: ",";\n }\n "])),h.palette.gray.light1)),vn),zt=(G(wn={},ae.Default,u.css(xn||(xn=X(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n // Only add padding if there are chips\n &:not(:first-child) {\n padding-left: 4px;\n }\n "])),bt[ae.Default],v.typeScales.body1.fontSize,v.typeScales.body1.lineHeight,gt[ae.Default])),G(wn,ae.Large,u.css(kn||(kn=X(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n &:not(:first-child) {\n padding-left: 6px;\n }\n "])),bt[ae.Large],v.typeScales.body2.fontSize,v.typeScales.body2.lineHeight,gt[ae.Large])),wn),jt=function(e){return u.css(Cn||(Cn=X(["\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")},It=function(e,n){var t,a=null!==(t=null==n?void 0:n.length)&&void 0!==t?t:0;return u.css(En||(En=X(["\n width: ","px;\n max-width: 100%;\n "])),a*gt[e])},Pt=u.css(Sn||(Sn=X(["\n // Add a negative margin so the button takes up the same space as the regular icons\n margin-block: calc(","px - 100%);\n"])),yt/2),Rt=function(e){return u.css(Dn||(Dn=X(["\n height: ","px;\n width: ","px;\n margin-inline-end: calc(","px / 2);\n"])),yt,yt,mt[e].x)},qt=(G(Nn={},g.Theme.Light,u.css(Ln||(Ln=X(["\n color: ",";\n "])),h.palette.red.base)),G(Nn,g.Theme.Dark,u.css(On||(On=X(["\n color: ",";\n "])),h.palette.red.light1)),Nn),At=(G(zn={},ae.Default,u.css(Tn||(Tn=X(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n "])),v.typeScales.body1.fontSize,v.typeScales.body1.lineHeight,mt[ae.Default].y)),G(zn,ae.Large,u.css(Mn||(Mn=X(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n "])),v.typeScales.body2.fontSize,v.typeScales.body2.lineHeight,mt[ae.Large].y)),zn),Ft=u.css(jn||(jn=X(["\n margin-bottom: 2px;\n"]))),Ht=u.css(An||(An=X(["\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n white-space: nowrap;\n box-sizing: border-box;\n"]))),Wt=(G(Wn={},ae.Default,u.css(Fn||(Fn=X(["\n font-size: ","px;\n line-height: ","px;\n border-radius: 4px;\n "])),v.typeScales.body1.fontSize,v.typeScales.body1.lineHeight)),G(Wn,ae.Large,u.css(Hn||(Hn=X(["\n font-size: ","px;\n line-height: ","px;\n border-radius: 4px;\n "])),v.typeScales.body2.fontSize,v.typeScales.body2.lineHeight)),Wn),Gt=(G(Kn={},g.Theme.Light,u.css(Gn||(Gn=X(["\n color: ",";\n background-color: ",";\n\n // TODO: - refine these styles with Design\n &:focus-within {\n background-color: ",";\n }\n "])),h.palette.black,h.palette.gray.light2,h.palette.blue.light2)),G(Kn,g.Theme.Dark,u.css(Un||(Un=X(["\n color: ",";\n background-color: ",";\n\n &:focus-within {\n background-color: ",";\n }\n "])),h.palette.gray.light2,h.palette.gray.dark2,h.palette.blue.dark2)),Kn),Ut=(G(Zn={},g.Theme.Light,u.css(Xn||(Xn=X(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n "])),h.palette.gray.base,h.palette.gray.light3)),G(Zn,g.Theme.Dark,u.css(Vn||(Vn=X(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n box-shadow: inset 0 0 1px 1px ","; ;\n "])),h.palette.gray.dark2,h.palette.gray.dark4,h.palette.gray.dark2)),Zn),Kt=(G(_n={},ae.Default,u.css(Bn||(Bn=X(["\n padding-inline: 6px;\n padding-block: ","px;\n "])),ht[ae.Default])),G(_n,ae.Large,u.css(Yn||(Yn=X(["\n padding-inline: 10px;\n padding-block: ","px;\n "])),ht[ae.Large])),_n),Xt=u.css($n||($n=X(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n outline: none;\n border: none;\n background-color: transparent;\n cursor: pointer;\n transition: background-color ","ms ease-in-out;\n"])),v.transitionDuration.faster),Vt=(G(et={},ae.Default,u.css(Jn||(Jn=X(["\n height: ","px;\n "])),bt[ae.Default])),G(et,ae.Large,u.css(Qn||(Qn=X(["\n height: ","px;\n "])),bt[ae.Large])),et),Zt=(G(at={},g.Theme.Light,u.css(nt||(nt=X(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),h.palette.gray.dark2,h.palette.black,h.palette.gray.light1)),G(at,g.Theme.Dark,u.css(tt||(tt=X(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),h.palette.gray.light1,h.palette.gray.light3,h.palette.gray.dark1)),at),Bt=(G(ot={},g.Theme.Light,u.css(rt||(rt=X(["\n cursor: not-allowed;\n color: ",";\n &:hover {\n color: inherit;\n background-color: unset;\n }\n "])),h.palette.gray.dark2)),G(ot,g.Theme.Dark,u.css(lt||(lt=X(["\n cursor: not-allowed;\n color: ",";\n &:hover {\n color: inherit;\n background-color: unset;\n }\n "])),h.palette.gray.dark2)),ot),Yt=S.default.forwardRef((function(e,t){var a=e.displayName,r=e.isFocused,l=e.onRemove,o=e.onFocus,i=n.useContext(je),s=i.darkMode,c=i.theme,d=i.size,f=i.disabled,p=i.chipTruncationLocation,h=void 0===p?"end":p,b=i.chipCharacterLimit,m=void 0===b?12:b,y=!!m&&!!h&&"none"!==h&&a.length>m,v=n.useRef(null),x=n.useMemo((function(){if(y){var e=m-3;switch(h){case"start":return"…"+a.substring(a.length-e).trim();case"middle":return a.substring(0,e/2).trim()+"…"+a.substring(a.length-e/2).trim();case"end":return a.substring(0,e).trim()+"…";default:return a}}return!1}),[m,h,a,y]);n.useEffect((function(){var e;r&&!f&&(null==v||null===(e=v.current)||void 0===e||e.focus())}),[f,t,r]);return S.default.createElement("span",{role:"option","aria-selected":r,"data-testid":"lg-combobox-chip",ref:t,className:u.cx(xt,Ht,Gt[c],Wt[d],G({},Ut[c],f)),onClick:function(e){var n;null!==(n=v.current)&&void 0!==n&&n.contains(e.target)||o()},onKeyDown:function(e){f||e.keyCode!==g.keyMap.Delete&&e.keyCode!==g.keyMap.Backspace&&e.keyCode!==g.keyMap.Enter&&e.keyCode!==g.keyMap.Space||l()},tabIndex:-1},S.default.createElement("span",{className:u.cx(Kt[d])},x?S.default.createElement(R.default,{darkMode:s,definition:a,align:"bottom"},x):a),S.default.createElement("button",{"aria-label":"Deselect ".concat(a),"aria-disabled":f,disabled:f,ref:v,className:u.cx(Xt,Zt[c],Vt[d],G({},Bt[c],f)),onClick:function(){f||l()}},S.default.createElement(j.default,{glyph:"X"})))}));Yt.displayName="Chip";var _t=(G(ut={},g.Theme.Light,u.css(it||(it=X(["\n padding-top: 8px;\n "])))),G(ut,g.Theme.Dark,u.css(st||(st=X(["\n padding-top: 8px;\n "])))),ut),$t=u.css(ct||(ct=X(["\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"]))),Jt=(G(pt={},g.Theme.Light,u.css(dt||(dt=X(["\n color: ",";\n "])),h.palette.gray.dark1)),G(pt,g.Theme.Dark,u.css(ft||(ft=X(["\n color: ",";\n "])),h.palette.gray.light1)),pt);function Qt(e){var t=e.label,a=e.className,r=e.children,l=n.useContext(je).theme,o=c.useIdAllocator({prefix:"combobox-group"});return S.default.Children.count(r)>0?S.default.createElement("div",{className:u.cx(_t[l],a)},S.default.createElement("div",{className:u.cx($t,Jt[l]),id:o},t),S.default.createElement("div",{role:"group","aria-labelledby":o},r)):S.default.createElement(S.default.Fragment,null)}function ea(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}ea.displayName="ComboboxGroup",ea.propTypes={className:z.default.string,children:z.default.node.isRequired,label:z.default.string.isRequired};var na,ta,aa,ra,la,oa,ia,sa,ua,ca,da,fa,pa,ga,ha,ba,ma,ya,va,xa,ka,wa,Ca=function(e){var n,t=e.value,a=e.displayName;return{value:null!=t?t:A.default(a),displayName:null!==(n=null!=a?a:t)&&void 0!==n?n:""}},Ea=function e(n){return S.default.Children.toArray(n).reduce((function(n,t){if(g.isComponentType(t,"ComboboxOption")){var a=Ca(t.props),r=a.value,l=a.displayName,o=t.props,i=o.glyph,s=o.disabled;return[].concat(Z(n),[{value:r,displayName:l,isDisabled:!!s,hasGlyph:!!i}])}if(g.isComponentType(t,"ComboboxGroup")){var u=t.props.children;if(u)return[].concat(Z(n),Z(e(u)))}}),[])},Sa=function(e,n){if(e)return n.find((function(n){return n.value===e}))},Da=function(e,n){var t,a;return e?null!==(t=null===(a=Sa(e,n))||void 0===a?void 0:a.displayName)&&void 0!==t?t:e:""},La=function(e,n,t){if(n&&t){var a=F.default(n),r=new RegExp(a,"gi"),l=e.matchAll(r);if(l){for(var o=e.split(""),i=0,s=Array.from(l);i<s.length;i++){var u,c=s[i],d=null!==(u=c.index)&&void 0!==u?u:-1,f=c[0],p=f.length,g=d+f+p,h=new Array(p).fill("");h[0]=S.default.createElement(t,{key:g},f),o.splice.apply(o,[d,p].concat(Z(h)))}return S.default.createElement(S.default.Fragment,null,o)}return S.default.createElement(S.default.Fragment,null,e)}return S.default.createElement(S.default.Fragment,null,e)},Oa=["displayName","glyph","isSelected","isFocused","disabled","setSelected","className"],Na=u.css(na||(na=X(["\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"])),v.fontFamilies.default),Ta=(G(ra={},g.Theme.Light,u.css(ta||(ta=X(["\n &:hover {\n outline: none;\n background-color: ",";\n }\n "])),h.palette.gray.light2)),G(ra,g.Theme.Dark,u.css(aa||(aa=X(["\n &:hover {\n outline: none;\n background-color: ",";\n }\n "])),h.palette.gray.dark4)),ra),Ma=(G(ia={},ae.Default,u.css(la||(la=X(["\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 "])),v.typeScales.body1.fontSize,v.typeScales.body1.lineHeight,Pe[ae.Default],Ie[ae.Default].y,Ie[ae.Default].x,v.spacing[1],Pe[ae.Default])),G(ia,ae.Large,u.css(oa||(oa=X(["\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 "])),v.typeScales.body2.fontSize,v.typeScales.body2.lineHeight,Pe[ae.Large],Ie[ae.Large].y,Ie[ae.Large].x,v.spacing[2],Pe[ae.Large])),ia),za=u.css(sa||(sa=X(["\n outline: none;\n\n &:before {\n transform: scaleY(1);\n }\n"]))),ja=(G(da={},g.Theme.Light,u.css(ua||(ua=X(["\n ",";\n background-color: ",";\n\n &:before {\n background-color: ",";\n }\n "])),za,h.palette.blue.light3,h.palette.blue.base)),G(da,g.Theme.Dark,u.css(ca||(ca=X(["\n ",";\n background-color: ",";\n\n &:before {\n background-color: ",";\n }\n "])),za,h.palette.blue.dark3,h.palette.blue.light1)),da),Ia=u.css(fa||(fa=X(["\n cursor: not-allowed;\n\n &:hover {\n background-color: inherit;\n }\n\n &:before {\n content: unset;\n }\n"]))),Pa=(G(ha={},g.Theme.Light,u.css(pa||(pa=X(["\n ",";\n color: ",";\n "])),Ia,h.palette.gray.light1)),G(ha,g.Theme.Dark,u.css(ga||(ga=X(["\n ",";\n color: ",";\n "])),Ia,h.palette.gray.dark1)),ha),Ra=(G(ya={},ae.Default,u.css(ba||(ba=X(["\n min-width: ","px;\n "])),v.spacing[3])),G(ya,ae.Large,u.css(ma||(ma=X(["\n min-width: ","px;\n "])),v.spacing[4])),ya),qa=u.css(va||(va=X(["\n display: inline-flex;\n gap: 8px;\n justify-content: start;\n align-items: inherit;\n overflow-wrap: anywhere;\n"]))),Aa=u.css(xa||(xa=X(["\n pointer-events: none;\n"]))),Fa=function(e){return u.css(ka||(ka=X(["\n font-weight: ",";\n"])),e?"bold":"normal")},Ha=S.default.forwardRef((function(e,t){var a,r=e.displayName,l=e.glyph,o=e.isSelected,i=e.isFocused,s=e.disabled,f=e.setSelected,p=e.className,g=K(e,Oa),b=n.useContext(je),m=b.multiselect,y=b.darkMode,v=b.theme,x=b.withIcons,k=b.inputValue,w=b.size,C=c.useIdAllocator({prefix:"combobox-option-text"}),E=c.useForwardedRef(t,null),D=n.useCallback((function(e){e.stopPropagation(),s||e.target!==E.current&&"INPUT"!==e.target.tagName||f()}),[s,E,f]),L=n.useMemo((function(){if(l){if(d.isComponentGlyph(l))return l;console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",l)}}),[l]),O=n.useMemo((function(){if(m){var e=S.default.createElement(q.default,{"aria-labelledby":C,checked:o,tabIndex:-1,disabled:s,darkMode:y,className:u.css(wa||(wa=X(["\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 S.default.createElement(S.default.Fragment,null,S.default.createElement("span",{className:u.cx(qa,Aa)},x?L:e,S.default.createElement("span",{id:C,className:Fa(o)},La(r,k,"strong"))),x&&e)}return S.default.createElement(S.default.Fragment,null,S.default.createElement("span",{className:u.cx(qa,Aa)},L,S.default.createElement("span",{className:Fa(o)},La(r,k,"strong"))),o&&S.default.createElement(j.default,{glyph:"Checkmark",className:Ra[w],color:y?h.palette.blue.light1:h.palette.blue.base}))}),[m,L,o,r,k,w,y,C,s,x]);return S.default.createElement("li",U({},g,{ref:E,role:"option","aria-selected":i,"aria-label":r,tabIndex:-1,className:u.cx(Na,Ma[w],Ta[v],(a={},G(a,ja[v],i),G(a,Pa[v],s),a),p),onClick:D,onKeyDown:D}),O)}));function Wa(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}Ha.displayName="ComboboxOption",Wa.displayName="ComboboxOption",Wa.propTypes={displayName:z.default.string,value:z.default.string,glyph:z.default.node,disabled:z.default.bool,className:z.default.string};var Ga=["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"],Ua=["className","glyph","disabled"];function Ka(e){var t,a=e.children,r=e.label,l=e.description,o=e.placeholder,i=void 0===o?"Select":o,s=e["aria-label"],d=e.disabled,f=void 0!==d&&d,m=e.size,y=void 0===m?ae.Default:m,v=e.darkMode,x=e.state,k=void 0===x?"none":x,w=e.errorMessage,C=e.searchState,E=void 0===C?"unset":C,z=e.searchEmptyMessage,P=void 0===z?"No results found":z,R=e.searchErrorMessage,q=void 0===R?"Could not get results!":R,A=e.searchLoadingMessage,F=void 0===A?"Loading results...":A,X=e.filteredOptions,Z=e.onFilter,B=e.clearable,Y=void 0===B||B,re=e.onClear,oe=e.overflow,ie=void 0===oe?"expand-y":oe,se=e.multiselect,ue=void 0!==se&&se,ce=e.initialValue,de=e.onChange,fe=e.value,pe=e.chipTruncationLocation,ge=e.chipCharacterLimit,he=void 0===ge?12:ge,be=e.className,me=e.usePortal,ye=void 0===me||me,ve=e.portalClassName,xe=e.portalContainer,ke=e.scrollContainer,we=e.popoverZIndex,Ce=K(e,Ga),Ee=p.useDarkMode(v),Se=Ee.darkMode,De=Ee.theme,Le=c.useDynamicRefs({prefix:"option"}),Oe=c.useDynamicRefs({prefix:"chip"}),Ne=c.useIdAllocator({prefix:"combobox-input"}),Te=c.useIdAllocator({prefix:"combobox-label"}),Me=c.useIdAllocator({prefix:"combobox-menu"}),ze=n.useRef(null),Ie=n.useRef(null),Pe=n.useRef(null),Re=n.useRef(null),qe=n.useRef(null),Ae=V(n.useState(!1),2),Fe=Ae[0],He=Ae[1],We=c.usePrevious(Fe),Ge=V(n.useState(null),2),Ue=Ge[0],Ke=Ge[1],Xe=V(n.useState(null),2),Ve=Xe[0],Ze=Xe[1],Be=c.usePrevious(Ve),Ye=V(n.useState(""),2),_e=Ye[0],$e=Ye[1],Je=c.usePrevious(_e),Qe=V(n.useState(null),2),en=Qe[0],nn=Qe[1],tn=!N.default(Ve)&&(L.default(Ve)&&Ve.length>0||T.default(Ve)),an=ue&&L.default(Ve)&&Ve.length>0?void 0:i,rn=function(){return He(!1)},ln=function(){return He(!0)},on=n.useMemo((function(){return Ea(a)}),[a]),sn=n.useCallback((function(e){return!ue||"string"!=typeof e&&"number"!=typeof e?!ue&&L.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(W(e),' value: "').concat(e,'"')),ue&&L.default(e)}),[ue]),un=n.useCallback((function(e){!f&&Re&&Re.current&&(Re.current.focus(),M.default(e)||Re.current.setSelectionRange(e,e))}),[f]),cn=n.useCallback((function(e){if(sn(Ve)){var n=D.default(Ve);N.default(e)?n.length=0:Ve.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),$e("")),Ze(n),null==de||de(n)}else{var t=e;Ze(t),null==de||de(t)}}),[sn,de,Ve]),dn=n.useCallback((function(e){return sn(Ve)?Ve.includes(e):e===Ve}),[sn,Ve]),fn=n.useCallback((function(e){var n,t,a,r,l=(t=on,(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:"");return dn(l)}),[on,dn]),pn=n.useCallback((function(e){var n="string"==typeof e?e:e.value;return X&&X.length>0?X.includes(n):!!fn(_e)||("string"==typeof e?Da(n,on):e.displayName).toLowerCase().includes(_e.toLowerCase())}),[X,fn,_e,on]),gn=n.useMemo((function(){return on.filter(pn)}),[on,pn]),hn=n.useCallback((function(e){return!!e&&!!on.find((function(n){return n.value===e}))}),[on]),bn=n.useCallback((function(e){return gn?gn.findIndex((function(n){return n.value===e})):-1}),[gn]),mn=n.useCallback((function(e){if(gn&&gn.length>=e){var n=gn[e];return n?n.value:void 0}}),[gn]),yn=n.useCallback((function(){return sn(Ve)?Ve.findIndex((function(e){var n,t;return null===(n=Oe(e))||void 0===n||null===(t=n.current)||void 0===t?void 0:t.contains(document.activeElement)})):-1}),[Oe,sn,Ve]),vn=V(n.useState(),2),xn=vn[0],kn=vn[1],wn=n.useCallback((function(e){var n,t=null!==(n=null==gn?void 0:gn.length)&&void 0!==n?n:0,a=t-1>0?t-1:0,r=bn(Ue);switch(e&&Fe&&(nn(null),un()),e){case"next":var l=mn(r+1<t?r+1:0);Ke(null!=l?l:null);break;case"prev":var o=mn(r-1>=0?r-1:a);Ke(null!=o?o:null);break;case"last":var i=mn(a);Ke(null!=i?i:null);break;default:var s=mn(0);Ke(null!=s?s:null)}}),[Ue,bn,mn,Fe,un,null==gn?void 0:gn.length]),Cn=n.useCallback((function(e,n){if(sn(Ve))switch(e){case"next":var t=null!=n?n:yn(),a=t+1<Ve.length?t+1:Ve.length-1,r=Ve[a];nn(r);break;case"prev":var l=null!=n?n:yn(),o=l>0?l-1:l<0?Ve.length-1:0,i=Ve[o];nn(i);break;case"first":var s=Ve[0];nn(s);break;case"last":var u=Ve[Ve.length-1];nn(u);break;default:nn(null)}}),[yn,sn,Ve]),En=n.useCallback((function(e,n){switch(e&&Ke(null),e){case"right":switch(xn){case _:var t,a,r;if((null===(t=Re.current)||void 0===t?void 0:t.selectionEnd)===(null===(a=Re.current)||void 0===a?void 0:a.value.length))null===(r=Ie.current)||void 0===r||r.focus();break;case J:case ee:case Q:if(xn===Q||1===(null==Ve?void 0:Ve.length)){un(0),Cn(null),n.preventDefault();break}Cn("next")}break;case"left":switch(xn){case $:var l;n.preventDefault(),un(null==Re||null===(l=Re.current)||void 0===l?void 0:l.value.length);break;case _:case ee:case Q:if(sn(Ve)){var o;if(xn===_&&0!==(null===(o=Re.current)||void 0===o?void 0:o.selectionStart))break;Cn("prev")}}break;default:Cn(null)}}),[xn,sn,Ve,un,Cn]);n.useEffect((function(){_e!==Je&&wn("first")}),[_e,Fe,Je,wn]),n.useEffect((function(){if(Ue){var e=Le(Ue);if(e&&e.current&&qe.current){var n=e.current.offsetTop,t=qe.current,a=t.scrollTop;(n>t.offsetHeight||n<a)&&(qe.current.scrollTop=n)}}}),[Ue,Le]);var Sn=n.useCallback((function(e){if(g.isComponentType(e,"ComboboxOption")){var n=Ca(e.props),t=n.value,a=n.displayName;if(pn(t)){var r=e.props,l=r.className,o=r.glyph,i=r.disabled,s=K(r,Ua),u=on.findIndex((function(e){return e.value===t})),c=Ue===t,d=sn(Ve)?Ve.includes(t):Ve===t,f=Le(t);return S.default.createElement(Ha,U({},s,{value:t,displayName:a,isFocused:c,isSelected:d,disabled:i,setSelected:function(){Ke(t),cn(t),un(),t===Ve&&rn()},glyph:o,className:l,index:u,ref:f}))}}else if(g.isComponentType(e,"ComboboxGroup")){var p=S.default.Children.map(e.props.children,Sn);if(p&&(null==p?void 0:p.length)>0)return S.default.createElement(Qt,{label:e.props.label,className:e.props.className},S.default.Children.map(p,Sn))}}),[on,Le,Ue,sn,Ve,un,pn,cn]),Dn=n.useMemo((function(){return S.default.Children.map(a,Sn)}),[a,Sn]),Ln=n.useMemo((function(){if(sn(Ve))return Ve.filter(hn).map((function(e,n){var t=Da(e,on),a=en===e,r=Oe(e),l=n>=Ve.length-1;return S.default.createElement(Yt,{key:e,displayName:t,isFocused:a,onRemove:function(){l?(un(),Cn(null)):Cn("next",n),cn(e)},onFocus:function(){nn(e)},ref:r})}))}),[sn,Ve,hn,on,en,Oe,cn,un,Cn]),On=n.useMemo((function(){return S.default.createElement(S.default.Fragment,null,Y&&tn&&S.default.createElement(I.default,{"aria-label":"Clear selection","aria-disabled":f,disabled:f,ref:Ie,onClick:function(e){f||(e.stopPropagation(),cn(null),null==re||re(e),null==Z||Z(""),un())},onFocus:Pn,className:u.cx(Pt),darkMode:Se},S.default.createElement(j.default,{glyph:"XWithCircle"})),"error"===k?S.default.createElement(j.default,{glyph:"Warning",color:Se?h.palette.red.light1:h.palette.red.base,className:Rt(y)}):S.default.createElement(j.default,{glyph:"CaretDown",className:Rt(y)}))}),[Y,tn,f,k,Se,y,cn,re,Z,Fe,un]),Nn=n.useMemo((function(){return on.some((function(e){return e.hasGlyph}))}),[on]),Tn=n.useCallback((function(){if(!sn(Ve)&&Ve===Be){var e=gn.find((function(e){return e.displayName===_e||e.value===_e}));if(e&&!fe)Ze(e.value);else{var n,t=null!==(n=Da(Ve,on))&&void 0!==n?n:"";$e(t)}}}),[on,_e,sn,Be,Ve,fe,gn]),Mn=n.useCallback((function(){if(tn){if(sn(Ve))Hn();else if(!sn(Ve)){var e,n=null!==(e=Da(Ve,on))&&void 0!==e?e:"";$e(n),rn()}}else $e("")}),[tn,on,sn,Ve]);n.useEffect((function(){if(ce)if(L.default(ce)){var e,n=null!==(e=ce.filter((function(e){return hn(e)})))&&void 0!==e?e:[];Ze(n)}else hn(ce)&&Ze(ce);else Ze(function(e){return e?[]:null}(ue))}),[]),n.useEffect((function(){if(!M.default(fe)&&fe!==Je)if(N.default(fe))Ze(null);else if(sn(fe)){var e=fe.filter(hn);Ze(e)}else Ze(hn(fe)?fe:null)}),[sn,hn,Je,fe]),n.useEffect((function(){O.default(Ve,Be)||Mn()}),[Mn,Be,Ve]),n.useEffect((function(){!Fe&&We&&Tn()}),[Fe,We,Tn]);var zn=V(n.useState(0),2),jn=zn[0],In=zn[1];n.useEffect((function(){var e,n;In(null!==(e=null===(n=ze.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)}),[ze,Fe,Ue,Ve]);var Pn=function(){Ke(null)};c.useEventListener("mousedown",(function(e){Fn(e)||(e.preventDefault(),e.stopPropagation())}),{enabled:Fe}),c.useEventListener("click",(function(e){Fn(e)||(e.stopPropagation(),rn())}),{options:{capture:!0},enabled:Fe});var Rn,An=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?H(Object(t),!0).forEach((function(n){G(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):H(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({popoverZIndex:we},ye?{usePortal:ye,portalClassName:ve,portalContainer:xe,scrollContainer:ke}:{usePortal:ye});return S.default.createElement(je.Provider,{value:{multiselect:ue,darkMode:Se,theme:De,size:y,withIcons:Nn,disabled:f,isOpen:Fe,state:k,searchState:E,chipTruncationLocation:pe,chipCharacterLimit:he,inputValue:_e}},S.default.createElement("div",U({className:u.cx(kt(y),be)},Ce),(r||l)&&S.default.createElement("div",{className:Ft},r&&S.default.createElement(b.Label,{id:Te,htmlFor:Ne,darkMode:Se},r),l&&S.default.createElement(b.Description,{darkMode:Se},l)),S.default.createElement("div",{ref:ze,role:"combobox","aria-expanded":Fe,"aria-controls":Me,"aria-owns":Me,tabIndex:-1,onMouseDown:function(e){f&&e.preventDefault()},onClick:function(e){if(e.target!==Re.current){var n=0;if(Re.current)n=e.nativeEvent.offsetX>Re.current.offsetLeft+Re.current.clientWidth?_e.length:0;un(n)}ln()},onFocus:function(e){Hn(),kn(function(e){var n,t,a,r;if(!e)return;if(null!==(n=Re.current)&&void 0!==n&&n.contains(e))return _;if(null!==(t=Ie.current)&&void 0!==t&&t.contains(e))return $;var l=sn(Ve)?Ve.findIndex((function(n){var t,a;return null===(t=Oe(n))||void 0===t||null===(a=t.current)||void 0===a?void 0:a.contains(e)})):-1;if(sn(Ve)){if(0===l)return J;if(l===Ve.length-1)return Q;if(l>0)return ee}if(null!==(a=qe.current)&&void 0!==a&&a.contains(e))return te;if(null!==(r=ze.current)&&void 0!==r&&r.contains(e))return ne}(e.target))},onKeyDown:function(e){var n,t,a=null===(n=qe.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(t=ze.current)||void 0===t?void 0:t.contains(document.activeElement))||a){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.keyCode){case g.keyMap.Tab:switch(xn){case"Input":tn||(rn(),wn("first"),Cn(null));break;case"LastChip":Cn(null)}break;case g.keyMap.Escape:rn(),wn("first");break;case g.keyMap.Enter:xn!==_||N.default(Ue)||function(e){if("string"==typeof e){var n=Sa(e,on);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(Ue)?xn===$&&(cn(null),un()):cn(Ue);break;case g.keyMap.Backspace:var r;if(sn(Ve))"Input"===xn&&0===(null===(r=Re.current)||void 0===r?void 0:r.selectionStart)&&Cn("last");ln();break;case g.keyMap.ArrowDown:Fe?(e.preventDefault(),wn("next")):ln();break;case g.keyMap.ArrowUp:Fe?(e.preventDefault(),wn("prev")):ln();break;case g.keyMap.ArrowRight:En("right",e);break;case g.keyMap.ArrowLeft:En("left",e);break;default:Fe||ln()}}},onTransitionEnd:function(){var e,n;In(null!==(e=null===(n=ze.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:u.cx(wt,Ct[De],Et(y),(t={},G(t,Ot,Y&&tn),G(t,St[De],f),G(t,Dt[De],k===le.error),G(t,Lt[De],(Rn=_,Rn===xn)),t))},S.default.createElement("div",{ref:Pe,className:Nt({size:y,overflow:ie})},Ln,S.default.createElement("input",{"aria-label":null!=s?s:r,"aria-autocomplete":"list","aria-controls":Me,"aria-labelledby":Te,ref:Re,id:Ne,className:u.cx(Tt,zt[y],Mt[De],jt(Fe),G({},It(y,_e),sn(Ve))),placeholder:an,disabled:null!=f?f:void 0,onChange:function(e){var n=e.target.value;$e(n),null==Z||Z(n)},value:_e,autoComplete:"off"})),On),"error"===k&&w&&S.default.createElement("div",{className:u.cx(qt[De],At[y])},w),S.default.createElement(qn,U({id:Me,labelId:Te,refEl:ze,ref:qe,menuWidth:jn,searchLoadingMessage:F,searchErrorMessage:q,searchEmptyMessage:P},An),Dn)));function Fn(e){var n,t,a=e.target;return(null===(n=qe.current)||void 0===n?void 0:n.contains(a))||(null===(t=ze.current)||void 0===t?void 0:t.contains(a))||!1}function Hn(){Pe&&Pe.current&&(Pe.current.scrollLeft=Pe.current.scrollWidth)}}Ka.propTypes={multiselect:z.default.bool,value:z.default.oneOfType([z.default.string,z.default.arrayOf(z.default.string)]),initialValue:z.default.oneOfType([z.default.string,z.default.arrayOf(z.default.string)]),overflow:z.default.oneOf(Object.values(re)),darkMode:z.default.bool,label:z.default.string,"aria-label":z.default.string,children:z.default.node,onChange:z.default.func,chipCharacterLimit:z.default.number,chipTruncationLocation:z.default.oneOf(Object.values({start:"start",middle:"middle",end:"end",none:"none"})),onClear:z.default.func,onFilter:z.default.func,clearable:z.default.bool,searchLoadingMessage:z.default.string,searchErrorMessage:z.default.string,searchEmptyMessage:z.default.string,searchState:z.default.oneOf(Object.values(oe)),errorMessage:z.default.string,state:z.default.oneOf(Object.values(le)),size:z.default.oneOf(Object.values(ae)),disabled:z.default.bool,description:z.default.string,placeholder:z.default.string,filteredOptions:z.default.arrayOf(z.default.string),popoverZIndex:z.default.number,usePortal:z.default.bool,scrollContainer:z.default.elementType,portalContainer:z.default.elementType,portalClassName:z.default.string},e.Combobox=Ka,e.ComboboxGroup=ea,e.ComboboxOption=Wa,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
1
|
+
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react"),require("lodash/clone"),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/palette"),require("@leafygreen-ui/typography"),require("@leafygreen-ui/inline-definition"),require("@leafygreen-ui/tokens"),require("@leafygreen-ui/popover"),require("polished"),require("@leafygreen-ui/input-option"),require("@leafygreen-ui/checkbox"),require("lodash/kebabCase"),require("lodash/escapeRegExp")):"function"==typeof define&&define.amd?define(["exports","react","lodash/clone","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/palette","@leafygreen-ui/typography","@leafygreen-ui/inline-definition","@leafygreen-ui/tokens","@leafygreen-ui/popover","polished","@leafygreen-ui/input-option","@leafygreen-ui/checkbox","lodash/kebabCase","lodash/escapeRegExp"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/combobox"]={},e.React,e.clone,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/palette"],e["@leafygreen-ui/typography"],e["@leafygreen-ui/inline-definition"],e["@leafygreen-ui/tokens"],e["@leafygreen-ui/popover"],e.polished,e["@leafygreen-ui/input-option"],e["@leafygreen-ui/checkbox"],e.kebabCase,e.escapeRegExp)}(this,(function(e,n,t,a,r,l,o,i,s,u,c,d,f,p,g,h,b,y,m,v,x,k,w,C,E){"use strict";function S(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var D=S(n),L=S(t),N=S(a),M=S(r),O=S(l),T=S(o),z=S(i),j=S(s),I=S(d),q=S(f),R=S(p),A=S(y),P=S(v),F=S(w),H=S(C),W=S(E);function G(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 U(e){return U="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},U(e)}function K(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function X(){return X=Object.assign||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},X.apply(this,arguments)}function V(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 B(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function Z(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)return;var a,r,l=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(l.push(a.value),!n||l.length!==n);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw r}}return l}(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 Y(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)||_(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 $(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 J,Q,ee,ne,te,ae,re,le,oe,ie,se,ue,ce,de,fe,pe,ge,he,be,ye,me,ve,xe,ke,we,Ce="Input",Ee="ClearButton",Se="FirstChip",De="LastChip",Le="MiddleChip",Ne="Combobox",Me="Menu",Oe={Default:"default",Large:"large"},Te={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},ze={error:"error",none:"none"},je={unset:"unset",error:"error",loading:"loading"};var Ie,qe,Re,Ae,Pe,Fe,He,We,Ge,Ue,Ke,Xe,Ve,Be,Ze,Ye,_e,$e,Je,Qe,en,nn,tn,an,rn,ln,on,sn,un,cn,dn,fn,pn,gn,hn,bn,yn,mn,vn,xn,kn,wn,Cn,En,Sn,Dn,Ln,Nn=(K(J={},Oe.Default,2),K(J,Oe.Large,4),J),Mn=(K(Q={},Oe.Default,m.typeScales.body1.lineHeight+2*Nn[Oe.Default]),K(Q,Oe.Large,m.typeScales.body2.lineHeight+2*Nn[Oe.Large]),Q),On=u.css(ee||(ee=B(["\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n white-space: nowrap;\n box-sizing: border-box;\n"]))),Tn=(K(ae={},Oe.Default,u.css(ne||(ne=B(["\n font-size: ","px;\n line-height: ","px;\n border-radius: 4px;\n "])),m.typeScales.body1.fontSize,m.typeScales.body1.lineHeight)),K(ae,Oe.Large,u.css(te||(te=B(["\n font-size: ","px;\n line-height: ","px;\n border-radius: 4px;\n "])),m.typeScales.body2.fontSize,m.typeScales.body2.lineHeight)),ae),zn=(K(oe={},g.Theme.Light,u.css(re||(re=B(["\n color: ",";\n background-color: ",";\n\n // TODO: - refine these styles with Design\n &:focus-within {\n background-color: ",";\n }\n "])),h.palette.black,h.palette.gray.light2,h.palette.blue.light2)),K(oe,g.Theme.Dark,u.css(le||(le=B(["\n color: ",";\n background-color: ",";\n\n &:focus-within {\n background-color: ",";\n }\n "])),h.palette.gray.light2,h.palette.gray.dark2,h.palette.blue.dark2)),oe),jn=(K(ue={},g.Theme.Light,u.css(ie||(ie=B(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n "])),h.palette.gray.base,h.palette.gray.light3)),K(ue,g.Theme.Dark,u.css(se||(se=B(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n box-shadow: inset 0 0 1px 1px ","; ;\n "])),h.palette.gray.dark2,h.palette.gray.dark4,h.palette.gray.dark2)),ue),In=(K(fe={},Oe.Default,u.css(ce||(ce=B(["\n padding-inline: 6px;\n padding-block: ","px;\n "])),Nn[Oe.Default])),K(fe,Oe.Large,u.css(de||(de=B(["\n padding-inline: 10px;\n padding-block: ","px;\n "])),Nn[Oe.Large])),fe),qn=u.css(pe||(pe=B(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n outline: none;\n border: none;\n background-color: transparent;\n cursor: pointer;\n transition: background-color ","ms ease-in-out;\n"])),m.transitionDuration.faster),Rn=(K(be={},Oe.Default,u.css(ge||(ge=B(["\n height: ","px;\n "])),Mn[Oe.Default])),K(be,Oe.Large,u.css(he||(he=B(["\n height: ","px;\n "])),Mn[Oe.Large])),be),An=(K(ve={},g.Theme.Light,u.css(ye||(ye=B(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),h.palette.gray.dark2,h.palette.black,h.palette.gray.light1)),K(ve,g.Theme.Dark,u.css(me||(me=B(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),h.palette.gray.light1,h.palette.gray.light3,h.palette.gray.dark1)),ve),Pn=(K(we={},g.Theme.Light,u.css(xe||(xe=B(["\n cursor: not-allowed;\n color: ",";\n &:hover {\n color: inherit;\n background-color: unset;\n }\n "])),h.palette.gray.dark2)),K(we,g.Theme.Dark,u.css(ke||(ke=B(["\n cursor: not-allowed;\n color: ",";\n &:hover {\n color: inherit;\n background-color: unset;\n }\n "])),h.palette.gray.dark2)),we),Fn=Mn,Hn=(K(Ie={},Oe.Default,m.typeScales.body1.fontSize),K(Ie,Oe.Large,m.typeScales.body2.fontSize),Ie),Wn=(K(qe={},Oe.Default,{y:(36-Fn[Oe.Default]-2)/2,x:m.spacing[2]-1}),K(qe,Oe.Large,{y:(48-Fn[Oe.Large]-2)/2,x:m.spacing[2]-1}),qe),Gn=m.spacing[3],Un=(K(Re={},Oe.Default,Hn[Oe.Default]+2*Wn[Oe.Default].x+Gn+2),K(Re,Oe.Large,Hn[Oe.Large]+2*Wn[Oe.Large].x+Gn+2),Re),Kn=g.createUniqueClassName("combobox-chip"),Xn=function(e){return u.css(Ae||(Ae=B(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),m.fontFamilies.default,Un[e])},Vn=u.css(Pe||(Pe=B(["\n display: grid;\n grid-auto-flow: column;\n grid-template-columns: 1fr ","px;\n align-items: center;\n cursor: text;\n transition: ","ms ease-in-out;\n transition-property: background-color, box-shadow, border-color;\n border: 1px solid;\n width: 100%;\n max-width: 100%;\n border-radius: 6px;\n"])),Gn,m.transitionDuration.default),Bn=(K(We={},g.Theme.Light,u.css(Fe||(Fe=B(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover {\n box-shadow: ",";\n }\n "])),h.palette.gray.dark3,h.palette.white,h.palette.gray.base,m.hoverRing[g.Theme.Light].gray)),K(We,g.Theme.Dark,u.css(He||(He=B(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover {\n box-shadow: ",";\n }\n "])),h.palette.gray.light2,h.palette.gray.dark4,h.palette.gray.base,m.hoverRing[g.Theme.Dark].gray)),We),Zn=function(e){return u.css(Ge||(Ge=B(["\n padding: ","px ","px;\n"])),Wn[e].y,Wn[e].x)},Yn=(K(Xe={},g.Theme.Light,u.css(Ue||(Ue=B(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),h.palette.gray.dark1,h.palette.gray.light2,h.palette.gray.light1)),K(Xe,g.Theme.Dark,u.css(Ke||(Ke=B(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),h.palette.gray.dark1,h.palette.gray.dark3,h.palette.gray.dark2)),Xe),_n=(K(Ze={},g.Theme.Light,u.css(Ve||(Ve=B(["\n border-color: ",";\n "])),h.palette.red.base)),K(Ze,g.Theme.Dark,u.css(Be||(Be=B(["\n border-color: ",";\n "])),h.palette.red.light1)),Ze),$n=(K($e={},g.Theme.Light,u.css(Ye||(Ye=B(["\n &:focus-within {\n border-color: transparent;\n background-color: ",";\n box-shadow: ",";\n }\n "])),h.palette.white,m.focusRing[g.Theme.Light].input)),K($e,g.Theme.Dark,u.css(_e||(_e=B(["\n &:focus-within {\n border-color: transparent;\n background-color: ",";\n box-shadow: ",";\n }\n "])),h.palette.gray.dark4,m.focusRing[g.Theme.Dark].input)),$e),Jn=u.css(Je||(Je=B(["\n grid-template-columns: 1fr ","px ","px;\n"])),28,Gn),Qn=function(e){var n=e.overflow,t=e.size,a=u.css(Qe||(Qe=B(["\n flex-grow: 1;\n width: 100%;\n "])));switch(n){case Te.scrollX:return u.css(en||(en=B(["\n ","\n display: block;\n height: ","px;\n white-space: nowrap;\n overflow-x: scroll;\n scroll-behavior: smooth;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n & > ."," {\n margin-inline: 2px;\n\n &:first-child {\n margin-inline-start: 0;\n }\n\n &:last-child {\n margin-inline-end: 0;\n }\n }\n "])),a,Fn[t],Kn);case Te.expandY:return u.css(nn||(nn=B(["\n ","\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n overflow-x: hidden;\n min-height: ","px;\n "])),a,Fn[t])}},et=u.css(tn||(tn=B(["\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"])),m.fontFamilies.default),nt=(K(ln={},g.Theme.Light,u.css(an||(an=B(["\n &::placeholder {\n color: ",";\n }\n "])),h.palette.gray.dark1)),K(ln,g.Theme.Dark,u.css(rn||(rn=B(["\n &::placeholder {\n color: ",";\n }\n "])),h.palette.gray.light1)),ln),tt=(K(un={},Oe.Default,u.css(on||(on=B(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n // Only add padding if there are chips\n &:not(:first-child) {\n padding-left: 4px;\n }\n "])),Fn[Oe.Default],m.typeScales.body1.fontSize,m.typeScales.body1.lineHeight,Hn[Oe.Default])),K(un,Oe.Large,u.css(sn||(sn=B(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n &:not(:first-child) {\n padding-left: 6px;\n }\n "])),Fn[Oe.Large],m.typeScales.body2.fontSize,m.typeScales.body2.lineHeight,Hn[Oe.Large])),un),at=function(e){return u.css(cn||(cn=B(["\n /*\n * Immediate transition in, slow transition out. \n * '-in' transition is handled by `scroll-behavior` \n */\n transition: width ease-in-out ",";\n"],["\n /*\n * Immediate transition in, slow transition out. \n * '-in' transition is handled by \\`scroll-behavior\\` \n */\n transition: width ease-in-out ",";\n"])),e?"0s":"100ms")},rt=function(e,n){var t,a=null!==(t=null==n?void 0:n.length)&&void 0!==t?t:0;return u.css(dn||(dn=B(["\n width: ","px;\n max-width: 100%;\n "])),a*Hn[e])},lt=u.css(fn||(fn=B(["\n // Add a negative margin so the button takes up the same space as the regular icons\n margin-block: calc(","px - 100%);\n"])),Gn/2),ot=function(e){return u.css(pn||(pn=B(["\n height: ","px;\n width: ","px;\n margin-inline-end: calc(","px / 2);\n"])),Gn,Gn,Wn[e].x)},it=(K(bn={},g.Theme.Light,u.css(gn||(gn=B(["\n color: ",";\n "])),h.palette.red.base)),K(bn,g.Theme.Dark,u.css(hn||(hn=B(["\n color: ",";\n "])),h.palette.red.light1)),bn),st=(K(vn={},Oe.Default,u.css(yn||(yn=B(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n "])),m.typeScales.body1.fontSize,m.typeScales.body1.lineHeight,Wn[Oe.Default].y)),K(vn,Oe.Large,u.css(mn||(mn=B(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n "])),m.typeScales.body2.fontSize,m.typeScales.body2.lineHeight,Wn[Oe.Large].y)),vn),ut=u.css(xn||(xn=B(["\n margin-bottom: 2px;\n"]))),ct=n.createContext({multiselect:!1,size:Oe.Default,withIcons:!1,disabled:!1,isOpen:!1,state:ze.none,searchState:je.unset}),dt=D.default.forwardRef((function(e,t){var a=e.displayName,r=e.isFocused,l=e.onRemove,o=e.onFocus,i=p.useDarkMode(),s=i.darkMode,c=i.theme,d=n.useContext(ct),f=d.size,h=d.disabled,b=d.chipTruncationLocation,y=void 0===b?"end":b,m=d.chipCharacterLimit,v=void 0===m?12:m,x=!!v&&!!y&&"none"!==y&&a.length>v,k=n.useRef(null),w=n.useMemo((function(){if(x){var e=v-3;switch(y){case"start":return"…"+a.substring(a.length-e).trim();case"middle":return a.substring(0,e/2).trim()+"…"+a.substring(a.length-e/2).trim();case"end":return a.substring(0,e).trim()+"…";default:return a}}return!1}),[v,y,a,x]);n.useEffect((function(){var e;r&&!h&&(null==k||null===(e=k.current)||void 0===e||e.focus())}),[h,t,r]);return D.default.createElement("span",{role:"option","aria-selected":r,"data-testid":"lg-combobox-chip",ref:t,className:u.cx(Kn,On,zn[c],Tn[f],K({},jn[c],h)),onClick:function(e){var n;null!==(n=k.current)&&void 0!==n&&n.contains(e.target)||o()},onKeyDown:function(e){h||e.keyCode!==g.keyMap.Delete&&e.keyCode!==g.keyMap.Backspace&&e.keyCode!==g.keyMap.Enter&&e.keyCode!==g.keyMap.Space||l()},tabIndex:-1},D.default.createElement("span",{className:u.cx(In[f])},w?D.default.createElement(A.default,{darkMode:s,definition:a,align:"bottom"},w):a),D.default.createElement("button",{"aria-label":"Deselect ".concat(a),"aria-disabled":h,disabled:h,ref:k,className:u.cx(qn,An[c],Rn[f],K({},Pn[c],h)),onClick:function(){h||l()}},D.default.createElement(I.default,{glyph:"X"})))}));dt.displayName="Chip";var ft,pt,gt,ht,bt,yt,mt,vt,xt,kt,wt,Ct,Et,St,Dt,Lt,Nt,Mt,Ot,Tt,zt,jt,It,qt,Rt,At,Pt=(K(Cn={},g.Theme.Light,u.css(kn||(kn=B(["\n padding-top: 8px;\n "])))),K(Cn,g.Theme.Dark,u.css(wn||(wn=B(["\n padding-top: 8px;\n "])))),Cn),Ft=u.css(En||(En=B(["\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"]))),Ht=(K(Ln={},g.Theme.Light,u.css(Sn||(Sn=B(["\n color: ",";\n "])),h.palette.gray.dark1)),K(Ln,g.Theme.Dark,u.css(Dn||(Dn=B(["\n color: ",";\n "])),h.palette.gray.light1)),Ln);function Wt(e){var n=e.label,t=e.className,a=e.children,r=p.useDarkMode().theme,l=c.useIdAllocator({prefix:"combobox-group"});return D.default.Children.count(a)>0?D.default.createElement("div",{className:u.cx(Pt[r],t)},D.default.createElement("div",{className:u.cx(Ft,Ht[r]),id:l},n),D.default.createElement("div",{role:"group","aria-labelledby":l},a)):D.default.createElement(D.default.Fragment,null)}function Gt(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}Gt.displayName="ComboboxGroup",Gt.propTypes={className:j.default.string,children:j.default.node.isRequired,label:j.default.string.isRequired};var Ut=(K(ft={},Oe.Default,{x:12,y:8}),K(ft,Oe.Large,{x:12,y:8}),ft),Kt=(K(pt={},Oe.Default,m.typeScales.body1.lineHeight+2*Ut[Oe.Default].y),K(pt,Oe.Large,m.typeScales.body2.lineHeight+2*Ut[Oe.Large].y),pt),Xt=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return u.css(gt||(gt=B(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),e)},Vt=(K(yt={},g.Theme.Light,u.css(ht||(ht=B(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),x.transparentize(.85,h.palette.black),h.palette.gray.light2)),K(yt,g.Theme.Dark,u.css(bt||(bt=B(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),x.transparentize(.85,h.palette.black),h.palette.gray.dark3)),yt),Bt=u.css(mt||(mt=B(["\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"])),m.spacing[2],m.fontFamilies.default),Zt=(K(kt={},g.Theme.Light,u.css(vt||(vt=B(["\n color: ",";\n background-color: ",";\n "])),h.palette.black,h.palette.white)),K(kt,g.Theme.Dark,u.css(xt||(xt=B(["\n color: ",";\n background-color: ",";\n "])),h.palette.gray.light1,h.palette.gray.dark3)),kt);K(Et={},Oe.Default,u.css(wt||(wt=B(["\n min-height: ","px;\n "])),Kt[Oe.Default])),K(Et,Oe.Large,u.css(Ct||(Ct=B(["\n min-height: ","px;\n "])),Kt[Oe.Large]));var Yt=u.css(St||(St=B(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),_t=u.css(Dt||(Dt=B(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),$t=(K(Mt={},g.Theme.Light,u.css(Lt||(Lt=B(["\n color: ",";\n "])),h.palette.gray.dark3)),K(Mt,g.Theme.Dark,u.css(Nt||(Nt=B(["\n color: ",";\n "])),h.palette.gray.light3)),Mt),Jt=(K(zt={},Oe.Default,u.css(Ot||(Ot=B(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px\n ","px;\n "])),m.typeScales.body1.fontSize,m.typeScales.body1.lineHeight,Ut[Oe.Default].y,Ut[Oe.Default].x)),K(zt,Oe.Large,u.css(Tt||(Tt=B(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px\n ","px;\n "])),m.typeScales.body2.fontSize,m.typeScales.body2.lineHeight,Ut[Oe.Large].y,Ut[Oe.Large].x)),zt);K(qt={},Oe.Default,u.css(jt||(jt=B(["\n height: ","px;\n width: ","px;\n "])),m.typeScales.body1.fontSize,m.typeScales.body1.fontSize)),K(qt,Oe.Large,u.css(It||(It=B(["\n height: ","px;\n width: ","px;\n "])),m.typeScales.body2.fontSize,m.typeScales.body2.fontSize));var Qt,ea,na,ta,aa,ra,la,oa,ia,sa,ua,ca=u.keyframes(Rt||(Rt=B(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),da=u.css(At||(At=B(["\n animation: "," 1.5s linear infinite;\n"])),ca),fa=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],pa=D.default.forwardRef((function(e,t){var a=e.children,r=e.id,l=e.refEl,o=e.labelId,i=e.menuWidth,s=e.searchLoadingMessage,d=e.searchErrorMessage,f=e.searchEmptyMessage,g=V(e,fa),b=p.useDarkMode(),y=b.darkMode,m=b.theme,v=n.useContext(ct),x=v.disabled,k=v.size,w=v.isOpen,C=v.searchState,E=c.useForwardedRef(t,null),S=c.useAvailableSpace(l),L=z.default(S)?"unset":"".concat(Math.min(S,256),"px"),N=n.useMemo((function(){var e=u.cx(_t,$t[m],Jt[k]);switch(C){case"loading":return D.default.createElement("span",{className:e},D.default.createElement(I.default,{glyph:"Refresh",color:y?h.palette.blue.light1:h.palette.blue.base,className:da}),s);case"error":return D.default.createElement("span",{className:e},D.default.createElement(I.default,{glyph:"Warning",color:y?h.palette.red.light1:h.palette.red.base}),d);default:return a&&"object"===U(a)&&"length"in a&&a.length>0?D.default.createElement("ul",{className:Yt},a):D.default.createElement("span",{className:e},f)}}),[m,k,C,y,s,d,a,f]);return D.default.createElement(P.default,X({active:w&&!x,spacing:4,align:"bottom",justify:"middle",refEl:l,adjustOnMutation:!0,className:u.cx(Xt(i),Vt[m])},g),D.default.createElement("div",{ref:E,id:r,role:"listbox","aria-labelledby":o,"aria-expanded":w,className:u.cx(Bt,Zt[m],u.css(Qt||(Qt=B(["\n max-height: ",";\n "])),L)),onMouseDownCapture:function(e){return e.preventDefault()}},N))}));pa.displayName="ComboboxMenu";var ga=u.css(ea||(ea=B(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n"]))),ha=(K(aa={},Oe.Default,u.css(na||(na=B(["\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 "])),m.typeScales.body1.fontSize,m.typeScales.body1.lineHeight,Kt[Oe.Default],Ut[Oe.Default].y,Ut[Oe.Default].x,m.spacing[1],Kt[Oe.Default])),K(aa,Oe.Large,u.css(ta||(ta=B(["\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 "])),m.typeScales.body2.fontSize,m.typeScales.body2.lineHeight,Kt[Oe.Large],Ut[Oe.Large].y,Ut[Oe.Large].x,m.spacing[2],Kt[Oe.Large])),aa),ba=(K(oa={},Oe.Default,u.css(ra||(ra=B(["\n min-width: ","px;\n "])),m.spacing[3])),K(oa,Oe.Large,u.css(la||(la=B(["\n min-width: ","px;\n "])),m.spacing[4])),oa),ya=u.css(ia||(ia=B(["\n display: inline-flex;\n gap: 8px;\n justify-content: start;\n align-items: inherit;\n overflow-wrap: anywhere;\n"]))),ma=u.css(sa||(sa=B(["\n pointer-events: none;\n"]))),va=function(e){return u.css(ua||(ua=B(["\n font-weight: ",";\n"])),e?"bold":"normal")},xa=function(e){var n,t=e.value,a=e.displayName;return{value:null!=t?t:H.default(a),displayName:null!==(n=null!=a?a:t)&&void 0!==n?n:""}},ka=function e(n){return D.default.Children.toArray(n).reduce((function(n,t){if(g.isComponentType(t,"ComboboxOption")){var a=xa(t.props),r=a.value,l=a.displayName,o=t.props,i=o.glyph,s=o.disabled;return[].concat(Y(n),[{value:r,displayName:l,isDisabled:!!s,hasGlyph:!!i}])}if(g.isComponentType(t,"ComboboxGroup")){var u=t.props.children;if(u)return[].concat(Y(n),Y(e(u)))}}),[])},wa=function(e,n){if(e)return n.find((function(n){return n.value===e}))},Ca=function(e,n){var t,a;return e?null!==(t=null===(a=wa(e,n))||void 0===a?void 0:a.displayName)&&void 0!==t?t:e:""},Ea=function(e,n,t){if(n&&t){var a=W.default(n),r=new RegExp(a,"gi"),l=e.matchAll(r);if(l){for(var o=e.split(""),i=0,s=Array.from(l);i<s.length;i++){var u,c=s[i],d=null!==(u=c.index)&&void 0!==u?u:-1,f=c[0],p=f.length,g=d+f+p,h=new Array(p).fill("");h[0]=D.default.createElement(t,{key:g},f),o.splice.apply(o,[d,p].concat(Y(h)))}return D.default.createElement(D.default.Fragment,null,o)}return D.default.createElement(D.default.Fragment,null,e)}return D.default.createElement(D.default.Fragment,null,e)},Sa=function(e){var t=e.disabled,a=e.displayName,r=e.glyph,l=e.isSelected,o=p.useDarkMode().darkMode,i=n.useContext(ct),s=i.multiselect,f=i.withIcons,g=i.inputValue,b=i.size,y=c.useIdAllocator({prefix:"combobox-option-text"}),m=n.useMemo((function(){if(r){if(d.isComponentGlyph(r))return r;console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",r)}return D.default.createElement(D.default.Fragment,null)}),[r]),v=D.default.createElement(F.default,{"aria-labelledby":y,checked:l,tabIndex:-1,disabled:t,darkMode:o});return s?D.default.createElement(D.default.Fragment,null,D.default.createElement("span",{className:u.cx(ya,ma)},f?m:v,D.default.createElement("span",{id:y,className:va(l)},Ea(a,g,"strong"))),f&&v):D.default.createElement(D.default.Fragment,null,D.default.createElement("span",{className:u.cx(ya,ma)},m,D.default.createElement("span",{className:va(l)},Ea(a,g,"strong"))),l&&D.default.createElement(I.default,{glyph:"Checkmark",className:ba[b],color:o?h.palette.blue.light1:h.palette.blue.base}))},Da=["glyph","isSelected","displayName","isFocused","disabled","setSelected","className"],La=D.default.forwardRef((function(e,t){var a=e.glyph,r=e.isSelected,l=e.displayName,o=e.isFocused,i=e.disabled,s=e.setSelected,d=e.className,f=V(e,Da),g=p.useDarkMode().darkMode,h=n.useContext(ct).size,b=c.useForwardedRef(t,null),y=n.useCallback((function(e){e.stopPropagation(),i||e.target!==b.current&&"INPUT"!==e.target.tagName||s()}),[i,b,s]);return D.default.createElement(k.InputOption,X({},f,{as:"li",ref:b,highlighted:o,disabled:i,"aria-label":l,darkMode:g,className:u.cx(ga,ha[h],d),onClick:y,onKeyDown:y}),D.default.createElement(Sa,{disabled:i,displayName:l,glyph:a,isSelected:r}))}));function Na(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}La.displayName="ComboboxOption",Na.displayName="ComboboxOption",Na.propTypes={displayName:j.default.string,value:j.default.string,glyph:j.default.node,disabled:j.default.bool,className:j.default.string};var Ma=["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"],Oa=["className","glyph","disabled"];function Ta(e){var t,a=e.children,r=e.label,l=e.description,o=e.placeholder,i=void 0===o?"Select":o,s=e["aria-label"],d=e.disabled,f=void 0!==d&&d,y=e.size,m=void 0===y?Oe.Default:y,v=e.darkMode,x=e.state,k=void 0===x?"none":x,w=e.errorMessage,C=e.searchState,E=void 0===C?"unset":C,S=e.searchEmptyMessage,j=void 0===S?"No results found":S,A=e.searchErrorMessage,P=void 0===A?"Could not get results!":A,F=e.searchLoadingMessage,H=void 0===F?"Loading results...":F,W=e.filteredOptions,B=e.onFilter,Y=e.clearable,_=void 0===Y||Y,$=e.onClear,J=e.overflow,Q=void 0===J?"expand-y":J,ee=e.multiselect,ne=void 0!==ee&&ee,te=e.initialValue,ae=e.onChange,re=e.value,le=e.chipTruncationLocation,oe=e.chipCharacterLimit,ie=void 0===oe?12:oe,se=e.className,ue=e.usePortal,ce=void 0===ue||ue,de=e.portalClassName,fe=e.portalContainer,pe=e.scrollContainer,ge=e.popoverZIndex,he=V(e,Ma),be=p.useDarkMode(v),ye=be.darkMode,me=be.theme,ve=c.useDynamicRefs({prefix:"option"}),xe=c.useDynamicRefs({prefix:"chip"}),ke=c.useIdAllocator({prefix:"combobox-input"}),we=c.useIdAllocator({prefix:"combobox-label"}),Te=c.useIdAllocator({prefix:"combobox-menu"}),je=n.useRef(null),Ie=n.useRef(null),qe=n.useRef(null),Re=n.useRef(null),Ae=n.useRef(null),Pe=Z(n.useState(!1),2),Fe=Pe[0],He=Pe[1],We=c.usePrevious(Fe),Ge=Z(n.useState(null),2),Ue=Ge[0],Ke=Ge[1],Xe=Z(n.useState(null),2),Ve=Xe[0],Be=Xe[1],Ze=c.usePrevious(Ve),Ye=Z(n.useState(""),2),_e=Ye[0],$e=Ye[1],Je=c.usePrevious(_e),Qe=Z(n.useState(null),2),en=Qe[0],nn=Qe[1],tn=!O.default(Ve)&&(N.default(Ve)&&Ve.length>0||T.default(Ve)),an=ne&&N.default(Ve)&&Ve.length>0?void 0:i,rn=function(){return He(!1)},ln=function(){return He(!0)},on=n.useMemo((function(){return ka(a)}),[a]),sn=n.useCallback((function(e){return!ne||"string"!=typeof e&&"number"!=typeof e?!ne&&N.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(U(e),' value: "').concat(e,'"')),ne&&N.default(e)}),[ne]),un=n.useCallback((function(e){!f&&Re&&Re.current&&(Re.current.focus(),z.default(e)||Re.current.setSelectionRange(e,e))}),[f]),cn=n.useCallback((function(e){if(sn(Ve)){var n=L.default(Ve);O.default(e)?n.length=0:Ve.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),$e("")),Be(n),null==ae||ae(n)}else{var t=e;Be(t),null==ae||ae(t)}}),[sn,ae,Ve]),dn=n.useCallback((function(e){return sn(Ve)?Ve.includes(e):e===Ve}),[sn,Ve]),fn=n.useCallback((function(e){var n,t,a,r,l=(t=on,(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:"");return dn(l)}),[on,dn]),pn=n.useCallback((function(e){var n="string"==typeof e?e:e.value;return W&&W.length>0?W.includes(n):!!fn(_e)||("string"==typeof e?Ca(n,on):e.displayName).toLowerCase().includes(_e.toLowerCase())}),[W,fn,_e,on]),gn=n.useMemo((function(){return on.filter(pn)}),[on,pn]),hn=n.useCallback((function(e){return!!e&&!!on.find((function(n){return n.value===e}))}),[on]),bn=n.useCallback((function(e){return gn?gn.findIndex((function(n){return n.value===e})):-1}),[gn]),yn=n.useCallback((function(e){if(gn&&gn.length>=e){var n=gn[e];return n?n.value:void 0}}),[gn]),mn=n.useCallback((function(){return sn(Ve)?Ve.findIndex((function(e){var n,t;return null===(n=xe(e))||void 0===n||null===(t=n.current)||void 0===t?void 0:t.contains(document.activeElement)})):-1}),[xe,sn,Ve]),vn=Z(n.useState(),2),xn=vn[0],kn=vn[1],wn=n.useCallback((function(e){var n,t=null!==(n=null==gn?void 0:gn.length)&&void 0!==n?n:0,a=t-1>0?t-1:0,r=bn(Ue);switch(e&&Fe&&(nn(null),un()),e){case"next":var l=yn(r+1<t?r+1:0);Ke(null!=l?l:null);break;case"prev":var o=yn(r-1>=0?r-1:a);Ke(null!=o?o:null);break;case"last":var i=yn(a);Ke(null!=i?i:null);break;default:var s=yn(0);Ke(null!=s?s:null)}}),[Ue,bn,yn,Fe,un,null==gn?void 0:gn.length]),Cn=n.useCallback((function(e,n){if(sn(Ve))switch(e){case"next":var t=null!=n?n:mn(),a=t+1<Ve.length?t+1:Ve.length-1,r=Ve[a];nn(r);break;case"prev":var l=null!=n?n:mn(),o=l>0?l-1:l<0?Ve.length-1:0,i=Ve[o];nn(i);break;case"first":var s=Ve[0];nn(s);break;case"last":var u=Ve[Ve.length-1];nn(u);break;default:nn(null)}}),[mn,sn,Ve]),En=n.useCallback((function(e,n){switch(e&&Ke(null),e){case"right":switch(xn){case Ce:var t,a,r;if((null===(t=Re.current)||void 0===t?void 0:t.selectionEnd)===(null===(a=Re.current)||void 0===a?void 0:a.value.length))null===(r=Ie.current)||void 0===r||r.focus();break;case Se:case Le:case De:if(xn===De||1===(null==Ve?void 0:Ve.length)){un(0),Cn(null),n.preventDefault();break}Cn("next")}break;case"left":switch(xn){case Ee:var l;n.preventDefault(),un(null==Re||null===(l=Re.current)||void 0===l?void 0:l.value.length);break;case Ce:case Le:case De:if(sn(Ve)){var o;if(xn===Ce&&0!==(null===(o=Re.current)||void 0===o?void 0:o.selectionStart))break;Cn("prev")}}break;default:Cn(null)}}),[xn,sn,Ve,un,Cn]);n.useEffect((function(){_e!==Je&&wn("first")}),[_e,Fe,Je,wn]),n.useEffect((function(){if(Ue){var e=ve(Ue);if(e&&e.current&&Ae.current){var n=e.current.offsetTop,t=Ae.current,a=t.scrollTop;(n>t.offsetHeight||n<a)&&(Ae.current.scrollTop=n)}}}),[Ue,ve]);var Sn=n.useCallback((function(e){if(g.isComponentType(e,"ComboboxOption")){var n=xa(e.props),t=n.value,a=n.displayName;if(pn(t)){var r=e.props,l=r.className,o=r.glyph,i=r.disabled,s=V(r,Oa),u=on.findIndex((function(e){return e.value===t})),c=Ue===t,d=sn(Ve)?Ve.includes(t):Ve===t,f=ve(t);return D.default.createElement(La,X({},s,{value:t,displayName:a,isFocused:c,isSelected:d,disabled:i,setSelected:function(){Ke(t),cn(t),un(),t===Ve&&rn()},glyph:o,className:l,index:u,ref:f}))}}else if(g.isComponentType(e,"ComboboxGroup")){var p=D.default.Children.map(e.props.children,Sn);if(p&&(null==p?void 0:p.length)>0)return D.default.createElement(Wt,{label:e.props.label,className:e.props.className},D.default.Children.map(p,Sn))}}),[on,ve,Ue,sn,Ve,un,pn,cn]),Dn=n.useMemo((function(){return D.default.Children.map(a,Sn)}),[a,Sn]),Ln=n.useMemo((function(){if(sn(Ve))return Ve.filter(hn).map((function(e,n){var t=Ca(e,on),a=en===e,r=xe(e),l=n>=Ve.length-1;return D.default.createElement(dt,{key:e,displayName:t,isFocused:a,onRemove:function(){l?(un(),Cn(null)):Cn("next",n),cn(e)},onFocus:function(){nn(e)},ref:r})}))}),[sn,Ve,hn,on,en,xe,cn,un,Cn]),Nn=n.useMemo((function(){return on.some((function(e){return e.hasGlyph}))}),[on]),Mn=n.useCallback((function(){if(!sn(Ve)&&Ve===Ze){var e=gn.find((function(e){return e.displayName===_e||e.value===_e}));if(e&&!re)Be(e.value);else{var n,t=null!==(n=Ca(Ve,on))&&void 0!==n?n:"";$e(t)}}}),[on,_e,sn,Ze,Ve,re,gn]),On=n.useCallback((function(){if(tn){if(sn(Ve))Rn();else if(!sn(Ve)){var e,n=null!==(e=Ca(Ve,on))&&void 0!==e?e:"";$e(n),rn()}}else $e("")}),[tn,on,sn,Ve]);n.useEffect((function(){if(te)if(N.default(te)){var e,n=null!==(e=te.filter((function(e){return hn(e)})))&&void 0!==e?e:[];Be(n)}else hn(te)&&Be(te);else Be(function(e){return e?[]:null}(ne))}),[]),n.useEffect((function(){if(!z.default(re)&&re!==Je)if(O.default(re))Be(null);else if(sn(re)){var e=re.filter(hn);Be(e)}else Be(hn(re)?re:null)}),[sn,hn,Je,re]),n.useEffect((function(){M.default(Ve,Ze)||On()}),[On,Ze,Ve]),n.useEffect((function(){!Fe&&We&&Mn()}),[Fe,We,Mn]);var Tn=Z(n.useState(0),2),zn=Tn[0],jn=Tn[1];n.useEffect((function(){var e,n;jn(null!==(e=null===(n=je.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)}),[je,Fe,Ue,Ve]);c.useBackdropClick(rn,[Ae,je],Fe);var In,qn=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?G(Object(t),!0).forEach((function(n){K(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):G(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({popoverZIndex:ge},ce?{usePortal:ce,portalClassName:de,portalContainer:fe,scrollContainer:pe}:{usePortal:ce});return D.default.createElement(R.default,{darkMode:ye},D.default.createElement(ct.Provider,{value:{multiselect:ne,size:m,withIcons:Nn,disabled:f,isOpen:Fe,state:k,searchState:E,chipTruncationLocation:le,chipCharacterLimit:ie,inputValue:_e}},D.default.createElement("div",X({className:u.cx(Xn(m),se)},he),(r||l)&&D.default.createElement("div",{className:ut},r&&D.default.createElement(b.Label,{id:we,htmlFor:ke,darkMode:ye},r),l&&D.default.createElement(b.Description,{darkMode:ye},l)),D.default.createElement("div",{ref:je,role:"combobox","aria-expanded":Fe,"aria-controls":Te,"aria-owns":Te,tabIndex:-1,onMouseDown:function(e){f&&e.preventDefault()},onClick:function(e){if(e.target!==Re.current){var n=0;if(Re.current)n=e.nativeEvent.offsetX>Re.current.offsetLeft+Re.current.clientWidth?_e.length:0;un(n)}ln()},onFocus:function(e){Rn(),kn(function(e){var n,t,a,r;if(!e)return;if(null!==(n=Re.current)&&void 0!==n&&n.contains(e))return Ce;if(null!==(t=Ie.current)&&void 0!==t&&t.contains(e))return Ee;var l=sn(Ve)?Ve.findIndex((function(n){var t,a;return null===(t=xe(n))||void 0===t||null===(a=t.current)||void 0===a?void 0:a.contains(e)})):-1;if(sn(Ve)){if(0===l)return Se;if(l===Ve.length-1)return De;if(l>0)return Le}if(null!==(a=Ae.current)&&void 0!==a&&a.contains(e))return Me;if(null!==(r=je.current)&&void 0!==r&&r.contains(e))return Ne}(e.target))},onKeyDown:function(e){var n,t,a=null===(n=Ae.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(t=je.current)||void 0===t?void 0:t.contains(document.activeElement))||a){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.keyCode){case g.keyMap.Tab:switch(xn){case"Input":tn||(rn(),wn("first"),Cn(null));break;case"LastChip":Cn(null)}break;case g.keyMap.Escape:rn(),wn("first");break;case g.keyMap.Enter:xn!==Ce||O.default(Ue)||function(e){if("string"==typeof e){var n=wa(e,on);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(Ue)?xn===Ee&&(cn(null),un()):cn(Ue);break;case g.keyMap.Backspace:var r;if(sn(Ve))"Input"===xn&&0===(null===(r=Re.current)||void 0===r?void 0:r.selectionStart)&&Cn("last");ln();break;case g.keyMap.ArrowDown:Fe?(e.preventDefault(),wn("next")):ln();break;case g.keyMap.ArrowUp:Fe?(e.preventDefault(),wn("prev")):ln();break;case g.keyMap.ArrowRight:En("right",e);break;case g.keyMap.ArrowLeft:En("left",e);break;default:Fe||ln()}}},onTransitionEnd:function(){var e,n;jn(null!==(e=null===(n=je.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:u.cx(Vn,Bn[me],Zn(m),(t={},K(t,Jn,_&&tn),K(t,Yn[me],f),K(t,_n[me],k===ze.error),K(t,$n[me],(In=Ce,In===xn)),t))},D.default.createElement("div",{ref:qe,className:Qn({size:m,overflow:Q})},Ln,D.default.createElement("input",{"aria-label":null!=s?s:r,"aria-autocomplete":"list","aria-controls":Te,"aria-labelledby":we,ref:Re,id:ke,className:u.cx(et,tt[m],nt[me],at(Fe),K({},rt(m,_e),sn(Ve))),placeholder:an,disabled:null!=f?f:void 0,onChange:function(e){var n=e.target.value;$e(n),null==B||B(n)},value:_e,autoComplete:"off"})),_&&tn&&D.default.createElement(q.default,{"aria-label":"Clear selection","aria-disabled":f,disabled:f,ref:Ie,onClick:function(e){f||(e.stopPropagation(),cn(null),null==$||$(e),null==B||B(""),un())},onFocus:function(){Ke(null)},className:u.cx(lt),darkMode:ye},D.default.createElement(I.default,{glyph:"XWithCircle"})),"error"===k?D.default.createElement(I.default,{glyph:"Warning",color:ye?h.palette.red.light1:h.palette.red.base,className:ot(m)}):D.default.createElement(I.default,{glyph:"CaretDown",className:ot(m)})),"error"===k&&w&&D.default.createElement("div",{className:u.cx(it[me],st[m])},w),D.default.createElement(pa,X({id:Te,labelId:we,refEl:je,ref:Ae,menuWidth:zn,searchLoadingMessage:H,searchErrorMessage:P,searchEmptyMessage:j},qn),Dn))));function Rn(){qe&&qe.current&&(qe.current.scrollLeft=qe.current.scrollWidth)}}Ta.propTypes={multiselect:j.default.bool,value:j.default.oneOfType([j.default.string,j.default.arrayOf(j.default.string)]),initialValue:j.default.oneOfType([j.default.string,j.default.arrayOf(j.default.string)]),overflow:j.default.oneOf(Object.values(Te)),darkMode:j.default.bool,label:j.default.string,"aria-label":j.default.string,children:j.default.node,onChange:j.default.func,chipCharacterLimit:j.default.number,chipTruncationLocation:j.default.oneOf(Object.values({start:"start",middle:"middle",end:"end",none:"none"})),onClear:j.default.func,onFilter:j.default.func,clearable:j.default.bool,searchLoadingMessage:j.default.string,searchErrorMessage:j.default.string,searchEmptyMessage:j.default.string,searchState:j.default.oneOf(Object.values(je)),errorMessage:j.default.string,state:j.default.oneOf(Object.values(ze)),size:j.default.oneOf(Object.values(Oe)),disabled:j.default.bool,description:j.default.string,placeholder:j.default.string,filteredOptions:j.default.arrayOf(j.default.string),popoverZIndex:j.default.number,usePortal:j.default.bool,scrollContainer:j.default.elementType,portalContainer:j.default.elementType,portalClassName:j.default.string},e.Combobox=Ta,e.ComboboxGroup=Gt,e.ComboboxOption=Na,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=index.js.map
|