@leafygreen-ui/combobox 8.1.2 → 8.1.3
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 +25 -0
- package/dist/Combobox/Combobox.d.ts +2 -2
- package/dist/Combobox/Combobox.types.d.ts +3 -3
- package/dist/Combobox/Combobox.types.d.ts.map +1 -1
- package/dist/ComboboxGroup/ComboboxGroup.d.ts +1 -1
- package/dist/ComboboxMenu/ComboboxMenu.d.ts +1 -1
- package/dist/ComboboxMenu/ComboboxMenu.d.ts.map +1 -1
- package/dist/ComboboxOption/ComboboxOption.types.d.ts +4 -4
- package/dist/ComboboxOption/ComboboxOption.types.d.ts.map +1 -1
- package/dist/types/Combobox.types.d.ts +7 -7
- package/dist/types/Combobox.types.d.ts.map +1 -1
- package/dist/utils/ComboboxTestUtils.d.ts +2 -2
- package/dist/utils/ComboboxTestUtils.d.ts.map +1 -1
- package/package.json +17 -17
- package/src/Combobox.stories.tsx +5 -5
- package/src/ComboboxChip/ComboboxChip.stories.tsx +1 -1
- package/src/ComboboxGroup/ComboboxGroup.stories.tsx +1 -1
- package/src/ComboboxMenu/ComboboxMenu.stories.tsx +1 -1
- package/src/ComboboxOption/ComboboxOption.stories.tsx +1 -1
- package/stories.js +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,30 @@
|
|
|
1
1
|
# @leafygreen-ui/combobox
|
|
2
2
|
|
|
3
|
+
## 8.1.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 15185af0: Imports Storybook utilities from `@lg-tools/storybook-utils` (previously imported from `@leafygreen-ui/lib`)
|
|
8
|
+
- 356a53fd: Update TS builds to use `typescript@4.9.5`
|
|
9
|
+
- Updated dependencies [7a0ff1be]
|
|
10
|
+
- Updated dependencies [15185af0]
|
|
11
|
+
- Updated dependencies [356a53fd]
|
|
12
|
+
- Updated dependencies [66df9ab8]
|
|
13
|
+
- Updated dependencies [7a0ff1be]
|
|
14
|
+
- @leafygreen-ui/typography@18.3.0
|
|
15
|
+
- @leafygreen-ui/leafygreen-provider@3.1.12
|
|
16
|
+
- @leafygreen-ui/icon-button@15.0.21
|
|
17
|
+
- @leafygreen-ui/checkbox@13.0.0
|
|
18
|
+
- @leafygreen-ui/popover@11.3.1
|
|
19
|
+
- @leafygreen-ui/chip@1.0.2
|
|
20
|
+
- @leafygreen-ui/icon@12.0.1
|
|
21
|
+
- @leafygreen-ui/lib@13.3.0
|
|
22
|
+
- @leafygreen-ui/emotion@4.0.8
|
|
23
|
+
- @leafygreen-ui/hooks@8.1.3
|
|
24
|
+
- @leafygreen-ui/input-option@1.1.2
|
|
25
|
+
- @leafygreen-ui/palette@4.0.9
|
|
26
|
+
- @leafygreen-ui/tokens@2.5.2
|
|
27
|
+
|
|
3
28
|
## 8.1.2
|
|
4
29
|
|
|
5
30
|
### Patch Changes
|
|
@@ -10,8 +10,8 @@ export declare function Combobox<M extends boolean>({ children, label, descripti
|
|
|
10
10
|
export declare namespace Combobox {
|
|
11
11
|
var propTypes: {
|
|
12
12
|
multiselect: PropTypes.Requireable<boolean>;
|
|
13
|
-
value: PropTypes.Requireable<string | (string | null | undefined)[]
|
|
14
|
-
initialValue: PropTypes.Requireable<string | (string | null | undefined)[]
|
|
13
|
+
value: PropTypes.Requireable<NonNullable<string | (string | null | undefined)[] | null | undefined>>;
|
|
14
|
+
initialValue: PropTypes.Requireable<NonNullable<string | (string | null | undefined)[] | null | undefined>>;
|
|
15
15
|
overflow: PropTypes.Requireable<"expand-y" | "scroll-x" | "expand-x">;
|
|
16
16
|
darkMode: PropTypes.Requireable<boolean>;
|
|
17
17
|
label: PropTypes.Requireable<string>;
|
|
@@ -41,8 +41,8 @@ export interface ComboboxMultiselectProps<M extends boolean> {
|
|
|
41
41
|
*/
|
|
42
42
|
overflow?: M extends true ? Overflow : undefined;
|
|
43
43
|
}
|
|
44
|
-
|
|
45
|
-
export
|
|
44
|
+
type PartialChipProps = Pick<ChipProps, 'chipTruncationLocation' | 'chipCharacterLimit' | 'popoverZIndex'>;
|
|
45
|
+
export type BaseComboboxProps = Omit<HTMLElementProps<'div'>, 'onChange'> & PortalControlProps & PartialChipProps & {
|
|
46
46
|
/**
|
|
47
47
|
* Defines the Combobox Options by passing children. Must be `ComboboxOption` or `ComboboxGroup`
|
|
48
48
|
*/
|
|
@@ -128,6 +128,6 @@ export declare type BaseComboboxProps = Omit<HTMLElementProps<'div'>, 'onChange'
|
|
|
128
128
|
*/
|
|
129
129
|
inputValue?: string;
|
|
130
130
|
};
|
|
131
|
-
export
|
|
131
|
+
export type ComboboxProps<M extends boolean> = Either<BaseComboboxProps & ComboboxMultiselectProps<M>, 'label' | 'aria-label'>;
|
|
132
132
|
export {};
|
|
133
133
|
//# sourceMappingURL=Combobox.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,eAAe,EACf,KAAK,EACN,MAAM,UAAU,CAAC;AAElB;;GAEG;AAEH,MAAM,WAAW,wBAAwB,CAAC,CAAC,SAAS,OAAO;IACzD;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC;IAChB;;;;OAIG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC3B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAE3B;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,CAAC,SAAS,IAAI,GAAG,QAAQ,GAAG,SAAS,CAAC;CAClD;AAED,
|
|
1
|
+
{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,eAAe,EACf,KAAK,EACN,MAAM,UAAU,CAAC;AAElB;;GAEG;AAEH,MAAM,WAAW,wBAAwB,CAAC,CAAC,SAAS,OAAO;IACzD;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC;IAChB;;;;OAIG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC3B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAE3B;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,CAAC,SAAS,IAAI,GAAG,QAAQ,GAAG,SAAS,CAAC;CAClD;AAED,KAAK,gBAAgB,GAAG,IAAI,CAC1B,SAAS,EACT,wBAAwB,GAAG,oBAAoB,GAAG,eAAe,CAClE,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GACvE,kBAAkB,GAClB,gBAAgB,GAAG;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAEvE;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAEhC;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAE3D;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEJ,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,OAAO,IAAI,MAAM,CACnD,iBAAiB,GAAG,wBAAwB,CAAC,CAAC,CAAC,EAC/C,OAAO,GAAG,YAAY,CACvB,CAAC"}
|
|
@@ -10,7 +10,7 @@ export declare namespace ComboboxGroup {
|
|
|
10
10
|
var displayName: string;
|
|
11
11
|
var propTypes: {
|
|
12
12
|
className: PropTypes.Requireable<string>;
|
|
13
|
-
children: PropTypes.Validator<
|
|
13
|
+
children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
|
|
14
14
|
label: PropTypes.Validator<string>;
|
|
15
15
|
};
|
|
16
16
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { PortalControlProps } from '@leafygreen-ui/popover';
|
|
3
3
|
import { ComboboxProps } from '../Combobox';
|
|
4
|
-
|
|
4
|
+
type ComboboxMenuProps = {
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
refEl: React.RefObject<HTMLDivElement>;
|
|
7
7
|
id: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxMenu.d.ts","sourceRoot":"","sources":["../../src/ComboboxMenu/ComboboxMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,OAAgB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAGrE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAe5C,
|
|
1
|
+
{"version":3,"file":"ComboboxMenu.d.ts","sourceRoot":"","sources":["../../src/ComboboxMenu/ComboboxMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,OAAgB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAGrE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAe5C,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACnB,GAAG,kBAAkB,GACpB,IAAI,CACF,aAAa,CAAC,GAAG,CAAC,EAChB,sBAAsB,GACtB,oBAAoB,GACpB,oBAAoB,GACpB,eAAe,CAClB,CAAC;AAEJ,eAAO,MAAM,YAAY,0FA2HxB,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { Either } from '@leafygreen-ui/lib';
|
|
|
3
3
|
/**
|
|
4
4
|
* Combobox Option Props
|
|
5
5
|
*/
|
|
6
|
-
|
|
6
|
+
type ListItemProps = Omit<ComponentPropsWithoutRef<'li'>, 'onClick' | 'value'>;
|
|
7
7
|
interface SharedComboboxOptionProps {
|
|
8
8
|
/**
|
|
9
9
|
* The internal value of the option. Used as the identifier in Combobox `initialValue`, value and filteredOptions.
|
|
@@ -37,9 +37,9 @@ interface SharedComboboxOptionProps {
|
|
|
37
37
|
*/
|
|
38
38
|
onClick?: (event: React.SyntheticEvent<HTMLLIElement, Event>, value: string) => void;
|
|
39
39
|
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
export
|
|
40
|
+
type RequiredComboboxOptionProps = Required<Pick<SharedComboboxOptionProps, 'value' | 'displayName'>>;
|
|
41
|
+
type BaseComboboxOptionProps = ListItemProps & SharedComboboxOptionProps;
|
|
42
|
+
export type ComboboxOptionProps = Either<BaseComboboxOptionProps, 'value' | 'displayName'>;
|
|
43
43
|
export interface OptionObject extends Pick<SharedComboboxOptionProps, 'description' | 'onClick'>, RequiredComboboxOptionProps {
|
|
44
44
|
isDisabled: boolean;
|
|
45
45
|
hasGlyph?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxOption.types.d.ts","sourceRoot":"","sources":["../../src/ComboboxOption/ComboboxOption.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C;;GAEG;AAEH,
|
|
1
|
+
{"version":3,"file":"ComboboxOption.types.d.ts","sourceRoot":"","sources":["../../src/ComboboxOption/ComboboxOption.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C;;GAEG;AAEH,KAAK,aAAa,GAAG,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC;AAE/E,UAAU,yBAAyB;IACjC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,aAAa,EAAE,KAAK,CAAC,EACjD,KAAK,EAAE,MAAM,KACV,IAAI,CAAC;CACX;AAED,KAAK,2BAA2B,GAAG,QAAQ,CACzC,IAAI,CAAC,yBAAyB,EAAE,OAAO,GAAG,aAAa,CAAC,CACzD,CAAC;AAEF,KAAK,uBAAuB,GAAG,aAAa,GAAG,yBAAyB,CAAC;AAEzE,MAAM,MAAM,mBAAmB,GAAG,MAAM,CACtC,uBAAuB,EACvB,OAAO,GAAG,aAAa,CACxB,CAAC;AAEF,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,yBAAyB,EAAE,aAAa,GAAG,SAAS,CAAC,EAChE,2BAA2B;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,2BACf,SAAQ,aAAa,EACnB,IAAI,CAAC,yBAAyB,EAAE,OAAO,GAAG,aAAa,CAAC,EACxD,2BAA2B;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf"}
|
|
@@ -10,7 +10,7 @@ export declare const ComboboxElement: {
|
|
|
10
10
|
readonly Combobox: "Combobox";
|
|
11
11
|
readonly Menu: "Menu";
|
|
12
12
|
};
|
|
13
|
-
export
|
|
13
|
+
export type ComboboxElement = (typeof ComboboxElement)[keyof typeof ComboboxElement];
|
|
14
14
|
/**
|
|
15
15
|
* The rendered size of the Combobox
|
|
16
16
|
*/
|
|
@@ -20,7 +20,7 @@ export declare const ComboboxSize: {
|
|
|
20
20
|
readonly Default: "default";
|
|
21
21
|
readonly Large: "large";
|
|
22
22
|
};
|
|
23
|
-
export
|
|
23
|
+
export type ComboboxSize = (typeof ComboboxSize)[keyof typeof ComboboxSize];
|
|
24
24
|
/**
|
|
25
25
|
* Defines the behavior of the Combobox when there are more selected chips than will fit in the input
|
|
26
26
|
*/
|
|
@@ -38,27 +38,27 @@ export declare const Overflow: {
|
|
|
38
38
|
*/
|
|
39
39
|
readonly expandX: "expand-x";
|
|
40
40
|
};
|
|
41
|
-
export
|
|
41
|
+
export type Overflow = (typeof Overflow)[keyof typeof Overflow];
|
|
42
42
|
/** The error state of the Combobox */
|
|
43
43
|
export declare const State: {
|
|
44
44
|
readonly none: "none";
|
|
45
45
|
readonly error: "error";
|
|
46
46
|
};
|
|
47
|
-
export
|
|
47
|
+
export type State = (typeof State)[keyof typeof State];
|
|
48
48
|
/** The search state of the Combobox */
|
|
49
49
|
export declare const SearchState: {
|
|
50
50
|
readonly unset: "unset";
|
|
51
51
|
readonly error: "error";
|
|
52
52
|
readonly loading: "loading";
|
|
53
53
|
};
|
|
54
|
-
export
|
|
54
|
+
export type SearchState = (typeof SearchState)[keyof typeof SearchState];
|
|
55
55
|
/**
|
|
56
56
|
* The type expected in the `value` or `initialValue` prop.
|
|
57
57
|
* Also the type passed as an argument to `onChange`.
|
|
58
58
|
*
|
|
59
59
|
* Type varies depending on the value of `multiselect`
|
|
60
60
|
*/
|
|
61
|
-
export
|
|
61
|
+
export type SelectValueType<M extends boolean> = M extends true ? Array<string> : string | null;
|
|
62
62
|
/** Represents an element that was added or removed from the multiselect value array */
|
|
63
63
|
export interface DiffObject {
|
|
64
64
|
diffType: 'insert' | 'delete';
|
|
@@ -69,7 +69,7 @@ export interface DiffObject {
|
|
|
69
69
|
*
|
|
70
70
|
* Type varies depending on the value of `multiselect`
|
|
71
71
|
*/
|
|
72
|
-
export
|
|
72
|
+
export type onChangeType<M extends boolean> = M extends true ? (value: SelectValueType<true>, diff?: DiffObject) => void : (value: SelectValueType<false>) => void;
|
|
73
73
|
/**
|
|
74
74
|
* Returns the correct empty state for multiselect / single select
|
|
75
75
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../src/types/Combobox.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;;;;CAQlB,CAAC;AACX,
|
|
1
|
+
{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../src/types/Combobox.types.ts"],"names":[],"mappings":"AAAA;;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,sCAAsC;AACtC,eAAO,MAAM,KAAK;;;CAGR,CAAC;AACX,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"}
|
|
@@ -7,8 +7,8 @@ export interface NestedObject {
|
|
|
7
7
|
label: string;
|
|
8
8
|
children: Array<string | OptionObject>;
|
|
9
9
|
}
|
|
10
|
-
export
|
|
11
|
-
|
|
10
|
+
export type Select = 'single' | 'multiple';
|
|
11
|
+
type renderComboboxProps = {
|
|
12
12
|
options?: Array<string | OptionObject | NestedObject>;
|
|
13
13
|
} & BaseComboboxProps & ComboboxMultiselectProps<boolean>;
|
|
14
14
|
export declare const defaultOptions: Array<OptionObject>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxTestUtils.d.ts","sourceRoot":"","sources":["../../src/utils/ComboboxTestUtils.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAOL,YAAY,EACb,MAAM,wBAAwB,CAAC;AAQhC,OAAO,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC,CAAC;CACxC;AAED,
|
|
1
|
+
{"version":3,"file":"ComboboxTestUtils.d.ts","sourceRoot":"","sources":["../../src/utils/ComboboxTestUtils.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAOL,YAAY,EACb,MAAM,wBAAwB,CAAC;AAQhC,OAAO,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC,CAAC;CACxC;AAED,MAAM,MAAM,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;AAC3C,KAAK,mBAAmB,GAAG;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,YAAY,GAAG,YAAY,CAAC,CAAC;CACvD,GAAG,iBAAiB,GACnB,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAEpC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,YAAY,CAiB9C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,YAAY,CA+B9C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,WAAY,mBAAmB,sBA+CzD,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAC7C,MAAM,GAAE,CAAiB,EACzB,KAAK,CAAC,EAAE,mBAAmB,GAC1B,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CA4HpC;AAED;;;;GAIG;AACH,eAAO,MAAM,MAAM,cAAe,OAAO,YAAmC,CAAC;AAiC7E,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,IAAI,CAAC;QACb,UAAU,QAAQ,CAAC,CAAC;YAClB,cAAc,IAAI,CAAC,CAAC;SACrB;KACF;CACF"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@leafygreen-ui/combobox",
|
|
3
|
-
"version": "8.1.
|
|
3
|
+
"version": "8.1.3",
|
|
4
4
|
"description": "leafyGreen UI Kit Combobox",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
@@ -22,29 +22,29 @@
|
|
|
22
22
|
"access": "public"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@leafygreen-ui/checkbox": "^
|
|
26
|
-
"@leafygreen-ui/chip": "^1.0.
|
|
27
|
-
"@leafygreen-ui/emotion": "^4.0.
|
|
28
|
-
"@leafygreen-ui/hooks": "^8.1.
|
|
29
|
-
"@leafygreen-ui/icon": "^12.0.
|
|
30
|
-
"@leafygreen-ui/icon-button": "^15.0.
|
|
31
|
-
"@leafygreen-ui/
|
|
32
|
-
"@leafygreen-ui/
|
|
33
|
-
"@leafygreen-ui/
|
|
34
|
-
"@leafygreen-ui/
|
|
35
|
-
"@leafygreen-ui/
|
|
36
|
-
"@leafygreen-ui/
|
|
37
|
-
"@leafygreen-ui/typography": "^18.2.3",
|
|
25
|
+
"@leafygreen-ui/checkbox": "^13.0.0",
|
|
26
|
+
"@leafygreen-ui/chip": "^1.0.2",
|
|
27
|
+
"@leafygreen-ui/emotion": "^4.0.8",
|
|
28
|
+
"@leafygreen-ui/hooks": "^8.1.3",
|
|
29
|
+
"@leafygreen-ui/icon": "^12.0.1",
|
|
30
|
+
"@leafygreen-ui/icon-button": "^15.0.21",
|
|
31
|
+
"@leafygreen-ui/input-option": "^1.1.2",
|
|
32
|
+
"@leafygreen-ui/lib": "^13.3.0",
|
|
33
|
+
"@leafygreen-ui/palette": "^4.0.9",
|
|
34
|
+
"@leafygreen-ui/popover": "^11.3.1",
|
|
35
|
+
"@leafygreen-ui/tokens": "^2.5.2",
|
|
36
|
+
"@leafygreen-ui/typography": "^18.3.0",
|
|
38
37
|
"chalk": "^4.1.2",
|
|
39
38
|
"lodash": "^4.17.21",
|
|
40
39
|
"polished": "^4.2.2"
|
|
41
40
|
},
|
|
42
41
|
"peerDependencies": {
|
|
43
|
-
"@leafygreen-ui/leafygreen-provider": "^3.1.
|
|
42
|
+
"@leafygreen-ui/leafygreen-provider": "^3.1.12"
|
|
44
43
|
},
|
|
45
44
|
"devDependencies": {
|
|
46
|
-
"@leafygreen-ui/button": "^21.0
|
|
47
|
-
"@leafygreen-ui/testing-lib": "^0.4.
|
|
45
|
+
"@leafygreen-ui/button": "^21.1.0",
|
|
46
|
+
"@leafygreen-ui/testing-lib": "^0.4.2",
|
|
47
|
+
"@lg-tools/storybook-utils": "^0.1.0"
|
|
48
48
|
},
|
|
49
49
|
"homepage": "https://github.com/mongodb/leafygreen-ui/tree/main/packages/combobox",
|
|
50
50
|
"repository": {
|
package/src/Combobox.stories.tsx
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
|
-
import { StoryFn } from '@storybook/react';
|
|
3
|
-
|
|
4
|
-
import Button from '@leafygreen-ui/button';
|
|
5
|
-
import { css } from '@leafygreen-ui/emotion';
|
|
6
2
|
import {
|
|
7
3
|
storybookArgTypes,
|
|
8
4
|
storybookExcludedControlParams,
|
|
9
5
|
type StoryMetaType,
|
|
10
6
|
StoryType,
|
|
11
|
-
} from '@
|
|
7
|
+
} from '@lg-tools/storybook-utils';
|
|
8
|
+
import { StoryFn } from '@storybook/react';
|
|
9
|
+
|
|
10
|
+
import Button from '@leafygreen-ui/button';
|
|
11
|
+
import { css } from '@leafygreen-ui/emotion';
|
|
12
12
|
|
|
13
13
|
import { getComboboxOptions } from './test-utils/getTestOptions.testutils';
|
|
14
14
|
import {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* eslint-disable react/display-name */
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { StoryMetaType } from '@lg-tools/storybook-utils';
|
|
3
4
|
|
|
4
5
|
import LeafyGreenProvider from '@leafygreen-ui/leafygreen-provider';
|
|
5
|
-
import { StoryMetaType } from '@leafygreen-ui/lib';
|
|
6
6
|
|
|
7
7
|
import { ComboboxChip } from './ComboboxChip';
|
|
8
8
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* eslint-disable react/display-name */
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { StoryMetaType } from '@lg-tools/storybook-utils';
|
|
3
4
|
|
|
4
5
|
import LeafyGreenProvider from '@leafygreen-ui/leafygreen-provider';
|
|
5
|
-
import { StoryMetaType } from '@leafygreen-ui/lib';
|
|
6
6
|
|
|
7
7
|
import { InternalComboboxOption } from '../ComboboxOption';
|
|
8
8
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/* eslint-disable react-hooks/rules-of-hooks */
|
|
2
2
|
/* eslint-disable react/display-name, react/jsx-key */
|
|
3
3
|
import React, { useEffect, useState } from 'react';
|
|
4
|
+
import { StoryMetaType, StoryType } from '@lg-tools/storybook-utils';
|
|
4
5
|
|
|
5
6
|
import { css } from '@leafygreen-ui/emotion';
|
|
6
7
|
import LeafyGreenProvider from '@leafygreen-ui/leafygreen-provider';
|
|
7
|
-
import { StoryMetaType, StoryType } from '@leafygreen-ui/lib';
|
|
8
8
|
|
|
9
9
|
import { ComboboxContext } from '../ComboboxContext';
|
|
10
10
|
import { defaultContext } from '../ComboboxContext/ComboboxContext';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/* eslint-disable react/display-name, react/jsx-key */
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { StoryMetaType, StoryType } from '@lg-tools/storybook-utils';
|
|
3
4
|
|
|
4
5
|
import Icon from '@leafygreen-ui/icon';
|
|
5
6
|
import LeafyGreenProvider from '@leafygreen-ui/leafygreen-provider';
|
|
6
|
-
import { StoryMetaType, StoryType } from '@leafygreen-ui/lib';
|
|
7
7
|
|
|
8
8
|
import { ComboboxContext, defaultContext } from '../ComboboxContext';
|
|
9
9
|
|
package/stories.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{createContext as n,useContext as r,useEffect as t,useMemo as a,useCallback as l,useRef as o,useState as i}from"react";import c from"@leafygreen-ui/button";import{css as s,cx as u,keyframes as d}from"@leafygreen-ui/emotion";import{createUniqueClassName as p,keyMap as f,Theme as m,isComponentType as h,consoleOnce as g,storybookArgTypes as b,storybookExcludedControlParams as v}from"@leafygreen-ui/lib";import y,{isComponentGlyph as x}from"@leafygreen-ui/icon";import k from"lodash/clone";import w from"lodash/debounce";import E from"lodash/isArray";import C from"lodash/isEqual";import N from"lodash/isNull";import S from"lodash/isString";import L from"lodash/isUndefined";import O from"prop-types";import{useForwardedRef as D,useIdAllocator as M,useAvailableSpace as j,useDynamicRefs as I,usePrevious as z,useAutoScroll as P,useBackdropClick as F}from"@leafygreen-ui/hooks";import A from"@leafygreen-ui/icon-button";import T,{useDarkMode as W}from"@leafygreen-ui/leafygreen-provider";import{Error as X,Label as R,Description as G}from"@leafygreen-ui/typography";import{chipTextClassName as V,TruncationLocation as H,Chip as q,BaseFontSize as Z,Variant as K}from"@leafygreen-ui/chip";import{typeScales as Y,spacing as B,fontWeights as U,fontFamilies as J,transitionDuration as $,focusRing as Q}from"@leafygreen-ui/tokens";import{palette as _}from"@leafygreen-ui/palette";import ee from"@leafygreen-ui/popover";import{transparentize as ne}from"polished";import{leftGlyphClassName as re,InputOption as te,InputOptionContent as ae}from"@leafygreen-ui/input-option";import le from"lodash/kebabCase";import oe from"lodash/escapeRegExp";import ie from"@leafygreen-ui/checkbox";function ce(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function se(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?ce(Object(r),!0).forEach((function(n){de(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ce(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function ue(e){return ue="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},ue(e)}function de(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function pe(){return pe=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},pe.apply(this,arguments)}function fe(e,n){if(null==e)return{};var r,t,a=function(e,n){if(null==e)return{};var r,t,a={},l=Object.keys(e);for(t=0;t<l.length;t++)r=l[t],n.indexOf(r)>=0||(a[r]=e[r]);return a}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t<l.length;t++)r=l[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function me(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function he(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,l,o,i=[],c=!0,s=!1;try{if(l=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;c=!1}else for(;!(c=(t=l.call(r)).done)&&(i.push(t.value),i.length!==n);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}(e,n)||be(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 ge(e){return function(e){if(Array.isArray(e))return ve(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||be(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 be(e,n){if(e){if("string"==typeof e)return ve(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?ve(e,n):void 0}}function ve(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}var ye="Input",xe="ClearButton",ke="FirstChip",we="LastChip",Ee="MiddleChip",Ce="Combobox",Ne="Menu",Se={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},Le={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},Oe={none:"none",error:"error"},De={unset:"unset",error:"error",loading:"loading"};var Me,je,Ie,ze,Pe,Fe,Ae,Te,We,Xe,Re,Ge,Ve,He,qe,Ze=n({multiselect:!1,size:Se.Default,withIcons:!1,disabled:!1,isOpen:!1,state:Oe.none,searchState:De.unset,overflow:Le.expandY}),Ke=p("combobox-chip"),Ye=(de(Me={},Se.XSmall,16),de(Me,Se.Small,Y.body1.lineHeight),de(Me,Se.Default,Y.body1.lineHeight),de(Me,Se.Large,Y.body2.lineHeight),Me),Be=(de(je={},Se.XSmall,Y.body1.fontSize),de(je,Se.Small,Y.body1.fontSize),de(je,Se.Default,Y.body1.fontSize),de(je,Se.Large,Y.body2.fontSize),je),Ue=(de(Ie={},Se.XSmall,1),de(Ie,Se.Small,0),de(Ie,Se.Default,2),de(Ie,Se.Large,4),Ie),Je=(de(Te={},Se.XSmall,s(ze||(ze=me(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Be[Se.XSmall],Ye[Se.XSmall],V,Ue[Se.XSmall])),de(Te,Se.Small,s(Pe||(Pe=me(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Be[Se.Small],Ye[Se.Small],V,Ue[Se.Small])),de(Te,Se.Default,s(Fe||(Fe=me(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Be[Se.Default],Ye[Se.Default],V,Ue[Se.Default])),de(Te,Se.Large,s(Ae||(Ae=me(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-inline-end: 10px;\n padding-block: ","px;\n }\n "])),Be[Se.Large],Ye[Se.Large],V,Ue[Se.Large])),Te),$e=e.forwardRef((function(n,a){var l,o=n.displayName,i=n.isFocused,c=n.onRemove,s=n.onFocus,d=r(Ze),p=d.size,m=d.disabled,h=d.overflow,g=d.chipTruncationLocation,b=void 0===g?H.End:g,v=d.chipCharacterLimit,y=void 0===v?12:v,x=d.popoverZIndex,k=h===Le.scrollX?H.None:b,w=D(a,null),E=null===(l=w.current)||void 0===l?void 0:l.querySelector("button");t((function(){i&&!m&&(null==E||E.focus())}),[m,E,i]);return e.createElement(q,{label:o,className:u(Ke,Je[p]),role:"option","aria-selected":i,"data-testid":"lg-combobox-chip",onClick:function(e){null!=E&&E.contains(e.target)||s()},onKeyDown:function(e){m||e.key!==f.Delete&&e.key!==f.Backspace&&e.key!==f.Enter&&e.key!==f.Space||c()},onDismiss:function(){m||c()},baseFontSize:Z.Body1,chipCharacterLimit:y,chipTruncationLocation:k,popoverZIndex:x,variant:K.Gray,ref:w,disabled:m,tabIndex:-1})}));$e.displayName="ComboboxChip";var Qe,_e,en,nn,rn,tn,an,ln,on,cn,sn,un,dn,pn,fn,mn,hn,gn=(de(Re={},m.Light,s(We||(We=me(["\n padding-top: ","px;\n "])),B[2])),de(Re,m.Dark,s(Xe||(Xe=me(["\n padding-top: ","px;\n "])),B[2])),Re),bn=s(Ge||(Ge=me(["\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"])),U.bold),vn=(de(qe={},m.Light,s(Ve||(Ve=me(["\n color: ",";\n "])),_.gray.dark1)),de(qe,m.Dark,s(He||(He=me(["\n color: ",";\n "])),_.gray.light1)),qe);function yn(n){var r=n.label,t=n.className,a=n.children,l=W().theme,o=M({prefix:"combobox-group"});return e.Children.count(a)>0?e.createElement("div",{className:u(gn[l],t)},e.createElement("div",{className:u(bn,vn[l]),id:o},r),e.createElement("div",{role:"group","aria-labelledby":o},a)):e.createElement(e.Fragment,null)}function xn(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}xn.displayName="ComboboxGroup",xn.propTypes={className:O.string,children:O.node.isRequired,label:O.string.isRequired};var kn,wn=(de(Qe={},Se.XSmall,{x:12,y:8}),de(Qe,Se.Small,{x:12,y:8}),de(Qe,Se.Default,{x:12,y:8}),de(Qe,Se.Large,{x:12,y:8}),Qe),En=function(e){return Ye[e]+2*wn[e].y},Cn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return s(_e||(_e=me(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),e)},Nn=(de(rn={},m.Light,s(en||(en=me(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),ne(.85,_.black),_.gray.light2)),de(rn,m.Dark,s(nn||(nn=me(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),ne(.85,_.black),_.gray.dark2)),rn),Sn=s(tn||(tn=me(["\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"])),B[2],J.default),Ln=(de(on={},m.Light,s(an||(an=me(["\n color: ",";\n background-color: ",";\n "])),_.black,_.white)),de(on,m.Dark,s(ln||(ln=me(["\n color: ",";\n background-color: ",";\n "])),_.gray.light1,_.gray.dark3)),on),On=s(cn||(cn=me(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),Dn=s(sn||(sn=me(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),Mn=(de(pn={},m.Light,s(un||(un=me(["\n color: ",";\n "])),_.gray.dark3)),de(pn,m.Dark,s(dn||(dn=me(["\n color: ",";\n "])),_.gray.light3)),pn),jn=function(e){return s(fn||(fn=me(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px ","px;\n"])),Be[e],Ye[e],wn[e].y,wn[e].x)},In=d(mn||(mn=me(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),zn=s(hn||(hn=me(["\n animation: "," 1.5s linear infinite;\n"])),In),Pn=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],Fn=e.forwardRef((function(n,t){var l=n.children,o=n.id,i=n.refEl,c=n.labelId,d=n.menuWidth,p=n.searchLoadingMessage,f=n.searchErrorMessage,m=n.searchEmptyMessage,h=fe(n,Pn),g=W(),b=g.darkMode,v=g.theme,x=r(Ze),k=x.disabled,w=x.size,E=x.isOpen,C=x.searchState,N=D(t,null),S=j(i),O=L(S)?"unset":"".concat(Math.min(S,256),"px"),M=a((function(){var n=u(Dn,Mn[v],jn(w)),r=u(Dn,jn(w));switch(C){case"loading":return e.createElement("span",{className:n},e.createElement(y,{glyph:"Refresh",color:b?_.blue.light1:_.blue.base,className:zn}),p);case"error":return e.createElement(X,{className:r},e.createElement(y,{glyph:"Warning",color:b?_.red.light1:_.red.base}),e.createElement("span",null,f));default:return l&&"object"===ue(l)&&"length"in l&&l.length>0?e.createElement("ul",{className:On},l):e.createElement("span",{className:n},m)}}),[v,w,C,b,p,f,l,m]);return e.createElement(ee,pe({active:E&&!k,spacing:4,align:"bottom",justify:"middle",refEl:i,adjustOnMutation:!0,className:u(Cn(d),Nn[v])},h),e.createElement("div",{ref:N,id:o,role:"listbox","aria-labelledby":c,"aria-expanded":E,className:u(Sn,Ln[v],s(kn||(kn=me(["\n max-height: ",";\n "])),O)),onMouseDownCapture:function(e){return e.preventDefault()}},M))}));Fn.displayName="ComboboxMenu";var An,Tn,Wn,Xn,Rn,Gn,Vn,Hn,qn,Zn,Kn,Yn,Bn,Un,Jn,$n,Qn,_n,er,nr,rr,tr,ar,lr,or,ir,cr=function(e){var n=e.scrollHeight;return e.scrollTop<n-e.clientHeight},sr=function(e){var n,r=e.value,t=e.displayName;return{value:null!=r?r:le(t),displayName:null!==(n=null!=t?t:r)&&void 0!==n?n:""}},ur=function n(r){return e.Children.toArray(r).reduce((function(e,r){if(h(r,"ComboboxOption")){var t=sr(r.props),a=t.value,l=t.displayName,o=r.props,i=o.glyph,c=o.disabled;return[].concat(ge(e),[{value:a,displayName:l,isDisabled:!!c,hasGlyph:!!i}])}if(h(r,"ComboboxGroup")){var s=r.props.children;if(s)return[].concat(ge(e),ge(n(s)))}}),[])},dr=function(e,n){if(e)return n.find((function(n){return n.value===e}))},pr=function(e,n){var r,t;return e?null!==(r=null===(t=dr(e,n))||void 0===t?void 0:t.displayName)&&void 0!==r?r:e:""},fr=function(e){return s(An||(An=me(["\n font-size: ","px;\n line-height: ","px;\n min-height: ","px;\n padding: ","px ","px;\n gap: ","px;\n\n &:before {\n max-height: ","px;\n }\n"])),Be[e],Ye[e],En(e),wn[e].y,wn[e].x,B[1],En(e))},mr=(de(Gn={},Se.XSmall,s(Tn||(Tn=me(["\n min-width: ","px;\n "])),B[3])),de(Gn,Se.Small,s(Wn||(Wn=me(["\n min-width: ","px;\n "])),B[3])),de(Gn,Se.Default,s(Xn||(Xn=me(["\n min-width: ","px;\n "])),B[3])),de(Gn,Se.Large,s(Rn||(Rn=me(["\n min-width: ","px;\n "])),B[4])),Gn),hr=s(Vn||(Vn=me(["\n pointer-events: none;\n gap: 0;\n\n label {\n gap: 0;\n align-items: center;\n }\n"])));s(Hn||(Hn=me(["\n pointer-events: none;\n"])));var gr=function(e){return s(qn||(qn=me(["\n font-weight: ",";\n"])),e?U.bold:U.regular)},br=(de(Yn={},m.Light,s(Zn||(Zn=me(["\n color: ",";\n "])),_.gray.dark1)),de(Yn,m.Dark,s(Kn||(Kn=me(["\n color: ",";\n "])),_.gray.base)),Yn),vr=(de(Jn={},m.Light,s(Bn||(Bn=me(["\n color: ",";\n "])),_.blue.dark1)),de(Jn,m.Dark,s(Un||(Un=me(["\n color: ",";\n "])),_.blue.light3)),Jn),yr=(de(_n={},m.Light,s($n||($n=me(["\n color: ",";\n "])),_.gray.light1)),de(_n,m.Dark,s(Qn||(Qn=me(["\n color: ",";\n "])),_.gray.dark1)),_n),xr=(de(rr={},m.Light,s(er||(er=me(["\n color: ",";\n "])),_.blue.base)),de(rr,m.Dark,s(nr||(nr=me(["\n color: ",";\n "])),_.blue.light1)),rr),kr=(de(lr={},m.Light,s(tr||(tr=me(["\n color: ",";\n "])),_.gray.light1)),de(lr,m.Dark,s(ar||(ar=me(["\n color: ",";\n "])),_.gray.dark1)),lr),wr=s(or||(or=me(["\n ."," {\n align-self: baseline;\n }\n"])),re),Er=s(ir||(ir=me(["\n ."," {\n height: 28px;\n }\n"])),re),Cr=["glyph","isSelected","displayName","isFocused","setSelected","className","description","value","onClick","disabled"],Nr=e.forwardRef((function(n,t){var o,i=n.glyph,c=n.isSelected,s=n.displayName,d=n.isFocused,p=n.setSelected,f=n.className,m=n.description,h=n.value,g=n.onClick,b=n.disabled,v=void 0!==b&&b,k=fe(n,Cr),w=W(),E=w.darkMode,C=w.theme,N=r(Ze),S=N.multiselect,L=N.size,O=N.withIcons,j=N.inputValue,I=D(t,null),z=M({prefix:"combobox-option-text"}),P=l((function(e){e.stopPropagation(),v||(p(),null==g||g(e,h))}),[v,g,p,h]),F=a((function(){return function(n){var r,t=n.withIcons,a=n.isSelected,l=n.glyph,o=n.optionTextId,i=n.disabled,c=n.darkMode,s=n.size,d=n.multiselect,p=n.theme,f=n.isFocused;l&&!x(l)&&console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",l);var m=l&&x(l)?e.cloneElement(l,se(se({},l.props),{},{className:u(br[p],(r={},de(r,vr[p],f),de(r,yr[p],i),r),l.props.className)})):e.createElement(e.Fragment,null),h=e.createElement(ie,{"aria-labelledby":o,checked:a,tabIndex:-1,disabled:i,darkMode:c,className:hr}),g=e.createElement(y,{glyph:"Checkmark",className:u(mr[s],xr[p],de({},kr[p],i))});return{leftGlyph:d?t?m:h:t?m:a?g:null,rightGlyph:d?t&&h:t&&a&&g}}({withIcons:O,isSelected:c,glyph:i,theme:C,darkMode:E,size:L,disabled:v,multiselect:S,optionTextId:z,isFocused:d})}),[E,v,i,c,S,z,L,C,O,d]),A=F.leftGlyph,T=F.rightGlyph,X=S&&!O;return e.createElement(te,pe({},k,{as:"li",ref:I,highlighted:d,disabled:v,"aria-label":s,darkMode:E,className:u(fr(L),(o={},de(o,wr,X),de(o,Er,X&&L===Se.Large),o),f),onClick:P,onKeyDown:P}),e.createElement(ae,{leftGlyph:A,rightGlyph:T,description:m},e.createElement("span",{id:z,className:gr(c)},function(n,r,t){if(r&&t){var a=oe(r),l=new RegExp(a,"gi"),o=n.matchAll(l);if(o){for(var i=n.split(""),c=0,s=Array.from(o);c<s.length;c++){var u,d=s[c],p=null!==(u=d.index)&&void 0!==u?u:-1,f=d[0],m=f.length,h=p+f+m,g=new Array(m).fill("");g[0]=e.createElement(t,{key:h},f),i.splice.apply(i,[p,m].concat(ge(g)))}return e.createElement(e.Fragment,null,i)}return e.createElement(e.Fragment,null,n)}return e.createElement(e.Fragment,null,n)}(s,j,"strong"))))}));function Sr(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}Nr.displayName="ComboboxOption",Sr.displayName="ComboboxOption",Sr.propTypes={displayName:O.string,value:O.string,glyph:O.node,disabled:O.bool,className:O.string,description:O.string,onClick:O.func};var Lr,Or,Dr,Mr,jr,Ir,zr,Pr,Fr,Ar,Tr,Wr,Xr,Rr,Gr,Vr,Hr,qr,Zr,Kr,Yr,Br,Ur,Jr,$r,Qr,_r,et,nt,rt,tt,at,lt,ot,it,ct,st,ut,dt,pt,ft,mt,ht,gt,bt,vt,yt,xt,kt,wt,Et=function(e){return!L(e)&&!N(e)&&(S(e)||E(e)&&e.length>0)},Ct=function(e){return Ye[e]+2*Ue[e]},Nt=(de(Lr={},Se.XSmall,22),de(Lr,Se.Small,28),de(Lr,Se.Default,36),de(Lr,Se.Large,48),Lr),St=function(e){return(Nt[e]-Ct(e)-2)/2},Lt=(de(Or={},Se.XSmall,{y:St(Se.XSmall),xLeftWithChip:1,xLeftWithoutChip:10,xRight:4}),de(Or,Se.Small,{y:St(Se.Small),xLeftWithChip:4,xLeftWithoutChip:10,xRight:8}),de(Or,Se.Default,{y:St(Se.Default),xLeftWithChip:6,xLeftWithoutChip:12,xRight:12}),de(Or,Se.Large,{y:St(Se.Large),xLeftWithChip:B[2]-1,xLeftWithoutChip:B[2]-1,xRight:B[2]-1}),Or),Ot=B[3],Dt=function(e){return s(Dr||(Dr=me(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),J.default,Be[e]+2*Lt[e].xLeftWithChip+Ot+2)},Mt=s(Mr||(Mr=me(["\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"])),B[2],$.default,$.default),jt=(de(zr={},m.Light,s(jr||(jr=me(["\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),_.gray.dark3,_.white,_.gray.base)),de(zr,m.Dark,s(Ir||(Ir=me(["\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),_.gray.light2,_.gray.dark4,_.gray.base)),zr),It=function(e,n){return s(Pr||(Pr=me(["\n padding-top: ","px;\n padding-bottom: ","px;\n padding-left: ",";\n padding-right: ","px;\n"])),Lt[e].y,Lt[e].y,"".concat(n?Lt[e].xLeftWithChip:Lt[e].xLeftWithoutChip,"px"),Lt[e].xRight)},zt=(de(Tr={},m.Light,s(Fr||(Fr=me(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),_.gray.dark1,_.gray.light2,_.gray.light1)),de(Tr,m.Dark,s(Ar||(Ar=me(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),_.gray.dark1,_.gray.dark3,_.gray.dark2)),Tr),Pt=(de(Rr={},m.Light,s(Wr||(Wr=me(["\n border-color: ",";\n "])),_.red.base)),de(Rr,m.Dark,s(Xr||(Xr=me(["\n border-color: ",";\n "])),_.red.light1)),Rr),Ft=(de(Hr={},m.Light,s(Gr||(Gr=me(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),Q[m.Light].input)),de(Hr,m.Dark,s(Vr||(Vr=me(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),Q[m.Dark].input)),Hr),At=s(qr||(qr=me(["\n display: flex;\n align-items: center;\n"]))),Tt=(de(Ur={},Se.XSmall,s(Zr||(Zr=me(["\n gap: ","px;\n "])),B[1])),de(Ur,Se.Small,s(Kr||(Kr=me(["\n gap: ","px;\n "])),B[2])),de(Ur,Se.Default,s(Yr||(Yr=me(["\n gap: ","px;\n "])),B[2])),de(Ur,Se.Large,s(Br||(Br=me(["\n gap: ","px;\n "])),B[2])),Ur),Wt=function(e){var n=e.overflow,r=e.size,t=s(Jr||(Jr=me(["\n flex-grow: 1;\n width: 100%;\n "])));switch(n){case Le.scrollX:return s($r||($r=me(["\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 "])),t,Ct(r),Ke);case Le.expandY:return s(Qr||(Qr=me(["\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 "])),t,4,Ct(r),3*Ct(r),4)}},Xt=s(_r||(_r=me(["\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"])),J.default,B[1]),Rt=(de(rt={},m.Light,s(et||(et=me(["\n &::placeholder {\n color: ",";\n }\n "])),_.gray.dark1)),de(rt,m.Dark,s(nt||(nt=me(["\n &::placeholder {\n color: ",";\n }\n "])),_.gray.light1)),rt),Gt=(de(lt={},m.Light,s(tt||(tt=me(["\n &::placeholder {\n color: ",";\n }\n "])),_.gray.dark1)),de(lt,m.Dark,s(at||(at=me(["\n &::placeholder {\n color: ",";\n }\n "])),_.gray.dark1)),lt),Vt=function(e){return s(ot||(ot=me(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n"])),Ct(e),Be[e],Ye[e],Be[e])},Ht=function(e){return s(it||(it=me(["\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")},qt=function(e,n){var r,t=null!==(r=null==n?void 0:n.length)&&void 0!==r?r:0;return s(ct||(ct=me(["\n width: ","px;\n max-width: 100%;\n "])),t*Be[e])},Zt=s(st||(st=me(["\n // Add a negative margin so the button takes up the same space as the regular icons\n margin-block: calc(","px - 100%);\n margin-inline: -6px;\n"])),Ot/2),Kt=s(ut||(ut=me(["\n height: ","px;\n width: ","px;\n"])),Ot,Ot),Yt=(de(ft={},m.Light,s(dt||(dt=me(["\n color: ",";\n "])),_.red.base)),de(ft,m.Dark,s(pt||(pt=me(["\n color: ",";\n "])),_.red.light1)),ft),Bt=function(e){return s(mt||(mt=me(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n"])),Be[e],Ye[e],Lt[e].y)},Ut=s(ht||(ht=me(["\n margin-bottom: ","px;\n display: flex;\n flex-direction: column;\n"])),B[1]),Jt=s(gt||(gt=me(["\n font-size: ","px;\n line-height: ","px;\n"])),Y.large.fontSize,Y.large.lineHeight),$t=(de(yt={},m.Light,s(bt||(bt=me(["\n ::after {\n box-shadow: 0px 0px 7px 5px ",";\n }\n "])),ne(.85,_.black))),de(yt,m.Dark,s(vt||(vt=me(["\n ::after {\n width: 95%;\n box-shadow: 0px -7px 12px 5px rgb(0 0 0 / 50%);\n }\n "])))),yt),Qt=(de(xt={},m.Light,_.red.base),de(xt,m.Dark,_.red.light1),xt),_t=(de(kt={},m.Light,_.gray.dark2),de(kt,m.Dark,_.gray.light1),kt),ea=(de(wt={},m.Light,_.gray.base),de(wt,m.Dark,_.gray.dark1),wt),na=["children","label","description","placeholder","aria-label","disabled","size","darkMode","state","errorMessage","searchState","searchEmptyMessage","searchErrorMessage","searchLoadingMessage","filteredOptions","onFilter","clearable","onClear","overflow","multiselect","initialValue","inputValue","onInputChange","onChange","value","chipTruncationLocation","chipCharacterLimit","className","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"],ra=["className","glyph","disabled"];function ta(n){var r,c,s,d=n.children,p=n.label,m=n.description,b=n.placeholder,v=void 0===b?"Select":b,x=n["aria-label"],O=n.disabled,D=void 0!==O&&O,j=n.size,X=void 0===j?Se.Default:j,V=n.darkMode,H=n.state,q=void 0===H?"none":H,Z=n.errorMessage,K=n.searchState,Y=void 0===K?"unset":K,B=n.searchEmptyMessage,U=void 0===B?"No results found":B,J=n.searchErrorMessage,$=void 0===J?"Could not get results!":J,Q=n.searchLoadingMessage,_=void 0===Q?"Loading results...":Q,ee=n.filteredOptions,ne=n.onFilter,re=n.clearable,te=void 0===re||re,ae=n.onClear,le=n.overflow,oe=void 0===le?Le.expandY:le,ie=n.multiselect,ce=void 0!==ie&&ie,me=n.initialValue,ge=n.inputValue,be=n.onInputChange,ve=n.onChange,De=n.value,Me=n.chipTruncationLocation,je=n.chipCharacterLimit,Ie=void 0===je?12:je,ze=n.className,Pe=n.usePortal,Fe=void 0===Pe||Pe,Ae=n.portalClassName,Te=n.portalContainer,We=n.scrollContainer,Xe=n.popoverZIndex,Re=fe(n,na),Ge=W(V),Ve=Ge.darkMode,He=Ge.theme,qe=I({prefix:"option"}),Ke=I({prefix:"chip"}),Ye=M({prefix:"combobox-input"}),Be=M({prefix:"combobox-label"}),Ue=M({prefix:"combobox-menu"}),Je=o(null),Qe=o(null),_e=o(null),en=o(null),nn=o(null),rn=he(i(!1),2),tn=rn[0],an=rn[1],ln=z(tn),on=he(i(null),2),cn=on[0],sn=on[1],un=he(i(null),2),dn=un[0],pn=un[1],fn=z(dn),mn=he(i(null!=ge?ge:""),2),hn=mn[0],gn=mn[1];t((function(){L(ge)||gn(ge)}),[ge]);var bn=function(e){gn(e)},vn=z(hn),xn=he(i(null),2),kn=xn[0],wn=xn[1],En=he(i(!1),2),Cn=En[0],Nn=En[1],Sn=ce&&E(dn)&&dn.length>0?void 0:v,Ln=function(){return an(!1)},On=function(){return an(!0)},Dn=a((function(){return ur(d)}),[d]),Mn=l((function(e){return!ce||"string"!=typeof e&&"number"!=typeof e?!ce&&E(e)&&g.error("Error in Combobox: multiselect is set to `false`, but received an Array value"):g.error("Error in Combobox: multiselect is set to `true`, but received a ".concat(ue(e),' value: "').concat(e,'"')),ce&&E(e)}),[ce]),jn=l((function(e){!D&&en&&en.current&&(en.current.focus(),L(e)||en.current.setSelectionRange(e,e))}),[D]),In=l((function(e){if(Mn(dn)){var n=k(dn),r=ve,t={diffType:"delete",value:null!=e?e:dn};N(e)?n.length=0:dn.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),t.diffType="insert",bn("")),pn(n),null==r||r(n,t)}else{var a=e,l=ve;pn(a),null==l||l(a)}}),[Mn,ve,dn]),zn=l((function(e){var n,r,t,a;return function(e,n){return Array.isArray(n)?n.includes(e):e===n}((r=Dn,(n=e)?null!==(t=null===(a=r.find((function(e){return e.displayName===n})))||void 0===a?void 0:a.value)&&void 0!==t?t:n:""),dn)}),[Dn,dn]),Pn=l((function(e){var n="string"==typeof e?e:e.value;return ee&&ee.length>0?ee.includes(n):!!zn(hn)||("string"==typeof e?pr(n,Dn):e.displayName).toLowerCase().includes(hn.toLowerCase())}),[ee,zn,hn,Dn]),An=a((function(){return Dn.filter(Pn)}),[Dn,Pn]),Tn=l((function(e){return!!e&&!!Dn.find((function(n){return n.value===e}))}),[Dn]),Wn=l((function(e){return An?An.findIndex((function(n){return n.value===e})):-1}),[An]),Xn=l((function(e){if(An&&An.length>=e){var n=An[e];return n?n.value:void 0}}),[An]),Rn=l((function(){return Mn(dn)?dn.findIndex((function(e){var n,r;return null===(n=Ke(e))||void 0===n||null===(r=n.current)||void 0===r?void 0:r.contains(document.activeElement)})):-1}),[Ke,Mn,dn]),Gn=he(i(),2),Vn=Gn[0],Hn=Gn[1],qn=l((function(e){var n,r=null!==(n=null==An?void 0:An.length)&&void 0!==n?n:0,t=r-1>0?r-1:0,a=Wn(cn);switch(e&&tn&&(wn(null),jn()),e){case"next":var l=Xn(a+1<r?a+1:0);sn(null!=l?l:null);break;case"prev":var o=Xn(a-1>=0?a-1:t);sn(null!=o?o:null);break;case"last":var i=Xn(t);sn(null!=i?i:null);break;default:var c=Xn(0);sn(null!=c?c:null)}}),[cn,Wn,Xn,tn,jn,null==An?void 0:An.length]),Zn=l((function(e,n){if(Mn(dn))switch(e){case"next":var r=null!=n?n:Rn(),t=r+1<dn.length?r+1:dn.length-1,a=dn[t];wn(a);break;case"prev":var l=null!=n?n:Rn(),o=l>0?l-1:l<0?dn.length-1:0,i=dn[o];wn(i);break;case"first":var c=dn[0];wn(c);break;case"last":var s=dn[dn.length-1];wn(s);break;default:wn(null)}}),[Rn,Mn,dn]),Kn=l((function(e,n){switch(e&&sn(null),e){case"right":switch(Vn){case ye:var r,t,a;if((null===(r=en.current)||void 0===r?void 0:r.selectionEnd)===(null===(t=en.current)||void 0===t?void 0:t.value.length))null===(a=Qe.current)||void 0===a||a.focus();break;case ke:case Ee:case we:if(Vn===we||1===(null==dn?void 0:dn.length)){jn(0),Zn(null),n.preventDefault();break}Zn("next")}break;case"left":switch(Vn){case xe:var l;n.preventDefault(),jn(null==en||null===(l=en.current)||void 0===l?void 0:l.value.length);break;case ye:case Ee:case we:if(Mn(dn)){var o;if(Vn===ye&&0!==(null===(o=en.current)||void 0===o?void 0:o.selectionStart))break;Zn("prev")}}break;default:Zn(null)}}),[Vn,Mn,dn,jn,Zn]);t((function(){hn!==vn&&qn("first")}),[hn,tn,vn,qn]),P(cn?qe(cn):void 0,nn);var Yn=l((function(n){if(h(n,"ComboboxOption")){var r=sr(n.props),t=r.value,a=r.displayName;if(Pn(t)){var l=n.props,o=l.className,i=l.glyph,c=l.disabled,s=fe(l,ra),u=Dn.findIndex((function(e){return e.value===t})),d=cn===t,p=Mn(dn)?dn.includes(t):dn===t,f=qe(t);return e.createElement(Nr,pe({},s,{value:t,displayName:a,isFocused:d,isSelected:p,disabled:c,setSelected:function(){sn(t),In(t),jn(),t===dn&&Ln()},glyph:i,className:o,index:u,ref:f}))}}else if(h(n,"ComboboxGroup")){var m=e.Children.map(n.props.children,Yn);if(m&&(null==m?void 0:m.length)>0)return e.createElement(yn,{label:n.props.label,className:n.props.className},e.Children.map(m,Yn))}}),[Dn,qe,cn,Mn,dn,jn,Pn,In]),Bn=a((function(){return e.Children.map(d,Yn)}),[d,Yn]),Un=a((function(){if(Mn(dn))return dn.filter(Tn).map((function(n,r){var t=pr(n,Dn),a=kn===n,l=Ke(n),o=r>=dn.length-1;return e.createElement($e,{key:n,displayName:t,isFocused:a,onRemove:function(){o?(jn(),Zn(null)):Zn("next",r),In(n)},onFocus:function(){wn(n)},ref:l})}))}),[Mn,dn,Tn,Dn,kn,Ke,In,jn,Zn]),Jn=a((function(){return Dn.some((function(e){return e.hasGlyph}))}),[Dn]),$n=l((function(){var e=An.find((function(e){return e.displayName===hn||e.value===hn}));if(!De&&e)In(e.value);else if(!Mn(dn)){var n,r=null!==(n=pr(dn,Dn))&&void 0!==n?n:fn;bn(r)}}),[Dn,hn,Mn,fn,dn,In,De,An]),Qn=l((function(){if(Et(dn)){if(Mn(dn))ir(oe);else if(!Mn(dn)){var e,n=null!==(e=pr(dn,Dn))&&void 0!==e?e:"";bn(n),Ln()}}else bn("")}),[Dn,Mn,dn,oe]);t((function(){if(me)if(E(me)){var e,n=null!==(e=me.filter((function(e){return Tn(e)})))&&void 0!==e?e:[];pn(n)}else Tn(me)&&pn(me);else pn(function(e){return e?[]:null}(ce))}),[]),t((function(){if(!L(De)&&De!==vn)if(N(De))pn(null);else if(Mn(De)){var e=De.filter(Tn);pn(e)}else pn(Tn(De)?De:null)}),[Mn,Tn,vn,De]),t((function(){!L(fn)&&(E(dn)&&!N(fn)||S(dn)||N(dn))&&!C(dn,fn)&&Qn()}),[Qn,fn,dn]),t((function(){!tn&&ln&&$n()}),[tn,ln,$n]);var _n=he(i(0),2),er=_n[0],nr=_n[1];t((function(){var e,n;nr(null!==(e=null===(n=Je.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)}),[Je,tn,cn,dn]);F(Ln,[nn,Je],tn);var rr=Mn(dn)&&!!dn.length,tr=w((function(e){Nn(cr(e.target))}),50,{leading:!0}),ar=l((function(e){oe===Le.expandY&&tr(e)}),[tr,oe]);t((function(){_e.current&&Nn(cr(_e.current))}),[]);var lr,or=se({popoverZIndex:Xe},Fe?{usePortal:Fe,portalClassName:Ae,portalContainer:Te,scrollContainer:We}:{usePortal:Fe});return e.createElement(T,{darkMode:Ve},e.createElement(Ze.Provider,{value:{multiselect:ce,size:X,withIcons:Jn,disabled:D,isOpen:tn,state:q,searchState:Y,chipTruncationLocation:Me,chipCharacterLimit:Ie,inputValue:hn,overflow:oe,popoverZIndex:Xe}},e.createElement("div",pe({className:u(Dt(X),ze)},Re),(p||m)&&e.createElement("div",{className:Ut},p&&e.createElement(R,{id:Be,htmlFor:Ye,darkMode:Ve,disabled:D,className:u(de({},Jt,X===Se.Large))},p),m&&e.createElement(G,{darkMode:Ve,disabled:D,className:u(de({},Jt,X===Se.Large))},m)),e.createElement("div",{ref:Je,role:"combobox","aria-expanded":tn,"aria-controls":Ue,"aria-owns":Ue,tabIndex:-1,onMouseDown:function(e){D&&e.preventDefault()},onClick:function(e){if(e.target!==en.current){var n=0;if(en.current)n=e.nativeEvent.offsetX>en.current.offsetLeft+en.current.clientWidth?hn.length:0;jn(n)}On()},onFocus:function(e){ir(oe),Hn(function(e){var n,r,t,a;if(!e)return;if(null!==(n=en.current)&&void 0!==n&&n.contains(e))return ye;if(null!==(r=Qe.current)&&void 0!==r&&r.contains(e))return xe;var l=Mn(dn)?dn.findIndex((function(n){var r,t;return null===(r=Ke(n))||void 0===r||null===(t=r.current)||void 0===t?void 0:t.contains(e)})):-1;if(Mn(dn)){if(0===l)return ke;if(l===dn.length-1)return we;if(l>0)return Ee}if(null!==(t=nn.current)&&void 0!==t&&t.contains(e))return Ne;if(null!==(a=Je.current)&&void 0!==a&&a.contains(e))return Ce}(e.target))},onKeyDown:function(e){var n,r,t=null===(n=nn.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(r=Je.current)||void 0===r?void 0:r.contains(document.activeElement))||t){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.key){case f.Tab:switch(Vn){case"Input":Et(dn)||(Ln(),qn("first"),Zn(null));break;case"LastChip":Zn(null)}break;case f.Escape:Ln(),qn("first");break;case f.Enter:tn?!tn||Vn!==ye||N(cn)||function(e){if("string"==typeof e){var n=dr(e,Dn);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(cn)?Vn===xe&&(In(null),jn()):In(cn):On();break;case f.Backspace:var a;if(Mn(dn))"Input"===Vn&&0===(null===(a=en.current)||void 0===a?void 0:a.selectionStart)&&Zn("last");On();break;case f.ArrowDown:tn?(e.preventDefault(),qn("next")):On();break;case f.ArrowUp:tn?(e.preventDefault(),qn("prev")):On();break;case f.ArrowRight:Kn("right",e);break;case f.ArrowLeft:Kn("left",e);break;default:tn||On()}}},onTransitionEnd:function(){var e,n;nr(null!==(e=null===(n=Je.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:u(Mt,jt[He],It(X,rr),(r={},de(r,zt[He],D),de(r,Pt[He],q===Oe.error),de(r,Ft[He],(lr=ye,lr===Vn)),de(r,$t[He],Cn),r))},e.createElement("div",{onScroll:ar,ref:_e,className:Wt({size:X,overflow:oe})},Un,e.createElement("input",{"aria-label":null!=x?x:p,"aria-autocomplete":"list","aria-controls":Ue,"aria-labelledby":Be,ref:en,id:Ye,className:u(Xt,Vt(X),Rt[He],Ht(tn),(c={},de(c,qt(X,hn),Mn(dn)),de(c,Gt[He],D),c)),placeholder:Sn,disabled:null!=D?D:void 0,onChange:function(e){bn(e.target.value),null==ne||ne(e.target.value),null==be||be(e)},value:hn,autoComplete:"off"})),e.createElement("div",{className:u(At,Tt[X])},"error"===q&&e.createElement(y,{glyph:"Warning",fill:Qt[He],className:Kt}),te&&Et(dn)&&!D&&e.createElement(A,{"aria-label":"Clear selection","aria-disabled":D,disabled:D,ref:Qe,onClick:function(e){D||(e.stopPropagation(),In(null),null==ae||ae(e),null==ne||ne(""),jn())},onFocus:function(){sn(null)},className:u(Zt),darkMode:Ve},e.createElement(y,{glyph:"XWithCircle"})),e.createElement(y,{glyph:"CaretDown",className:Kt,fill:u((s={},de(s,_t[He],!D),de(s,ea[He],D),s))}))),"error"===q&&Z&&e.createElement("div",{className:u(Yt[He],Bt(X))},Z),e.createElement(Fn,pe({id:Ue,labelId:Be,refEl:Je,ref:nn,menuWidth:er,searchLoadingMessage:_,searchErrorMessage:$,searchEmptyMessage:U},or),Bn))));function ir(e){_e&&_e.current&&(e===Le.scrollX&&(_e.current.scrollLeft=_e.current.scrollWidth),e===Le.expandY&&(_e.current.scrollTop=_e.current.scrollHeight))}}ta.propTypes={multiselect:O.bool,value:O.oneOfType([O.string,O.arrayOf(O.string)]),initialValue:O.oneOfType([O.string,O.arrayOf(O.string)]),overflow:O.oneOf(Object.values(Le)),darkMode:O.bool,label:O.string,"aria-label":O.string,children:O.node,onChange:O.func,chipCharacterLimit:O.number,chipTruncationLocation:O.oneOf(Object.values(H)),onClear:O.func,onFilter:O.func,clearable:O.bool,searchLoadingMessage:O.string,searchErrorMessage:O.string,searchEmptyMessage:O.string,searchState:O.oneOf(Object.values(De)),errorMessage:O.string,state:O.oneOf(Object.values(Oe)),size:O.oneOf(Object.values(Se)),disabled:O.bool,description:O.string,placeholder:O.string,filteredOptions:O.arrayOf(O.string),popoverZIndex:O.number,usePortal:O.bool,scrollContainer:O.elementType,portalContainer:O.elementType,portalClassName:O.string};var aa,la=s(aa||(aa=me(["\n width: 256px;\n padding-block: 64px;\n display: flex;\n"]))),oa=["apple","banana"],ia={title:"Components/Combobox",component:ta,decorators:[function(n){return e.createElement("div",{className:la},e.createElement(n,null))}],parameters:{default:"LiveExample",controls:{exclude:[].concat(ge(v),["as","filteredOptions","initialValue","setError","value","children"])},generate:{storyNames:["SingleSelect","MultiSelect","DisabledInput"],combineArgs:{darkMode:[!1,!0],clearable:[!0,!1],description:[void 0,"Please pick fruit(s)"],label:[void 0,"Choose a fruit"],state:Object.values(Oe),size:Object.values(Se)},excludeCombinations:[["description",{label:void 0}],{clearable:!1,value:void 0},{multiselect:!0,value:"apple"},{multiselect:!1,value:oa}]}},args:{label:"Choose a fruit",description:"Please pick fruit(s)",placeholder:"Select fruit",multiselect:!1,darkMode:!1,disabled:!1,clearable:!0,errorMessage:"No Pomegranates!",children:function(){var n=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return[e.createElement(Sr,{key:"apple",value:"apple",displayName:"Apple","data-testid":"test-id",description:"Do I keep the doctor away?",onClick:function(e,n){return console.log(e,n)},className:"className"}),e.createElement(Sr,{key:"banana",value:"banana",displayName:"Banana"}),e.createElement(Sr,{key:"carrot",value:"carrot",displayName:"Carrot",disabled:!0}),e.createElement(Sr,{key:"pomegranate",value:"pomegranate",displayName:"Pomegranate",glyph:n?e.createElement(y,{glyph:"Warning"}):void 0,description:"Watch out, I stain everything I touch LOL",disabled:!0}),e.createElement(Sr,{key:"plantain",value:"plantain",displayName:"Plantain",glyph:n?e.createElement(y,{glyph:"Connect"}):void 0,description:"Don't confuse me with a banana",onClick:function(){return console.log("I was clicked")}}),e.createElement(Sr,{key:"paragraph",value:"paragraph",displayName:"Nullam quis risus eget urna mollis ornare vel eu leo. Vestibulum id ligula porta felis euismod semper."}),e.createElement(Sr,{key:"hash",value:"hash",displayName:"5f4dcc3b5aa765d61d8327deb882cf995f4dcc3b5aa765d61d8327deb882cf99"}),e.createElement(Sr,{key:"dragonfruit",value:"dragonfruit",displayName:"Dragonfruit",description:"Rawr"}),e.createElement(Sr,{key:"eggplant",value:"eggplant",displayName:"Eggplant"}),e.createElement(Sr,{key:"fig",value:"fig",displayName:"Fig"}),e.createElement(Sr,{key:"grape",value:"grape",displayName:"Grape"}),e.createElement(Sr,{key:"honeydew",value:"honeydew",displayName:"Honeydew"}),e.createElement(Sr,{key:"iceberg-lettuce",value:"iceberg-lettuce",displayName:"Iceberg lettuce"}),e.createElement(xn,{key:"peppers",label:"Peppers"},e.createElement(Sr,{key:"cayenne",value:"cayenne",displayName:"Cayenne"}),e.createElement(Sr,{key:"ghost-pepper",value:"ghost-pepper",displayName:"Ghost pepper"}),e.createElement(Sr,{key:"habanero",value:"habanero",displayName:"Habanero"}),e.createElement(Sr,{key:"jalapeno",value:"jalapeno",displayName:"Jalapeño"}),e.createElement(Sr,{key:"red-pepper",value:"red-pepper",displayName:"Red pepper"}),e.createElement(Sr,{key:"scotch-bonnet",value:"scotch-bonnet",displayName:"Scotch bonnet",description:"Don't touch your eyes"}))]}()},argTypes:{darkMode:b.darkMode,multiselect:{control:"boolean"},disabled:{control:"boolean"},clearable:{control:"boolean"},label:{control:"text"},description:{control:"text"},placeholder:{control:"text"},inputValue:{control:"text"},size:{options:Object.values(Se),control:"select"},state:{options:Object.values(Oe),control:"select"},errorMessage:{control:"text"},searchEmptyMessage:{control:"text"},searchState:{options:Object.values(De),control:"select"},searchErrorMessage:{control:"text",if:{arg:"searchState",eq:De.error}},searchLoadingMessage:{control:"text",if:{arg:"searchState",eq:De.loading}},chipTruncationLocation:{options:Object.values(H),control:"select",if:{arg:"multiselect"}},chipCharacterLimit:{control:"number",if:{arg:"multiselect"}},overflow:{options:Object.values(Le),control:"select",if:{arg:"multiselect"}}}},ca=function(n){return e.createElement(e.Fragment,null,n.multiselect?e.createElement(ta,pe({key:"multi"},n,{multiselect:!0})):e.createElement(ta,pe({key:"single"},n,{multiselect:!1})))};ca.parameters={chromatic:{disableSnapshot:!0}};var sa=function(){var n=he(i(null),2),r=n[0],t=n[1];return e.createElement("div",null,e.createElement(ta,{multiselect:!1,label:"Choose a fruit",description:"Please pick one",placeholder:"Select fruit",onChange:function(e){t(e)},value:r},e.createElement(Sr,{value:"apple"}),e.createElement(Sr,{value:"banana"}),e.createElement(Sr,{value:"carrot"})),e.createElement(c,{onClick:function(){return t("carrot")}},"Select Carrot"))};sa.parameters={chromatic:{disableSnapshot:!0}};var ua=function(){var n=["apple","banana","carrot","dragonfruit","eggplant","fig","grape","honeydew","iceberg-lettuce","jalapeño"],r=he(i(["carrot","grape"]),2),t=r[0],a=r[1];return e.createElement(ta,{label:"Choose some fruit",placeholder:"Select fruit",initialValue:["apple","fig","raspberry"],multiselect:!0,overflow:"expand-y",onFilter:function(e){a(n.filter((function(n){return n.includes(e)})))},filteredOptions:t},n.map((function(n){return e.createElement(Sr,{key:n,value:n})})))};ua.parameters={chromatic:{disableSnapshot:!0}};var da=function(){return e.createElement(e.Fragment,null)};da.args={multiselect:!1},da.parameters={generate:{combineArgs:{value:[void 0,"apple"]}}};var pa=function(){return e.createElement(e.Fragment,null)};pa.args={multiselect:!0},pa.parameters={generate:{combineArgs:{value:[void 0,oa]}}};var fa=function(){return e.createElement(e.Fragment,null)};fa.args={disabled:!0},fa.parameters={generate:{combineArgs:{darkMode:[!0,!1]}}};export{sa as ControlledSingleSelect,fa as DisabledInput,ua as ExternalFilter,ca as LiveExample,pa as MultiSelect,da as SingleSelect,ia as default};
|
|
1
|
+
import e,{createContext as n,useContext as r,useEffect as t,useMemo as a,useCallback as l,useRef as o,useState as i}from"react";import{storybookArgTypes as c,storybookExcludedControlParams as s}from"@lg-tools/storybook-utils";import u from"@leafygreen-ui/button";import{css as d,cx as p,keyframes as f}from"@leafygreen-ui/emotion";import m,{isComponentGlyph as h}from"@leafygreen-ui/icon";import g from"lodash/clone";import b from"lodash/debounce";import v from"lodash/isArray";import y from"lodash/isEqual";import x from"lodash/isNull";import k from"lodash/isString";import w from"lodash/isUndefined";import E from"prop-types";import{useForwardedRef as C,useIdAllocator as N,useAvailableSpace as S,useDynamicRefs as L,usePrevious as O,useAutoScroll as D,useBackdropClick as M}from"@leafygreen-ui/hooks";import j from"@leafygreen-ui/icon-button";import I,{useDarkMode as z}from"@leafygreen-ui/leafygreen-provider";import{createUniqueClassName as P,keyMap as F,Theme as A,isComponentType as T,consoleOnce as W}from"@leafygreen-ui/lib";import{Error as X,Label as R,Description as G}from"@leafygreen-ui/typography";import{chipTextClassName as V,TruncationLocation as H,Chip as q,BaseFontSize as Z,Variant as K}from"@leafygreen-ui/chip";import{typeScales as Y,spacing as B,fontWeights as U,fontFamilies as J,transitionDuration as $,focusRing as Q}from"@leafygreen-ui/tokens";import{palette as _}from"@leafygreen-ui/palette";import ee from"@leafygreen-ui/popover";import{transparentize as ne}from"polished";import{leftGlyphClassName as re,InputOption as te,InputOptionContent as ae}from"@leafygreen-ui/input-option";import le from"lodash/kebabCase";import oe from"lodash/escapeRegExp";import ie from"@leafygreen-ui/checkbox";function ce(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function se(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?ce(Object(r),!0).forEach((function(n){de(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ce(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function ue(e){return ue="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},ue(e)}function de(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function pe(){return pe=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},pe.apply(this,arguments)}function fe(e,n){if(null==e)return{};var r,t,a=function(e,n){if(null==e)return{};var r,t,a={},l=Object.keys(e);for(t=0;t<l.length;t++)r=l[t],n.indexOf(r)>=0||(a[r]=e[r]);return a}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t<l.length;t++)r=l[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function me(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function he(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,l,o,i=[],c=!0,s=!1;try{if(l=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;c=!1}else for(;!(c=(t=l.call(r)).done)&&(i.push(t.value),i.length!==n);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}(e,n)||be(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 ge(e){return function(e){if(Array.isArray(e))return ve(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||be(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 be(e,n){if(e){if("string"==typeof e)return ve(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?ve(e,n):void 0}}function ve(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}var ye="Input",xe="ClearButton",ke="FirstChip",we="LastChip",Ee="MiddleChip",Ce="Combobox",Ne="Menu",Se={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},Le={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},Oe={none:"none",error:"error"},De={unset:"unset",error:"error",loading:"loading"};var Me,je,Ie,ze,Pe,Fe,Ae,Te,We,Xe,Re,Ge,Ve,He,qe,Ze=n({multiselect:!1,size:Se.Default,withIcons:!1,disabled:!1,isOpen:!1,state:Oe.none,searchState:De.unset,overflow:Le.expandY}),Ke=P("combobox-chip"),Ye=(de(Me={},Se.XSmall,16),de(Me,Se.Small,Y.body1.lineHeight),de(Me,Se.Default,Y.body1.lineHeight),de(Me,Se.Large,Y.body2.lineHeight),Me),Be=(de(je={},Se.XSmall,Y.body1.fontSize),de(je,Se.Small,Y.body1.fontSize),de(je,Se.Default,Y.body1.fontSize),de(je,Se.Large,Y.body2.fontSize),je),Ue=(de(Ie={},Se.XSmall,1),de(Ie,Se.Small,0),de(Ie,Se.Default,2),de(Ie,Se.Large,4),Ie),Je=(de(Te={},Se.XSmall,d(ze||(ze=me(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Be[Se.XSmall],Ye[Se.XSmall],V,Ue[Se.XSmall])),de(Te,Se.Small,d(Pe||(Pe=me(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Be[Se.Small],Ye[Se.Small],V,Ue[Se.Small])),de(Te,Se.Default,d(Fe||(Fe=me(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Be[Se.Default],Ye[Se.Default],V,Ue[Se.Default])),de(Te,Se.Large,d(Ae||(Ae=me(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-inline-end: 10px;\n padding-block: ","px;\n }\n "])),Be[Se.Large],Ye[Se.Large],V,Ue[Se.Large])),Te),$e=e.forwardRef((function(n,a){var l,o=n.displayName,i=n.isFocused,c=n.onRemove,s=n.onFocus,u=r(Ze),d=u.size,f=u.disabled,m=u.overflow,h=u.chipTruncationLocation,g=void 0===h?H.End:h,b=u.chipCharacterLimit,v=void 0===b?12:b,y=u.popoverZIndex,x=m===Le.scrollX?H.None:g,k=C(a,null),w=null===(l=k.current)||void 0===l?void 0:l.querySelector("button");t((function(){i&&!f&&(null==w||w.focus())}),[f,w,i]);return e.createElement(q,{label:o,className:p(Ke,Je[d]),role:"option","aria-selected":i,"data-testid":"lg-combobox-chip",onClick:function(e){null!=w&&w.contains(e.target)||s()},onKeyDown:function(e){f||e.key!==F.Delete&&e.key!==F.Backspace&&e.key!==F.Enter&&e.key!==F.Space||c()},onDismiss:function(){f||c()},baseFontSize:Z.Body1,chipCharacterLimit:v,chipTruncationLocation:x,popoverZIndex:y,variant:K.Gray,ref:k,disabled:f,tabIndex:-1})}));$e.displayName="ComboboxChip";var Qe,_e,en,nn,rn,tn,an,ln,on,cn,sn,un,dn,pn,fn,mn,hn,gn=(de(Re={},A.Light,d(We||(We=me(["\n padding-top: ","px;\n "])),B[2])),de(Re,A.Dark,d(Xe||(Xe=me(["\n padding-top: ","px;\n "])),B[2])),Re),bn=d(Ge||(Ge=me(["\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"])),U.bold),vn=(de(qe={},A.Light,d(Ve||(Ve=me(["\n color: ",";\n "])),_.gray.dark1)),de(qe,A.Dark,d(He||(He=me(["\n color: ",";\n "])),_.gray.light1)),qe);function yn(n){var r=n.label,t=n.className,a=n.children,l=z().theme,o=N({prefix:"combobox-group"});return e.Children.count(a)>0?e.createElement("div",{className:p(gn[l],t)},e.createElement("div",{className:p(bn,vn[l]),id:o},r),e.createElement("div",{role:"group","aria-labelledby":o},a)):e.createElement(e.Fragment,null)}function xn(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}xn.displayName="ComboboxGroup",xn.propTypes={className:E.string,children:E.node.isRequired,label:E.string.isRequired};var kn,wn=(de(Qe={},Se.XSmall,{x:12,y:8}),de(Qe,Se.Small,{x:12,y:8}),de(Qe,Se.Default,{x:12,y:8}),de(Qe,Se.Large,{x:12,y:8}),Qe),En=function(e){return Ye[e]+2*wn[e].y},Cn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return d(_e||(_e=me(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),e)},Nn=(de(rn={},A.Light,d(en||(en=me(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),ne(.85,_.black),_.gray.light2)),de(rn,A.Dark,d(nn||(nn=me(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),ne(.85,_.black),_.gray.dark2)),rn),Sn=d(tn||(tn=me(["\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"])),B[2],J.default),Ln=(de(on={},A.Light,d(an||(an=me(["\n color: ",";\n background-color: ",";\n "])),_.black,_.white)),de(on,A.Dark,d(ln||(ln=me(["\n color: ",";\n background-color: ",";\n "])),_.gray.light1,_.gray.dark3)),on),On=d(cn||(cn=me(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),Dn=d(sn||(sn=me(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),Mn=(de(pn={},A.Light,d(un||(un=me(["\n color: ",";\n "])),_.gray.dark3)),de(pn,A.Dark,d(dn||(dn=me(["\n color: ",";\n "])),_.gray.light3)),pn),jn=function(e){return d(fn||(fn=me(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px ","px;\n"])),Be[e],Ye[e],wn[e].y,wn[e].x)},In=f(mn||(mn=me(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),zn=d(hn||(hn=me(["\n animation: "," 1.5s linear infinite;\n"])),In),Pn=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],Fn=e.forwardRef((function(n,t){var l=n.children,o=n.id,i=n.refEl,c=n.labelId,s=n.menuWidth,u=n.searchLoadingMessage,f=n.searchErrorMessage,h=n.searchEmptyMessage,g=fe(n,Pn),b=z(),v=b.darkMode,y=b.theme,x=r(Ze),k=x.disabled,E=x.size,N=x.isOpen,L=x.searchState,O=C(t,null),D=S(i),M=w(D)?"unset":"".concat(Math.min(D,256),"px"),j=a((function(){var n=p(Dn,Mn[y],jn(E)),r=p(Dn,jn(E));switch(L){case"loading":return e.createElement("span",{className:n},e.createElement(m,{glyph:"Refresh",color:v?_.blue.light1:_.blue.base,className:zn}),u);case"error":return e.createElement(X,{className:r},e.createElement(m,{glyph:"Warning",color:v?_.red.light1:_.red.base}),e.createElement("span",null,f));default:return l&&"object"===ue(l)&&"length"in l&&l.length>0?e.createElement("ul",{className:On},l):e.createElement("span",{className:n},h)}}),[y,E,L,v,u,f,l,h]);return e.createElement(ee,pe({active:N&&!k,spacing:4,align:"bottom",justify:"middle",refEl:i,adjustOnMutation:!0,className:p(Cn(s),Nn[y])},g),e.createElement("div",{ref:O,id:o,role:"listbox","aria-labelledby":c,"aria-expanded":N,className:p(Sn,Ln[y],d(kn||(kn=me(["\n max-height: ",";\n "])),M)),onMouseDownCapture:function(e){return e.preventDefault()}},j))}));Fn.displayName="ComboboxMenu";var An,Tn,Wn,Xn,Rn,Gn,Vn,Hn,qn,Zn,Kn,Yn,Bn,Un,Jn,$n,Qn,_n,er,nr,rr,tr,ar,lr,or,ir,cr=function(e){var n=e.scrollHeight;return e.scrollTop<n-e.clientHeight},sr=function(e){var n,r=e.value,t=e.displayName;return{value:null!=r?r:le(t),displayName:null!==(n=null!=t?t:r)&&void 0!==n?n:""}},ur=function n(r){return e.Children.toArray(r).reduce((function(e,r){if(T(r,"ComboboxOption")){var t=sr(r.props),a=t.value,l=t.displayName,o=r.props,i=o.glyph,c=o.disabled;return[].concat(ge(e),[{value:a,displayName:l,isDisabled:!!c,hasGlyph:!!i}])}if(T(r,"ComboboxGroup")){var s=r.props.children;if(s)return[].concat(ge(e),ge(n(s)))}}),[])},dr=function(e,n){if(e)return n.find((function(n){return n.value===e}))},pr=function(e,n){var r,t;return e?null!==(r=null===(t=dr(e,n))||void 0===t?void 0:t.displayName)&&void 0!==r?r:e:""},fr=function(e){return d(An||(An=me(["\n font-size: ","px;\n line-height: ","px;\n min-height: ","px;\n padding: ","px ","px;\n gap: ","px;\n\n &:before {\n max-height: ","px;\n }\n"])),Be[e],Ye[e],En(e),wn[e].y,wn[e].x,B[1],En(e))},mr=(de(Gn={},Se.XSmall,d(Tn||(Tn=me(["\n min-width: ","px;\n "])),B[3])),de(Gn,Se.Small,d(Wn||(Wn=me(["\n min-width: ","px;\n "])),B[3])),de(Gn,Se.Default,d(Xn||(Xn=me(["\n min-width: ","px;\n "])),B[3])),de(Gn,Se.Large,d(Rn||(Rn=me(["\n min-width: ","px;\n "])),B[4])),Gn),hr=d(Vn||(Vn=me(["\n pointer-events: none;\n gap: 0;\n\n label {\n gap: 0;\n align-items: center;\n }\n"])));d(Hn||(Hn=me(["\n pointer-events: none;\n"])));var gr=function(e){return d(qn||(qn=me(["\n font-weight: ",";\n"])),e?U.bold:U.regular)},br=(de(Yn={},A.Light,d(Zn||(Zn=me(["\n color: ",";\n "])),_.gray.dark1)),de(Yn,A.Dark,d(Kn||(Kn=me(["\n color: ",";\n "])),_.gray.base)),Yn),vr=(de(Jn={},A.Light,d(Bn||(Bn=me(["\n color: ",";\n "])),_.blue.dark1)),de(Jn,A.Dark,d(Un||(Un=me(["\n color: ",";\n "])),_.blue.light3)),Jn),yr=(de(_n={},A.Light,d($n||($n=me(["\n color: ",";\n "])),_.gray.light1)),de(_n,A.Dark,d(Qn||(Qn=me(["\n color: ",";\n "])),_.gray.dark1)),_n),xr=(de(rr={},A.Light,d(er||(er=me(["\n color: ",";\n "])),_.blue.base)),de(rr,A.Dark,d(nr||(nr=me(["\n color: ",";\n "])),_.blue.light1)),rr),kr=(de(lr={},A.Light,d(tr||(tr=me(["\n color: ",";\n "])),_.gray.light1)),de(lr,A.Dark,d(ar||(ar=me(["\n color: ",";\n "])),_.gray.dark1)),lr),wr=d(or||(or=me(["\n ."," {\n align-self: baseline;\n }\n"])),re),Er=d(ir||(ir=me(["\n ."," {\n height: 28px;\n }\n"])),re),Cr=["glyph","isSelected","displayName","isFocused","setSelected","className","description","value","onClick","disabled"],Nr=e.forwardRef((function(n,t){var o,i=n.glyph,c=n.isSelected,s=n.displayName,u=n.isFocused,d=n.setSelected,f=n.className,g=n.description,b=n.value,v=n.onClick,y=n.disabled,x=void 0!==y&&y,k=fe(n,Cr),w=z(),E=w.darkMode,S=w.theme,L=r(Ze),O=L.multiselect,D=L.size,M=L.withIcons,j=L.inputValue,I=C(t,null),P=N({prefix:"combobox-option-text"}),F=l((function(e){e.stopPropagation(),x||(d(),null==v||v(e,b))}),[x,v,d,b]),A=a((function(){return function(n){var r,t=n.withIcons,a=n.isSelected,l=n.glyph,o=n.optionTextId,i=n.disabled,c=n.darkMode,s=n.size,u=n.multiselect,d=n.theme,f=n.isFocused;l&&!h(l)&&console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",l);var g=l&&h(l)?e.cloneElement(l,se(se({},l.props),{},{className:p(br[d],(r={},de(r,vr[d],f),de(r,yr[d],i),r),l.props.className)})):e.createElement(e.Fragment,null),b=e.createElement(ie,{"aria-labelledby":o,checked:a,tabIndex:-1,disabled:i,darkMode:c,className:hr}),v=e.createElement(m,{glyph:"Checkmark",className:p(mr[s],xr[d],de({},kr[d],i))});return{leftGlyph:u?t?g:b:t?g:a?v:null,rightGlyph:u?t&&b:t&&a&&v}}({withIcons:M,isSelected:c,glyph:i,theme:S,darkMode:E,size:D,disabled:x,multiselect:O,optionTextId:P,isFocused:u})}),[E,x,i,c,O,P,D,S,M,u]),T=A.leftGlyph,W=A.rightGlyph,X=O&&!M;return e.createElement(te,pe({},k,{as:"li",ref:I,highlighted:u,disabled:x,"aria-label":s,darkMode:E,className:p(fr(D),(o={},de(o,wr,X),de(o,Er,X&&D===Se.Large),o),f),onClick:F,onKeyDown:F}),e.createElement(ae,{leftGlyph:T,rightGlyph:W,description:g},e.createElement("span",{id:P,className:gr(c)},function(n,r,t){if(r&&t){var a=oe(r),l=new RegExp(a,"gi"),o=n.matchAll(l);if(o){for(var i=n.split(""),c=0,s=Array.from(o);c<s.length;c++){var u,d=s[c],p=null!==(u=d.index)&&void 0!==u?u:-1,f=d[0],m=f.length,h=p+f+m,g=new Array(m).fill("");g[0]=e.createElement(t,{key:h},f),i.splice.apply(i,[p,m].concat(ge(g)))}return e.createElement(e.Fragment,null,i)}return e.createElement(e.Fragment,null,n)}return e.createElement(e.Fragment,null,n)}(s,j,"strong"))))}));function Sr(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}Nr.displayName="ComboboxOption",Sr.displayName="ComboboxOption",Sr.propTypes={displayName:E.string,value:E.string,glyph:E.node,disabled:E.bool,className:E.string,description:E.string,onClick:E.func};var Lr,Or,Dr,Mr,jr,Ir,zr,Pr,Fr,Ar,Tr,Wr,Xr,Rr,Gr,Vr,Hr,qr,Zr,Kr,Yr,Br,Ur,Jr,$r,Qr,_r,et,nt,rt,tt,at,lt,ot,it,ct,st,ut,dt,pt,ft,mt,ht,gt,bt,vt,yt,xt,kt,wt,Et=function(e){return!w(e)&&!x(e)&&(k(e)||v(e)&&e.length>0)},Ct=function(e){return Ye[e]+2*Ue[e]},Nt=(de(Lr={},Se.XSmall,22),de(Lr,Se.Small,28),de(Lr,Se.Default,36),de(Lr,Se.Large,48),Lr),St=function(e){return(Nt[e]-Ct(e)-2)/2},Lt=(de(Or={},Se.XSmall,{y:St(Se.XSmall),xLeftWithChip:1,xLeftWithoutChip:10,xRight:4}),de(Or,Se.Small,{y:St(Se.Small),xLeftWithChip:4,xLeftWithoutChip:10,xRight:8}),de(Or,Se.Default,{y:St(Se.Default),xLeftWithChip:6,xLeftWithoutChip:12,xRight:12}),de(Or,Se.Large,{y:St(Se.Large),xLeftWithChip:B[2]-1,xLeftWithoutChip:B[2]-1,xRight:B[2]-1}),Or),Ot=B[3],Dt=function(e){return d(Dr||(Dr=me(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),J.default,Be[e]+2*Lt[e].xLeftWithChip+Ot+2)},Mt=d(Mr||(Mr=me(["\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"])),B[2],$.default,$.default),jt=(de(zr={},A.Light,d(jr||(jr=me(["\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),_.gray.dark3,_.white,_.gray.base)),de(zr,A.Dark,d(Ir||(Ir=me(["\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),_.gray.light2,_.gray.dark4,_.gray.base)),zr),It=function(e,n){return d(Pr||(Pr=me(["\n padding-top: ","px;\n padding-bottom: ","px;\n padding-left: ",";\n padding-right: ","px;\n"])),Lt[e].y,Lt[e].y,"".concat(n?Lt[e].xLeftWithChip:Lt[e].xLeftWithoutChip,"px"),Lt[e].xRight)},zt=(de(Tr={},A.Light,d(Fr||(Fr=me(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),_.gray.dark1,_.gray.light2,_.gray.light1)),de(Tr,A.Dark,d(Ar||(Ar=me(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),_.gray.dark1,_.gray.dark3,_.gray.dark2)),Tr),Pt=(de(Rr={},A.Light,d(Wr||(Wr=me(["\n border-color: ",";\n "])),_.red.base)),de(Rr,A.Dark,d(Xr||(Xr=me(["\n border-color: ",";\n "])),_.red.light1)),Rr),Ft=(de(Hr={},A.Light,d(Gr||(Gr=me(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),Q[A.Light].input)),de(Hr,A.Dark,d(Vr||(Vr=me(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),Q[A.Dark].input)),Hr),At=d(qr||(qr=me(["\n display: flex;\n align-items: center;\n"]))),Tt=(de(Ur={},Se.XSmall,d(Zr||(Zr=me(["\n gap: ","px;\n "])),B[1])),de(Ur,Se.Small,d(Kr||(Kr=me(["\n gap: ","px;\n "])),B[2])),de(Ur,Se.Default,d(Yr||(Yr=me(["\n gap: ","px;\n "])),B[2])),de(Ur,Se.Large,d(Br||(Br=me(["\n gap: ","px;\n "])),B[2])),Ur),Wt=function(e){var n=e.overflow,r=e.size,t=d(Jr||(Jr=me(["\n flex-grow: 1;\n width: 100%;\n "])));switch(n){case Le.scrollX:return d($r||($r=me(["\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 "])),t,Ct(r),Ke);case Le.expandY:return d(Qr||(Qr=me(["\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 "])),t,4,Ct(r),3*Ct(r),4)}},Xt=d(_r||(_r=me(["\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"])),J.default,B[1]),Rt=(de(rt={},A.Light,d(et||(et=me(["\n &::placeholder {\n color: ",";\n }\n "])),_.gray.dark1)),de(rt,A.Dark,d(nt||(nt=me(["\n &::placeholder {\n color: ",";\n }\n "])),_.gray.light1)),rt),Gt=(de(lt={},A.Light,d(tt||(tt=me(["\n &::placeholder {\n color: ",";\n }\n "])),_.gray.dark1)),de(lt,A.Dark,d(at||(at=me(["\n &::placeholder {\n color: ",";\n }\n "])),_.gray.dark1)),lt),Vt=function(e){return d(ot||(ot=me(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n"])),Ct(e),Be[e],Ye[e],Be[e])},Ht=function(e){return d(it||(it=me(["\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")},qt=function(e,n){var r,t=null!==(r=null==n?void 0:n.length)&&void 0!==r?r:0;return d(ct||(ct=me(["\n width: ","px;\n max-width: 100%;\n "])),t*Be[e])},Zt=d(st||(st=me(["\n // Add a negative margin so the button takes up the same space as the regular icons\n margin-block: calc(","px - 100%);\n margin-inline: -6px;\n"])),Ot/2),Kt=d(ut||(ut=me(["\n height: ","px;\n width: ","px;\n"])),Ot,Ot),Yt=(de(ft={},A.Light,d(dt||(dt=me(["\n color: ",";\n "])),_.red.base)),de(ft,A.Dark,d(pt||(pt=me(["\n color: ",";\n "])),_.red.light1)),ft),Bt=function(e){return d(mt||(mt=me(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n"])),Be[e],Ye[e],Lt[e].y)},Ut=d(ht||(ht=me(["\n margin-bottom: ","px;\n display: flex;\n flex-direction: column;\n"])),B[1]),Jt=d(gt||(gt=me(["\n font-size: ","px;\n line-height: ","px;\n"])),Y.large.fontSize,Y.large.lineHeight),$t=(de(yt={},A.Light,d(bt||(bt=me(["\n ::after {\n box-shadow: 0px 0px 7px 5px ",";\n }\n "])),ne(.85,_.black))),de(yt,A.Dark,d(vt||(vt=me(["\n ::after {\n width: 95%;\n box-shadow: 0px -7px 12px 5px rgb(0 0 0 / 50%);\n }\n "])))),yt),Qt=(de(xt={},A.Light,_.red.base),de(xt,A.Dark,_.red.light1),xt),_t=(de(kt={},A.Light,_.gray.dark2),de(kt,A.Dark,_.gray.light1),kt),ea=(de(wt={},A.Light,_.gray.base),de(wt,A.Dark,_.gray.dark1),wt),na=["children","label","description","placeholder","aria-label","disabled","size","darkMode","state","errorMessage","searchState","searchEmptyMessage","searchErrorMessage","searchLoadingMessage","filteredOptions","onFilter","clearable","onClear","overflow","multiselect","initialValue","inputValue","onInputChange","onChange","value","chipTruncationLocation","chipCharacterLimit","className","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"],ra=["className","glyph","disabled"];function ta(n){var r,c,s,u=n.children,d=n.label,f=n.description,h=n.placeholder,E=void 0===h?"Select":h,C=n["aria-label"],S=n.disabled,P=void 0!==S&&S,A=n.size,X=void 0===A?Se.Default:A,V=n.darkMode,H=n.state,q=void 0===H?"none":H,Z=n.errorMessage,K=n.searchState,Y=void 0===K?"unset":K,B=n.searchEmptyMessage,U=void 0===B?"No results found":B,J=n.searchErrorMessage,$=void 0===J?"Could not get results!":J,Q=n.searchLoadingMessage,_=void 0===Q?"Loading results...":Q,ee=n.filteredOptions,ne=n.onFilter,re=n.clearable,te=void 0===re||re,ae=n.onClear,le=n.overflow,oe=void 0===le?Le.expandY:le,ie=n.multiselect,ce=void 0!==ie&&ie,me=n.initialValue,ge=n.inputValue,be=n.onInputChange,ve=n.onChange,De=n.value,Me=n.chipTruncationLocation,je=n.chipCharacterLimit,Ie=void 0===je?12:je,ze=n.className,Pe=n.usePortal,Fe=void 0===Pe||Pe,Ae=n.portalClassName,Te=n.portalContainer,We=n.scrollContainer,Xe=n.popoverZIndex,Re=fe(n,na),Ge=z(V),Ve=Ge.darkMode,He=Ge.theme,qe=L({prefix:"option"}),Ke=L({prefix:"chip"}),Ye=N({prefix:"combobox-input"}),Be=N({prefix:"combobox-label"}),Ue=N({prefix:"combobox-menu"}),Je=o(null),Qe=o(null),_e=o(null),en=o(null),nn=o(null),rn=he(i(!1),2),tn=rn[0],an=rn[1],ln=O(tn),on=he(i(null),2),cn=on[0],sn=on[1],un=he(i(null),2),dn=un[0],pn=un[1],fn=O(dn),mn=he(i(null!=ge?ge:""),2),hn=mn[0],gn=mn[1];t((function(){w(ge)||gn(ge)}),[ge]);var bn=function(e){gn(e)},vn=O(hn),xn=he(i(null),2),kn=xn[0],wn=xn[1],En=he(i(!1),2),Cn=En[0],Nn=En[1],Sn=ce&&v(dn)&&dn.length>0?void 0:E,Ln=function(){return an(!1)},On=function(){return an(!0)},Dn=a((function(){return ur(u)}),[u]),Mn=l((function(e){return!ce||"string"!=typeof e&&"number"!=typeof e?!ce&&v(e)&&W.error("Error in Combobox: multiselect is set to `false`, but received an Array value"):W.error("Error in Combobox: multiselect is set to `true`, but received a ".concat(ue(e),' value: "').concat(e,'"')),ce&&v(e)}),[ce]),jn=l((function(e){!P&&en&&en.current&&(en.current.focus(),w(e)||en.current.setSelectionRange(e,e))}),[P]),In=l((function(e){if(Mn(dn)){var n=g(dn),r=ve,t={diffType:"delete",value:null!=e?e:dn};x(e)?n.length=0:dn.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),t.diffType="insert",bn("")),pn(n),null==r||r(n,t)}else{var a=e,l=ve;pn(a),null==l||l(a)}}),[Mn,ve,dn]),zn=l((function(e){var n,r,t,a;return function(e,n){return Array.isArray(n)?n.includes(e):e===n}((r=Dn,(n=e)?null!==(t=null===(a=r.find((function(e){return e.displayName===n})))||void 0===a?void 0:a.value)&&void 0!==t?t:n:""),dn)}),[Dn,dn]),Pn=l((function(e){var n="string"==typeof e?e:e.value;return ee&&ee.length>0?ee.includes(n):!!zn(hn)||("string"==typeof e?pr(n,Dn):e.displayName).toLowerCase().includes(hn.toLowerCase())}),[ee,zn,hn,Dn]),An=a((function(){return Dn.filter(Pn)}),[Dn,Pn]),Tn=l((function(e){return!!e&&!!Dn.find((function(n){return n.value===e}))}),[Dn]),Wn=l((function(e){return An?An.findIndex((function(n){return n.value===e})):-1}),[An]),Xn=l((function(e){if(An&&An.length>=e){var n=An[e];return n?n.value:void 0}}),[An]),Rn=l((function(){return Mn(dn)?dn.findIndex((function(e){var n,r;return null===(n=Ke(e))||void 0===n||null===(r=n.current)||void 0===r?void 0:r.contains(document.activeElement)})):-1}),[Ke,Mn,dn]),Gn=he(i(),2),Vn=Gn[0],Hn=Gn[1],qn=l((function(e){var n,r=null!==(n=null==An?void 0:An.length)&&void 0!==n?n:0,t=r-1>0?r-1:0,a=Wn(cn);switch(e&&tn&&(wn(null),jn()),e){case"next":var l=Xn(a+1<r?a+1:0);sn(null!=l?l:null);break;case"prev":var o=Xn(a-1>=0?a-1:t);sn(null!=o?o:null);break;case"last":var i=Xn(t);sn(null!=i?i:null);break;default:var c=Xn(0);sn(null!=c?c:null)}}),[cn,Wn,Xn,tn,jn,null==An?void 0:An.length]),Zn=l((function(e,n){if(Mn(dn))switch(e){case"next":var r=null!=n?n:Rn(),t=r+1<dn.length?r+1:dn.length-1,a=dn[t];wn(a);break;case"prev":var l=null!=n?n:Rn(),o=l>0?l-1:l<0?dn.length-1:0,i=dn[o];wn(i);break;case"first":var c=dn[0];wn(c);break;case"last":var s=dn[dn.length-1];wn(s);break;default:wn(null)}}),[Rn,Mn,dn]),Kn=l((function(e,n){switch(e&&sn(null),e){case"right":switch(Vn){case ye:var r,t,a;if((null===(r=en.current)||void 0===r?void 0:r.selectionEnd)===(null===(t=en.current)||void 0===t?void 0:t.value.length))null===(a=Qe.current)||void 0===a||a.focus();break;case ke:case Ee:case we:if(Vn===we||1===(null==dn?void 0:dn.length)){jn(0),Zn(null),n.preventDefault();break}Zn("next")}break;case"left":switch(Vn){case xe:var l;n.preventDefault(),jn(null==en||null===(l=en.current)||void 0===l?void 0:l.value.length);break;case ye:case Ee:case we:if(Mn(dn)){var o;if(Vn===ye&&0!==(null===(o=en.current)||void 0===o?void 0:o.selectionStart))break;Zn("prev")}}break;default:Zn(null)}}),[Vn,Mn,dn,jn,Zn]);t((function(){hn!==vn&&qn("first")}),[hn,tn,vn,qn]),D(cn?qe(cn):void 0,nn);var Yn=l((function(n){if(T(n,"ComboboxOption")){var r=sr(n.props),t=r.value,a=r.displayName;if(Pn(t)){var l=n.props,o=l.className,i=l.glyph,c=l.disabled,s=fe(l,ra),u=Dn.findIndex((function(e){return e.value===t})),d=cn===t,p=Mn(dn)?dn.includes(t):dn===t,f=qe(t);return e.createElement(Nr,pe({},s,{value:t,displayName:a,isFocused:d,isSelected:p,disabled:c,setSelected:function(){sn(t),In(t),jn(),t===dn&&Ln()},glyph:i,className:o,index:u,ref:f}))}}else if(T(n,"ComboboxGroup")){var m=e.Children.map(n.props.children,Yn);if(m&&(null==m?void 0:m.length)>0)return e.createElement(yn,{label:n.props.label,className:n.props.className},e.Children.map(m,Yn))}}),[Dn,qe,cn,Mn,dn,jn,Pn,In]),Bn=a((function(){return e.Children.map(u,Yn)}),[u,Yn]),Un=a((function(){if(Mn(dn))return dn.filter(Tn).map((function(n,r){var t=pr(n,Dn),a=kn===n,l=Ke(n),o=r>=dn.length-1;return e.createElement($e,{key:n,displayName:t,isFocused:a,onRemove:function(){o?(jn(),Zn(null)):Zn("next",r),In(n)},onFocus:function(){wn(n)},ref:l})}))}),[Mn,dn,Tn,Dn,kn,Ke,In,jn,Zn]),Jn=a((function(){return Dn.some((function(e){return e.hasGlyph}))}),[Dn]),$n=l((function(){var e=An.find((function(e){return e.displayName===hn||e.value===hn}));if(!De&&e)In(e.value);else if(!Mn(dn)){var n,r=null!==(n=pr(dn,Dn))&&void 0!==n?n:fn;bn(r)}}),[Dn,hn,Mn,fn,dn,In,De,An]),Qn=l((function(){if(Et(dn)){if(Mn(dn))ir(oe);else if(!Mn(dn)){var e,n=null!==(e=pr(dn,Dn))&&void 0!==e?e:"";bn(n),Ln()}}else bn("")}),[Dn,Mn,dn,oe]);t((function(){if(me)if(v(me)){var e,n=null!==(e=me.filter((function(e){return Tn(e)})))&&void 0!==e?e:[];pn(n)}else Tn(me)&&pn(me);else pn(function(e){return e?[]:null}(ce))}),[]),t((function(){if(!w(De)&&De!==vn)if(x(De))pn(null);else if(Mn(De)){var e=De.filter(Tn);pn(e)}else pn(Tn(De)?De:null)}),[Mn,Tn,vn,De]),t((function(){!w(fn)&&(v(dn)&&!x(fn)||k(dn)||x(dn))&&!y(dn,fn)&&Qn()}),[Qn,fn,dn]),t((function(){!tn&&ln&&$n()}),[tn,ln,$n]);var _n=he(i(0),2),er=_n[0],nr=_n[1];t((function(){var e,n;nr(null!==(e=null===(n=Je.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)}),[Je,tn,cn,dn]);M(Ln,[nn,Je],tn);var rr=Mn(dn)&&!!dn.length,tr=b((function(e){Nn(cr(e.target))}),50,{leading:!0}),ar=l((function(e){oe===Le.expandY&&tr(e)}),[tr,oe]);t((function(){_e.current&&Nn(cr(_e.current))}),[]);var lr,or=se({popoverZIndex:Xe},Fe?{usePortal:Fe,portalClassName:Ae,portalContainer:Te,scrollContainer:We}:{usePortal:Fe});return e.createElement(I,{darkMode:Ve},e.createElement(Ze.Provider,{value:{multiselect:ce,size:X,withIcons:Jn,disabled:P,isOpen:tn,state:q,searchState:Y,chipTruncationLocation:Me,chipCharacterLimit:Ie,inputValue:hn,overflow:oe,popoverZIndex:Xe}},e.createElement("div",pe({className:p(Dt(X),ze)},Re),(d||f)&&e.createElement("div",{className:Ut},d&&e.createElement(R,{id:Be,htmlFor:Ye,darkMode:Ve,disabled:P,className:p(de({},Jt,X===Se.Large))},d),f&&e.createElement(G,{darkMode:Ve,disabled:P,className:p(de({},Jt,X===Se.Large))},f)),e.createElement("div",{ref:Je,role:"combobox","aria-expanded":tn,"aria-controls":Ue,"aria-owns":Ue,tabIndex:-1,onMouseDown:function(e){P&&e.preventDefault()},onClick:function(e){if(e.target!==en.current){var n=0;if(en.current)n=e.nativeEvent.offsetX>en.current.offsetLeft+en.current.clientWidth?hn.length:0;jn(n)}On()},onFocus:function(e){ir(oe),Hn(function(e){var n,r,t,a;if(!e)return;if(null!==(n=en.current)&&void 0!==n&&n.contains(e))return ye;if(null!==(r=Qe.current)&&void 0!==r&&r.contains(e))return xe;var l=Mn(dn)?dn.findIndex((function(n){var r,t;return null===(r=Ke(n))||void 0===r||null===(t=r.current)||void 0===t?void 0:t.contains(e)})):-1;if(Mn(dn)){if(0===l)return ke;if(l===dn.length-1)return we;if(l>0)return Ee}if(null!==(t=nn.current)&&void 0!==t&&t.contains(e))return Ne;if(null!==(a=Je.current)&&void 0!==a&&a.contains(e))return Ce}(e.target))},onKeyDown:function(e){var n,r,t=null===(n=nn.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(r=Je.current)||void 0===r?void 0:r.contains(document.activeElement))||t){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.key){case F.Tab:switch(Vn){case"Input":Et(dn)||(Ln(),qn("first"),Zn(null));break;case"LastChip":Zn(null)}break;case F.Escape:Ln(),qn("first");break;case F.Enter:tn?!tn||Vn!==ye||x(cn)||function(e){if("string"==typeof e){var n=dr(e,Dn);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(cn)?Vn===xe&&(In(null),jn()):In(cn):On();break;case F.Backspace:var a;if(Mn(dn))"Input"===Vn&&0===(null===(a=en.current)||void 0===a?void 0:a.selectionStart)&&Zn("last");On();break;case F.ArrowDown:tn?(e.preventDefault(),qn("next")):On();break;case F.ArrowUp:tn?(e.preventDefault(),qn("prev")):On();break;case F.ArrowRight:Kn("right",e);break;case F.ArrowLeft:Kn("left",e);break;default:tn||On()}}},onTransitionEnd:function(){var e,n;nr(null!==(e=null===(n=Je.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:p(Mt,jt[He],It(X,rr),(r={},de(r,zt[He],P),de(r,Pt[He],q===Oe.error),de(r,Ft[He],(lr=ye,lr===Vn)),de(r,$t[He],Cn),r))},e.createElement("div",{onScroll:ar,ref:_e,className:Wt({size:X,overflow:oe})},Un,e.createElement("input",{"aria-label":null!=C?C:d,"aria-autocomplete":"list","aria-controls":Ue,"aria-labelledby":Be,ref:en,id:Ye,className:p(Xt,Vt(X),Rt[He],Ht(tn),(c={},de(c,qt(X,hn),Mn(dn)),de(c,Gt[He],P),c)),placeholder:Sn,disabled:null!=P?P:void 0,onChange:function(e){bn(e.target.value),null==ne||ne(e.target.value),null==be||be(e)},value:hn,autoComplete:"off"})),e.createElement("div",{className:p(At,Tt[X])},"error"===q&&e.createElement(m,{glyph:"Warning",fill:Qt[He],className:Kt}),te&&Et(dn)&&!P&&e.createElement(j,{"aria-label":"Clear selection","aria-disabled":P,disabled:P,ref:Qe,onClick:function(e){P||(e.stopPropagation(),In(null),null==ae||ae(e),null==ne||ne(""),jn())},onFocus:function(){sn(null)},className:p(Zt),darkMode:Ve},e.createElement(m,{glyph:"XWithCircle"})),e.createElement(m,{glyph:"CaretDown",className:Kt,fill:p((s={},de(s,_t[He],!P),de(s,ea[He],P),s))}))),"error"===q&&Z&&e.createElement("div",{className:p(Yt[He],Bt(X))},Z),e.createElement(Fn,pe({id:Ue,labelId:Be,refEl:Je,ref:nn,menuWidth:er,searchLoadingMessage:_,searchErrorMessage:$,searchEmptyMessage:U},or),Bn))));function ir(e){_e&&_e.current&&(e===Le.scrollX&&(_e.current.scrollLeft=_e.current.scrollWidth),e===Le.expandY&&(_e.current.scrollTop=_e.current.scrollHeight))}}ta.propTypes={multiselect:E.bool,value:E.oneOfType([E.string,E.arrayOf(E.string)]),initialValue:E.oneOfType([E.string,E.arrayOf(E.string)]),overflow:E.oneOf(Object.values(Le)),darkMode:E.bool,label:E.string,"aria-label":E.string,children:E.node,onChange:E.func,chipCharacterLimit:E.number,chipTruncationLocation:E.oneOf(Object.values(H)),onClear:E.func,onFilter:E.func,clearable:E.bool,searchLoadingMessage:E.string,searchErrorMessage:E.string,searchEmptyMessage:E.string,searchState:E.oneOf(Object.values(De)),errorMessage:E.string,state:E.oneOf(Object.values(Oe)),size:E.oneOf(Object.values(Se)),disabled:E.bool,description:E.string,placeholder:E.string,filteredOptions:E.arrayOf(E.string),popoverZIndex:E.number,usePortal:E.bool,scrollContainer:E.elementType,portalContainer:E.elementType,portalClassName:E.string};var aa,la=d(aa||(aa=me(["\n width: 256px;\n padding-block: 64px;\n display: flex;\n"]))),oa=["apple","banana"],ia={title:"Components/Combobox",component:ta,decorators:[function(n){return e.createElement("div",{className:la},e.createElement(n,null))}],parameters:{default:"LiveExample",controls:{exclude:[].concat(ge(s),["as","filteredOptions","initialValue","setError","value","children"])},generate:{storyNames:["SingleSelect","MultiSelect","DisabledInput"],combineArgs:{darkMode:[!1,!0],clearable:[!0,!1],description:[void 0,"Please pick fruit(s)"],label:[void 0,"Choose a fruit"],state:Object.values(Oe),size:Object.values(Se)},excludeCombinations:[["description",{label:void 0}],{clearable:!1,value:void 0},{multiselect:!0,value:"apple"},{multiselect:!1,value:oa}]}},args:{label:"Choose a fruit",description:"Please pick fruit(s)",placeholder:"Select fruit",multiselect:!1,darkMode:!1,disabled:!1,clearable:!0,errorMessage:"No Pomegranates!",children:function(){var n=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return[e.createElement(Sr,{key:"apple",value:"apple",displayName:"Apple","data-testid":"test-id",description:"Do I keep the doctor away?",onClick:function(e,n){return console.log(e,n)},className:"className"}),e.createElement(Sr,{key:"banana",value:"banana",displayName:"Banana"}),e.createElement(Sr,{key:"carrot",value:"carrot",displayName:"Carrot",disabled:!0}),e.createElement(Sr,{key:"pomegranate",value:"pomegranate",displayName:"Pomegranate",glyph:n?e.createElement(m,{glyph:"Warning"}):void 0,description:"Watch out, I stain everything I touch LOL",disabled:!0}),e.createElement(Sr,{key:"plantain",value:"plantain",displayName:"Plantain",glyph:n?e.createElement(m,{glyph:"Connect"}):void 0,description:"Don't confuse me with a banana",onClick:function(){return console.log("I was clicked")}}),e.createElement(Sr,{key:"paragraph",value:"paragraph",displayName:"Nullam quis risus eget urna mollis ornare vel eu leo. Vestibulum id ligula porta felis euismod semper."}),e.createElement(Sr,{key:"hash",value:"hash",displayName:"5f4dcc3b5aa765d61d8327deb882cf995f4dcc3b5aa765d61d8327deb882cf99"}),e.createElement(Sr,{key:"dragonfruit",value:"dragonfruit",displayName:"Dragonfruit",description:"Rawr"}),e.createElement(Sr,{key:"eggplant",value:"eggplant",displayName:"Eggplant"}),e.createElement(Sr,{key:"fig",value:"fig",displayName:"Fig"}),e.createElement(Sr,{key:"grape",value:"grape",displayName:"Grape"}),e.createElement(Sr,{key:"honeydew",value:"honeydew",displayName:"Honeydew"}),e.createElement(Sr,{key:"iceberg-lettuce",value:"iceberg-lettuce",displayName:"Iceberg lettuce"}),e.createElement(xn,{key:"peppers",label:"Peppers"},e.createElement(Sr,{key:"cayenne",value:"cayenne",displayName:"Cayenne"}),e.createElement(Sr,{key:"ghost-pepper",value:"ghost-pepper",displayName:"Ghost pepper"}),e.createElement(Sr,{key:"habanero",value:"habanero",displayName:"Habanero"}),e.createElement(Sr,{key:"jalapeno",value:"jalapeno",displayName:"Jalapeño"}),e.createElement(Sr,{key:"red-pepper",value:"red-pepper",displayName:"Red pepper"}),e.createElement(Sr,{key:"scotch-bonnet",value:"scotch-bonnet",displayName:"Scotch bonnet",description:"Don't touch your eyes"}))]}()},argTypes:{darkMode:c.darkMode,multiselect:{control:"boolean"},disabled:{control:"boolean"},clearable:{control:"boolean"},label:{control:"text"},description:{control:"text"},placeholder:{control:"text"},inputValue:{control:"text"},size:{options:Object.values(Se),control:"select"},state:{options:Object.values(Oe),control:"select"},errorMessage:{control:"text"},searchEmptyMessage:{control:"text"},searchState:{options:Object.values(De),control:"select"},searchErrorMessage:{control:"text",if:{arg:"searchState",eq:De.error}},searchLoadingMessage:{control:"text",if:{arg:"searchState",eq:De.loading}},chipTruncationLocation:{options:Object.values(H),control:"select",if:{arg:"multiselect"}},chipCharacterLimit:{control:"number",if:{arg:"multiselect"}},overflow:{options:Object.values(Le),control:"select",if:{arg:"multiselect"}}}},ca=function(n){return e.createElement(e.Fragment,null,n.multiselect?e.createElement(ta,pe({key:"multi"},n,{multiselect:!0})):e.createElement(ta,pe({key:"single"},n,{multiselect:!1})))};ca.parameters={chromatic:{disableSnapshot:!0}};var sa=function(){var n=he(i(null),2),r=n[0],t=n[1];return e.createElement("div",null,e.createElement(ta,{multiselect:!1,label:"Choose a fruit",description:"Please pick one",placeholder:"Select fruit",onChange:function(e){t(e)},value:r},e.createElement(Sr,{value:"apple"}),e.createElement(Sr,{value:"banana"}),e.createElement(Sr,{value:"carrot"})),e.createElement(u,{onClick:function(){return t("carrot")}},"Select Carrot"))};sa.parameters={chromatic:{disableSnapshot:!0}};var ua=function(){var n=["apple","banana","carrot","dragonfruit","eggplant","fig","grape","honeydew","iceberg-lettuce","jalapeño"],r=he(i(["carrot","grape"]),2),t=r[0],a=r[1];return e.createElement(ta,{label:"Choose some fruit",placeholder:"Select fruit",initialValue:["apple","fig","raspberry"],multiselect:!0,overflow:"expand-y",onFilter:function(e){a(n.filter((function(n){return n.includes(e)})))},filteredOptions:t},n.map((function(n){return e.createElement(Sr,{key:n,value:n})})))};ua.parameters={chromatic:{disableSnapshot:!0}};var da=function(){return e.createElement(e.Fragment,null)};da.args={multiselect:!1},da.parameters={generate:{combineArgs:{value:[void 0,"apple"]}}};var pa=function(){return e.createElement(e.Fragment,null)};pa.args={multiselect:!0},pa.parameters={generate:{combineArgs:{value:[void 0,oa]}}};var fa=function(){return e.createElement(e.Fragment,null)};fa.args={disabled:!0},fa.parameters={generate:{combineArgs:{darkMode:[!0,!1]}}};export{sa as ControlledSingleSelect,fa as DisabledInput,ua as ExternalFilter,ca as LiveExample,pa as MultiSelect,da as SingleSelect,ia as default};
|