@leafygreen-ui/combobox 12.0.8 → 12.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/CHANGELOG.md +38 -0
  2. package/dist/esm/index.js +1 -1
  3. package/dist/esm/index.js.map +1 -1
  4. package/dist/types/Combobox/Combobox.d.ts +1 -1
  5. package/dist/types/Combobox/Combobox.d.ts.map +1 -1
  6. package/dist/types/Combobox/Combobox.types.d.ts +7 -1
  7. package/dist/types/Combobox/Combobox.types.d.ts.map +1 -1
  8. package/dist/types/ComboboxMenu/ComboboxMenu.d.ts +2 -0
  9. package/dist/types/ComboboxMenu/ComboboxMenu.d.ts.map +1 -1
  10. package/dist/types/ComboboxMenu/Menu.styles.d.ts +1 -0
  11. package/dist/types/ComboboxMenu/Menu.styles.d.ts.map +1 -1
  12. package/dist/types/index.d.ts +1 -0
  13. package/dist/types/index.d.ts.map +1 -1
  14. package/dist/types/types/Combobox.types.d.ts +6 -0
  15. package/dist/types/types/Combobox.types.d.ts.map +1 -1
  16. package/dist/types/types/index.d.ts +1 -1
  17. package/dist/types/types/index.d.ts.map +1 -1
  18. package/dist/umd/index.js +1 -1
  19. package/dist/umd/index.js.map +1 -1
  20. package/package.json +15 -15
  21. package/src/Combobox/Combobox.mouse.spec.tsx +1 -1
  22. package/src/Combobox/Combobox.spec.tsx +33 -0
  23. package/src/Combobox/Combobox.tsx +5 -2
  24. package/src/Combobox/Combobox.types.ts +8 -0
  25. package/src/Combobox.stories.tsx +7 -1
  26. package/src/ComboboxMenu/ComboboxMenu.tsx +9 -3
  27. package/src/ComboboxMenu/Menu.styles.ts +12 -5
  28. package/src/ComboboxOption/ComboboxOption.stories.tsx +1 -1
  29. package/src/ComboboxOption/getGlyphs.tsx +2 -2
  30. package/src/index.ts +8 -0
  31. package/src/test-utils/getTestOptions.testutils.tsx +1 -1
  32. package/src/types/Combobox.types.ts +8 -0
  33. package/src/types/index.ts +1 -0
  34. package/src/utils/ComboboxUtils.spec.tsx +1 -1
  35. package/stories.js +2 -2
  36. package/tsdoc.json +44 -0
@@ -5,7 +5,7 @@ import { ComboboxProps } from './Combobox.types';
5
5
  * allowing the user to either type a value directly or select a value from the list.
6
6
  * Can be configured to select a single or multiple options.
7
7
  */
8
- export declare function Combobox<M extends boolean>({ children, label, description, placeholder, 'aria-label': ariaLabel, disabled, size, darkMode: darkModeProp, state, errorMessage, successMessage, searchState, searchEmptyMessage, searchErrorMessage, searchLoadingMessage, filteredOptions, onFilter, clearable, onClear, overflow, multiselect, initialValue, inputValue: inputValueProp, onInputChange, onChange, value, chipTruncationLocation, chipCharacterLimit, className, renderMode, portalClassName, portalContainer, portalRef, scrollContainer, popoverZIndex, ...rest }: ComboboxProps<M>): React.JSX.Element;
8
+ export declare function Combobox<M extends boolean>({ children, label, description, placeholder, 'aria-label': ariaLabel, disabled, size, darkMode: darkModeProp, state, errorMessage, successMessage, searchState, searchEmptyMessage, searchErrorMessage, searchLoadingMessage, filteredOptions, onFilter, clearable, onClear, overflow, multiselect, initialValue, inputValue: inputValueProp, onInputChange, onChange, value, chipTruncationLocation, chipCharacterLimit, className, renderMode, portalClassName, portalContainer, portalRef, scrollContainer, popoverZIndex, dropdownWidthBasis, ...rest }: ComboboxProps<M>): React.JSX.Element;
9
9
  /**
10
10
  * Why'd you have to go and make things so complicated?
11
11
  * - Avril; and also me to myself about this component
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAYN,MAAM,OAAO,CAAC;AAmFf,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,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,qBAmuClB;AAED;;;GAGG"}
1
+ {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAYN,MAAM,OAAO,CAAC;AAoFf,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"}
@@ -2,7 +2,7 @@ import React, { ReactNode } from 'react';
2
2
  import { type ChipProps } from '@leafygreen-ui/chip';
3
3
  import { Either } from '@leafygreen-ui/lib';
4
4
  import { PopoverProps } from '@leafygreen-ui/popover';
5
- import { ComboboxSize, onChangeType, Overflow, SearchState, SelectValueType, State } from '../types';
5
+ import { ComboboxSize, DropdownWidthBasis, onChangeType, Overflow, SearchState, SelectValueType, State } from '../types';
6
6
  /**
7
7
  * Combobox Props
8
8
  */
@@ -131,6 +131,12 @@ export type BaseComboboxProps = Omit<React.ComponentProps<'div'>, 'onChange'> &
131
131
  * Allows for a controlled text-input value
132
132
  */
133
133
  inputValue?: string;
134
+ /**
135
+ * Determines the width of the dropdown. `trigger` will make the dropdown width the width of the combobox. `option` will make the dropdown width as wide as the widest option.
136
+ *
137
+ * @default 'trigger'
138
+ */
139
+ dropdownWidthBasis?: DropdownWidthBasis;
134
140
  };
135
141
  export type ComboboxProps<M extends boolean> = Either<BaseComboboxProps & ComboboxMultiselectProps<M>, 'label' | 'aria-label'>;
136
142
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../src/Combobox/Combobox.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../src/Combobox/Combobox.types.ts"],"names":[],"mappings":"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"}
@@ -1,10 +1,12 @@
1
1
  import React from 'react';
2
2
  import { ComboboxProps } from '../Combobox';
3
+ import { DropdownWidthBasis } from '../types';
3
4
  export declare const ComboboxMenu: React.ForwardRefExoticComponent<{
4
5
  children?: React.ReactNode;
5
6
  refEl: React.RefObject<HTMLDivElement>;
6
7
  id: string;
7
8
  labelId: string;
8
9
  menuWidth: number;
10
+ dropdownWidthBasis?: DropdownWidthBasis;
9
11
  } & Pick<ComboboxProps<any>, "searchEmptyMessage" | "searchErrorMessage" | "searchLoadingMessage"> & React.RefAttributes<HTMLDivElement>>;
10
12
  //# sourceMappingURL=ComboboxMenu.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ComboboxMenu.d.ts","sourceRoot":"","sources":["../../../src/ComboboxMenu/ComboboxMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAWnD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AA0B5C,eAAO,MAAM,YAAY;eAVZ,KAAK,CAAC,SAAS;WACnB,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;QAClC,MAAM;aACD,MAAM;eACJ,MAAM;yIA+HlB,CAAC"}
1
+ {"version":3,"file":"ComboboxMenu.d.ts","sourceRoot":"","sources":["../../../src/ComboboxMenu/ComboboxMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAWnD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AA2B9C,eAAO,MAAM,YAAY;eAXZ,KAAK,CAAC,SAAS;WACnB,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;QAClC,MAAM;aACD,MAAM;eACJ,MAAM;yBACI,kBAAkB;yIAkIxC,CAAC"}
@@ -11,6 +11,7 @@ export declare const getMenuItemHeight: (size: Size) => number;
11
11
  */
12
12
  export declare const popoverStyle: (width?: number) => string;
13
13
  export declare const popoverThemeStyle: Record<Theme, string>;
14
+ export declare const autoWidthStyles: string;
14
15
  export declare const menuBaseStyle: string;
15
16
  export declare const menuThemeStyle: Record<Theme, string>;
16
17
  export declare const getMenuThemeStyles: (theme: Theme) => string;
@@ -1 +1 @@
1
- {"version":3,"file":"Menu.styles.d.ts","sourceRoot":"","sources":["../../../src/ComboboxMenu/Menu.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAK3C,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,IAAI,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAKlE,CAAC;AAEF,0DAA0D;AAC1D,eAAO,MAAM,iBAAiB,GAAI,MAAM,IAAI,WAE3C,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,YAAY,GAAI,cAAW,WAKvC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CASnD,CAAC;AAEF,eAAO,MAAM,aAAa,QASzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAShD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,OAAO,KAAK,WAE9C,CAAC;AAEF,eAAO,MAAM,QAAQ,QAIpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAKhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOvD,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,MAAM,IAAI,WAI9C,CAAC;AAWF,eAAO,MAAM,gBAAgB,QAE5B,CAAC"}
1
+ {"version":3,"file":"Menu.styles.d.ts","sourceRoot":"","sources":["../../../src/ComboboxMenu/Menu.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAU3C,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,IAAI,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAKlE,CAAC;AAEF,0DAA0D;AAC1D,eAAO,MAAM,iBAAiB,GAAI,MAAM,IAAI,WAE3C,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,YAAY,GAAI,cAAW,WAKvC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CASnD,CAAC;AAEF,eAAO,MAAM,eAAe,QAE3B,CAAC;AAEF,eAAO,MAAM,aAAa,QASzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAShD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,OAAO,KAAK,WAE9C,CAAC;AAEF,eAAO,MAAM,QAAQ,QAIpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAKhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOvD,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,MAAM,IAAI,WAI9C,CAAC;AAWF,eAAO,MAAM,gBAAgB,QAE5B,CAAC"}
@@ -1,4 +1,5 @@
1
1
  export { Combobox, type ComboboxProps } from './Combobox';
2
2
  export { ComboboxGroup, type ComboboxGroupProps } from './ComboboxGroup';
3
3
  export { ComboboxOption, type ComboboxOptionProps } from './ComboboxOption';
4
+ export { ComboboxSize, DropdownWidthBasis, Overflow, SearchState, State, TruncationLocation, } from './types';
4
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,QAAQ,EACR,WAAW,EACX,KAAK,EACL,kBAAkB,GACnB,MAAM,SAAS,CAAC"}
@@ -53,6 +53,12 @@ export declare const SearchState: {
53
53
  readonly Loading: "loading";
54
54
  };
55
55
  export type SearchState = (typeof SearchState)[keyof typeof SearchState];
56
+ /** Determines the width of the dropdown menu */
57
+ export declare const DropdownWidthBasis: {
58
+ readonly Trigger: "trigger";
59
+ readonly Option: "option";
60
+ };
61
+ export type DropdownWidthBasis = (typeof DropdownWidthBasis)[keyof typeof DropdownWidthBasis];
56
62
  /**
57
63
  * The type expected in the `value` or `initialValue` prop.
58
64
  * Also the type passed as an argument to `onChange`.
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../src/types/Combobox.types.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;;;;CAQlB,CAAC;AACX,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE5E;;GAEG;AACH,eAAO,MAAM,QAAQ;IACnB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AACX,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAC;AAEhE,4CAA4C;AAC5C,eAAO,MAAM,KAAK;;;;CAAiB,CAAC;AACpC,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,OAAO,KAAK,CAAC,CAAC;AAEvD,uCAAuC;AACvC,eAAO,MAAM,WAAW;;;;CAId,CAAC;AACX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAEzE;;;;;GAKG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,OAAO,IAAI,CAAC,SAAS,IAAI,GAC3D,KAAK,CAAC,MAAM,CAAC,GACb,MAAM,GAAG,IAAI,CAAC;AAElB,uFAAuF;AACvF,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;CAC/B;AAED;;;;GAIG;AAEH,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,OAAO,IAAI,CAAC,SAAS,IAAI,GACxD,CAAC,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,UAAU,KAAK,IAAI,GACzD,CAAC,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;AAE5C;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,OAAO,EAChD,WAAW,EAAE,CAAC,GACb,eAAe,CAAC,CAAC,CAAC,CAMpB"}
1
+ {"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../src/types/Combobox.types.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;;;;CAQlB,CAAC;AACX,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE5E;;GAEG;AACH,eAAO,MAAM,QAAQ;IACnB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AACX,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAC;AAEhE,4CAA4C;AAC5C,eAAO,MAAM,KAAK;;;;CAAiB,CAAC;AACpC,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,OAAO,KAAK,CAAC,CAAC;AAEvD,uCAAuC;AACvC,eAAO,MAAM,WAAW;;;;CAId,CAAC;AACX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAEzE,gDAAgD;AAChD,eAAO,MAAM,kBAAkB;;;CAGrB,CAAC;AACX,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAE/D;;;;;GAKG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,OAAO,IAAI,CAAC,SAAS,IAAI,GAC3D,KAAK,CAAC,MAAM,CAAC,GACb,MAAM,GAAG,IAAI,CAAC;AAElB,uFAAuF;AACvF,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;CAC/B;AAED;;;;GAIG;AAEH,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,OAAO,IAAI,CAAC,SAAS,IAAI,GACxD,CAAC,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,UAAU,KAAK,IAAI,GACzD,CAAC,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;AAE5C;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,OAAO,EAChD,WAAW,EAAE,CAAC,GACb,eAAe,CAAC,CAAC,CAAC,CAMpB"}
@@ -1,3 +1,3 @@
1
- export { ComboboxElement, ComboboxSize, type DiffObject, getNullSelection, type onChangeType, Overflow, SearchState, type SelectValueType, State, } from './Combobox.types';
1
+ export { ComboboxElement, ComboboxSize, type DiffObject, DropdownWidthBasis, getNullSelection, type onChangeType, Overflow, SearchState, type SelectValueType, State, } from './Combobox.types';
2
2
  export { TruncationLocation } from '@leafygreen-ui/chip';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,YAAY,EACZ,KAAK,UAAU,EACf,gBAAgB,EAChB,KAAK,YAAY,EACjB,QAAQ,EACR,WAAW,EACX,KAAK,eAAe,EACpB,KAAK,GACN,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,YAAY,EACZ,KAAK,UAAU,EACf,kBAAkB,EAClB,gBAAgB,EAChB,KAAK,YAAY,EACjB,QAAQ,EACR,WAAW,EACX,KAAK,eAAe,EACpB,KAAK,GACN,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}
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.LeafyGreenProvider,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,i,o,s,c,u,d,f,p,h,m,g,b,y,v,x,k,w,C,E,S){"use strict";function N(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var M=N(n),T=N(t),L=N(r),O=N(a),D=N(l),I=N(i),F=N(o),z=N(s),A=N(f),R=N(p),G=N(h),j=N(g),q=N(w),P=N(E),W=N(S);function B(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 H(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 U(){return U=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},U.apply(null,arguments)}function V(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 K(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?V(Object(t),!0).forEach(function(n){H(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):V(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function Z(e,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 X(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,i,o=[],s=!0,c=!1;try{if(l=(t=t.call(e)).next,0===n);else for(;!(s=(r=l.call(t)).done)&&(o.push(r.value),o.length!==n);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw a}}return o}}(e,n)||Q(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function $(e){return function(e){if(Array.isArray(e))return B(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Q(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function J(e){return J="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},J(e)}function Q(e,n){if(e){if("string"==typeof e)return B(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)?B(e,n):void 0}}var Y="Input",ee="ClearButton",ne="FirstChip",te="LastChip",re="MiddleChip",ae="Combobox",le="Menu",ie="xsmall",oe="small",se="default",ce="large",ue="expand-y",de="scroll-x",fe=u.FormFieldState;var pe,he,me,ge,be,ye,ve,xe,ke,we={multiselect:!1,size:se,withIcons:!1,disabled:!1,isOpen:!1,state:fe.None,searchState:"unset",overflow:ue},Ce=n.createContext(we),Ee=m.createUniqueClassName("combobox-chip"),Se=H(H(H(H({},ie,16),oe,x.typeScales.body1.lineHeight),se,x.typeScales.body1.lineHeight),ce,x.typeScales.body2.lineHeight),Ne=H(H(H(H({},ie,x.typeScales.body1.fontSize),oe,x.typeScales.body1.fontSize),se,x.typeScales.body1.fontSize),ce,x.typeScales.body2.fontSize),Me=H(H(H(H({},ie,1),oe,0),se,2),ce,4),Te=H(H(H(H({},ie,c.css(pe||(pe=_(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Ne[ie],Se[ie],k.chipTextClassName,Me[ie])),oe,c.css(he||(he=_(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Ne[oe],Se[oe],k.chipTextClassName,Me[oe])),se,c.css(me||(me=_(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Ne[se],Se[se],k.chipTextClassName,Me[se])),ce,c.css(ge||(ge=_(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-inline-end: 10px;\n padding-block: ","px;\n }\n "])),Ne[ce],Se[ce],k.chipTextClassName,Me[ce])),Le=M.default.forwardRef(function(e,t){var r,a=e.displayName,l=e.isFocused,i=e.onRemove,o=e.onFocus,s=n.useContext(Ce),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===de?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 M.default.createElement(k.Chip,{label:a,className:c.cx(Ee,Te[u]),role:"option","aria-selected":l,"data-testid":"lg-combobox-chip",onClick:function(e){null!=w&&w.contains(e.target)||o()},onKeyDown:function(e){f||e.key!==m.keyMap.Delete&&e.key!==m.keyMap.Backspace&&e.key!==m.keyMap.Enter&&e.key!==m.keyMap.Space||i()},onDismiss:function(){f||i()},baseFontSize:k.BaseFontSize.Body1,chipCharacterLimit:y,chipTruncationLocation:v,variant:k.Variant.Gray,ref:x,disabled:f,tabIndex:-1})});Le.displayName="ComboboxChip";var Oe,De,Ie,Fe,ze,Ae,Re,Ge,je,qe,Pe,We,Be,He,Ue=H(H({},m.Theme.Light,c.css(be||(be=_(["\n padding-top: ","px;\n "])),x.spacing[2])),m.Theme.Dark,c.css(ye||(ye=_(["\n padding-top: ","px;\n "])),x.spacing[2])),Ve=c.css(ve||(ve=_(["\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),Ke=H(H({},m.Theme.Light,c.css(xe||(xe=_(["\n color: ",";\n "])),v.palette.gray.dark1)),m.Theme.Dark,c.css(ke||(ke=_(["\n color: ",";\n "])),v.palette.gray.light1));function Ze(e){var n=e.label,t=e.className,r=e.children,a=h.useDarkMode().theme,l=d.useIdAllocator({prefix:"combobox-group"});return M.default.Children.count(r)>0?M.default.createElement("div",{className:c.cx(Ue[a],t)},M.default.createElement("div",{className:c.cx(Ve,Ke[a]),id:l},n),M.default.createElement("div",{role:"group","aria-labelledby":l},r)):M.default.createElement(M.default.Fragment,null)}function Xe(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}Xe.displayName="ComboboxGroup";var _e=H(H(H(H({},ie,{x:12,y:8}),oe,{x:12,y:8}),se,{x:12,y:8}),ce,{x:12,y:8}),$e=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return c.css(Oe||(Oe=_(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),e)},Je=H(H({},m.Theme.Light,c.css(De||(De=_(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),y.transparentize(.85,v.palette.black),v.palette.gray.light2)),m.Theme.Dark,c.css(Ie||(Ie=_(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),y.transparentize(.85,v.palette.black),v.palette.gray.dark2)),Qe=c.css(Fe||(Fe=_(["\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);H(H({},m.Theme.Light,c.css(ze||(ze=_(["\n color: ",";\n background-color: ",";\n "])),v.palette.black,v.palette.white)),m.Theme.Dark,c.css(Ae||(Ae=_(["\n color: ",";\n background-color: ",";\n "])),v.palette.gray.light1,v.palette.gray.dark3));var Ye,en=function(e){return c.css(Re||(Re=_(["\n background-color: ",";\n"])),x.color[e].background.primary.default)},nn=c.css(Ge||(Ge=_(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),tn=c.css(je||(je=_(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),rn=H(H({},m.Theme.Light,c.css(qe||(qe=_(["\n color: ",";\n "])),v.palette.gray.dark3)),m.Theme.Dark,c.css(Pe||(Pe=_(["\n color: ",";\n "])),v.palette.gray.light3)),an=function(e){return c.css(We||(We=_(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px ","px;\n"])),Ne[e],Se[e],_e[e].y,_e[e].x)},ln=c.keyframes(Be||(Be=_(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),on=c.css(He||(He=_(["\n animation: "," 1.5s linear infinite;\n"])),ln),sn=M.default.forwardRef(function(e,t){var r=e.children,a=e.id,l=e.refEl,i=e.labelId,o=e.menuWidth,s=e.searchLoadingMessage,u=e.searchErrorMessage,f=e.searchEmptyMessage,p=h.useDarkMode(),m=p.darkMode,g=p.theme,y=n.useContext(Ce),x=y.disabled,k=y.size,w=y.isOpen,C=y.searchState,E=d.useForwardedRef(t,null),S=d.useAvailableSpace(l),N=z.default(S)?"unset":"".concat(Math.min(S,256),"px"),T=n.useMemo(function(){var e=c.cx(tn,rn[g],an(k)),n=c.cx(tn,an(k));switch(C){case"loading":return M.default.createElement("span",{className:e},M.default.createElement(A.default,{glyph:"Refresh",color:m?v.palette.blue.light1:v.palette.blue.base,className:on}),s);case"error":return M.default.createElement(b.Error,{className:n},M.default.createElement(A.default,{glyph:"Warning",color:m?v.palette.red.light1:v.palette.red.base}),M.default.createElement("span",null,u));default:return r&&"object"===J(r)&&"length"in r&&r.length>0?M.default.createElement("ul",{className:nn},r):M.default.createElement("span",{className:e},f)}},[g,k,C,m,s,u,r,f]);return M.default.createElement(j.default,{active:w&&!x,spacing:4,align:"bottom",justify:"middle",refEl:l,adjustOnMutation:!0,className:c.cx($e(o),Je[g])},M.default.createElement("div",{ref:E,id:a,role:"listbox","aria-labelledby":i,"aria-expanded":w,className:c.cx(Qe,en(g),c.css(Ye||(Ye=_(["\n max-height: ",";\n "])),N)),onMouseDownCapture:function(e){return e.preventDefault()}},T))});sn.displayName="ComboboxMenu";var cn,un,dn,fn,pn,hn,mn,gn,bn,yn,vn,xn,kn,wn,Cn,En,Sn,Nn,Mn,Tn,Ln=function(e){var n=e.scrollHeight;return e.scrollTop<n-e.clientHeight},On=function(e){var n,t=e.value,r=e.displayName;return{value:null!=t?t:q.default(r),displayName:null!==(n=null!=r?r:t)&&void 0!==n?n:""}},Dn=function(e){return M.default.Children.toArray(e).reduce(function(e,n){if(m.isComponentType(n,"ComboboxOption")){var t=On(n.props),r=t.value,a=t.displayName,l=n.props,i=l.glyph,o=l.disabled;return[].concat($(e),[{value:r,displayName:a,isDisabled:!!o,hasGlyph:!!i}])}if(m.isComponentType(n,"ComboboxGroup")){var s=n.props.children;if(s)return[].concat($(e),$(Dn(s)))}},[])},In=function(e,n){if(e)return n.find(function(n){return n.value===e})},Fn=function(e,n){var t,r;return e?null!==(t=null===(r=In(e,n))||void 0===r?void 0:r.displayName)&&void 0!==t?t:e:""},zn=c.css(cn||(cn=_(["\n .",", ."," {\n font-size: ","px;\n line-height: 20px;\n }\n"])),C.descriptionClassName,C.titleClassName,x.typeScales.body2.fontSize),An=H(H(H(H({},ie,c.css(un||(un=_(["\n min-width: ","px;\n "])),x.spacing[3])),oe,c.css(dn||(dn=_(["\n min-width: ","px;\n "])),x.spacing[3])),se,c.css(fn||(fn=_(["\n min-width: ","px;\n "])),x.spacing[3])),ce,c.css(pn||(pn=_(["\n min-width: ","px;\n "])),x.spacing[4])),Rn=c.css(hn||(hn=_(["\n pointer-events: none;\n gap: 0;\n\n label {\n gap: 0;\n align-items: center;\n }\n"])));c.css(mn||(mn=_(["\n pointer-events: none;\n"])));var Gn=function(e){return c.css(gn||(gn=_(["\n font-weight: ",";\n"])),e?x.fontWeights.semiBold:x.fontWeights.regular)},jn=H(H({},m.Theme.Light,c.css(bn||(bn=_(["\n color: ",";\n "])),v.palette.gray.dark1)),m.Theme.Dark,c.css(yn||(yn=_(["\n color: ",";\n "])),v.palette.gray.base)),qn=H(H({},m.Theme.Light,c.css(vn||(vn=_(["\n color: ",";\n "])),v.palette.blue.dark1)),m.Theme.Dark,c.css(xn||(xn=_(["\n color: ",";\n "])),v.palette.blue.light3)),Pn=H(H({},m.Theme.Light,c.css(kn||(kn=_(["\n color: ",";\n "])),v.palette.gray.light1)),m.Theme.Dark,c.css(wn||(wn=_(["\n color: ",";\n "])),v.palette.gray.dark1)),Wn=H(H({},m.Theme.Light,c.css(Cn||(Cn=_(["\n color: ",";\n "])),v.palette.blue.base)),m.Theme.Dark,c.css(En||(En=_(["\n color: ",";\n "])),v.palette.blue.light1)),Bn=H(H({},m.Theme.Light,c.css(Sn||(Sn=_(["\n color: ",";\n "])),v.palette.gray.light1)),m.Theme.Dark,c.css(Nn||(Nn=_(["\n color: ",";\n "])),v.palette.gray.dark1)),Hn=c.css(Mn||(Mn=_(["\n ."," {\n align-self: baseline;\n position: relative;\n // aligns the checkbox with the option name\n top: 1px;\n }\n"])),C.leftGlyphClassName),Un=c.css(Tn||(Tn=_(["\n ."," {\n // aligns the checkbox with the option name\n top: 3px;\n }\n"])),C.leftGlyphClassName),Vn=["glyph","isSelected","displayName","isFocused","setSelected","className","description","value","onClick","disabled"],Kn=M.default.forwardRef(function(e,t){var r=e.glyph,a=e.isSelected,l=e.displayName,i=e.isFocused,o=e.setSelected,s=e.className,u=e.description,p=e.value,m=e.onClick,g=e.disabled,b=void 0!==g&&g,y=Z(e,Vn),v=h.useDarkMode(),x=v.darkMode,k=v.theme,w=n.useContext(Ce),E=w.multiselect,S=w.size,N=w.withIcons,T=w.inputValue,L=d.useForwardedRef(t,null),O=d.useIdAllocator({prefix:"combobox-option-text"}),D=n.useCallback(function(e){e.stopPropagation(),b||(o(),null==m||m(e,p))},[b,m,o,p]),I=n.useMemo(function(){return function(e){var n=e.withIcons,t=e.isSelected,r=e.glyph,a=e.optionTextId,l=e.disabled,i=e.darkMode,o=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)?M.default.cloneElement(r,K(K({},r.props),{},{className:c.cx(jn[u],H(H({},qn[u],d),Pn[u],l),r.props.className)})):M.default.createElement(M.default.Fragment,null),h=M.default.createElement(P.default,{"aria-labelledby":a,checked:t,tabIndex:-1,disabled:l,darkMode:i,className:Rn}),m=M.default.createElement(A.default,{glyph:"Checkmark",className:c.cx(An[o],Wn[u],H({},Bn[u],l))});return{leftGlyph:s?n?p:h:n?p:t?m:null,rightGlyph:s?n&&h:n&&t&&m}}({withIcons:N,isSelected:a,glyph:r,theme:k,darkMode:x,size:S,disabled:b,multiselect:E,optionTextId:O,isFocused:i})},[x,b,r,a,E,O,S,k,N,i]),F=I.leftGlyph,z=I.rightGlyph,R=E&&!N;return M.default.createElement(C.InputOption,U({},y,{as:"li",ref:L,highlighted:i,disabled:b,"aria-label":l,darkMode:x,className:c.cx(H(H(H({},zn,S===ce),Hn,R),Un,R&&S===ce),s),onClick:D,onKeyDown:D}),M.default.createElement(C.InputOptionContent,{leftGlyph:F,rightGlyph:z,description:u},M.default.createElement("span",{id:O,className:Gn(a)},function(e,n,t){if(n&&t){var r=W.default(n),a=new RegExp(r,"gi"),l=e.matchAll(a);if(l){for(var i=e.split(""),o=0,s=Array.from(l);o<s.length;o++){var c,u=s[o],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]=M.default.createElement(t,{key:h},f),i.splice.apply(i,[d,p].concat($(m)))}return M.default.createElement(M.default.Fragment,null,i)}return M.default.createElement(M.default.Fragment,null,e)}return M.default.createElement(M.default.Fragment,null,e)}(l,T,"strong"))))});function Zn(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}Kn.displayName="ComboboxOption",Zn.displayName="ComboboxOption";var Xn,_n,$n,Jn,Qn,Yn,et,nt,tt,rt,at,lt,it,ot,st,ct,ut,dt,ft,pt,ht,mt,gt,bt,yt,vt,xt,kt,wt,Ct,Et,St,Nt,Mt=function(e){return!z.default(e)&&!I.default(e)&&(F.default(e)||O.default(e)&&e.length>0)},Tt=function(e){return Se[e]+2*Me[e]},Lt=x.spacing[100],Ot=H(H(H(H({},ie,22),oe,28),se,36),ce,48),Dt=function(e){return(Ot[e]-Tt(e)-2)/2},It=H(H(H(H({},ie,{y:Dt(ie),xLeftWithChip:x.spacing[25],xLeftWithoutChip:x.spacing[200],xRight:x.spacing[100]}),oe,{y:Dt(oe),xLeftWithChip:x.spacing[100],xLeftWithoutChip:x.spacing[200],xRight:x.spacing[100]}),se,{y:Dt(se),xLeftWithChip:x.spacing[150],xLeftWithoutChip:x.spacing[300],xRight:x.spacing[200]}),ce,{y:Dt(ce),xLeftWithChip:x.spacing[300],xLeftWithoutChip:x.spacing[300],xRight:x.spacing[200]}),Ft=x.spacing[400],zt=function(e){return c.css(Xn||(Xn=_(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),x.fontFamilies.default,Ne[e]+2*It[e].xLeftWithChip+Ft+2)},At=c.css(_n||(_n=_(["\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),Rt=H(H({},m.Theme.Light,c.css($n||($n=_(["\n color: ",";\n background-color: ",";\n "])),x.color.light.text.primary.default,x.color.light.background.primary.default)),m.Theme.Dark,c.css(Jn||(Jn=_(["\n color: ",";\n background-color: ",";\n "])),x.color.dark.text.primary.default,v.palette.gray.dark4)),Gt=function(e,n){return c.css(Qn||(Qn=_(["\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)},jt=function(e){return c.css(Yn||(Yn=_(["\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)},qt=function(e){return H(H(H({},fe.Error,c.css(et||(et=_(["\n border-color: ",";\n "])),x.color[e].border.error.default)),fe.None,c.css(nt||(nt=_(["\n border-color: ",";\n "])),x.color[e].border.primary.default)),fe.Valid,c.css(tt||(tt=_(["\n border-color: ",";\n "])),x.color[e].border.success.default))},Pt=H(H({},m.Theme.Light,c.css(rt||(rt=_(["\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=_(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),x.focusRing[m.Theme.Dark].input)),Wt=c.css(lt||(lt=_(["\n display: flex;\n align-items: center;\n"]))),Bt=H(H(H(H({},ie,c.css(it||(it=_(["\n gap: ","px;\n "])),x.spacing[100])),oe,c.css(ot||(ot=_(["\n gap: ","px;\n "])),x.spacing[200])),se,c.css(st||(st=_(["\n gap: ","px;\n "])),x.spacing[200])),ce,c.css(ct||(ct=_(["\n gap: ","px;\n "])),x.spacing[200])),Ht=function(e){var n=e.overflow,t=e.size,r=c.css(ut||(ut=_(["\n flex-grow: 1;\n width: 100%;\n "])));switch(n){case de:return c.css(dt||(dt=_(["\n ","\n display: block;\n height: ","px;\n white-space: nowrap;\n overflow-x: scroll;\n scroll-behavior: smooth;\n scrollbar-width: none;\n line-height: 1;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n & > ."," {\n margin-inline: 2px;\n\n &:first-child {\n margin-inline-start: 0;\n }\n\n &:last-child {\n margin-inline-end: 0;\n }\n }\n "])),r,Tt(t),Ee);case ue:return c.css(ft||(ft=_(["\n ","\n display: flex;\n flex-wrap: wrap;\n gap: ","px;\n overflow-x: hidden;\n min-height: ","px;\n max-height: calc((","px) + (","px * 2));\n "])),r,Lt,Tt(t),3*Tt(t),Lt)}},Ut=c.css(pt||(pt=_(["\n font-family: ",";\n width: 100%;\n border: none;\n cursor: inherit;\n background-color: inherit;\n color: inherit;\n box-sizing: content-box;\n padding: 0;\n margin: 0;\n text-overflow: ellipsis;\n vertical-align: top;\n\n // Only add padding if there are chips\n &:not(:first-child) {\n padding-left: ","px;\n }\n\n &:placeholder-shown {\n min-width: 100%;\n }\n &:focus {\n outline: none;\n }\n"])),x.fontFamilies.default,x.spacing[100]),Vt=H(H({},m.Theme.Light,c.css(ht||(ht=_(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.base)),m.Theme.Dark,c.css(mt||(mt=_(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.dark1)),Kt=H(H({},m.Theme.Light,c.css(gt||(gt=_(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.base)),m.Theme.Dark,c.css(bt||(bt=_(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.dark1)),Zt=function(e){return c.css(yt||(yt=_(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n"])),Tt(e),Ne[e],Se[e],Ne[e])},Xt=function(e){return c.css(vt||(vt=_(["\n /*\n * Immediate transition in, slow transition out. \n * '-in' transition is handled by `scroll-behavior` \n */\n transition: width ease-in-out ",";\n"],["\n /*\n * Immediate transition in, slow transition out. \n * '-in' transition is handled by \\`scroll-behavior\\` \n */\n transition: width ease-in-out ",";\n"])),e?"0s":"100ms")},_t=function(e,n){var t,r=null!==(t=null==n?void 0:n.length)&&void 0!==t?t:0;return c.css(xt||(xt=_(["\n width: ","px;\n max-width: 100%;\n "])),r*Ne[e])},$t=c.css(kt||(kt=_(["\n // Add a negative margin so the button takes up the same space as the regular icons\n margin-block: calc(","px - 100%);\n margin-inline: -6px;\n"])),Ft/2),Jt=c.css(wt||(wt=_(["\n height: ","px;\n width: ","px;\n"])),Ft,Ft),Qt=c.css(Ct||(Ct=_(["\n margin-bottom: ","px;\n display: flex;\n flex-direction: column;\n"])),x.spacing[100]),Yt=c.css(Et||(Et=_(["\n font-size: ","px;\n line-height: ","px;\n"])),x.typeScales.large.fontSize,x.typeScales.large.lineHeight),er=H(H({},m.Theme.Light,c.css(St||(St=_(["\n ::after {\n box-shadow: 0px 0px 7px 5px ",";\n }\n "])),y.transparentize(.85,v.palette.black))),m.Theme.Dark,c.css(Nt||(Nt=_(["\n ::after {\n width: 95%;\n box-shadow: 0px -7px 12px 5px rgb(0 0 0 / 50%);\n }\n "])))),nr=function(e){return x.color[e].icon.primary.default},tr=function(e){return x.color[e].icon.disabled.default},rr=["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"],ar=["className","glyph","disabled"];e.Combobox=function(e){var t=e.children,r=e.label,a=e.description,l=e.placeholder,i=void 0===l?"Select":l,o=e["aria-label"],s=e.disabled,f=void 0!==s&&s,p=e.size,y=void 0===p?se:p,v=e.darkMode,x=e.state,k=void 0===x?"none":x,w=e.errorMessage,C=void 0===w?u.DEFAULT_MESSAGES.error:w,E=e.successMessage,S=void 0===E?u.DEFAULT_MESSAGES.success:E,N=e.searchState,j=void 0===N?"unset":N,q=e.searchEmptyMessage,P=void 0===q?"No results found":q,W=e.searchErrorMessage,B=void 0===W?"Could not get results!":W,V=e.searchLoadingMessage,_=void 0===V?"Loading results...":V,$=e.filteredOptions,Q=e.onFilter,ie=e.clearable,oe=void 0===ie||ie,fe=e.onClear,pe=e.overflow,he=void 0===pe?ue:pe,me=e.multiselect,ge=void 0!==me&&me,be=e.initialValue,ye=e.inputValue,ve=e.onInputChange,xe=e.onChange,ke=e.value,we=e.chipTruncationLocation,Ee=e.chipCharacterLimit,Se=void 0===Ee?12:Ee,Ne=e.className,Me=e.renderMode,Te=void 0===Me?g.RenderMode.TopLayer:Me,Oe=e.portalClassName,De=e.portalContainer,Ie=e.portalRef,Fe=e.scrollContainer,ze=e.popoverZIndex,Ae=Z(e,rr),Re=h.useDarkMode(v),Ge=Re.darkMode,je=Re.theme,qe=d.useDynamicRefs({prefix:"option"}),Pe=d.useDynamicRefs({prefix:"chip"}),We=d.useIdAllocator({prefix:"combobox-input"}),Be=d.useIdAllocator({prefix:"combobox-label"}),He=d.useIdAllocator({prefix:"combobox-menu"}),Ue=n.useRef(null),Ve=n.useRef(null),Ke=n.useRef(null),Xe=n.useRef(null),_e=n.useRef(null),$e=X(n.useState(!1),2),Je=$e[0],Qe=$e[1],Ye=d.usePrevious(Je),en=X(n.useState(null),2),nn=en[0],tn=en[1],rn=X(n.useState(null),2),an=rn[0],ln=rn[1],on=d.usePrevious(an),cn=X(n.useState(null!=ye?ye:""),2),un=cn[0],dn=cn[1];n.useEffect(function(){z.default(ye)||dn(ye)},[ye]);var fn=function(e){dn(e)},pn=d.usePrevious(un),hn=X(n.useState(null),2),mn=hn[0],gn=hn[1],bn=X(n.useState(!1),2),yn=bn[0],vn=bn[1],xn=ge&&O.default(an)&&an.length>0?void 0:i,kn=function(){return Qe(!1)},wn=function(){return Qe(!0)},Cn=n.useMemo(function(){return Dn(t)},[t]),En=n.useCallback(function(e){return!ge||"string"!=typeof e&&"number"!=typeof e?!ge&&O.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(J(e),' value: "').concat(e,'"')),ge&&O.default(e)},[ge]),Sn=n.useCallback(function(e){!f&&Xe&&Xe.current&&(Xe.current.focus(),z.default(e)||Xe.current.setSelectionRange(e,e))},[f]),Nn=n.useCallback(function(e){if(En(an)){var n=T.default(an),t=xe,r={diffType:"delete",value:null!=e?e:an};I.default(e)?n.length=0:an.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),r.diffType="insert",fn("")),ln(n),null==t||t(n,r)}else{var a=e,l=xe;ln(a),null==l||l(a)}},[En,xe,an]),Mn=n.useCallback(function(e){var n,t,r,a;return function(e,n){return Array.isArray(n)?n.includes(e):e===n}((t=Cn,(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:""),an)},[Cn,an]),Tn=n.useCallback(function(e){var n="string"==typeof e?e:e.value;return $&&$.length>0?$.includes(n):!!Mn(un)||("string"==typeof e?Fn(n,Cn):e.displayName).toLowerCase().includes(un.toLowerCase())},[$,Mn,un,Cn]),zn=n.useMemo(function(){return Cn.filter(Tn)},[Cn,Tn]),An=n.useCallback(function(e){return!!e&&!!Cn.find(function(n){return n.value===e})},[Cn]),Rn=n.useCallback(function(e){return zn?zn.findIndex(function(n){return n.value===e}):-1},[zn]),Gn=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(an)?an.findIndex(function(e){var n;return null===(n=Pe(e))||void 0===n||null===(n=n.current)||void 0===n?void 0:n.contains(document.activeElement)}):-1},[Pe,En,an]),qn=X(n.useState(),2),Pn=qn[0],Wn=qn[1],Bn=n.useCallback(function(e){var n,t=null!==(n=null==zn?void 0:zn.length)&&void 0!==n?n:0,r=t-1>0?t-1:0,a=Rn(nn);switch(e&&Je&&(gn(null),Sn()),e){case"next":var l=Gn(a+1<t?a+1:0);tn(null!=l?l:null);break;case"prev":var i=Gn(a-1>=0?a-1:r);tn(null!=i?i:null);break;case"last":var o=Gn(r);tn(null!=o?o:null);break;default:var s=Gn(0);tn(null!=s?s:null)}},[nn,Rn,Gn,Je,Sn,null==zn?void 0:zn.length]),Hn=n.useCallback(function(e,n){if(En(an))switch(e){case"next":var t=null!=n?n:jn(),r=t+1<an.length?t+1:an.length-1,a=an[r];gn(a);break;case"prev":var l=null!=n?n:jn(),i=l>0?l-1:l<0?an.length-1:0,o=an[i];gn(o);break;case"first":var s=an[0];gn(s);break;case"last":var c=an[an.length-1];gn(c);break;default:gn(null)}},[jn,En,an]),Un=n.useCallback(function(e,n){switch(e&&tn(null),e){case"right":switch(Pn){case Y:var t,r,a;if((null===(t=Xe.current)||void 0===t?void 0:t.selectionEnd)===(null===(r=Xe.current)||void 0===r?void 0:r.value.length))null===(a=Ve.current)||void 0===a||a.focus();break;case ne:case re:case te:if(Pn===te||1===(null==an?void 0:an.length)){Sn(0),Hn(null),n.preventDefault();break}Hn("next")}break;case"left":switch(Pn){case ee:var l;n.preventDefault(),Sn(null==Xe||null===(l=Xe.current)||void 0===l?void 0:l.value.length);break;case Y:case re:case te:if(En(an)){var i;if(Pn===Y&&0!==(null===(i=Xe.current)||void 0===i?void 0:i.selectionStart))break;Hn("prev")}}break;default:Hn(null)}},[Pn,En,an,Sn,Hn]);n.useEffect(function(){Je||Bn("first")},[Je,Bn]),d.useAutoScroll(nn?qe(nn):void 0,_e);var Vn=n.useCallback(function(e){if(m.isComponentType(e,"ComboboxOption")){var n=On(e.props),t=n.value,r=n.displayName;if(Tn(t)){var a=e.props,l=a.className,i=a.glyph,o=a.disabled,s=Z(a,ar),c=Cn.findIndex(function(e){return e.value===t}),u=nn===t,d=En(an)?an.includes(t):an===t,f=qe(t);return M.default.createElement(Kn,U({},s,{value:t,displayName:r,isFocused:u,isSelected:d,disabled:o,setSelected:function(){tn(t),Nn(t),Sn(),t===an&&kn()},glyph:i,className:l,index:c,ref:f}))}}else if(m.isComponentType(e,"ComboboxGroup")){var p=M.default.Children.map(e.props.children,Vn);if(p&&(null==p?void 0:p.length)>0)return M.default.createElement(Ze,{label:e.props.label,className:e.props.className},M.default.Children.map(p,Vn))}},[Cn,qe,nn,En,an,Sn,Tn,Nn]),Zn=n.useMemo(function(){return M.default.Children.map(t,Vn)},[t,Vn]),Xn=n.useMemo(function(){if(En(an))return an.filter(An).map(function(e,n){var t=Fn(e,Cn),r=mn===e,a=Pe(e),l=n>=an.length-1;return M.default.createElement(Le,{key:e,displayName:t,isFocused:r,onRemove:function(){l?(Sn(),Hn(null)):Hn("next",n),Nn(e)},onFocus:function(){gn(e)},ref:a})})},[En,an,An,Cn,mn,Pe,Nn,Sn,Hn]),_n=n.useMemo(function(){return Cn.some(function(e){return e.hasGlyph})},[Cn]),$n=n.useCallback(function(){var e=zn.find(function(e){return e.displayName===un||e.value===un});if(!ke&&e)Nn(e.value);else if(!En(an)){var n,t=null!==(n=Fn(an,Cn))&&void 0!==n?n:on;fn(t)}},[Cn,un,En,on,an,Nn,ke,zn]),Jn=n.useCallback(function(){if(Mt(an)){if(En(an))ot(he);else if(!En(an)){var e,n=null!==(e=Fn(an,Cn))&&void 0!==e?e:"";fn(n),kn()}}else fn("")},[Cn,En,an,he]);n.useEffect(function(){if(be)if(O.default(be)){var e,n=null!==(e=be.filter(function(e){return An(e)}))&&void 0!==e?e:[];ln(n)}else An(be)&&ln(be);else ln(function(e){return e?[]:null}(ge))},[]),n.useEffect(function(){if(!z.default(ke)&&ke!==pn)if(I.default(ke))ln(null);else if(En(ke)){var e=ke.filter(An);ln(e)}else ln(An(ke)?ke:null)},[En,An,pn,ke]),n.useEffect(function(){!z.default(on)&&(O.default(an)&&!I.default(on)||F.default(an)||I.default(an))&&!D.default(an,on)&&Jn()},[Jn,on,an]),n.useEffect(function(){!Je&&Ye&&$n()},[Je,Ye,$n]);var Qn=X(n.useState(0),2),Yn=Qn[0],et=Qn[1];n.useEffect(function(){var e,n;et(null!==(e=null===(n=Ue.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},[Ue,Je,nn,an]),d.useBackdropClick(kn,[_e,Ue],{enabled:Je});var nt=En(an)&&!!an.length,tt=L.default(function(e){vn(Ln(e.target))},50,{leading:!0}),rt=n.useCallback(function(e){he===ue&&tt(e)},[tt,he]);n.useEffect(function(){Ke.current&&vn(Ln(Ke.current))},[]);var at,lt=K({popoverZIndex:ze},g.getPopoverRenderModeProps({dismissMode:g.DismissMode.Manual,portalClassName:Oe,portalContainer:De,portalRef:Ie,renderMode:Te,scrollContainer:Fe})),it={disabled:f,errorMessage:C,size:y,state:k,successMessage:S};return M.default.createElement(G.default,{darkMode:Ge},M.default.createElement(Ce.Provider,{value:{multiselect:ge,size:y,withIcons:_n,disabled:f,isOpen:Je,state:k,searchState:j,chipTruncationLocation:we,chipCharacterLimit:Se,inputValue:un,overflow:he,popoverZIndex:ze}},M.default.createElement("div",U({className:c.cx(zt(y),Ne)},Ae),(r||a)&&M.default.createElement("div",{className:Qt},r&&M.default.createElement(b.Label,{id:Be,htmlFor:We,darkMode:Ge,disabled:f,className:c.cx(H({},Yt,y===ce))},r),a&&M.default.createElement(b.Description,{darkMode:Ge,disabled:f,className:c.cx(H({},Yt,y===ce))},a)),M.default.createElement("div",{ref:Ue,role:"combobox","aria-expanded":Je,"aria-controls":He,"aria-owns":He,tabIndex:-1,onMouseDown:function(e){f&&e.preventDefault()},onClick:function(e){if(e.target!==Xe.current){var n=0;if(Xe.current)n=e.nativeEvent.offsetX>Xe.current.offsetLeft+Xe.current.clientWidth?un.length:0;Sn(n)}wn()},onFocus:function(e){ot(he),Wn(function(e){var n,t,r,a;if(!e)return;if(null!==(n=Xe.current)&&void 0!==n&&n.contains(e))return Y;if(null!==(t=Ve.current)&&void 0!==t&&t.contains(e))return ee;var l=En(an)?an.findIndex(function(n){var t;return null===(t=Pe(n))||void 0===t||null===(t=t.current)||void 0===t?void 0:t.contains(e)}):-1;if(En(an)){if(0===l)return ne;if(l===an.length-1)return te;if(l>0)return re}if(null!==(r=_e.current)&&void 0!==r&&r.contains(e))return le;if(null!==(a=Ue.current)&&void 0!==a&&a.contains(e))return ae}(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=Ue.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(Pn){case"Input":Mt(an)||(kn(),Bn("first"),Hn(null));break;case"LastChip":Hn(null)}break;case m.keyMap.Escape:kn(),Bn("first");break;case m.keyMap.Enter:Je?!Je||Pn!==Y||I.default(nn)||function(e){if("string"==typeof e){var n=In(e,Cn);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(nn)?Pn===ee&&(Nn(null),Sn()):Nn(nn):wn();break;case m.keyMap.Backspace:var a;if(En(an))"Input"===Pn&&0===(null===(a=Xe.current)||void 0===a?void 0:a.selectionStart)&&Hn("last");wn();break;case m.keyMap.ArrowDown:Je?(e.preventDefault(),Bn("next")):wn();break;case m.keyMap.ArrowUp:Je?(e.preventDefault(),Bn("prev")):wn();break;case m.keyMap.ArrowRight:Un("right",e);break;case m.keyMap.ArrowLeft:Un("left",e);break;default:Je||wn()}}},onTransitionEnd:function(){var e,n;et(null!==(e=null===(n=Ue.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:c.cx(At,Rt[je],Gt(y,nt),qt(je)[k],H(H(H({},Pt[je],(at=Y,at===Pn)),jt(je),f),er[je],yn))},M.default.createElement("div",{onScroll:rt,ref:Ke,className:Ht({size:y,overflow:he})},Xn,M.default.createElement("input",{"aria-label":null!=o?o:r,"aria-autocomplete":"list","aria-controls":He,"aria-labelledby":Be,ref:Xe,id:We,className:c.cx(Ut,Zt(y),Vt[je],Xt(Je),H(H({},_t(y,un),En(an)),Kt[je],f)),placeholder:xn,"aria-disabled":f,readOnly:f,onChange:function(e){fn(e.target.value),null==Q||Q(e.target.value),null==ve||ve(e)},value:un,autoComplete:"off"})),M.default.createElement("div",{className:c.cx(Wt,Bt[y])},oe&&Mt(an)&&!f&&M.default.createElement(R.default,{"aria-label":"Clear selection",disabled:f,ref:Ve,onClick:function(e){f||(e.stopPropagation(),Nn(null),null==fe||fe(e),null==Q||Q(""),Sn())},onFocus:function(){tn(null)},className:c.cx($t),darkMode:Ge},M.default.createElement(A.default,{glyph:"XWithCircle"})),M.default.createElement(A.default,{glyph:"CaretDown",className:Jt,fill:c.cx(H(H({},nr(je),!f),tr(je),f))}))),M.default.createElement(u.FormFieldFeedback,it),M.default.createElement(h.PopoverPropsProvider,lt,M.default.createElement(sn,{id:He,labelId:Be,refEl:Ue,ref:_e,menuWidth:Yn,searchLoadingMessage:_,searchErrorMessage:B,searchEmptyMessage:P},Zn)))));function ot(e){Ke&&Ke.current&&(e===de&&(Ke.current.scrollLeft=Ke.current.scrollWidth),e===ue&&(Ke.current.scrollTop=Ke.current.scrollHeight))}},e.ComboboxGroup=Xe,e.ComboboxOption=Zn});
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 L(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var N=L(n),M=L(t),T=L(a),D=L(r),O=L(l),I=L(o),F=L(i),A=L(s),R=L(h),z=L(w),G=L(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=N.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 N.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,Le,Ne,Me,Te,De,Oe,Ie,Fe,Ae,Re,ze,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 N.default.Children.count(a)>0?N.default.createElement("div",{className:c.cx(je[r],t)},N.default.createElement("div",{className:c.cx(qe,We[r]),id:l},n),N.default.createElement("div",{role:"group","aria-labelledby":l},a)):N.default.createElement(N.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(Le||(Le=H(["\n box-shadow: ",";\n border-color: ",";\n "])),x.boxShadows[m.Theme.Dark][1],v.palette.gray.dark2)),Ke=c.css(Ne||(Ne=H(["\n width: max-content;\n"]))),Ye=c.css(Me||(Me=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(Te||(Te=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(Ae||(Ae=H(["\n color: ",";\n "])),v.palette.gray.dark3)),m.Theme.Dark,c.css(Re||(Re=H(["\n color: ",";\n "])),v.palette.gray.light3)),en=function(e){return c.css(ze||(ze=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=N.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,L=C.isOpen,M=C.searchState,T=d.useForwardedRef(t,null),D=d.useAvailableSpace(l),O=A.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(M){case"loading":return N.default.createElement("span",{className:e},N.default.createElement(f.Icon,{glyph:"Refresh",color:k?v.palette.blue.light1:v.palette.blue.base,className:tn}),s);case"error":return N.default.createElement(b.Error,{className:n},N.default.createElement(f.Icon,{glyph:"Warning",color:k?v.palette.red.light1:v.palette.red.base}),N.default.createElement("span",null,u));default:return a&&"object"===K(a)&&"length"in a&&a.length>0?N.default.createElement("ul",{className:$e},a):N.default.createElement("span",{className:e},p)}},[w,E,M,k,s,u,a,p]);return N.default.createElement(g.Popover,{active:L&&!S,spacing:4,align:"bottom",justify:"middle",refEl:l,adjustOnMutation:!0,className:c.cx(He(i),Ve[w],j({},Ke,y===oe.Option))},N.default.createElement("div",{ref:T,id:r,role:"listbox","aria-labelledby":o,"aria-expanded":L,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=function(e){var n=e.scrollHeight;return e.scrollTop<n-e.clientHeight},Ln=function(e){var n,t=e.value,a=e.displayName;return{value:null!=t?t:z.default(a),displayName:null!==(n=null!=a?a:t)&&void 0!==n?n:""}},Nn=function(e){return N.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(Nn(s)))}},[])},Mn=function(e,n){if(e)return n.find(function(n){return n.value===e})},Tn=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:""},Dn=c.css(rn||(rn=H(["\n .",", ."," {\n font-size: ","px;\n line-height: 20px;\n }\n"])),C.descriptionClassName,C.titleClassName,x.typeScales.body2.fontSize),On=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])),In=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 Fn=function(e){return c.css(fn||(fn=H(["\n font-weight: ",";\n"])),e?x.fontWeights.semiBold:x.fontWeights.regular)},An=j(j({},m.Theme.Light,c.css(pn||(pn=H(["\n color: ",";\n "])),v.palette.gray.dark1)),m.Theme.Dark,c.css(hn||(hn=H(["\n color: ",";\n "])),v.palette.gray.base)),Rn=j(j({},m.Theme.Light,c.css(mn||(mn=H(["\n color: ",";\n "])),v.palette.blue.dark1)),m.Theme.Dark,c.css(gn||(gn=H(["\n color: ",";\n "])),v.palette.blue.light3)),zn=j(j({},m.Theme.Light,c.css(bn||(bn=H(["\n color: ",";\n "])),v.palette.gray.light1)),m.Theme.Dark,c.css(yn||(yn=H(["\n color: ",";\n "])),v.palette.gray.dark1)),Gn=j(j({},m.Theme.Light,c.css(vn||(vn=H(["\n color: ",";\n "])),v.palette.blue.base)),m.Theme.Dark,c.css(xn||(xn=H(["\n color: ",";\n "])),v.palette.blue.light1)),Pn=j(j({},m.Theme.Light,c.css(kn||(kn=H(["\n color: ",";\n "])),v.palette.gray.light1)),m.Theme.Dark,c.css(wn||(wn=H(["\n color: ",";\n "])),v.palette.gray.dark1)),jn=c.css(Cn||(Cn=H(["\n ."," {\n align-self: baseline;\n position: relative;\n // aligns the checkbox with the option name\n top: 1px;\n }\n"])),C.leftGlyphClassName),qn=c.css(Sn||(Sn=H(["\n ."," {\n // aligns the checkbox with the option name\n top: 3px;\n }\n"])),C.leftGlyphClassName),Wn=["glyph","isSelected","displayName","isFocused","setSelected","className","description","value","onClick","disabled"],Xn=N.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,m=e.onClick,g=e.disabled,b=void 0!==g&&g,y=B(e,Wn),v=h.useDarkMode(),x=v.darkMode,k=v.theme,w=n.useContext(be),E=w.multiselect,L=w.size,M=w.withIcons,T=w.inputValue,D=d.useForwardedRef(t,null),O=d.useIdAllocator({prefix:"combobox-option-text"}),I=n.useCallback(function(e){e.stopPropagation(),b||(i(),null==m||m(e,p))},[b,m,i,p]),F=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)?N.default.cloneElement(a,X(X({},a.props),{},{className:c.cx(An[u],j(j({},Rn[u],d),zn[u],l),a.props.className)})):N.default.createElement(N.default.Fragment,null),h=N.default.createElement(S.Checkbox,{"aria-labelledby":r,checked:t,tabIndex:-1,disabled:l,darkMode:o,className:In}),m=N.default.createElement(f.Icon,{glyph:"Checkmark",className:c.cx(On[i],Gn[u],j({},Pn[u],l))});return{leftGlyph:s?n?p:h:n?p:t?m:null,rightGlyph:s?n&&h:n&&t&&m}}({withIcons:M,isSelected:r,glyph:a,theme:k,darkMode:x,size:L,disabled:b,multiselect:E,optionTextId:O,isFocused:o})},[x,b,a,r,E,O,L,k,M,o]),A=F.leftGlyph,R=F.rightGlyph,z=E&&!M;return N.default.createElement(C.InputOption,q({},y,{as:"li",ref:D,highlighted:o,disabled:b,"aria-label":l,darkMode:x,className:c.cx(j(j(j({},Dn,L===te.Large),jn,z),qn,z&&L===te.Large),s),onClick:I,onKeyDown:I}),N.default.createElement(C.InputOptionContent,{leftGlyph:A,rightGlyph:R,description:u},N.default.createElement("span",{id:O,className:Fn(r)},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]=N.default.createElement(t,{key:h},f),o.splice.apply(o,[d,p].concat(V(m)))}return N.default.createElement(N.default.Fragment,null,o)}return N.default.createElement(N.default.Fragment,null,e)}return N.default.createElement(N.default.Fragment,null,e)}(l,T,"strong"))))});function Bn(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}Xn.displayName="ComboboxOption",Bn.displayName="ComboboxOption";var Un,Hn,Vn,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=function(e){return!A.default(e)&&!I.default(e)&&(F.default(e)||D.default(e)&&e.length>0)},St=function(e){return ve[e]+2*ke[e]},Et=x.spacing[100],Lt=j(j(j(j({},te.XSmall,22),te.Small,28),te.Default,36),te.Large,48),Nt=function(e){return(Lt[e]-St(e)-2)/2},Mt=j(j(j(j({},te.XSmall,{y:Nt(te.XSmall),xLeftWithChip:x.spacing[25],xLeftWithoutChip:x.spacing[200],xRight:x.spacing[100]}),te.Small,{y:Nt(te.Small),xLeftWithChip:x.spacing[100],xLeftWithoutChip:x.spacing[200],xRight:x.spacing[100]}),te.Default,{y:Nt(te.Default),xLeftWithChip:x.spacing[150],xLeftWithoutChip:x.spacing[300],xRight:x.spacing[200]}),te.Large,{y:Nt(te.Large),xLeftWithChip:x.spacing[300],xLeftWithoutChip:x.spacing[300],xRight:x.spacing[200]}),Tt=x.spacing[400],Dt=function(e){return c.css(Un||(Un=H(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),x.fontFamilies.default,xe[e]+2*Mt[e].xLeftWithChip+Tt+2)},Ot=c.css(Hn||(Hn=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),It=j(j({},m.Theme.Light,c.css(Vn||(Vn=H(["\n color: ",";\n background-color: ",";\n "])),x.color.light.text.primary.default,x.color.light.background.primary.default)),m.Theme.Dark,c.css(Kn||(Kn=H(["\n color: ",";\n background-color: ",";\n "])),x.color.dark.text.primary.default,v.palette.gray.dark4)),Ft=function(e,n){return c.css(Yn||(Yn=H(["\n padding-top: ","px;\n padding-bottom: ","px;\n padding-left: ",";\n padding-right: ","px;\n"])),Mt[e].y,Mt[e].y,"".concat(n?Mt[e].xLeftWithChip:Mt[e].xLeftWithoutChip,"px"),Mt[e].xRight)},At=function(e){return c.css(Zn||(Zn=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)},Rt=function(e){return j(j(j({},re.Error,c.css(_n||(_n=H(["\n border-color: ",";\n "])),x.color[e].border.error.default)),re.None,c.css($n||($n=H(["\n border-color: ",";\n "])),x.color[e].border.primary.default)),re.Valid,c.css(Jn||(Jn=H(["\n border-color: ",";\n "])),x.color[e].border.success.default))},zt=j(j({},m.Theme.Light,c.css(Qn||(Qn=H(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),x.focusRing[m.Theme.Light].input)),m.Theme.Dark,c.css(et||(et=H(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),x.focusRing[m.Theme.Dark].input)),Gt=c.css(nt||(nt=H(["\n display: flex;\n align-items: center;\n"]))),Pt=j(j(j(j({},te.XSmall,c.css(tt||(tt=H(["\n gap: ","px;\n "])),x.spacing[100])),te.Small,c.css(at||(at=H(["\n gap: ","px;\n "])),x.spacing[200])),te.Default,c.css(rt||(rt=H(["\n gap: ","px;\n "])),x.spacing[200])),te.Large,c.css(lt||(lt=H(["\n gap: ","px;\n "])),x.spacing[200])),jt=function(e){var n=e.overflow,t=e.size,a=c.css(ot||(ot=H(["\n flex-grow: 1;\n width: 100%;\n "])));switch(n){case ae.scrollX:return c.css(it||(it=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,St(t),ye);case ae.expandY:return c.css(st||(st=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,Et,St(t),3*St(t),Et)}},qt=c.css(ct||(ct=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]),Wt=j(j({},m.Theme.Light,c.css(ut||(ut=H(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.base)),m.Theme.Dark,c.css(dt||(dt=H(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.dark1)),Xt=j(j({},m.Theme.Light,c.css(ft||(ft=H(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.base)),m.Theme.Dark,c.css(pt||(pt=H(["\n &::placeholder {\n color: ",";\n }\n "])),v.palette.gray.dark1)),Bt=function(e){return c.css(ht||(ht=H(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n"])),St(e),xe[e],ve[e],xe[e])},Ut=function(e){return c.css(mt||(mt=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")},Ht=function(e,n){var t,a=null!==(t=null==n?void 0:n.length)&&void 0!==t?t:0;return c.css(gt||(gt=H(["\n width: ","px;\n max-width: 100%;\n "])),a*xe[e])},Vt=c.css(bt||(bt=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"])),Tt/2),Kt=c.css(yt||(yt=H(["\n height: ","px;\n width: ","px;\n"])),Tt,Tt),Yt=c.css(vt||(vt=H(["\n margin-bottom: ","px;\n display: flex;\n flex-direction: column;\n"])),x.spacing[100]),Zt=c.css(xt||(xt=H(["\n font-size: ","px;\n line-height: ","px;\n"])),x.typeScales.large.fontSize,x.typeScales.large.lineHeight),_t=j(j({},m.Theme.Light,c.css(kt||(kt=H(["\n ::after {\n box-shadow: 0px 0px 7px 5px ",";\n }\n "])),y.transparentize(.85,v.palette.black))),m.Theme.Dark,c.css(wt||(wt=H(["\n ::after {\n width: 95%;\n box-shadow: 0px -7px 12px 5px rgb(0 0 0 / 50%);\n }\n "])))),$t=function(e){return x.color[e].icon.primary.default},Jt=function(e){return x.color[e].icon.disabled.default},Qt=["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"],ea=["className","glyph","disabled"];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,L=e.successMessage,z=void 0===L?u.DEFAULT_MESSAGES.success:L,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,Le=e.className,Ne=e.renderMode,Me=void 0===Ne?g.RenderMode.TopLayer:Ne,Te=e.portalClassName,De=e.portalContainer,Oe=e.portalRef,Ie=e.scrollContainer,Fe=e.popoverZIndex,Ae=e.dropdownWidthBasis,Re=void 0===Ae?oe.Trigger:Ae,ze=B(e,Qt),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(){A.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 Nn(t)},[t]),Dn=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(),A.default(e)||Ze.current.setSelectionRange(e,e))},[y]),In=n.useCallback(function(e){if(Dn(on)){var n=M.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)}},[Dn,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]),An=n.useCallback(function(e){var n="string"==typeof e?e:e.value;return ie&&ie.length>0?ie.includes(n):!!Fn(dn)||("string"==typeof e?Tn(n,Sn):e.displayName).toLowerCase().includes(dn.toLowerCase())},[ie,Fn,dn,Sn]),Rn=n.useMemo(function(){return Sn.filter(An)},[Sn,An]),zn=n.useCallback(function(e){return!!e&&!!Sn.find(function(n){return n.value===e})},[Sn]),Gn=n.useCallback(function(e){return Rn?Rn.findIndex(function(n){return n.value===e}):-1},[Rn]),Pn=n.useCallback(function(e){if(Rn&&Rn.length>=e){var n=Rn[e];return n?n.value:void 0}},[Rn]),jn=n.useCallback(function(){return Dn(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,Dn,on]),qn=U(n.useState(),2),Wn=qn[0],Bn=qn[1],Un=n.useCallback(function(e){var n,t=null!==(n=null==Rn?void 0:Rn.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==Rn?void 0:Rn.length]),Hn=n.useCallback(function(e,n){if(Dn(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,Dn,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),Hn(null),n.preventDefault();break}Hn("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(Dn(on)){var o;if(Wn===Z&&0!==(null===(o=Ze.current)||void 0===o?void 0:o.selectionStart))break;Hn("prev")}}break;default:Hn(null)}},[Wn,Dn,on,On,Hn]);n.useEffect(function(){Je||Un("first")},[Je,Un]),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(An(t)){var r=e.props,l=r.className,o=r.glyph,i=r.disabled,s=B(r,ea),c=Sn.findIndex(function(e){return e.value===t}),u=tn===t,d=Dn(on)?on.includes(t):on===t,f=qe(t);return N.default.createElement(Xn,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=N.default.Children.map(e.props.children,Kn);if(p&&(null==p?void 0:p.length)>0)return N.default.createElement(Xe,{label:e.props.label,className:e.props.className},N.default.Children.map(p,Kn))}},[Sn,qe,tn,Dn,on,On,An,In]),Yn=n.useMemo(function(){return N.default.Children.map(t,Kn)},[t,Kn]),Zn=n.useMemo(function(){if(Dn(on))return on.filter(zn).map(function(e,n){var t=Tn(e,Sn),a=gn===e,r=We(e),l=n>=on.length-1;return N.default.createElement(Ce,{key:e,displayName:t,isFocused:a,onRemove:function(){l?(On(),Hn(null)):Hn("next",n),In(e)},onFocus:function(){bn(e)},ref:r})})},[Dn,on,zn,Sn,gn,We,In,On,Hn]),_n=n.useMemo(function(){return Sn.some(function(e){return e.hasGlyph})},[Sn]),$n=n.useCallback(function(){var e=Rn.find(function(e){return e.displayName===dn||e.value===dn});if(!ke&&e)In(e.value);else if(!Dn(on)){var n,t=null!==(n=Tn(on,Sn))&&void 0!==n?n:cn;pn(t)}},[Sn,dn,Dn,cn,on,In,ke,Rn]),Jn=n.useCallback(function(){if(Ct(on)){if(Dn(on))st(pe);else if(!Dn(on)){var e,n=null!==(e=Tn(on,Sn))&&void 0!==e?e:"";pn(n),wn()}}else pn("")},[Sn,Dn,on,pe]);n.useEffect(function(){if(ge)if(D.default(ge)){var e,n=null!==(e=ge.filter(function(e){return zn(e)}))&&void 0!==e?e:[];sn(n)}else zn(ge)&&sn(ge);else sn(function(e){return e?[]:null}(me))},[]),n.useEffect(function(){if(!A.default(ke)&&ke!==hn)if(I.default(ke))sn(null);else if(Dn(ke)){var e=ke.filter(zn);sn(e)}else sn(zn(ke)?ke:null)},[Dn,zn,hn,ke]),n.useEffect(function(){!A.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=Dn(on)&&!!on.length,at=T.default(function(e){xn(En(e.target))},50,{leading:!0}),rt=n.useCallback(function(e){pe===ae.expandY&&at(e)},[at,pe]);n.useEffect(function(){Ye.current&&xn(En(Ye.current))},[]);var lt,ot=X({popoverZIndex:Fe},g.getPopoverRenderModeProps({dismissMode:g.DismissMode.Manual,portalClassName:Te,portalContainer:De,portalRef:Oe,renderMode:Me,scrollContainer:Ie})),it={disabled:y,errorMessage:E,size:x,state:C,successMessage:z};return N.default.createElement(R.default,{darkMode:Pe},N.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}},N.default.createElement("div",q({className:c.cx(Dt(x),Le)},ze),(a||r)&&N.default.createElement("div",{className:Yt},a&&N.default.createElement(b.Label,{id:Ue,htmlFor:Be,darkMode:Pe,disabled:y,className:c.cx(j({},Zt,x===te.Large))},a),r&&N.default.createElement(b.Description,{darkMode:Pe,disabled:y,className:c.cx(j({},Zt,x===te.Large))},r)),N.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),Bn(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=Dn(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(Dn(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":Ct(on)||(wn(),Un("first"),Hn(null));break;case"LastChip":Hn(null)}break;case m.keyMap.Escape:wn(),Un("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(Dn(on))"Input"===Wn&&0===(null===(r=Ze.current)||void 0===r?void 0:r.selectionStart)&&Hn("last");Cn();break;case m.keyMap.ArrowDown:Je?(e.preventDefault(),Un("next")):Cn();break;case m.keyMap.ArrowUp:Je?(e.preventDefault(),Un("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(Ot,It[je],Ft(x,tt),Rt(je)[C],j(j(j({},zt[je],(lt=Z,lt===Wn)),At(je),y),_t[je],vn))},N.default.createElement("div",{onScroll:rt,ref:Ye,className:jt({size:x,overflow:pe})},Zn,N.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(qt,Bt(x),Wt[je],Ut(Je),j(j({},Ht(x,dn),Dn(on)),Xt[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"})),N.default.createElement("div",{className:c.cx(Gt,Pt[x])},ue&&Ct(on)&&!y&&N.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(Vt),darkMode:Pe},N.default.createElement(f.Icon,{glyph:"XWithCircle"})),N.default.createElement(f.Icon,{glyph:"CaretDown",className:Kt,fill:c.cx(j(j({},$t(je),!y),Jt(je),y))}))),N.default.createElement(u.FormFieldFeedback,it),N.default.createElement(h.PopoverPropsProvider,ot,N.default.createElement(an,{id:He,labelId:Ue,refEl:Ve,ref:_e,menuWidth:et,searchLoadingMessage:le,searchErrorMessage:Y,searchEmptyMessage:H,dropdownWidthBasis:Re},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=Bn,e.ComboboxSize=te,e.DropdownWidthBasis=oe,e.Overflow=ae,e.SearchState=le,e.State=re});
2
2
  //# sourceMappingURL=index.js.map