@leafygreen-ui/combobox 12.4.1 → 12.4.2
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 +6 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/types/Combobox/Combobox.d.ts.map +1 -1
- package/dist/umd/index.js +1 -1
- package/dist/umd/index.js.map +1 -1
- package/package.json +2 -2
- package/src/Combobox/Combobox.spec.tsx +0 -1
- package/src/Combobox/Combobox.tsx +40 -41
- package/stories.js +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAYN,MAAM,OAAO,CAAC;AAyFf,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,OAAO,EAAE,EAC1C,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAsB,EACtB,YAAY,EAAE,SAAS,EACvB,QAAgB,EAChB,IAA2B,EAC3B,QAAQ,EAAE,YAAY,EACtB,KAAc,EACd,YAAqC,EACrC,cAAyC,EACzC,WAAqB,EACrB,kBAAuC,EACvC,kBAA6C,EAC7C,oBAA2C,EAC3C,eAAe,EACf,QAAQ,EACR,SAAgB,EAChB,OAAO,EACP,QAA2B,EAC3B,WAAwB,EACxB,YAAY,EACZ,UAAU,EAAE,cAAc,EAC1B,aAAa,EACb,QAAQ,EACR,KAAK,EACL,sBAAsB,EACtB,kBAAuB,EACvB,SAAS,EACT,UAAgC,EAChC,eAAe,EACf,eAAe,EACf,SAAS,EACT,eAAe,EACf,aAAa,EACb,kBAA+C,EAC/C,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAYN,MAAM,OAAO,CAAC;AAyFf,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,OAAO,EAAE,EAC1C,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAsB,EACtB,YAAY,EAAE,SAAS,EACvB,QAAgB,EAChB,IAA2B,EAC3B,QAAQ,EAAE,YAAY,EACtB,KAAc,EACd,YAAqC,EACrC,cAAyC,EACzC,WAAqB,EACrB,kBAAuC,EACvC,kBAA6C,EAC7C,oBAA2C,EAC3C,eAAe,EACf,QAAQ,EACR,SAAgB,EAChB,OAAO,EACP,QAA2B,EAC3B,WAAwB,EACxB,YAAY,EACZ,UAAU,EAAE,cAAc,EAC1B,aAAa,EACb,QAAQ,EACR,KAAK,EACL,sBAAsB,EACtB,kBAAuB,EACvB,SAAS,EACT,UAAgC,EAChC,eAAe,EACf,eAAe,EACf,SAAS,EACT,eAAe,EACf,aAAa,EACb,kBAA+C,EAC/C,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,qBAouClB;AAED;;;GAGG"}
|
package/dist/umd/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("@leafygreen-ui/emotion"),require("@leafygreen-ui/form-field"),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/popover"),require("@leafygreen-ui/typography"),require("polished"),require("@leafygreen-ui/palette"),require("@leafygreen-ui/tokens"),require("@leafygreen-ui/chip"),require("lodash/kebabCase"),require("@leafygreen-ui/input-option"),require("@leafygreen-ui/checkbox"),require("lodash/escapeRegExp")):"function"==typeof define&&define.amd?define(["exports","react","lodash/clone","lodash/debounce","lodash/isArray","lodash/isEqual","lodash/isNull","lodash/isString","lodash/isUndefined","@leafygreen-ui/emotion","@leafygreen-ui/form-field","@leafygreen-ui/hooks","@leafygreen-ui/icon","@leafygreen-ui/icon-button","@leafygreen-ui/leafygreen-provider","@leafygreen-ui/lib","@leafygreen-ui/popover","@leafygreen-ui/typography","polished","@leafygreen-ui/palette","@leafygreen-ui/tokens","@leafygreen-ui/chip","lodash/kebabCase","@leafygreen-ui/input-option","@leafygreen-ui/checkbox","lodash/escapeRegExp"],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.leafyGreenEmotion,e.leafyGreenFormField,e.leafyGreenHooks,e.leafyGreenIcon,e.leafyGreenIconButton,e.leafyGreenLeafygreenProvider,e.leafyGreenLib,e.leafyGreenPopover,e.leafyGreenTypography,e.polished,e.leafyGreenPalette,e.leafyGreenTokens,e.leafyGreenChip,e["/kebabCase"],e.leafyGreenInputOption,e.leafyGreenCheckbox,e["/escapeRegExp"])}(this,function(e,n,t,a,r,l,o,i,s,c,u,d,f,p,h,m,g,b,y,v,x,k,w,C,S,E){"use strict";function N(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var L=N(n),T=N(t),M=N(a),D=N(r),O=N(l),I=N(o),F=N(i),R=N(s),z=N(h),A=N(w),G=N(E);function P(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=Array(n);t<n;t++)a[t]=e[t];return a}function j(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n);if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function q(){return q=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},q.apply(null,arguments)}function W(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 X(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?W(Object(t),!0).forEach(function(n){j(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):W(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function B(e,n){if(null==e)return{};var t,a,r=function(e,n){if(null==e)return{};var t={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(-1!==n.indexOf(a))continue;t[a]=e[a]}return t}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)t=l[a],-1===n.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}function U(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,o,i=[],s=!0,c=!1;try{if(l=(t=t.call(e)).next,0===n);else for(;!(s=(a=l.call(t)).done)&&(i.push(a.value),i.length!==n);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw r}}return i}}(e,n)||Y(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 H(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function V(e){return function(e){if(Array.isArray(e))return P(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Y(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 K(e){return K="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},K(e)}function Y(e,n){if(e){if("string"==typeof e)return P(e,n);var t={}.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)?P(e,n):void 0}}var Z="Input",_="ClearButton",$="FirstChip",J="LastChip",Q="MiddleChip",ee="Combobox",ne="Menu",te={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},ae={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},re=u.FormFieldState,le={Unset:"unset",Error:"error",Loading:"loading"},oe={Trigger:"trigger",Option:"option"};var ie,se,ce,ue,de,fe,pe,he,me,ge={multiselect:!1,size:te.Default,withIcons:!1,disabled:!1,isOpen:!1,state:re.None,searchState:le.Unset,overflow:ae.expandY},be=n.createContext(ge),ye=m.createUniqueClassName("combobox-chip"),ve=j(j(j(j({},te.XSmall,16),te.Small,x.typeScales.body1.lineHeight),te.Default,x.typeScales.body1.lineHeight),te.Large,x.typeScales.body2.lineHeight),xe=j(j(j(j({},te.XSmall,x.typeScales.body1.fontSize),te.Small,x.typeScales.body1.fontSize),te.Default,x.typeScales.body1.fontSize),te.Large,x.typeScales.body2.fontSize),ke=j(j(j(j({},te.XSmall,1),te.Small,0),te.Default,2),te.Large,4),we=j(j(j(j({},te.XSmall,c.css(ie||(ie=H(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),xe[te.XSmall],ve[te.XSmall],k.chipTextClassName,ke[te.XSmall])),te.Small,c.css(se||(se=H(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),xe[te.Small],ve[te.Small],k.chipTextClassName,ke[te.Small])),te.Default,c.css(ce||(ce=H(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),xe[te.Default],ve[te.Default],k.chipTextClassName,ke[te.Default])),te.Large,c.css(ue||(ue=H(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-inline-end: 10px;\n padding-block: ","px;\n }\n "])),xe[te.Large],ve[te.Large],k.chipTextClassName,ke[te.Large])),Ce=L.default.forwardRef(function(e,t){var a,r=e.displayName,l=e.isFocused,o=e.onRemove,i=e.onFocus,s=n.useContext(be),u=s.size,f=s.disabled,p=s.overflow,h=s.chipTruncationLocation,g=void 0===h?k.TruncationLocation.End:h,b=s.chipCharacterLimit,y=void 0===b?12:b,v=p===ae.scrollX?k.TruncationLocation.None:g,x=d.useForwardedRef(t,null),w=null===(a=x.current)||void 0===a?void 0:a.querySelector("button");n.useEffect(function(){l&&!f&&(null==w||w.focus())},[f,w,l]);return L.default.createElement(k.Chip,{label:r,className:c.cx(ye,we[u]),role:"option","aria-selected":l,"data-testid":"lg-combobox-chip",onClick:function(e){null!=w&&w.contains(e.target)||i()},onKeyDown:function(e){f||e.key!==m.keyMap.Delete&&e.key!==m.keyMap.Backspace&&e.key!==m.keyMap.Enter&&e.key!==m.keyMap.Space||o()},onDismiss:function(){f||o()},baseFontSize:k.BaseFontSize.Body1,chipCharacterLimit:y,chipTruncationLocation:v,variant:k.Variant.Gray,ref:x,disabled:f,tabIndex:-1})});Ce.displayName="ComboboxChip";var Se,Ee,Ne,Le,Te,Me,De,Oe,Ie,Fe,Re,ze,Ae,Ge,Pe,je=j(j({},m.Theme.Light,c.css(de||(de=H(["\n padding-top: ","px;\n "])),x.spacing[2])),m.Theme.Dark,c.css(fe||(fe=H(["\n padding-top: ","px;\n "])),x.spacing[2])),qe=c.css(pe||(pe=H(["\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.semiBold),We=j(j({},m.Theme.Light,c.css(he||(he=H(["\n color: ",";\n "])),v.palette.gray.dark1)),m.Theme.Dark,c.css(me||(me=H(["\n color: ",";\n "])),v.palette.gray.light1));function Xe(e){var n=e.label,t=e.className,a=e.children,r=h.useDarkMode().theme,l=d.useIdAllocator({prefix:"combobox-group"});return L.default.Children.count(a)>0?L.default.createElement("div",{className:c.cx(je[r],t)},L.default.createElement("div",{className:c.cx(qe,We[r]),id:l},n),L.default.createElement("div",{role:"group","aria-labelledby":l},a)):L.default.createElement(L.default.Fragment,null)}function Be(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}Be.displayName="ComboboxGroup";var Ue=j(j(j(j({},te.XSmall,{x:12,y:8}),te.Small,{x:12,y:8}),te.Default,{x:12,y:8}),te.Large,{x:12,y:8}),He=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return c.css(Se||(Se=H(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),e)},Ve=j(j({},m.Theme.Light,c.css(Ee||(Ee=H(["\n box-shadow: ",";\n border-color: ",";\n "])),x.boxShadows[m.Theme.Light][1],v.palette.gray.light2)),m.Theme.Dark,c.css(Ne||(Ne=H(["\n box-shadow: ",";\n border-color: ",";\n "])),x.boxShadows[m.Theme.Dark][1],v.palette.gray.dark2)),Ke=c.css(Le||(Le=H(["\n width: max-content;\n"]))),Ye=c.css(Te||(Te=H(["\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);j(j({},m.Theme.Light,c.css(Me||(Me=H(["\n color: ",";\n background-color: ",";\n "])),v.palette.black,v.palette.white)),m.Theme.Dark,c.css(De||(De=H(["\n color: ",";\n background-color: ",";\n "])),v.palette.gray.light1,v.palette.gray.dark3));var Ze,_e=function(e){return c.css(Oe||(Oe=H(["\n background-color: ",";\n"])),x.color[e].background.primary.default)},$e=c.css(Ie||(Ie=H(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),Je=c.css(Fe||(Fe=H(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),Qe=j(j({},m.Theme.Light,c.css(Re||(Re=H(["\n color: ",";\n "])),v.palette.gray.dark3)),m.Theme.Dark,c.css(ze||(ze=H(["\n color: ",";\n "])),v.palette.gray.light3)),en=function(e){return c.css(Ae||(Ae=H(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px ","px;\n"])),xe[e],ve[e],Ue[e].y,Ue[e].x)},nn=c.keyframes(Ge||(Ge=H(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),tn=c.css(Pe||(Pe=H(["\n animation: "," 1.5s linear infinite;\n"])),nn),an=L.default.forwardRef(function(e,t){var a=e.children,r=e.id,l=e.refEl,o=e.labelId,i=e.menuWidth,s=e.searchLoadingMessage,u=e.searchErrorMessage,p=e.searchEmptyMessage,m=e.dropdownWidthBasis,y=void 0===m?oe.Trigger:m,x=h.useDarkMode(),k=x.darkMode,w=x.theme,C=n.useContext(be),S=C.disabled,E=C.size,N=C.isOpen,T=C.searchState,M=d.useForwardedRef(t,null),D=d.useAvailableSpace(l),O=R.default(D)?"unset":"".concat(Math.min(D,256),"px"),I=n.useMemo(function(){var e=c.cx(Je,Qe[w],en(E)),n=c.cx(Je,en(E));switch(T){case"loading":return L.default.createElement("span",{className:e},L.default.createElement(f.Icon,{glyph:"Refresh",color:k?v.palette.blue.light1:v.palette.blue.base,className:tn}),s);case"error":return L.default.createElement(b.Error,{className:n},L.default.createElement(f.Icon,{glyph:"Warning",color:k?v.palette.red.light1:v.palette.red.base}),L.default.createElement("span",null,u));default:return a&&"object"===K(a)&&"length"in a&&a.length>0?L.default.createElement("ul",{className:$e},a):L.default.createElement("span",{className:e},p)}},[w,E,T,k,s,u,a,p]);return L.default.createElement(g.Popover,{active:N&&!S,spacing:4,align:"bottom",justify:"middle",refEl:l,adjustOnMutation:!0,className:c.cx(He(i),Ve[w],j({},Ke,y===oe.Option))},L.default.createElement("div",{ref:M,id:r,role:"listbox","aria-labelledby":o,"aria-expanded":N,className:c.cx(Ye,_e(w),c.css(Ze||(Ze=H(["\n max-height: ",";\n "])),O)),onMouseDownCapture:function(e){return e.preventDefault()}},I))});an.displayName="ComboboxMenu";var rn,ln,on,sn,cn,un,dn,fn,pn,hn,mn,gn,bn,yn,vn,xn,kn,wn,Cn,Sn,En,Nn=function(e){var n=e.scrollHeight;return e.scrollTop<n-e.clientHeight},Ln=function(e){var n=e.value,t=e.displayName,a=m.getNodeTextContent(t);return{value:null!=n?n:A.default(a),displayName:a||n||""}},Tn=function(e){return L.default.Children.toArray(e).reduce(function(e,n){if(m.isComponentType(n,"ComboboxOption")){var t=Ln(n.props),a=t.value,r=t.displayName,l=n.props,o=l.glyph,i=l.disabled;return[].concat(V(e),[{value:a,displayName:r,isDisabled:!!i,hasGlyph:!!o}])}if(m.isComponentType(n,"ComboboxGroup")){var s=n.props.children;if(s)return[].concat(V(e),V(Tn(s)))}},[])},Mn=function(e,n){if(e)return n.find(function(n){return n.value===e})},Dn=function(e,n){var t,a;return e?null!==(t=null===(a=Mn(e,n))||void 0===a?void 0:a.displayName)&&void 0!==t?t:e:""},On=c.css(rn||(rn=H(["\n .",", ."," {\n font-size: ","px;\n line-height: 20px;\n }\n"])),C.descriptionClassName,C.titleClassName,x.typeScales.body2.fontSize),In=j(j(j(j({},te.XSmall,c.css(ln||(ln=H(["\n min-width: ","px;\n "])),x.spacing[3])),te.Small,c.css(on||(on=H(["\n min-width: ","px;\n "])),x.spacing[3])),te.Default,c.css(sn||(sn=H(["\n min-width: ","px;\n "])),x.spacing[3])),te.Large,c.css(cn||(cn=H(["\n min-width: ","px;\n "])),x.spacing[4])),Fn=c.css(un||(un=H(["\n pointer-events: none;\n gap: 0;\n\n label {\n gap: 0;\n align-items: center;\n }\n"])));c.css(dn||(dn=H(["\n pointer-events: none;\n"])));var Rn=c.css(fn||(fn=H(["\n ."," {\n font-weight: ",";\n }\n"])),C.titleClassName,x.fontWeights.regular),zn=c.css(pn||(pn=H(["\n ."," {\n font-weight: ",";\n }\n"])),C.titleClassName,x.fontWeights.semiBold),An=j(j({},m.Theme.Light,c.css(hn||(hn=H(["\n color: ",";\n "])),v.palette.gray.dark1)),m.Theme.Dark,c.css(mn||(mn=H(["\n color: ",";\n "])),v.palette.gray.base)),Gn=j(j({},m.Theme.Light,c.css(gn||(gn=H(["\n color: ",";\n "])),v.palette.blue.dark1)),m.Theme.Dark,c.css(bn||(bn=H(["\n color: ",";\n "])),v.palette.blue.light3)),Pn=j(j({},m.Theme.Light,c.css(yn||(yn=H(["\n color: ",";\n "])),v.palette.gray.light1)),m.Theme.Dark,c.css(vn||(vn=H(["\n color: ",";\n "])),v.palette.gray.dark1)),jn=j(j({},m.Theme.Light,c.css(xn||(xn=H(["\n color: ",";\n "])),v.palette.blue.base)),m.Theme.Dark,c.css(kn||(kn=H(["\n color: ",";\n "])),v.palette.blue.light1)),qn=j(j({},m.Theme.Light,c.css(wn||(wn=H(["\n color: ",";\n "])),v.palette.gray.light1)),m.Theme.Dark,c.css(Cn||(Cn=H(["\n color: ",";\n "])),v.palette.gray.dark1)),Wn=c.css(Sn||(Sn=H(["\n ."," {\n align-self: baseline;\n position: relative;\n // aligns the checkbox with the option name\n top: 1px;\n }\n"])),C.leftGlyphClassName),Xn=c.css(En||(En=H(["\n ."," {\n // aligns the checkbox with the option name\n top: 3px;\n }\n"])),C.leftGlyphClassName),Bn=function(e){var n=e.size,t=e.isMultiselectWithoutIcons,a=e.isSelected,r=e.className;return c.cx(Rn,j(j(j(j({},zn,a),On,n===te.Large),Wn,t),Xn,t&&n===te.Large),r)},Un=["glyph","isSelected","displayName","isFocused","setSelected","className","description","value","onClick","disabled","aria-label"],Hn=L.default.forwardRef(function(e,t){var a=e.glyph,r=e.isSelected,l=e.displayName,o=e.isFocused,i=e.setSelected,s=e.className,u=e.description,p=e.value,g=e.onClick,b=e.disabled,y=void 0!==b&&b,v=e["aria-label"],x=B(e,Un),k=h.useDarkMode(),w=k.darkMode,E=k.theme,N=n.useContext(be),T=N.multiselect,M=N.size,D=N.withIcons,O=N.inputValue,I=d.useForwardedRef(t,null),F=d.useIdAllocator({prefix:"combobox-option-text"}),R=n.useCallback(function(e){e.stopPropagation(),y||(i(),null==g||g(e,p))},[y,g,i,p]),z=n.useMemo(function(){return function(e){var n=e.withIcons,t=e.isSelected,a=e.glyph,r=e.optionTextId,l=e.disabled,o=e.darkMode,i=e.size,s=e.multiselect,u=e.theme,d=e.isFocused;a&&!f.isComponentGlyph(a)&&console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",a);var p=a&&f.isComponentGlyph(a)?L.default.cloneElement(a,X(X({},a.props),{},{className:c.cx(An[u],j(j({},Gn[u],d),Pn[u],l),a.props.className)})):L.default.createElement(L.default.Fragment,null),h=L.default.createElement(S.Checkbox,{"aria-labelledby":r,checked:t,tabIndex:-1,disabled:l,darkMode:o,className:Fn}),m=L.default.createElement(f.Icon,{glyph:"Checkmark",className:c.cx(In[i],jn[u],j({},qn[u],l))});return{leftGlyph:s?n?p:h:n?p:t?m:null,rightGlyph:s?n&&h:n&&t&&m}}({withIcons:D,isSelected:r,glyph:a,theme:E,darkMode:w,size:M,disabled:y,multiselect:T,optionTextId:F,isFocused:o})},[w,y,a,r,T,F,M,E,D,o]),A=z.leftGlyph,P=z.rightGlyph,W=T&&!D;return L.default.createElement(C.InputOption,q({},x,{as:"li",ref:I,highlighted:o,disabled:y,"aria-label":v||m.getNodeTextContent(l)||p,darkMode:w,className:Bn({size:M,isSelected:r,isMultiselectWithoutIcons:W,className:s}),onClick:R,onKeyDown:R}),L.default.createElement(C.InputOptionContent,{leftGlyph:A,rightGlyph:P,description:u},"string"==typeof l?L.default.createElement("span",{id:F},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 o=e.split(""),i=0,s=Array.from(l);i<s.length;i++){var c,u=s[i],d=null!==(c=u.index)&&void 0!==c?c:-1,f=u[0],p=f.length,h=d+f+p,m=new Array(p).fill("");m[0]=L.default.createElement(t,{key:h},f),o.splice.apply(o,[d,p].concat(V(m)))}return L.default.createElement(L.default.Fragment,null,o)}return L.default.createElement(L.default.Fragment,null,e)}return L.default.createElement(L.default.Fragment,null,e)}(l,O,"strong")):l))});function Vn(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}Hn.displayName="ComboboxOption",Vn.displayName="ComboboxOption";var Kn,Yn,Zn,_n,$n,Jn,Qn,et,nt,tt,at,rt,lt,ot,it,st,ct,ut,dt,ft,pt,ht,mt,gt,bt,yt,vt,xt,kt,wt,Ct,St,Et,Nt=function(e){return!R.default(e)&&!I.default(e)&&(F.default(e)||D.default(e)&&e.length>0)},Lt=function(e){return ve[e]+2*ke[e]},Tt=x.spacing[100],Mt=j(j(j(j({},te.XSmall,22),te.Small,28),te.Default,36),te.Large,48),Dt=function(e){return(Mt[e]-Lt(e)-2)/2},Ot=j(j(j(j({},te.XSmall,{y:Dt(te.XSmall),xLeftWithChip:x.spacing[25],xLeftWithoutChip:x.spacing[200],xRight:x.spacing[100]}),te.Small,{y:Dt(te.Small),xLeftWithChip:x.spacing[100],xLeftWithoutChip:x.spacing[200],xRight:x.spacing[100]}),te.Default,{y:Dt(te.Default),xLeftWithChip:x.spacing[150],xLeftWithoutChip:x.spacing[300],xRight:x.spacing[200]}),te.Large,{y:Dt(te.Large),xLeftWithChip:x.spacing[300],xLeftWithoutChip:x.spacing[300],xRight:x.spacing[200]}),It=x.spacing[400],Ft=function(e){return c.css(Kn||(Kn=H(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),x.fontFamilies.default,xe[e]+2*Ot[e].xLeftWithChip+It+2)},Rt=c.css(Yn||(Yn=H(["\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[200],x.transitionDuration.default,x.transitionDuration.default),zt=j(j({},m.Theme.Light,c.css(Zn||(Zn=H(["\n color: ",";\n background-color: ",";\n "])),x.color.light.text.primary.default,x.color.light.background.primary.default)),m.Theme.Dark,c.css(_n||(_n=H(["\n color: ",";\n background-color: ",";\n "])),x.color.dark.text.primary.default,v.palette.gray.dark4)),At=function(e,n){return c.css($n||($n=H(["\n padding-top: ","px;\n padding-bottom: ","px;\n padding-left: ",";\n padding-right: ","px;\n"])),Ot[e].y,Ot[e].y,"".concat(n?Ot[e].xLeftWithChip:Ot[e].xLeftWithoutChip,"px"),Ot[e].xRight)},Gt=function(e){return c.css(Jn||(Jn=H(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n"])),x.color[e].text.disabled.default,x.color[e].background.disabled.default,x.color[e].border.disabled.default)},Pt=function(e){return j(j(j({},re.Error,c.css(Qn||(Qn=H(["\n border-color: ",";\n "])),x.color[e].border.error.default)),re.None,c.css(et||(et=H(["\n border-color: ",";\n "])),x.color[e].border.primary.default)),re.Valid,c.css(nt||(nt=H(["\n border-color: ",";\n "])),x.color[e].border.success.default))},jt=j(j({},m.Theme.Light,c.css(tt||(tt=H(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),x.focusRing[m.Theme.Light].input)),m.Theme.Dark,c.css(at||(at=H(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),x.focusRing[m.Theme.Dark].input)),qt=c.css(rt||(rt=H(["\n display: flex;\n align-items: center;\n"]))),Wt=j(j(j(j({},te.XSmall,c.css(lt||(lt=H(["\n gap: ","px;\n "])),x.spacing[100])),te.Small,c.css(ot||(ot=H(["\n gap: ","px;\n "])),x.spacing[200])),te.Default,c.css(it||(it=H(["\n gap: ","px;\n "])),x.spacing[200])),te.Large,c.css(st||(st=H(["\n gap: ","px;\n "])),x.spacing[200])),Xt=function(e){var n=e.overflow,t=e.size,a=c.css(ct||(ct=H(["\n flex-grow: 1;\n width: 100%;\n "])));switch(n){case ae.scrollX:return c.css(ut||(ut=H(["\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,Lt(t),ye);case ae.expandY:return c.css(dt||(dt=H(["\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,Tt,Lt(t),3*Lt(t),Tt)}},Bt=c.css(ft||(ft=H(["\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[100]),Ut=j(j({},m.Theme.Light,c.css(pt||(pt=H(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.base)),m.Theme.Dark,c.css(ht||(ht=H(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.dark1)),Ht=j(j({},m.Theme.Light,c.css(mt||(mt=H(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.base)),m.Theme.Dark,c.css(gt||(gt=H(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.dark1)),Vt=function(e){return c.css(bt||(bt=H(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n"])),Lt(e),xe[e],ve[e],xe[e])},Kt=function(e){return c.css(yt||(yt=H(["\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")},Yt=function(e,n){var t,a=null!==(t=null==n?void 0:n.length)&&void 0!==t?t:0;return c.css(vt||(vt=H(["\n width: ","px;\n max-width: 100%;\n "])),a*xe[e])},Zt=c.css(xt||(xt=H(["\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"])),It/2),_t=c.css(kt||(kt=H(["\n height: ","px;\n width: ","px;\n"])),It,It),$t=c.css(wt||(wt=H(["\n margin-bottom: ","px;\n display: flex;\n flex-direction: column;\n"])),x.spacing[100]),Jt=c.css(Ct||(Ct=H(["\n font-size: ","px;\n line-height: ","px;\n"])),x.typeScales.large.fontSize,x.typeScales.large.lineHeight),Qt=j(j({},m.Theme.Light,c.css(St||(St=H(["\n ::after {\n box-shadow: 0px 0px 7px 5px ",";\n }\n "])),y.transparentize(.85,v.palette.black))),m.Theme.Dark,c.css(Et||(Et=H(["\n ::after {\n width: 95%;\n box-shadow: 0px -7px 12px 5px rgb(0 0 0 / 50%);\n }\n "])))),ea=function(e){return x.color[e].icon.primary.default},na=function(e){return x.color[e].icon.disabled.default},ta=["children","label","description","placeholder","aria-label","disabled","size","darkMode","state","errorMessage","successMessage","searchState","searchEmptyMessage","searchErrorMessage","searchLoadingMessage","filteredOptions","onFilter","clearable","onClear","overflow","multiselect","initialValue","inputValue","onInputChange","onChange","value","chipTruncationLocation","chipCharacterLimit","className","renderMode","portalClassName","portalContainer","portalRef","scrollContainer","popoverZIndex","dropdownWidthBasis"],aa=["className","glyph","disabled"];Object.defineProperty(e,"RenderMode",{enumerable:!0,get:function(){return g.RenderMode}}),Object.defineProperty(e,"TruncationLocation",{enumerable:!0,get:function(){return k.TruncationLocation}}),e.Combobox=function(e){var t=e.children,a=e.label,r=e.description,l=e.placeholder,o=void 0===l?"Select":l,i=e["aria-label"],s=e.disabled,y=void 0!==s&&s,v=e.size,x=void 0===v?te.Default:v,k=e.darkMode,w=e.state,C=void 0===w?"none":w,S=e.errorMessage,E=void 0===S?u.DEFAULT_MESSAGES.error:S,N=e.successMessage,A=void 0===N?u.DEFAULT_MESSAGES.success:N,G=e.searchState,P=void 0===G?"unset":G,W=e.searchEmptyMessage,H=void 0===W?"No results found":W,V=e.searchErrorMessage,Y=void 0===V?"Could not get results!":V,re=e.searchLoadingMessage,le=void 0===re?"Loading results...":re,ie=e.filteredOptions,se=e.onFilter,ce=e.clearable,ue=void 0===ce||ce,de=e.onClear,fe=e.overflow,pe=void 0===fe?ae.expandY:fe,he=e.multiselect,me=void 0!==he&&he,ge=e.initialValue,ye=e.inputValue,ve=e.onInputChange,xe=e.onChange,ke=e.value,we=e.chipTruncationLocation,Se=e.chipCharacterLimit,Ee=void 0===Se?12:Se,Ne=e.className,Le=e.renderMode,Te=void 0===Le?g.RenderMode.TopLayer:Le,Me=e.portalClassName,De=e.portalContainer,Oe=e.portalRef,Ie=e.scrollContainer,Fe=e.popoverZIndex,Re=e.dropdownWidthBasis,ze=void 0===Re?oe.Trigger:Re,Ae=B(e,ta),Ge=h.useDarkMode(k),Pe=Ge.darkMode,je=Ge.theme,qe=d.useDynamicRefs({prefix:"option"}),We=d.useDynamicRefs({prefix:"chip"}),Be=d.useIdAllocator({prefix:"combobox-input"}),Ue=d.useIdAllocator({prefix:"combobox-label"}),He=d.useIdAllocator({prefix:"combobox-menu"}),Ve=n.useRef(null),Ke=n.useRef(null),Ye=n.useRef(null),Ze=n.useRef(null),_e=n.useRef(null),$e=U(n.useState(!1),2),Je=$e[0],Qe=$e[1],en=d.usePrevious(Je),nn=U(n.useState(null),2),tn=nn[0],rn=nn[1],ln=U(n.useState(null),2),on=ln[0],sn=ln[1],cn=d.usePrevious(on),un=U(n.useState(null!=ye?ye:""),2),dn=un[0],fn=un[1];n.useEffect(function(){R.default(ye)||fn(ye)},[ye]);var pn=function(e){fn(e)},hn=d.usePrevious(dn),mn=U(n.useState(null),2),gn=mn[0],bn=mn[1],yn=U(n.useState(!1),2),vn=yn[0],xn=yn[1],kn=me&&D.default(on)&&on.length>0?void 0:o,wn=function(){return Qe(!1)},Cn=function(){return Qe(!0)},Sn=n.useMemo(function(){return Tn(t)},[t]),En=n.useCallback(function(e){return!me||"string"!=typeof e&&"number"!=typeof e?!me&&D.default(e)&&m.consoleOnce.error("Error in Combobox: multiselect is set to `false`, but received an Array value"):m.consoleOnce.error("Error in Combobox: multiselect is set to `true`, but received a ".concat(K(e),' value: "').concat(e,'"')),me&&D.default(e)},[me]),On=n.useCallback(function(e){!y&&Ze&&Ze.current&&(Ze.current.focus(),R.default(e)||Ze.current.setSelectionRange(e,e))},[y]),In=n.useCallback(function(e){if(En(on)){var n=T.default(on),t=xe,a={diffType:"delete",value:null!=e?e:on};I.default(e)?n.length=0:on.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),a.diffType="insert",pn("")),sn(n),null==t||t(n,a)}else{var r=e,l=xe;sn(r),null==l||l(r)}},[En,xe,on]),Fn=n.useCallback(function(e){var n,t,a,r;return function(e,n){return Array.isArray(n)?n.includes(e):e===n}((t=Sn,(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:""),on)},[Sn,on]),Rn=n.useCallback(function(e){var n="string"==typeof e?e:e.value;if(ie&&ie.length>0)return ie.includes(n);if(Fn(dn))return!0;var t="string"==typeof e?Dn(n,Sn):e.displayName;return m.getNodeTextContent(t).toLowerCase().includes(dn.toLowerCase())},[ie,Fn,dn,Sn]),zn=n.useMemo(function(){return Sn.filter(Rn)},[Sn,Rn]),An=n.useCallback(function(e){return!!e&&!!Sn.find(function(n){return n.value===e})},[Sn]),Gn=n.useCallback(function(e){return zn?zn.findIndex(function(n){return n.value===e}):-1},[zn]),Pn=n.useCallback(function(e){if(zn&&zn.length>=e){var n=zn[e];return n?n.value:void 0}},[zn]),jn=n.useCallback(function(){return En(on)?on.findIndex(function(e){var n;return null===(n=We(e))||void 0===n||null===(n=n.current)||void 0===n?void 0:n.contains(document.activeElement)}):-1},[We,En,on]),qn=U(n.useState(),2),Wn=qn[0],Xn=qn[1],Bn=n.useCallback(function(e){var n,t=null!==(n=null==zn?void 0:zn.length)&&void 0!==n?n:0,a=t-1>0?t-1:0,r=Gn(tn);switch(e&&Je&&(bn(null),On()),e){case"next":var l=Pn(r+1<t?r+1:0);rn(null!=l?l:null);break;case"prev":var o=Pn(r-1>=0?r-1:a);rn(null!=o?o:null);break;case"last":var i=Pn(a);rn(null!=i?i:null);break;default:var s=Pn(0);rn(null!=s?s:null)}},[tn,Gn,Pn,Je,On,null==zn?void 0:zn.length]),Un=n.useCallback(function(e,n){if(En(on))switch(e){case"next":var t=null!=n?n:jn(),a=t+1<on.length?t+1:on.length-1,r=on[a];bn(r);break;case"prev":var l=null!=n?n:jn(),o=l>0?l-1:l<0?on.length-1:0,i=on[o];bn(i);break;case"first":var s=on[0];bn(s);break;case"last":var c=on[on.length-1];bn(c);break;default:bn(null)}},[jn,En,on]),Vn=n.useCallback(function(e,n){switch(e&&rn(null),e){case"right":switch(Wn){case Z:var t,a,r;if((null===(t=Ze.current)||void 0===t?void 0:t.selectionEnd)===(null===(a=Ze.current)||void 0===a?void 0:a.value.length))null===(r=Ke.current)||void 0===r||r.focus();break;case $:case Q:case J:if(Wn===J||1===(null==on?void 0:on.length)){On(0),Un(null),n.preventDefault();break}Un("next")}break;case"left":switch(Wn){case _:var l;n.preventDefault(),On(null==Ze||null===(l=Ze.current)||void 0===l?void 0:l.value.length);break;case Z:case Q:case J:if(En(on)){var o;if(Wn===Z&&0!==(null===(o=Ze.current)||void 0===o?void 0:o.selectionStart))break;Un("prev")}}break;default:Un(null)}},[Wn,En,on,On,Un]);n.useEffect(function(){Je||Bn("first")},[Je,Bn]),d.useAutoScroll(tn?qe(tn):void 0,_e);var Kn=n.useCallback(function(e){if(m.isComponentType(e,"ComboboxOption")){var n=Ln(e.props),t=n.value,a=n.displayName;if(Rn(t)){var r=e.props,l=r.className,o=r.glyph,i=r.disabled,s=B(r,aa),c=Sn.findIndex(function(e){return e.value===t}),u=tn===t,d=En(on)?on.includes(t):on===t,f=qe(t);return L.default.createElement(Hn,q({},s,{value:t,displayName:a,isFocused:u,isSelected:d,disabled:i,setSelected:function(){rn(t),In(t),On(),t===on&&wn()},glyph:o,className:l,index:c,ref:f}))}}else if(m.isComponentType(e,"ComboboxGroup")){var p=L.default.Children.map(e.props.children,Kn);if(p&&(null==p?void 0:p.length)>0)return L.default.createElement(Xe,{label:e.props.label,className:e.props.className},L.default.Children.map(p,Kn))}},[Sn,qe,tn,En,on,On,Rn,In]),Yn=n.useMemo(function(){return L.default.Children.map(t,Kn)},[t,Kn]),Zn=n.useMemo(function(){if(En(on))return on.filter(An).map(function(e,n){var t=Dn(e,Sn),a=m.getNodeTextContent(t),r=gn===e,l=We(e),o=n>=on.length-1;return L.default.createElement(Ce,{key:e,displayName:a,isFocused:r,onRemove:function(){o?(On(),Un(null)):Un("next",n),In(e)},onFocus:function(){bn(e)},ref:l})})},[En,on,An,Sn,gn,We,In,On,Un]),_n=n.useMemo(function(){return Sn.some(function(e){return e.hasGlyph})},[Sn]),$n=n.useCallback(function(){var e=zn.find(function(e){return e.displayName===dn||e.value===dn});if(!ke&&e)In(e.value);else if(!En(on)){var n,t=null!==(n=Dn(on,Sn))&&void 0!==n?n:cn;pn(m.getNodeTextContent(t))}},[Sn,dn,En,cn,on,In,ke,zn]),Jn=n.useCallback(function(){if(Nt(on)){if(En(on))st(pe);else if(!En(on)){var e,n=null!==(e=Dn(on,Sn))&&void 0!==e?e:"";pn(m.getNodeTextContent(n)),wn()}}else pn("")},[Sn,En,on,pe]);n.useEffect(function(){if(ge)if(D.default(ge)){var e,n=null!==(e=ge.filter(function(e){return An(e)}))&&void 0!==e?e:[];sn(n)}else An(ge)&&sn(ge);else sn(function(e){return e?[]:null}(me))},[]),n.useEffect(function(){if(!R.default(ke)&&ke!==hn)if(I.default(ke))sn(null);else if(En(ke)){var e=ke.filter(An);sn(e)}else sn(An(ke)?ke:null)},[En,An,hn,ke]),n.useEffect(function(){!R.default(cn)&&(D.default(on)&&!I.default(cn)||F.default(on)||I.default(on))&&!O.default(on,cn)&&Jn()},[Jn,cn,on]),n.useEffect(function(){!Je&&en&&$n()},[Je,en,$n]);var Qn=U(n.useState(0),2),et=Qn[0],nt=Qn[1];n.useEffect(function(){var e,n;nt(null!==(e=null===(n=Ve.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},[Ve,Je,tn,on]),d.useBackdropClick(wn,[_e,Ve],{enabled:Je});var tt=En(on)&&!!on.length,at=M.default(function(e){xn(Nn(e.target))},50,{leading:!0}),rt=n.useCallback(function(e){pe===ae.expandY&&at(e)},[at,pe]);n.useEffect(function(){Ye.current&&xn(Nn(Ye.current))},[]);var lt,ot=X({popoverZIndex:Fe},g.getPopoverRenderModeProps({dismissMode:g.DismissMode.Manual,portalClassName:Me,portalContainer:De,portalRef:Oe,renderMode:Te,scrollContainer:Ie})),it={disabled:y,errorMessage:E,size:x,state:C,successMessage:A};return L.default.createElement(z.default,{darkMode:Pe},L.default.createElement(be.Provider,{value:{multiselect:me,size:x,withIcons:_n,disabled:y,isOpen:Je,state:C,searchState:P,chipTruncationLocation:we,chipCharacterLimit:Ee,inputValue:dn,overflow:pe,popoverZIndex:Fe}},L.default.createElement("div",q({className:c.cx(Ft(x),Ne)},Ae),(a||r)&&L.default.createElement("div",{className:$t},a&&L.default.createElement(b.Label,{id:Ue,htmlFor:Be,darkMode:Pe,disabled:y,className:c.cx(j({},Jt,x===te.Large))},a),r&&L.default.createElement(b.Description,{darkMode:Pe,disabled:y,className:c.cx(j({},Jt,x===te.Large))},r)),L.default.createElement("div",{ref:Ve,role:"combobox","aria-expanded":Je,"aria-controls":He,"aria-owns":He,tabIndex:-1,onMouseDown:function(e){y&&e.preventDefault()},onClick:function(e){if(e.target!==Ze.current){var n=0;if(Ze.current)n=e.nativeEvent.offsetX>Ze.current.offsetLeft+Ze.current.clientWidth?dn.length:0;On(n)}Cn()},onFocus:function(e){st(pe),Xn(function(e){var n,t,a,r;if(!e)return;if(null!==(n=Ze.current)&&void 0!==n&&n.contains(e))return Z;if(null!==(t=Ke.current)&&void 0!==t&&t.contains(e))return _;var l=En(on)?on.findIndex(function(n){var t;return null===(t=We(n))||void 0===t||null===(t=t.current)||void 0===t?void 0:t.contains(e)}):-1;if(En(on)){if(0===l)return $;if(l===on.length-1)return J;if(l>0)return Q}if(null!==(a=_e.current)&&void 0!==a&&a.contains(e))return ne;if(null!==(r=Ve.current)&&void 0!==r&&r.contains(e))return ee}(e.target))},onKeyDown:function(e){var n,t,a=null===(n=_e.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(t=Ve.current)||void 0===t?void 0:t.contains(document.activeElement))||a){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.key){case m.keyMap.Tab:switch(Wn){case"Input":Nt(on)||(wn(),Bn("first"),Un(null));break;case"LastChip":Un(null)}break;case m.keyMap.Escape:wn(),Bn("first");break;case m.keyMap.Enter:Je?!Je||Wn!==Z||I.default(tn)||function(e){if("string"==typeof e){var n=Mn(e,Sn);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(tn)?Wn===_&&(In(null),On()):In(tn):Cn();break;case m.keyMap.Backspace:var r;if(En(on))"Input"===Wn&&0===(null===(r=Ze.current)||void 0===r?void 0:r.selectionStart)&&Un("last");Cn();break;case m.keyMap.ArrowDown:Je?(e.preventDefault(),Bn("next")):Cn();break;case m.keyMap.ArrowUp:Je?(e.preventDefault(),Bn("prev")):Cn();break;case m.keyMap.ArrowRight:Vn("right",e);break;case m.keyMap.ArrowLeft:Vn("left",e);break;default:Je||Cn()}}},onTransitionEnd:function(){var e,n;nt(null!==(e=null===(n=Ve.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:c.cx(Rt,zt[je],At(x,tt),Pt(je)[C],j(j(j({},jt[je],(lt=Z,lt===Wn)),Gt(je),y),Qt[je],vn))},L.default.createElement("div",{onScroll:rt,ref:Ye,className:Xt({size:x,overflow:pe})},Zn,L.default.createElement("input",{"aria-label":null!=i?i:a,"aria-autocomplete":"list","aria-controls":He,"aria-labelledby":Ue,ref:Ze,id:Be,className:c.cx(Bt,Vt(x),Ut[je],Kt(Je),j(j({},Yt(x,dn),En(on)),Ht[je],y)),placeholder:kn,"aria-disabled":y,readOnly:y,onChange:function(e){pn(e.target.value),null==se||se(e.target.value),null==ve||ve(e)},value:dn,autoComplete:"off"})),L.default.createElement("div",{className:c.cx(qt,Wt[x])},ue&&Nt(on)&&!y&&L.default.createElement(p.IconButton,{"aria-label":"Clear selection",disabled:y,ref:Ke,onClick:function(e){y||(e.stopPropagation(),In(null),null==de||de(e),null==se||se(""),On())},onFocus:function(){rn(null)},className:c.cx(Zt),darkMode:Pe},L.default.createElement(f.Icon,{glyph:"XWithCircle"})),L.default.createElement(f.Icon,{glyph:"CaretDown",className:_t,fill:c.cx(j(j({},ea(je),!y),na(je),y))}))),L.default.createElement(u.FormFieldFeedback,it),L.default.createElement(h.PopoverPropsProvider,ot,L.default.createElement(an,{id:He,labelId:Ue,refEl:Ve,ref:_e,menuWidth:et,searchLoadingMessage:le,searchErrorMessage:Y,searchEmptyMessage:H,dropdownWidthBasis:ze},Yn)))));function st(e){Ye&&Ye.current&&(e===ae.scrollX&&(Ye.current.scrollLeft=Ye.current.scrollWidth),e===ae.expandY&&(Ye.current.scrollTop=Ye.current.scrollHeight))}},e.ComboboxGroup=Be,e.ComboboxOption=Vn,e.ComboboxSize=te,e.DropdownWidthBasis=oe,e.Overflow=ae,e.SearchState=le,e.State=re});
|
|
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("@leafygreen-ui/emotion"),require("@leafygreen-ui/form-field"),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/popover"),require("@leafygreen-ui/typography"),require("polished"),require("@leafygreen-ui/palette"),require("@leafygreen-ui/tokens"),require("@leafygreen-ui/chip"),require("lodash/kebabCase"),require("@leafygreen-ui/input-option"),require("@leafygreen-ui/checkbox"),require("lodash/escapeRegExp")):"function"==typeof define&&define.amd?define(["exports","react","lodash/clone","lodash/debounce","lodash/isArray","lodash/isEqual","lodash/isNull","lodash/isString","lodash/isUndefined","@leafygreen-ui/emotion","@leafygreen-ui/form-field","@leafygreen-ui/hooks","@leafygreen-ui/icon","@leafygreen-ui/icon-button","@leafygreen-ui/leafygreen-provider","@leafygreen-ui/lib","@leafygreen-ui/popover","@leafygreen-ui/typography","polished","@leafygreen-ui/palette","@leafygreen-ui/tokens","@leafygreen-ui/chip","lodash/kebabCase","@leafygreen-ui/input-option","@leafygreen-ui/checkbox","lodash/escapeRegExp"],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.leafyGreenEmotion,e.leafyGreenFormField,e.leafyGreenHooks,e.leafyGreenIcon,e.leafyGreenIconButton,e.leafyGreenLeafygreenProvider,e.leafyGreenLib,e.leafyGreenPopover,e.leafyGreenTypography,e.polished,e.leafyGreenPalette,e.leafyGreenTokens,e.leafyGreenChip,e["/kebabCase"],e.leafyGreenInputOption,e.leafyGreenCheckbox,e["/escapeRegExp"])}(this,function(e,n,t,r,a,l,o,i,s,c,u,d,f,p,h,m,g,b,y,v,x,k,w,C,S,E){"use strict";function N(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var L=N(n),T=N(t),M=N(r),D=N(a),O=N(l),I=N(o),F=N(i),R=N(s),z=N(h),A=N(w),G=N(E);function P(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function j(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function q(){return q=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},q.apply(null,arguments)}function W(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function X(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?W(Object(t),!0).forEach(function(n){j(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):W(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function B(e,n){if(null==e)return{};var t,r,a=function(e,n){if(null==e)return{};var t={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==n.indexOf(r))continue;t[r]=e[r]}return t}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)t=l[r],-1===n.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}function U(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 r,a,l,o,i=[],s=!0,c=!1;try{if(l=(t=t.call(e)).next,0===n);else for(;!(s=(r=l.call(t)).done)&&(i.push(r.value),i.length!==n);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw a}}return i}}(e,n)||Y(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 H(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function V(e){return function(e){if(Array.isArray(e))return P(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Y(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 K(e){return K="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},K(e)}function Y(e,n){if(e){if("string"==typeof e)return P(e,n);var t={}.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)?P(e,n):void 0}}var Z="Input",_="ClearButton",$="FirstChip",J="LastChip",Q="MiddleChip",ee="Combobox",ne="Menu",te={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},re={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},ae=u.FormFieldState,le={Unset:"unset",Error:"error",Loading:"loading"},oe={Trigger:"trigger",Option:"option"};var ie,se,ce,ue,de,fe,pe,he,me,ge={multiselect:!1,size:te.Default,withIcons:!1,disabled:!1,isOpen:!1,state:ae.None,searchState:le.Unset,overflow:re.expandY},be=n.createContext(ge),ye=m.createUniqueClassName("combobox-chip"),ve=j(j(j(j({},te.XSmall,16),te.Small,x.typeScales.body1.lineHeight),te.Default,x.typeScales.body1.lineHeight),te.Large,x.typeScales.body2.lineHeight),xe=j(j(j(j({},te.XSmall,x.typeScales.body1.fontSize),te.Small,x.typeScales.body1.fontSize),te.Default,x.typeScales.body1.fontSize),te.Large,x.typeScales.body2.fontSize),ke=j(j(j(j({},te.XSmall,1),te.Small,0),te.Default,2),te.Large,4),we=j(j(j(j({},te.XSmall,c.css(ie||(ie=H(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),xe[te.XSmall],ve[te.XSmall],k.chipTextClassName,ke[te.XSmall])),te.Small,c.css(se||(se=H(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),xe[te.Small],ve[te.Small],k.chipTextClassName,ke[te.Small])),te.Default,c.css(ce||(ce=H(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),xe[te.Default],ve[te.Default],k.chipTextClassName,ke[te.Default])),te.Large,c.css(ue||(ue=H(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-inline-end: 10px;\n padding-block: ","px;\n }\n "])),xe[te.Large],ve[te.Large],k.chipTextClassName,ke[te.Large])),Ce=L.default.forwardRef(function(e,t){var r,a=e.displayName,l=e.isFocused,o=e.onRemove,i=e.onFocus,s=n.useContext(be),u=s.size,f=s.disabled,p=s.overflow,h=s.chipTruncationLocation,g=void 0===h?k.TruncationLocation.End:h,b=s.chipCharacterLimit,y=void 0===b?12:b,v=p===re.scrollX?k.TruncationLocation.None:g,x=d.useForwardedRef(t,null),w=null===(r=x.current)||void 0===r?void 0:r.querySelector("button");n.useEffect(function(){l&&!f&&(null==w||w.focus())},[f,w,l]);return L.default.createElement(k.Chip,{label:a,className:c.cx(ye,we[u]),role:"option","aria-selected":l,"data-testid":"lg-combobox-chip",onClick:function(e){null!=w&&w.contains(e.target)||i()},onKeyDown:function(e){f||e.key!==m.keyMap.Delete&&e.key!==m.keyMap.Backspace&&e.key!==m.keyMap.Enter&&e.key!==m.keyMap.Space||o()},onDismiss:function(){f||o()},baseFontSize:k.BaseFontSize.Body1,chipCharacterLimit:y,chipTruncationLocation:v,variant:k.Variant.Gray,ref:x,disabled:f,tabIndex:-1})});Ce.displayName="ComboboxChip";var Se,Ee,Ne,Le,Te,Me,De,Oe,Ie,Fe,Re,ze,Ae,Ge,Pe,je=j(j({},m.Theme.Light,c.css(de||(de=H(["\n padding-top: ","px;\n "])),x.spacing[2])),m.Theme.Dark,c.css(fe||(fe=H(["\n padding-top: ","px;\n "])),x.spacing[2])),qe=c.css(pe||(pe=H(["\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.semiBold),We=j(j({},m.Theme.Light,c.css(he||(he=H(["\n color: ",";\n "])),v.palette.gray.dark1)),m.Theme.Dark,c.css(me||(me=H(["\n color: ",";\n "])),v.palette.gray.light1));function Xe(e){var n=e.label,t=e.className,r=e.children,a=h.useDarkMode().theme,l=d.useIdAllocator({prefix:"combobox-group"});return L.default.Children.count(r)>0?L.default.createElement("div",{className:c.cx(je[a],t)},L.default.createElement("div",{className:c.cx(qe,We[a]),id:l},n),L.default.createElement("div",{role:"group","aria-labelledby":l},r)):L.default.createElement(L.default.Fragment,null)}function Be(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}Be.displayName="ComboboxGroup";var Ue=j(j(j(j({},te.XSmall,{x:12,y:8}),te.Small,{x:12,y:8}),te.Default,{x:12,y:8}),te.Large,{x:12,y:8}),He=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return c.css(Se||(Se=H(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),e)},Ve=j(j({},m.Theme.Light,c.css(Ee||(Ee=H(["\n box-shadow: ",";\n border-color: ",";\n "])),x.boxShadows[m.Theme.Light][1],v.palette.gray.light2)),m.Theme.Dark,c.css(Ne||(Ne=H(["\n box-shadow: ",";\n border-color: ",";\n "])),x.boxShadows[m.Theme.Dark][1],v.palette.gray.dark2)),Ke=c.css(Le||(Le=H(["\n width: max-content;\n"]))),Ye=c.css(Te||(Te=H(["\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);j(j({},m.Theme.Light,c.css(Me||(Me=H(["\n color: ",";\n background-color: ",";\n "])),v.palette.black,v.palette.white)),m.Theme.Dark,c.css(De||(De=H(["\n color: ",";\n background-color: ",";\n "])),v.palette.gray.light1,v.palette.gray.dark3));var Ze,_e=function(e){return c.css(Oe||(Oe=H(["\n background-color: ",";\n"])),x.color[e].background.primary.default)},$e=c.css(Ie||(Ie=H(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),Je=c.css(Fe||(Fe=H(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),Qe=j(j({},m.Theme.Light,c.css(Re||(Re=H(["\n color: ",";\n "])),v.palette.gray.dark3)),m.Theme.Dark,c.css(ze||(ze=H(["\n color: ",";\n "])),v.palette.gray.light3)),en=function(e){return c.css(Ae||(Ae=H(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px ","px;\n"])),xe[e],ve[e],Ue[e].y,Ue[e].x)},nn=c.keyframes(Ge||(Ge=H(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),tn=c.css(Pe||(Pe=H(["\n animation: "," 1.5s linear infinite;\n"])),nn),rn=L.default.forwardRef(function(e,t){var r=e.children,a=e.id,l=e.refEl,o=e.labelId,i=e.menuWidth,s=e.searchLoadingMessage,u=e.searchErrorMessage,p=e.searchEmptyMessage,m=e.dropdownWidthBasis,y=void 0===m?oe.Trigger:m,x=h.useDarkMode(),k=x.darkMode,w=x.theme,C=n.useContext(be),S=C.disabled,E=C.size,N=C.isOpen,T=C.searchState,M=d.useForwardedRef(t,null),D=d.useAvailableSpace(l),O=R.default(D)?"unset":"".concat(Math.min(D,256),"px"),I=n.useMemo(function(){var e=c.cx(Je,Qe[w],en(E)),n=c.cx(Je,en(E));switch(T){case"loading":return L.default.createElement("span",{className:e},L.default.createElement(f.Icon,{glyph:"Refresh",color:k?v.palette.blue.light1:v.palette.blue.base,className:tn}),s);case"error":return L.default.createElement(b.Error,{className:n},L.default.createElement(f.Icon,{glyph:"Warning",color:k?v.palette.red.light1:v.palette.red.base}),L.default.createElement("span",null,u));default:return r&&"object"===K(r)&&"length"in r&&r.length>0?L.default.createElement("ul",{className:$e},r):L.default.createElement("span",{className:e},p)}},[w,E,T,k,s,u,r,p]);return L.default.createElement(g.Popover,{active:N&&!S,spacing:4,align:"bottom",justify:"middle",refEl:l,adjustOnMutation:!0,className:c.cx(He(i),Ve[w],j({},Ke,y===oe.Option))},L.default.createElement("div",{ref:M,id:a,role:"listbox","aria-labelledby":o,"aria-expanded":N,className:c.cx(Ye,_e(w),c.css(Ze||(Ze=H(["\n max-height: ",";\n "])),O)),onMouseDownCapture:function(e){return e.preventDefault()}},I))});rn.displayName="ComboboxMenu";var an,ln,on,sn,cn,un,dn,fn,pn,hn,mn,gn,bn,yn,vn,xn,kn,wn,Cn,Sn,En,Nn=function(e){var n=e.scrollHeight;return e.scrollTop<n-e.clientHeight},Ln=function(e){var n=e.value,t=e.displayName,r=m.getNodeTextContent(t);return{value:null!=n?n:A.default(r),displayName:r||n||""}},Tn=function(e){return L.default.Children.toArray(e).reduce(function(e,n){if(m.isComponentType(n,"ComboboxOption")){var t=Ln(n.props),r=t.value,a=t.displayName,l=n.props,o=l.glyph,i=l.disabled;return[].concat(V(e),[{value:r,displayName:a,isDisabled:!!i,hasGlyph:!!o}])}if(m.isComponentType(n,"ComboboxGroup")){var s=n.props.children;if(s)return[].concat(V(e),V(Tn(s)))}},[])},Mn=function(e,n){if(e)return n.find(function(n){return n.value===e})},Dn=function(e,n){var t,r;return e?null!==(t=null===(r=Mn(e,n))||void 0===r?void 0:r.displayName)&&void 0!==t?t:e:""},On=c.css(an||(an=H(["\n .",", ."," {\n font-size: ","px;\n line-height: 20px;\n }\n"])),C.descriptionClassName,C.titleClassName,x.typeScales.body2.fontSize),In=j(j(j(j({},te.XSmall,c.css(ln||(ln=H(["\n min-width: ","px;\n "])),x.spacing[3])),te.Small,c.css(on||(on=H(["\n min-width: ","px;\n "])),x.spacing[3])),te.Default,c.css(sn||(sn=H(["\n min-width: ","px;\n "])),x.spacing[3])),te.Large,c.css(cn||(cn=H(["\n min-width: ","px;\n "])),x.spacing[4])),Fn=c.css(un||(un=H(["\n pointer-events: none;\n gap: 0;\n\n label {\n gap: 0;\n align-items: center;\n }\n"])));c.css(dn||(dn=H(["\n pointer-events: none;\n"])));var Rn=c.css(fn||(fn=H(["\n ."," {\n font-weight: ",";\n }\n"])),C.titleClassName,x.fontWeights.regular),zn=c.css(pn||(pn=H(["\n ."," {\n font-weight: ",";\n }\n"])),C.titleClassName,x.fontWeights.semiBold),An=j(j({},m.Theme.Light,c.css(hn||(hn=H(["\n color: ",";\n "])),v.palette.gray.dark1)),m.Theme.Dark,c.css(mn||(mn=H(["\n color: ",";\n "])),v.palette.gray.base)),Gn=j(j({},m.Theme.Light,c.css(gn||(gn=H(["\n color: ",";\n "])),v.palette.blue.dark1)),m.Theme.Dark,c.css(bn||(bn=H(["\n color: ",";\n "])),v.palette.blue.light3)),Pn=j(j({},m.Theme.Light,c.css(yn||(yn=H(["\n color: ",";\n "])),v.palette.gray.light1)),m.Theme.Dark,c.css(vn||(vn=H(["\n color: ",";\n "])),v.palette.gray.dark1)),jn=j(j({},m.Theme.Light,c.css(xn||(xn=H(["\n color: ",";\n "])),v.palette.blue.base)),m.Theme.Dark,c.css(kn||(kn=H(["\n color: ",";\n "])),v.palette.blue.light1)),qn=j(j({},m.Theme.Light,c.css(wn||(wn=H(["\n color: ",";\n "])),v.palette.gray.light1)),m.Theme.Dark,c.css(Cn||(Cn=H(["\n color: ",";\n "])),v.palette.gray.dark1)),Wn=c.css(Sn||(Sn=H(["\n ."," {\n align-self: baseline;\n position: relative;\n // aligns the checkbox with the option name\n top: 1px;\n }\n"])),C.leftGlyphClassName),Xn=c.css(En||(En=H(["\n ."," {\n // aligns the checkbox with the option name\n top: 3px;\n }\n"])),C.leftGlyphClassName),Bn=function(e){var n=e.size,t=e.isMultiselectWithoutIcons,r=e.isSelected,a=e.className;return c.cx(Rn,j(j(j(j({},zn,r),On,n===te.Large),Wn,t),Xn,t&&n===te.Large),a)},Un=["glyph","isSelected","displayName","isFocused","setSelected","className","description","value","onClick","disabled","aria-label"],Hn=L.default.forwardRef(function(e,t){var r=e.glyph,a=e.isSelected,l=e.displayName,o=e.isFocused,i=e.setSelected,s=e.className,u=e.description,p=e.value,g=e.onClick,b=e.disabled,y=void 0!==b&&b,v=e["aria-label"],x=B(e,Un),k=h.useDarkMode(),w=k.darkMode,E=k.theme,N=n.useContext(be),T=N.multiselect,M=N.size,D=N.withIcons,O=N.inputValue,I=d.useForwardedRef(t,null),F=d.useIdAllocator({prefix:"combobox-option-text"}),R=n.useCallback(function(e){e.stopPropagation(),y||(i(),null==g||g(e,p))},[y,g,i,p]),z=n.useMemo(function(){return function(e){var n=e.withIcons,t=e.isSelected,r=e.glyph,a=e.optionTextId,l=e.disabled,o=e.darkMode,i=e.size,s=e.multiselect,u=e.theme,d=e.isFocused;r&&!f.isComponentGlyph(r)&&console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",r);var p=r&&f.isComponentGlyph(r)?L.default.cloneElement(r,X(X({},r.props),{},{className:c.cx(An[u],j(j({},Gn[u],d),Pn[u],l),r.props.className)})):L.default.createElement(L.default.Fragment,null),h=L.default.createElement(S.Checkbox,{"aria-labelledby":a,checked:t,tabIndex:-1,disabled:l,darkMode:o,className:Fn}),m=L.default.createElement(f.Icon,{glyph:"Checkmark",className:c.cx(In[i],jn[u],j({},qn[u],l))});return{leftGlyph:s?n?p:h:n?p:t?m:null,rightGlyph:s?n&&h:n&&t&&m}}({withIcons:D,isSelected:a,glyph:r,theme:E,darkMode:w,size:M,disabled:y,multiselect:T,optionTextId:F,isFocused:o})},[w,y,r,a,T,F,M,E,D,o]),A=z.leftGlyph,P=z.rightGlyph,W=T&&!D;return L.default.createElement(C.InputOption,q({},x,{as:"li",ref:I,highlighted:o,disabled:y,"aria-label":v||m.getNodeTextContent(l)||p,darkMode:w,className:Bn({size:M,isSelected:a,isMultiselectWithoutIcons:W,className:s}),onClick:R,onKeyDown:R}),L.default.createElement(C.InputOptionContent,{leftGlyph:A,rightGlyph:P,description:u},"string"==typeof l?L.default.createElement("span",{id:F},function(e,n,t){if(n&&t){var r=G.default(n),a=new RegExp(r,"gi"),l=e.matchAll(a);if(l){for(var o=e.split(""),i=0,s=Array.from(l);i<s.length;i++){var c,u=s[i],d=null!==(c=u.index)&&void 0!==c?c:-1,f=u[0],p=f.length,h=d+f+p,m=new Array(p).fill("");m[0]=L.default.createElement(t,{key:h},f),o.splice.apply(o,[d,p].concat(V(m)))}return L.default.createElement(L.default.Fragment,null,o)}return L.default.createElement(L.default.Fragment,null,e)}return L.default.createElement(L.default.Fragment,null,e)}(l,O,"strong")):l))});function Vn(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}Hn.displayName="ComboboxOption",Vn.displayName="ComboboxOption";var Kn,Yn,Zn,_n,$n,Jn,Qn,et,nt,tt,rt,at,lt,ot,it,st,ct,ut,dt,ft,pt,ht,mt,gt,bt,yt,vt,xt,kt,wt,Ct,St,Et,Nt=function(e){return!R.default(e)&&!I.default(e)&&(F.default(e)||D.default(e)&&e.length>0)},Lt=function(e){return ve[e]+2*ke[e]},Tt=x.spacing[100],Mt=j(j(j(j({},te.XSmall,22),te.Small,28),te.Default,36),te.Large,48),Dt=function(e){return(Mt[e]-Lt(e)-2)/2},Ot=j(j(j(j({},te.XSmall,{y:Dt(te.XSmall),xLeftWithChip:x.spacing[25],xLeftWithoutChip:x.spacing[200],xRight:x.spacing[100]}),te.Small,{y:Dt(te.Small),xLeftWithChip:x.spacing[100],xLeftWithoutChip:x.spacing[200],xRight:x.spacing[100]}),te.Default,{y:Dt(te.Default),xLeftWithChip:x.spacing[150],xLeftWithoutChip:x.spacing[300],xRight:x.spacing[200]}),te.Large,{y:Dt(te.Large),xLeftWithChip:x.spacing[300],xLeftWithoutChip:x.spacing[300],xRight:x.spacing[200]}),It=x.spacing[400],Ft=function(e){return c.css(Kn||(Kn=H(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),x.fontFamilies.default,xe[e]+2*Ot[e].xLeftWithChip+It+2)},Rt=c.css(Yn||(Yn=H(["\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[200],x.transitionDuration.default,x.transitionDuration.default),zt=j(j({},m.Theme.Light,c.css(Zn||(Zn=H(["\n color: ",";\n background-color: ",";\n "])),x.color.light.text.primary.default,x.color.light.background.primary.default)),m.Theme.Dark,c.css(_n||(_n=H(["\n color: ",";\n background-color: ",";\n "])),x.color.dark.text.primary.default,v.palette.gray.dark4)),At=function(e,n){return c.css($n||($n=H(["\n padding-top: ","px;\n padding-bottom: ","px;\n padding-left: ",";\n padding-right: ","px;\n"])),Ot[e].y,Ot[e].y,"".concat(n?Ot[e].xLeftWithChip:Ot[e].xLeftWithoutChip,"px"),Ot[e].xRight)},Gt=function(e){return c.css(Jn||(Jn=H(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n"])),x.color[e].text.disabled.default,x.color[e].background.disabled.default,x.color[e].border.disabled.default)},Pt=function(e){return j(j(j({},ae.Error,c.css(Qn||(Qn=H(["\n border-color: ",";\n "])),x.color[e].border.error.default)),ae.None,c.css(et||(et=H(["\n border-color: ",";\n "])),x.color[e].border.primary.default)),ae.Valid,c.css(nt||(nt=H(["\n border-color: ",";\n "])),x.color[e].border.success.default))},jt=j(j({},m.Theme.Light,c.css(tt||(tt=H(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),x.focusRing[m.Theme.Light].input)),m.Theme.Dark,c.css(rt||(rt=H(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),x.focusRing[m.Theme.Dark].input)),qt=c.css(at||(at=H(["\n display: flex;\n align-items: center;\n"]))),Wt=j(j(j(j({},te.XSmall,c.css(lt||(lt=H(["\n gap: ","px;\n "])),x.spacing[100])),te.Small,c.css(ot||(ot=H(["\n gap: ","px;\n "])),x.spacing[200])),te.Default,c.css(it||(it=H(["\n gap: ","px;\n "])),x.spacing[200])),te.Large,c.css(st||(st=H(["\n gap: ","px;\n "])),x.spacing[200])),Xt=function(e){var n=e.overflow,t=e.size,r=c.css(ct||(ct=H(["\n flex-grow: 1;\n width: 100%;\n "])));switch(n){case re.scrollX:return c.css(ut||(ut=H(["\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 "])),r,Lt(t),ye);case re.expandY:return c.css(dt||(dt=H(["\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 "])),r,Tt,Lt(t),3*Lt(t),Tt)}},Bt=c.css(ft||(ft=H(["\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[100]),Ut=j(j({},m.Theme.Light,c.css(pt||(pt=H(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.base)),m.Theme.Dark,c.css(ht||(ht=H(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.dark1)),Ht=j(j({},m.Theme.Light,c.css(mt||(mt=H(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.base)),m.Theme.Dark,c.css(gt||(gt=H(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.dark1)),Vt=function(e){return c.css(bt||(bt=H(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n"])),Lt(e),xe[e],ve[e],xe[e])},Kt=function(e){return c.css(yt||(yt=H(["\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")},Yt=function(e,n){var t,r=null!==(t=null==n?void 0:n.length)&&void 0!==t?t:0;return c.css(vt||(vt=H(["\n width: ","px;\n max-width: 100%;\n "])),r*xe[e])},Zt=c.css(xt||(xt=H(["\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"])),It/2),_t=c.css(kt||(kt=H(["\n height: ","px;\n width: ","px;\n"])),It,It),$t=c.css(wt||(wt=H(["\n margin-bottom: ","px;\n display: flex;\n flex-direction: column;\n"])),x.spacing[100]),Jt=c.css(Ct||(Ct=H(["\n font-size: ","px;\n line-height: ","px;\n"])),x.typeScales.large.fontSize,x.typeScales.large.lineHeight),Qt=j(j({},m.Theme.Light,c.css(St||(St=H(["\n ::after {\n box-shadow: 0px 0px 7px 5px ",";\n }\n "])),y.transparentize(.85,v.palette.black))),m.Theme.Dark,c.css(Et||(Et=H(["\n ::after {\n width: 95%;\n box-shadow: 0px -7px 12px 5px rgb(0 0 0 / 50%);\n }\n "])))),er=function(e){return x.color[e].icon.primary.default},nr=function(e){return x.color[e].icon.disabled.default},tr=["children","label","description","placeholder","aria-label","disabled","size","darkMode","state","errorMessage","successMessage","searchState","searchEmptyMessage","searchErrorMessage","searchLoadingMessage","filteredOptions","onFilter","clearable","onClear","overflow","multiselect","initialValue","inputValue","onInputChange","onChange","value","chipTruncationLocation","chipCharacterLimit","className","renderMode","portalClassName","portalContainer","portalRef","scrollContainer","popoverZIndex","dropdownWidthBasis"],rr=["className","glyph","disabled"];Object.defineProperty(e,"RenderMode",{enumerable:!0,get:function(){return g.RenderMode}}),Object.defineProperty(e,"TruncationLocation",{enumerable:!0,get:function(){return k.TruncationLocation}}),e.Combobox=function(e){var t=e.children,r=e.label,a=e.description,l=e.placeholder,o=void 0===l?"Select":l,i=e["aria-label"],s=e.disabled,y=void 0!==s&&s,v=e.size,x=void 0===v?te.Default:v,k=e.darkMode,w=e.state,C=void 0===w?"none":w,S=e.errorMessage,E=void 0===S?u.DEFAULT_MESSAGES.error:S,N=e.successMessage,A=void 0===N?u.DEFAULT_MESSAGES.success:N,G=e.searchState,P=void 0===G?"unset":G,W=e.searchEmptyMessage,H=void 0===W?"No results found":W,V=e.searchErrorMessage,Y=void 0===V?"Could not get results!":V,ae=e.searchLoadingMessage,le=void 0===ae?"Loading results...":ae,ie=e.filteredOptions,se=e.onFilter,ce=e.clearable,ue=void 0===ce||ce,de=e.onClear,fe=e.overflow,pe=void 0===fe?re.expandY:fe,he=e.multiselect,me=void 0!==he&&he,ge=e.initialValue,ye=e.inputValue,ve=e.onInputChange,xe=e.onChange,ke=e.value,we=e.chipTruncationLocation,Se=e.chipCharacterLimit,Ee=void 0===Se?12:Se,Ne=e.className,Le=e.renderMode,Te=void 0===Le?g.RenderMode.TopLayer:Le,Me=e.portalClassName,De=e.portalContainer,Oe=e.portalRef,Ie=e.scrollContainer,Fe=e.popoverZIndex,Re=e.dropdownWidthBasis,ze=void 0===Re?oe.Trigger:Re,Ae=B(e,tr),Ge=h.useDarkMode(k),Pe=Ge.darkMode,je=Ge.theme,qe=d.useDynamicRefs({prefix:"option"}),We=d.useDynamicRefs({prefix:"chip"}),Be=d.useIdAllocator({prefix:"combobox-input"}),Ue=d.useIdAllocator({prefix:"combobox-label"}),He=d.useIdAllocator({prefix:"combobox-menu"}),Ve=n.useRef(null),Ke=n.useRef(null),Ye=n.useRef(null),Ze=n.useRef(null),_e=n.useRef(null),$e=U(n.useState(!1),2),Je=$e[0],Qe=$e[1],en=d.usePrevious(Je),nn=U(n.useState(null),2),tn=nn[0],an=nn[1],ln=n.useMemo(function(){return Tn(t)},[t]),on=n.useCallback(function(e){return!!e&&!!ln.find(function(n){return n.value===e})},[ln]),sn=U(n.useState(function(){if(ge){if(D.default(ge)){var e=ge.filter(function(e){return on(e)});return e}if(on(ge))return ge}return function(e){return e?[]:null}(me)}),2),cn=sn[0],un=sn[1],dn=d.usePrevious(cn),fn=U(n.useState(null!=ye?ye:""),2),pn=fn[0],hn=fn[1];n.useEffect(function(){R.default(ye)||hn(ye)},[ye]);var mn=function(e){hn(e)},gn=d.usePrevious(pn),bn=U(n.useState(null),2),yn=bn[0],vn=bn[1],xn=U(n.useState(!1),2),kn=xn[0],wn=xn[1],Cn=me&&D.default(cn)&&cn.length>0?void 0:o,Sn=function(){return Qe(!1)},En=function(){return Qe(!0)},On=n.useCallback(function(e){return!me||"string"!=typeof e&&"number"!=typeof e?!me&&D.default(e)&&m.consoleOnce.error("Error in Combobox: multiselect is set to `false`, but received an Array value"):m.consoleOnce.error("Error in Combobox: multiselect is set to `true`, but received a ".concat(K(e),' value: "').concat(e,'"')),me&&D.default(e)},[me]),In=n.useCallback(function(e){!y&&Ze&&Ze.current&&(Ze.current.focus(),R.default(e)||Ze.current.setSelectionRange(e,e))},[y]),Fn=n.useCallback(function(e){if(On(cn)){var n=T.default(cn),t=xe,r={diffType:"delete",value:null!=e?e:cn};I.default(e)?n.length=0:cn.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),r.diffType="insert",mn("")),un(n),null==t||t(n,r)}else{var a=e,l=xe;un(a),null==l||l(a)}},[On,xe,cn]),Rn=n.useCallback(function(e){var n,t,r,a;return function(e,n){return Array.isArray(n)?n.includes(e):e===n}((t=ln,(n=e)?null!==(r=null===(a=t.find(function(e){return e.displayName===n}))||void 0===a?void 0:a.value)&&void 0!==r?r:n:""),cn)},[ln,cn]),zn=n.useCallback(function(e){var n="string"==typeof e?e:e.value;if(ie&&ie.length>0)return ie.includes(n);if(Rn(pn))return!0;var t="string"==typeof e?Dn(n,ln):e.displayName;return m.getNodeTextContent(t).toLowerCase().includes(pn.toLowerCase())},[ie,Rn,pn,ln]),An=n.useMemo(function(){return ln.filter(zn)},[ln,zn]),Gn=n.useCallback(function(e){return An?An.findIndex(function(n){return n.value===e}):-1},[An]),Pn=n.useCallback(function(e){if(An&&An.length>=e){var n=An[e];return n?n.value:void 0}},[An]),jn=n.useCallback(function(){return On(cn)?cn.findIndex(function(e){var n;return null===(n=We(e))||void 0===n||null===(n=n.current)||void 0===n?void 0:n.contains(document.activeElement)}):-1},[We,On,cn]),qn=U(n.useState(),2),Wn=qn[0],Xn=qn[1],Bn=n.useCallback(function(e){var n,t=null!==(n=null==An?void 0:An.length)&&void 0!==n?n:0,r=t-1>0?t-1:0,a=Gn(tn);switch(e&&Je&&(vn(null),In()),e){case"next":var l=Pn(a+1<t?a+1:0);an(null!=l?l:null);break;case"prev":var o=Pn(a-1>=0?a-1:r);an(null!=o?o:null);break;case"last":var i=Pn(r);an(null!=i?i:null);break;default:var s=Pn(0);an(null!=s?s:null)}},[tn,Gn,Pn,Je,In,null==An?void 0:An.length]),Un=n.useCallback(function(e,n){if(On(cn))switch(e){case"next":var t=null!=n?n:jn(),r=t+1<cn.length?t+1:cn.length-1,a=cn[r];vn(a);break;case"prev":var l=null!=n?n:jn(),o=l>0?l-1:l<0?cn.length-1:0,i=cn[o];vn(i);break;case"first":var s=cn[0];vn(s);break;case"last":var c=cn[cn.length-1];vn(c);break;default:vn(null)}},[jn,On,cn]),Vn=n.useCallback(function(e,n){switch(e&&an(null),e){case"right":switch(Wn){case Z:var t,r,a;if((null===(t=Ze.current)||void 0===t?void 0:t.selectionEnd)===(null===(r=Ze.current)||void 0===r?void 0:r.value.length))null===(a=Ke.current)||void 0===a||a.focus();break;case $:case Q:case J:if(Wn===J||1===(null==cn?void 0:cn.length)){In(0),Un(null),n.preventDefault();break}Un("next")}break;case"left":switch(Wn){case _:var l;n.preventDefault(),In(null==Ze||null===(l=Ze.current)||void 0===l?void 0:l.value.length);break;case Z:case Q:case J:if(On(cn)){var o;if(Wn===Z&&0!==(null===(o=Ze.current)||void 0===o?void 0:o.selectionStart))break;Un("prev")}}break;default:Un(null)}},[Wn,On,cn,In,Un]);n.useEffect(function(){Je||Bn("first")},[Je,Bn]),d.useAutoScroll(tn?qe(tn):void 0,_e);var Kn=n.useCallback(function(e){if(m.isComponentType(e,"ComboboxOption")){var n=Ln(e.props),t=n.value,r=n.displayName;if(zn(t)){var a=e.props,l=a.className,o=a.glyph,i=a.disabled,s=B(a,rr),c=ln.findIndex(function(e){return e.value===t}),u=tn===t,d=On(cn)?cn.includes(t):cn===t,f=qe(t);return L.default.createElement(Hn,q({},s,{value:t,displayName:r,isFocused:u,isSelected:d,disabled:i,setSelected:function(){an(t),Fn(t),In(),t===cn&&Sn()},glyph:o,className:l,index:c,ref:f}))}}else if(m.isComponentType(e,"ComboboxGroup")){var p=L.default.Children.map(e.props.children,Kn);if(p&&(null==p?void 0:p.length)>0)return L.default.createElement(Xe,{label:e.props.label,className:e.props.className},L.default.Children.map(p,Kn))}},[ln,qe,tn,On,cn,In,zn,Fn]),Yn=n.useMemo(function(){return L.default.Children.map(t,Kn)},[t,Kn]),Zn=n.useMemo(function(){if(On(cn))return cn.filter(on).map(function(e,n){var t=Dn(e,ln),r=m.getNodeTextContent(t),a=yn===e,l=We(e),o=n>=cn.length-1;return L.default.createElement(Ce,{key:e,displayName:r,isFocused:a,onRemove:function(){o?(In(),Un(null)):Un("next",n),Fn(e)},onFocus:function(){vn(e)},ref:l})})},[On,cn,on,ln,yn,We,Fn,In,Un]),_n=n.useMemo(function(){return ln.some(function(e){return e.hasGlyph})},[ln]),$n=n.useCallback(function(){var e=An.find(function(e){return e.displayName===pn||e.value===pn});if(!ke&&e)Fn(e.value);else if(!On(cn)){var n,t=null!==(n=Dn(cn,ln))&&void 0!==n?n:dn;mn(m.getNodeTextContent(t))}},[ln,pn,On,dn,cn,Fn,ke,An]),Jn=n.useCallback(function(){if(Nt(cn)){if(On(cn))st(pe);else if(!On(cn)){var e,n=null!==(e=Dn(cn,ln))&&void 0!==e?e:"";mn(m.getNodeTextContent(n)),Sn()}}else mn("")},[ln,On,cn,pe]);n.useEffect(function(){if(!R.default(ke)&&ke!==gn)if(I.default(ke))un(null);else if(On(ke)){var e=ke.filter(on);un(e)}else un(on(ke)?ke:null)},[On,on,gn,ke]),n.useEffect(function(){var e=!R.default(dn)&&(D.default(cn)&&!I.default(dn)||F.default(cn)||I.default(cn))&&!O.default(cn,dn),n=R.default(dn)&&Nt(cn);(e||n)&&Jn()},[Jn,dn,cn]),n.useEffect(function(){!Je&&en&&$n()},[Je,en,$n]);var Qn=U(n.useState(0),2),et=Qn[0],nt=Qn[1];n.useEffect(function(){var e,n;nt(null!==(e=null===(n=Ve.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},[Ve,Je,tn,cn]),d.useBackdropClick(Sn,[_e,Ve],{enabled:Je});var tt=On(cn)&&!!cn.length,rt=M.default(function(e){wn(Nn(e.target))},50,{leading:!0}),at=n.useCallback(function(e){pe===re.expandY&&rt(e)},[rt,pe]);n.useEffect(function(){Ye.current&&wn(Nn(Ye.current))},[]);var lt,ot=X({popoverZIndex:Fe},g.getPopoverRenderModeProps({dismissMode:g.DismissMode.Manual,portalClassName:Me,portalContainer:De,portalRef:Oe,renderMode:Te,scrollContainer:Ie})),it={disabled:y,errorMessage:E,size:x,state:C,successMessage:A};return L.default.createElement(z.default,{darkMode:Pe},L.default.createElement(be.Provider,{value:{multiselect:me,size:x,withIcons:_n,disabled:y,isOpen:Je,state:C,searchState:P,chipTruncationLocation:we,chipCharacterLimit:Ee,inputValue:pn,overflow:pe,popoverZIndex:Fe}},L.default.createElement("div",q({className:c.cx(Ft(x),Ne)},Ae),(r||a)&&L.default.createElement("div",{className:$t},r&&L.default.createElement(b.Label,{id:Ue,htmlFor:Be,darkMode:Pe,disabled:y,className:c.cx(j({},Jt,x===te.Large))},r),a&&L.default.createElement(b.Description,{darkMode:Pe,disabled:y,className:c.cx(j({},Jt,x===te.Large))},a)),L.default.createElement("div",{ref:Ve,role:"combobox","aria-expanded":Je,"aria-controls":He,"aria-owns":He,tabIndex:-1,onMouseDown:function(e){y&&e.preventDefault()},onClick:function(e){if(e.target!==Ze.current){var n=0;if(Ze.current)n=e.nativeEvent.offsetX>Ze.current.offsetLeft+Ze.current.clientWidth?pn.length:0;In(n)}En()},onFocus:function(e){st(pe),Xn(function(e){var n,t,r,a;if(!e)return;if(null!==(n=Ze.current)&&void 0!==n&&n.contains(e))return Z;if(null!==(t=Ke.current)&&void 0!==t&&t.contains(e))return _;var l=On(cn)?cn.findIndex(function(n){var t;return null===(t=We(n))||void 0===t||null===(t=t.current)||void 0===t?void 0:t.contains(e)}):-1;if(On(cn)){if(0===l)return $;if(l===cn.length-1)return J;if(l>0)return Q}if(null!==(r=_e.current)&&void 0!==r&&r.contains(e))return ne;if(null!==(a=Ve.current)&&void 0!==a&&a.contains(e))return ee}(e.target))},onKeyDown:function(e){var n,t,r=null===(n=_e.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(t=Ve.current)||void 0===t?void 0:t.contains(document.activeElement))||r){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.key){case m.keyMap.Tab:switch(Wn){case"Input":Nt(cn)||(Sn(),Bn("first"),Un(null));break;case"LastChip":Un(null)}break;case m.keyMap.Escape:Sn(),Bn("first");break;case m.keyMap.Enter:Je?!Je||Wn!==Z||I.default(tn)||function(e){if("string"==typeof e){var n=Mn(e,ln);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(tn)?Wn===_&&(Fn(null),In()):Fn(tn):En();break;case m.keyMap.Backspace:var a;if(On(cn))"Input"===Wn&&0===(null===(a=Ze.current)||void 0===a?void 0:a.selectionStart)&&Un("last");En();break;case m.keyMap.ArrowDown:Je?(e.preventDefault(),Bn("next")):En();break;case m.keyMap.ArrowUp:Je?(e.preventDefault(),Bn("prev")):En();break;case m.keyMap.ArrowRight:Vn("right",e);break;case m.keyMap.ArrowLeft:Vn("left",e);break;default:Je||En()}}},onTransitionEnd:function(){var e,n;nt(null!==(e=null===(n=Ve.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:c.cx(Rt,zt[je],At(x,tt),Pt(je)[C],j(j(j({},jt[je],(lt=Z,lt===Wn)),Gt(je),y),Qt[je],kn))},L.default.createElement("div",{onScroll:at,ref:Ye,className:Xt({size:x,overflow:pe})},Zn,L.default.createElement("input",{"aria-label":null!=i?i:r,"aria-autocomplete":"list","aria-controls":He,"aria-labelledby":Ue,ref:Ze,id:Be,className:c.cx(Bt,Vt(x),Ut[je],Kt(Je),j(j({},Yt(x,pn),On(cn)),Ht[je],y)),placeholder:Cn,"aria-disabled":y,readOnly:y,onChange:function(e){mn(e.target.value),null==se||se(e.target.value),null==ve||ve(e)},value:pn,autoComplete:"off"})),L.default.createElement("div",{className:c.cx(qt,Wt[x])},ue&&Nt(cn)&&!y&&L.default.createElement(p.IconButton,{"aria-label":"Clear selection",disabled:y,ref:Ke,onClick:function(e){y||(e.stopPropagation(),Fn(null),null==de||de(e),null==se||se(""),In())},onFocus:function(){an(null)},className:c.cx(Zt),darkMode:Pe},L.default.createElement(f.Icon,{glyph:"XWithCircle"})),L.default.createElement(f.Icon,{glyph:"CaretDown",className:_t,fill:c.cx(j(j({},er(je),!y),nr(je),y))}))),L.default.createElement(u.FormFieldFeedback,it),L.default.createElement(h.PopoverPropsProvider,ot,L.default.createElement(rn,{id:He,labelId:Ue,refEl:Ve,ref:_e,menuWidth:et,searchLoadingMessage:le,searchErrorMessage:Y,searchEmptyMessage:H,dropdownWidthBasis:ze},Yn)))));function st(e){Ye&&Ye.current&&(e===re.scrollX&&(Ye.current.scrollLeft=Ye.current.scrollWidth),e===re.expandY&&(Ye.current.scrollTop=Ye.current.scrollHeight))}},e.ComboboxGroup=Be,e.ComboboxOption=Vn,e.ComboboxSize=te,e.DropdownWidthBasis=oe,e.Overflow=re,e.SearchState=le,e.State=ae});
|
|
2
2
|
//# sourceMappingURL=index.js.map
|