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