reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2024-12-01 14:03:52 +03:00
Code Issues Packages Projects Releases Wiki Activity
085352d7b3
redux-devtools/packages/devui/tests/__snapshots__/Select.test.tsx.snap
Nathan Bierema 2f7cf3efac
fix(devui): better Select styles to match other components (#787) 
* feat(extension): add back buttons for opening new windows

* Change import

* stash

* stash
2021-08-27 03:48:24 +00:00

4084 lines
195 KiB
Plaintext
Raw Blame History

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Select renders correctly 1`] = `
<div
class=" css-butsr4-container"
>
<div
class=" css-10abb65-control"
>
<div
class=" css-be27w2-ValueContainer"
>
<div
class=" css-1osw1h9-placeholder"
>
Select...
</div>
<div
class="css-187dxxn-Input"
>
<div
class=""
style="display:inline-block"
>
<input
aria-autocomplete="list"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
id="react-select-2-input"
spellcheck="false"
style="box-sizing:content-box;width:1px;label:input;background:0;border:0;font-size:inherit;opacity:1;outline:0;padding:0;color:inherit"
tabindex="0"
type="text"
value=""
/>
<div
style="position:absolute;top:0;left:0;visibility:hidden;height:0;overflow:scroll;white-space:pre"
/>
</div>
</div>
</div>
<div
class=" css-1hb7zxy-IndicatorsContainer"
>
<span
class=" css-1urf5ax-indicatorSeparator"
/>
<div
aria-hidden="true"
class=" css-aazq4s-indicatorContainer"
>
<svg
aria-hidden="true"
class="css-6q0nyr-Svg"
focusable="false"
height="20"
viewBox="0 0 20 20"
width="20"
>
<path
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
/>
</svg>
</div>
</div>
</div>
</div>
`;
exports[`Select renders with props 1`] = `
<div
class=" css-ie73ge-container"
>
<div
class=" css-10abb65-control"
>
<div
class=" css-be27w2-ValueContainer"
>
<div
class="css-168vvpw-multiValue"
>
<div
class="css-1m51f4l"
>
One
</div>
<div
class="css-1to589f"
>
<svg
aria-hidden="true"
class="css-6q0nyr-Svg"
focusable="false"
height="14"
viewBox="0 0 20 20"
width="14"
>
<path
d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
/>
</svg>
</div>
</div>
<input
aria-autocomplete="list"
class="css-62g3xt-dummyInput"
disabled=""
id="react-select-3-input"
readonly=""
tabindex="0"
value=""
/>
</div>
<div
class=" css-1hb7zxy-IndicatorsContainer"
>
<div
aria-hidden="true"
class=" css-1gilzap-loadingIndicator"
>
<span
class="css-1yvy2vo-LoadingDot"
/>
<span
class="css-zoievk-LoadingDot"
/>
<span
class="css-x748d8-LoadingDot"
/>
</div>
<span
class=" css-1urf5ax-indicatorSeparator"
/>
<div
aria-hidden="true"
class=" css-aazq4s-indicatorContainer"
>
<svg
aria-hidden="true"
class="css-6q0nyr-Svg"
focusable="false"
height="20"
viewBox="0 0 20 20"
width="20"
>
<path
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
/>
</svg>
</div>
</div>
</div>
</div>
`;
exports[`Select should select another option 1`] = `
<WithTheme(Component)
onInputChange={
[MockFunction] {
"calls": Array [
Array [
"two",
Object {
"action": "input-change",
},
],
],
"results": Array [
Object {
"type": "return",
"value": undefined,
},
],
}
}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
>
<Component
onInputChange={
[MockFunction] {
"calls": Array [
Array [
"two",
Object {
"action": "input-change",
},
],
],
"results": Array [
Object {
"type": "return",
"value": undefined,
},
],
}
}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
>
<Select
onInputChange={
[MockFunction] {
"calls": Array [
Array [
"two",
Object {
"action": "input-change",
},
],
],
"results": Array [
Object {
"type": "return",
"value": undefined,
},
],
}
}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
theme={
Object {
"codeFontFamily": "'Source Code Pro', monospace",
"fontFamily": "'Source Sans Pro', sans-serif",
"inputBorderColor": undefined,
"inputBorderRadius": 4,
"inputBorderWidth": 1,
"inputFocusedStyle": "border-color: undefined",
"inputHeight": 30,
"inputInternalHeight": 28,
"inputPadding": 10,
"selectArrowWidth": 4,
"spinnerSize": 13,
}
}
>
<StateManager
defaultInputValue=""
defaultMenuIsOpen={false}
defaultValue={null}
onInputChange={
[MockFunction] {
"calls": Array [
Array [
"two",
Object {
"action": "input-change",
},
],
],
"results": Array [
Object {
"type": "return",
"value": undefined,
},
],
}
}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
styles={
Object {
"container": [Function],
"control": [Function],
}
}
theme={[Function]}
>
<Select
backspaceRemovesValue={true}
blurInputOnSelect={true}
captureMenuScroll={false}
closeMenuOnScroll={false}
closeMenuOnSelect={true}
components={Object {}}
controlShouldRenderValue={true}
escapeClearsValue={false}
filterOption={[Function]}
formatGroupLabel={[Function]}
getOptionLabel={[Function]}
getOptionValue={[Function]}
inputValue="two"
isDisabled={false}
isLoading={false}
isMulti={false}
isOptionDisabled={[Function]}
isRtl={false}
isSearchable={true}
loadingMessage={[Function]}
maxMenuHeight={300}
menuIsOpen={true}
menuPlacement="bottom"
menuPosition="absolute"
menuShouldBlockScroll={false}
menuShouldScrollIntoView={true}
minMenuHeight={140}
noOptionsMessage={[Function]}
onChange={[Function]}
onInputChange={[Function]}
onMenuClose={[Function]}
onMenuOpen={[Function]}
openMenuOnClick={true}
openMenuOnFocus={false}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
pageSize={5}
placeholder="Select..."
screenReaderStatus={[Function]}
styles={
Object {
"container": [Function],
"control": [Function],
}
}
tabIndex="0"
tabSelectsValue={true}
theme={[Function]}
value={null}
>
<SelectContainer
clearValue={[Function]}
cx={[Function]}
getStyles={[Function]}
getValue={[Function]}
hasValue={false}
innerProps={
Object {
"id": undefined,
"onKeyDown": [Function],
}
}
isDisabled={false}
isFocused={false}
isMulti={false}
isRtl={false}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
selectOption={[Function]}
selectProps={
Object {
"backspaceRemovesValue": true,
"blurInputOnSelect": true,
"captureMenuScroll": false,
"closeMenuOnScroll": false,
"closeMenuOnSelect": true,
"components": Object {},
"controlShouldRenderValue": true,
"escapeClearsValue": false,
"filterOption": [Function],
"formatGroupLabel": [Function],
"getOptionLabel": [Function],
"getOptionValue": [Function],
"inputValue": "two",
"isDisabled": false,
"isLoading": false,
"isMulti": false,
"isOptionDisabled": [Function],
"isRtl": false,
"isSearchable": true,
"loadingMessage": [Function],
"maxMenuHeight": 300,
"menuIsOpen": true,
"menuPlacement": "bottom",
"menuPosition": "absolute",
"menuShouldBlockScroll": false,
"menuShouldScrollIntoView": true,
"minMenuHeight": 140,
"noOptionsMessage": [Function],
"onChange": [Function],
"onInputChange": [Function],
"onMenuClose": [Function],
"onMenuOpen": [Function],
"openMenuOnClick": true,
"openMenuOnFocus": false,
"options": Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
],
"pageSize": 5,
"placeholder": "Select...",
"screenReaderStatus": [Function],
"styles": Object {
"container": [Function],
"control": [Function],
},
"tabIndex": "0",
"tabSelectsValue": true,
"theme": [Function],
"value": null,
}
}
setValue={[Function]}
theme={
Object {
"borderRadius": 0,
"colors": Object {
"danger": undefined,
"dangerLight": undefined,
"neutral0": undefined,
"neutral10": undefined,
"neutral20": undefined,
"neutral30": undefined,
"neutral40": undefined,
"neutral5": undefined,
"neutral50": "hsl(0, 0%, 50%)",
"neutral60": undefined,
"neutral70": "hsl(0, 0%, 30%)",
"neutral80": undefined,
"neutral90": "hsl(0, 0%, 10%)",
"primary": undefined,
"primary25": undefined,
"primary50": undefined,
"primary75": "#4C9AFF",
},
"spacing": Object {
"baseUnit": 2,
"controlHeight": 30,
"menuGutter": 8,
},
}
}
>
<EmotionCssPropInternal
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="SelectContainer"
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
className=""
css={
Object {
"boxSizing": "border-box",
"direction": null,
"flexGrow": 1,
"label": "container",
"pointerEvents": null,
"position": "relative",
}
}
onKeyDown={[Function]}
>
<div
className=" css-butsr4-container"
onKeyDown={[Function]}
>
<Control
clearValue={[Function]}
cx={[Function]}
getStyles={[Function]}
getValue={[Function]}
hasValue={false}
innerProps={
Object {
"onMouseDown": [Function],
"onTouchEnd": [Function],
}
}
innerRef={[Function]}
isDisabled={false}
isFocused={false}
isMulti={false}
isRtl={false}
menuIsOpen={true}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
selectOption={[Function]}
selectProps={
Object {
"backspaceRemovesValue": true,
"blurInputOnSelect": true,
"captureMenuScroll": false,
"closeMenuOnScroll": false,
"closeMenuOnSelect": true,
"components": Object {},
"controlShouldRenderValue": true,
"escapeClearsValue": false,
"filterOption": [Function],
"formatGroupLabel": [Function],
"getOptionLabel": [Function],
"getOptionValue": [Function],
"inputValue": "two",
"isDisabled": false,
"isLoading": false,
"isMulti": false,
"isOptionDisabled": [Function],
"isRtl": false,
"isSearchable": true,
"loadingMessage": [Function],
"maxMenuHeight": 300,
"menuIsOpen": true,
"menuPlacement": "bottom",
"menuPosition": "absolute",
"menuShouldBlockScroll": false,
"menuShouldScrollIntoView": true,
"minMenuHeight": 140,
"noOptionsMessage": [Function],
"onChange": [Function],
"onInputChange": [Function],
"onMenuClose": [Function],
"onMenuOpen": [Function],
"openMenuOnClick": true,
"openMenuOnFocus": false,
"options": Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
],
"pageSize": 5,
"placeholder": "Select...",
"screenReaderStatus": [Function],
"styles": Object {
"container": [Function],
"control": [Function],
},
"tabIndex": "0",
"tabSelectsValue": true,
"theme": [Function],
"value": null,
}
}
setValue={[Function]}
theme={
Object {
"borderRadius": 0,
"colors": Object {
"danger": undefined,
"dangerLight": undefined,
"neutral0": undefined,
"neutral10": undefined,
"neutral20": undefined,
"neutral30": undefined,
"neutral40": undefined,
"neutral5": undefined,
"neutral50": "hsl(0, 0%, 50%)",
"neutral60": undefined,
"neutral70": "hsl(0, 0%, 30%)",
"neutral80": undefined,
"neutral90": "hsl(0, 0%, 10%)",
"primary": undefined,
"primary25": undefined,
"primary50": undefined,
"primary75": "#4C9AFF",
},
"spacing": Object {
"baseUnit": 2,
"controlHeight": 30,
"menuGutter": 8,
},
}
}
>
<EmotionCssPropInternal
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Control"
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
className=""
css={
Object {
"&:hover": Object {
"backgroundColor": undefined,
"borderColor": undefined,
},
"alignItems": "center",
"backgroundColor": undefined,
"borderColor": undefined,
"borderRadius": 0,
"borderStyle": "solid",
"borderWidth": 1,
"boxShadow": null,
"boxSizing": "border-box",
"cursor": "default",
"display": "flex",
"flexWrap": "wrap",
"justifyContent": "space-between",
"label": "control",
"minHeight": 30,
"outline": "0 !important",
"position": "relative",
"transition": "all 100ms",
}
}
onMouseDown={[Function]}
onTouchEnd={[Function]}
>
<div
className=" css-10abb65-control"
onMouseDown={[Function]}
onTouchEnd={[Function]}
>
<ValueContainer
clearValue={[Function]}
cx={[Function]}
getStyles={[Function]}
getValue={[Function]}
hasValue={false}
isDisabled={false}
isMulti={false}
isRtl={false}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
selectOption={[Function]}
selectProps={
Object {
"backspaceRemovesValue": true,
"blurInputOnSelect": true,
"captureMenuScroll": false,
"closeMenuOnScroll": false,
"closeMenuOnSelect": true,
"components": Object {},
"controlShouldRenderValue": true,
"escapeClearsValue": false,
"filterOption": [Function],
"formatGroupLabel": [Function],
"getOptionLabel": [Function],
"getOptionValue": [Function],
"inputValue": "two",
"isDisabled": false,
"isLoading": false,
"isMulti": false,
"isOptionDisabled": [Function],
"isRtl": false,
"isSearchable": true,
"loadingMessage": [Function],
"maxMenuHeight": 300,
"menuIsOpen": true,
"menuPlacement": "bottom",
"menuPosition": "absolute",
"menuShouldBlockScroll": false,
"menuShouldScrollIntoView": true,
"minMenuHeight": 140,
"noOptionsMessage": [Function],
"onChange": [Function],
"onInputChange": [Function],
"onMenuClose": [Function],
"onMenuOpen": [Function],
"openMenuOnClick": true,
"openMenuOnFocus": false,
"options": Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
],
"pageSize": 5,
"placeholder": "Select...",
"screenReaderStatus": [Function],
"styles": Object {
"container": [Function],
"control": [Function],
},
"tabIndex": "0",
"tabSelectsValue": true,
"theme": [Function],
"value": null,
}
}
setValue={[Function]}
theme={
Object {
"borderRadius": 0,
"colors": Object {
"danger": undefined,
"dangerLight": undefined,
"neutral0": undefined,
"neutral10": undefined,
"neutral20": undefined,
"neutral30": undefined,
"neutral40": undefined,
"neutral5": undefined,
"neutral50": "hsl(0, 0%, 50%)",
"neutral60": undefined,
"neutral70": "hsl(0, 0%, 30%)",
"neutral80": undefined,
"neutral90": "hsl(0, 0%, 10%)",
"primary": undefined,
"primary25": undefined,
"primary50": undefined,
"primary75": "#4C9AFF",
},
"spacing": Object {
"baseUnit": 2,
"controlHeight": 30,
"menuGutter": 8,
},
}
}
>
<EmotionCssPropInternal
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="ValueContainer"
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
className=""
css={
Object {
"WebkitOverflowScrolling": "touch",
"alignItems": "center",
"boxSizing": "border-box",
"display": "flex",
"flex": 1,
"flexWrap": "wrap",
"overflow": "hidden",
"padding": "1px 4px",
"position": "relative",
}
}
>
<div
className=" css-be27w2-ValueContainer"
>
<Input
aria-autocomplete="list"
autoCapitalize="none"
autoComplete="off"
autoCorrect="off"
cx={[Function]}
getStyles={[Function]}
id="react-select-4-input"
innerRef={[Function]}
isDisabled={false}
isHidden={false}
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
selectProps={
Object {
"backspaceRemovesValue": true,
"blurInputOnSelect": true,
"captureMenuScroll": false,
"closeMenuOnScroll": false,
"closeMenuOnSelect": true,
"components": Object {},
"controlShouldRenderValue": true,
"escapeClearsValue": false,
"filterOption": [Function],
"formatGroupLabel": [Function],
"getOptionLabel": [Function],
"getOptionValue": [Function],
"inputValue": "two",
"isDisabled": false,
"isLoading": false,
"isMulti": false,
"isOptionDisabled": [Function],
"isRtl": false,
"isSearchable": true,
"loadingMessage": [Function],
"maxMenuHeight": 300,
"menuIsOpen": true,
"menuPlacement": "bottom",
"menuPosition": "absolute",
"menuShouldBlockScroll": false,
"menuShouldScrollIntoView": true,
"minMenuHeight": 140,
"noOptionsMessage": [Function],
"onChange": [Function],
"onInputChange": [Function],
"onMenuClose": [Function],
"onMenuOpen": [Function],
"openMenuOnClick": true,
"openMenuOnFocus": false,
"options": Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
],
"pageSize": 5,
"placeholder": "Select...",
"screenReaderStatus": [Function],
"styles": Object {
"container": [Function],
"control": [Function],
},
"tabIndex": "0",
"tabSelectsValue": true,
"theme": [Function],
"value": null,
}
}
spellCheck="false"
tabIndex="0"
theme={
Object {
"borderRadius": 0,
"colors": Object {
"danger": undefined,
"dangerLight": undefined,
"neutral0": undefined,
"neutral10": undefined,
"neutral20": undefined,
"neutral30": undefined,
"neutral40": undefined,
"neutral5": undefined,
"neutral50": "hsl(0, 0%, 50%)",
"neutral60": undefined,
"neutral70": "hsl(0, 0%, 30%)",
"neutral80": undefined,
"neutral90": "hsl(0, 0%, 10%)",
"primary": undefined,
"primary25": undefined,
"primary50": undefined,
"primary75": "#4C9AFF",
},
"spacing": Object {
"baseUnit": 2,
"controlHeight": 30,
"menuGutter": 8,
},
}
}
type="text"
value="two"
>
<EmotionCssPropInternal
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Input"
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
css={
Object {
"boxSizing": "border-box",
"color": undefined,
"margin": 1,
"paddingBottom": 1,
"paddingTop": 1,
"visibility": "visible",
}
}
>
<div
className="css-187dxxn-Input"
>
<AutosizeInput
aria-autocomplete="list"
autoCapitalize="none"
autoComplete="off"
autoCorrect="off"
className=""
disabled={false}
id="react-select-4-input"
injectStyles={true}
inputRef={[Function]}
inputStyle={
Object {
"background": 0,
"border": 0,
"color": "inherit",
"fontSize": "inherit",
"label": "input",
"opacity": 1,
"outline": 0,
"padding": 0,
}
}
minWidth={1}
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
spellCheck="false"
tabIndex="0"
type="text"
value="two"
>
<div
className=""
style={
Object {
"display": "inline-block",
}
}
>
<input
aria-autocomplete="list"
autoCapitalize="none"
autoComplete="off"
autoCorrect="off"
disabled={false}
id="react-select-4-input"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
spellCheck="false"
style={
Object {
"background": 0,
"border": 0,
"boxSizing": "content-box",
"color": "inherit",
"fontSize": "inherit",
"label": "input",
"opacity": 1,
"outline": 0,
"padding": 0,
"width": "2px",
}
}
tabIndex="0"
type="text"
value="two"
/>
<div
style={
Object {
"height": 0,
"left": 0,
"overflow": "scroll",
"position": "absolute",
"top": 0,
"visibility": "hidden",
"whiteSpace": "pre",
}
}
>
two
</div>
</div>
</AutosizeInput>
</div>
</EmotionCssPropInternal>
</Input>
</div>
</EmotionCssPropInternal>
</ValueContainer>
<IndicatorsContainer
clearValue={[Function]}
cx={[Function]}
getStyles={[Function]}
getValue={[Function]}
hasValue={false}
isDisabled={false}
isMulti={false}
isRtl={false}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
selectOption={[Function]}
selectProps={
Object {
"backspaceRemovesValue": true,
"blurInputOnSelect": true,
"captureMenuScroll": false,
"closeMenuOnScroll": false,
"closeMenuOnSelect": true,
"components": Object {},
"controlShouldRenderValue": true,
"escapeClearsValue": false,
"filterOption": [Function],
"formatGroupLabel": [Function],
"getOptionLabel": [Function],
"getOptionValue": [Function],
"inputValue": "two",
"isDisabled": false,
"isLoading": false,
"isMulti": false,
"isOptionDisabled": [Function],
"isRtl": false,
"isSearchable": true,
"loadingMessage": [Function],
"maxMenuHeight": 300,
"menuIsOpen": true,
"menuPlacement": "bottom",
"menuPosition": "absolute",
"menuShouldBlockScroll": false,
"menuShouldScrollIntoView": true,
"minMenuHeight": 140,
"noOptionsMessage": [Function],
"onChange": [Function],
"onInputChange": [Function],
"onMenuClose": [Function],
"onMenuOpen": [Function],
"openMenuOnClick": true,
"openMenuOnFocus": false,
"options": Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
],
"pageSize": 5,
"placeholder": "Select...",
"screenReaderStatus": [Function],
"styles": Object {
"container": [Function],
"control": [Function],
},
"tabIndex": "0",
"tabSelectsValue": true,
"theme": [Function],
"value": null,
}
}
setValue={[Function]}
theme={
Object {
"borderRadius": 0,
"colors": Object {
"danger": undefined,
"dangerLight": undefined,
"neutral0": undefined,
"neutral10": undefined,
"neutral20": undefined,
"neutral30": undefined,
"neutral40": undefined,
"neutral5": undefined,
"neutral50": "hsl(0, 0%, 50%)",
"neutral60": undefined,
"neutral70": "hsl(0, 0%, 30%)",
"neutral80": undefined,
"neutral90": "hsl(0, 0%, 10%)",
"primary": undefined,
"primary25": undefined,
"primary50": undefined,
"primary75": "#4C9AFF",
},
"spacing": Object {
"baseUnit": 2,
"controlHeight": 30,
"menuGutter": 8,
},
}
}
>
<EmotionCssPropInternal
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorsContainer"
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
className=""
css={
Object {
"alignItems": "center",
"alignSelf": "stretch",
"boxSizing": "border-box",
"display": "flex",
"flexShrink": 0,
}
}
>
<div
className=" css-1hb7zxy-IndicatorsContainer"
>
<IndicatorSeparator
clearValue={[Function]}
cx={[Function]}
getStyles={[Function]}
getValue={[Function]}
hasValue={false}
isDisabled={false}
isFocused={false}
isMulti={false}
isRtl={false}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
selectOption={[Function]}
selectProps={
Object {
"backspaceRemovesValue": true,
"blurInputOnSelect": true,
"captureMenuScroll": false,
"closeMenuOnScroll": false,
"closeMenuOnSelect": true,
"components": Object {},
"controlShouldRenderValue": true,
"escapeClearsValue": false,
"filterOption": [Function],
"formatGroupLabel": [Function],
"getOptionLabel": [Function],
"getOptionValue": [Function],
"inputValue": "two",
"isDisabled": false,
"isLoading": false,
"isMulti": false,
"isOptionDisabled": [Function],
"isRtl": false,
"isSearchable": true,
"loadingMessage": [Function],
"maxMenuHeight": 300,
"menuIsOpen": true,
"menuPlacement": "bottom",
"menuPosition": "absolute",
"menuShouldBlockScroll": false,
"menuShouldScrollIntoView": true,
"minMenuHeight": 140,
"noOptionsMessage": [Function],
"onChange": [Function],
"onInputChange": [Function],
"onMenuClose": [Function],
"onMenuOpen": [Function],
"openMenuOnClick": true,
"openMenuOnFocus": false,
"options": Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
],
"pageSize": 5,
"placeholder": "Select...",
"screenReaderStatus": [Function],
"styles": Object {
"container": [Function],
"control": [Function],
},
"tabIndex": "0",
"tabSelectsValue": true,
"theme": [Function],
"value": null,
}
}
setValue={[Function]}
theme={
Object {
"borderRadius": 0,
"colors": Object {
"danger": undefined,
"dangerLight": undefined,
"neutral0": undefined,
"neutral10": undefined,
"neutral20": undefined,
"neutral30": undefined,
"neutral40": undefined,
"neutral5": undefined,
"neutral50": "hsl(0, 0%, 50%)",
"neutral60": undefined,
"neutral70": "hsl(0, 0%, 30%)",
"neutral80": undefined,
"neutral90": "hsl(0, 0%, 10%)",
"primary": undefined,
"primary25": undefined,
"primary50": undefined,
"primary75": "#4C9AFF",
},
"spacing": Object {
"baseUnit": 2,
"controlHeight": 30,
"menuGutter": 8,
},
}
}
>
<EmotionCssPropInternal
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorSeparator"
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="span"
className=""
css={
Object {
"alignSelf": "stretch",
"backgroundColor": undefined,
"boxSizing": "border-box",
"label": "indicatorSeparator",
"marginBottom": 4,
"marginTop": 4,
"width": 1,
}
}
>
<span
className=" css-1urf5ax-indicatorSeparator"
/>
</EmotionCssPropInternal>
</IndicatorSeparator>
<DropdownIndicator
clearValue={[Function]}
cx={[Function]}
getStyles={[Function]}
getValue={[Function]}
hasValue={false}
innerProps={
Object {
"aria-hidden": "true",
"onMouseDown": [Function],
"onTouchEnd": [Function],
}
}
isDisabled={false}
isFocused={false}
isMulti={false}
isRtl={false}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
selectOption={[Function]}
selectProps={
Object {
"backspaceRemovesValue": true,
"blurInputOnSelect": true,
"captureMenuScroll": false,
"closeMenuOnScroll": false,
"closeMenuOnSelect": true,
"components": Object {},
"controlShouldRenderValue": true,
"escapeClearsValue": false,
"filterOption": [Function],
"formatGroupLabel": [Function],
"getOptionLabel": [Function],
"getOptionValue": [Function],
"inputValue": "two",
"isDisabled": false,
"isLoading": false,
"isMulti": false,
"isOptionDisabled": [Function],
"isRtl": false,
"isSearchable": true,
"loadingMessage": [Function],
"maxMenuHeight": 300,
"menuIsOpen": true,
"menuPlacement": "bottom",
"menuPosition": "absolute",
"menuShouldBlockScroll": false,
"menuShouldScrollIntoView": true,
"minMenuHeight": 140,
"noOptionsMessage": [Function],
"onChange": [Function],
"onInputChange": [Function],
"onMenuClose": [Function],
"onMenuOpen": [Function],
"openMenuOnClick": true,
"openMenuOnFocus": false,
"options": Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
],
"pageSize": 5,
"placeholder": "Select...",
"screenReaderStatus": [Function],
"styles": Object {
"container": [Function],
"control": [Function],
},
"tabIndex": "0",
"tabSelectsValue": true,
"theme": [Function],
"value": null,
}
}
setValue={[Function]}
theme={
Object {
"borderRadius": 0,
"colors": Object {
"danger": undefined,
"dangerLight": undefined,
"neutral0": undefined,
"neutral10": undefined,
"neutral20": undefined,
"neutral30": undefined,
"neutral40": undefined,
"neutral5": undefined,
"neutral50": "hsl(0, 0%, 50%)",
"neutral60": undefined,
"neutral70": "hsl(0, 0%, 30%)",
"neutral80": undefined,
"neutral90": "hsl(0, 0%, 10%)",
"primary": undefined,
"primary25": undefined,
"primary50": undefined,
"primary75": "#4C9AFF",
},
"spacing": Object {
"baseUnit": 2,
"controlHeight": 30,
"menuGutter": 8,
},
}
}
>
<EmotionCssPropInternal
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="DropdownIndicator"
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
aria-hidden="true"
className=""
css={
Object {
":hover": Object {
"color": undefined,
},
"boxSizing": "border-box",
"color": undefined,
"display": "flex",
"label": "indicatorContainer",
"padding": 4,
"transition": "color 150ms",
}
}
onMouseDown={[Function]}
onTouchEnd={[Function]}
>
<div
aria-hidden="true"
className=" css-aazq4s-indicatorContainer"
onMouseDown={[Function]}
onTouchEnd={[Function]}
>
<DownChevron>
<Svg
size={20}
>
<EmotionCssPropInternal
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Svg"
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="svg"
aria-hidden="true"
css={
Object {
"map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JJIiwiZmlsZSI6ImluZGljYXRvcnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAZmxvd1xuLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyB0eXBlIE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3gsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgdHlwZSB7IENvbW1vblByb3BzLCBUaGVtZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBEcm9wZG93biAmIENsZWFyIEljb25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgU3ZnID0gKHsgc2l6ZSwgLi4ucHJvcHMgfTogeyBzaXplOiBudW1iZXIgfSkgPT4gKFxuICA8c3ZnXG4gICAgaGVpZ2h0PXtzaXplfVxuICAgIHdpZHRoPXtzaXplfVxuICAgIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgZm9jdXNhYmxlPVwiZmFsc2VcIlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBmaWxsOiAnY3VycmVudENvbG9yJyxcbiAgICAgIGxpbmVIZWlnaHQ6IDEsXG4gICAgICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxuICAgICAgc3Ryb2tlV2lkdGg6IDAsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBhbnkpID0+IChcbiAgPFN2ZyBzaXplPXsyMH0gey4uLnByb3BzfT5cbiAgICA8cGF0aCBkPVwiTTE0LjM0OCAxNC44NDljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDBsLTIuNjUxLTMuMDMwLTIuNjUxIDMuMDI5Yy0wLjQ2OSAwLjQ2OS0xLjIyOSAwLjQ2OS0xLjY5NyAwLTAuNDY5LTAuNDY5LTAuNDY5LTEuMjI5IDAtMS42OTdsMi43NTgtMy4xNS0yLjc1OS0zLjE1MmMtMC40NjktMC40NjktMC40NjktMS4yMjggMC0xLjY5N3MxLjIyOC0wLjQ2OSAxLjY5NyAwbDIuNjUyIDMuMDMxIDIuNjUxLTMuMDMxYzAuNDY5LTAuNDY5IDEuMjI4LTAuNDY5IDEuNjk3IDBzMC40NjkgMS4yMjkgMCAxLjY5N2wtMi43NTggMy4xNTIgMi43NTggMy4xNWMwLjQ2OSAwLjQ2OSAwLjQ2OSAxLjIyOSAwIDEuNjk4elwiIC8+XG4gIDwvU3ZnPlxuKTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogYW55KSA9PiAoXG4gIDxTdmcgc2l6ZT17MjB9IHsuLi5wcm9wc30+XG4gICAgPHBhdGggZD1cIk00LjUxNiA3LjU0OGMwLjQzNi0wLjQ0NiAxLjA0My0wLjQ4MSAxLjU3NiAwbDMuOTA4IDMuNzQ3IDMuOTA4LTMuNzQ3YzAuNTMzLTAuNDgxIDEuMTQxLTAuNDQ2IDEuNTc0IDAgMC40MzYgMC40NDUgMC40MDggMS4xOTcgMCAxLjYxNS0wLjQwNiAwLjQxOC00LjY5NSA0LjUwMi00LjY5NSA0LjUwMi0wLjIxNyAwLjIyMy0wLjUwMiAwLjMzNS0wLjc4NyAwLjMzNXMtMC41Ny0wLjExMi0wLjc4OS0wLjMzNWMwIDAtNC4yODctNC4wODQtNC42OTUtNC41MDJzLTAuNDM2LTEuMTcgMC0xLjYxNXpcIiAvPlxuICA8L1N2Zz5cbik7XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gRHJvcGRvd24gJiBDbGVhciBCdXR0b25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuZXhwb3J0IHR5cGUgSW5kaWNhdG9yUHJvcHMgPSBDb21tb25Qcm9wcyAmIHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhlIGluZGljYXRvci4gKi9cbiAgY2hpbGRyZW46IE5vZGUsXG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufTtcblxuY29uc3QgYmFzZUNTUyA9ICh7XG4gIGlzRm9jdXNlZCxcbiAgdGhlbWU6IHtcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gICAgY29sb3JzLFxuICB9LFxufTogSW5kaWNhdG9yUHJvcHMpID0+ICh7XG4gIGxhYmVsOiAnaW5kaWNhdG9yQ29udGFpbmVyJyxcbiAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcblxuICAnOmhvdmVyJzoge1xuICAgIGNvbG9yOiBpc0ZvY3VzZWQgPyBjb2xvcnMubmV1dHJhbDgwIDogY29sb3JzLm5ldXRyYWw0MCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcGRvd25JbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2Ryb3Bkb3duSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnZHJvcGRvd24taW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8RG93bkNoZXZyb24gLz59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgY2xlYXJJbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IENsZWFySW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2NsZWFySW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnY2xlYXItaW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8Q3Jvc3NJY29uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBTZXBhcmF0b3Jcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG50eXBlIFNlcGFyYXRvclN0YXRlID0geyBpc0Rpc2FibGVkOiBib29sZWFuIH07XG5cbmV4cG9ydCBjb25zdCBpbmRpY2F0b3JTZXBhcmF0b3JDU1MgPSAoe1xuICBpc0Rpc2FibGVkLFxuICB0aGVtZToge1xuICAgIHNwYWNpbmc6IHsgYmFzZVVuaXQgfSxcbiAgICBjb2xvcnMsXG4gIH0sXG59OiBDb21tb25Qcm9wcyAmIFNlcGFyYXRvclN0YXRlKSA9PiAoe1xuICBsYWJlbDogJ2luZGljYXRvclNlcGFyYXRvcicsXG4gIGFsaWduU2VsZjogJ3N0cmV0Y2gnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRGlzYWJsZWQgPyBjb2xvcnMubmV1dHJhbDEwIDogY29sb3JzLm5ldXRyYWwyMCxcbiAgbWFyZ2luQm90dG9tOiBiYXNlVW5pdCAqIDIsXG4gIG1hcmdpblRvcDogYmFzZVVuaXQgKiAyLFxuICB3aWR0aDogMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yU2VwYXJhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2luZGljYXRvclNlcGFyYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goeyAnaW5kaWNhdG9yLXNlcGFyYXRvcic6IHRydWUgfSwgY2xhc3NOYW1lKX1cbiAgICAvPlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBMb2FkaW5nXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgbG9hZGluZ0RvdEFuaW1hdGlvbnMgPSBrZXlmcmFtZXNgXG4gIDAlLCA4MCUsIDEwMCUgeyBvcGFjaXR5OiAwOyB9XG4gIDQwJSB7IG9wYWNpdHk6IDE7IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsb2FkaW5nSW5kaWNhdG9yQ1NTID0gKHtcbiAgaXNGb2N1c2VkLFxuICBzaXplLFxuICB0aGVtZToge1xuICAgIGNvbG9ycyxcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gIH0sXG59OiB7XG4gIGlzRm9jdXNlZDogYm9vbGVhbixcbiAgc2l6ZTogbnVtYmVyLFxuICB0aGVtZTogVGhlbWUsXG59KSA9PiAoe1xuICBsYWJlbDogJ2xvYWRpbmdJbmRpY2F0b3InLFxuICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw2MCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgcGFkZGluZzogYmFzZVVuaXQgKiAyLFxuICB0cmFuc2l0aW9uOiAnY29sb3IgMTUwbXMnLFxuICBhbGlnblNlbGY6ICdjZW50ZXInLFxuICBmb250U2l6ZTogc2l6ZSxcbiAgbGluZUhlaWdodDogMSxcbiAgbWFyZ2luUmlnaHQ6IHNpemUsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxufSk7XG5cbnR5cGUgRG90UHJvcHMgPSB7IGRlbGF5OiBudW1iZXIsIG9mZnNldDogYm9vbGVhbiB9O1xuY29uc3QgTG9hZGluZ0RvdCA9ICh7IGRlbGF5LCBvZmZzZXQgfTogRG90UHJvcHMpID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGFuaW1hdGlvbjogYCR7bG9hZGluZ0RvdEFuaW1hdGlvbnN9IDFzIGVhc2UtaW4tb3V0ICR7ZGVsYXl9bXMgaW5maW5pdGU7YCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gICAgICBib3JkZXJSYWRpdXM6ICcxZW0nLFxuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBtYXJnaW5MZWZ0OiBvZmZzZXQgPyAnMWVtJyA6IG51bGwsXG4gICAgICBoZWlnaHQ6ICcxZW0nLFxuICAgICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgICB3aWR0aDogJzFlbScsXG4gICAgfX1cbiAgLz5cbik7XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdJY29uUHJvcHMgPSB7XG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufSAmIENvbW1vblByb3BzICYge1xuICAgIC8qKiBTZXQgc2l6ZSBvZiB0aGUgY29udGFpbmVyLiAqL1xuICAgIHNpemU6IG51bWJlcixcbiAgfTtcbmV4cG9ydCBjb25zdCBMb2FkaW5nSW5kaWNhdG9yID0gKHByb3BzOiBMb2FkaW5nSWNvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2xhc3NOYW1lLCBjeCwgZ2V0U3R5bGVzLCBpbm5lclByb3BzLCBpc1J0bCB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uaW5uZXJQcm9wc31cbiAgICAgIGNzcz17Z2V0U3R5bGVzKCdsb2FkaW5nSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnbG9hZGluZy1pbmRpY2F0b3InOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAgPExvYWRpbmdEb3QgZGVsYXk9ezB9IG9mZnNldD17aXNSdGx9IC8+XG4gICAgICA8TG9hZGluZ0RvdCBkZWxheT17MTYwfSBvZmZzZXQgLz5cbiAgICAgIDxMb2FkaW5nRG90IGRlbGF5PXszMjB9IG9mZnNldD17IWlzUnRsfSAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbkxvYWRpbmdJbmRpY2F0b3IuZGVmYXVsdFByb3BzID0geyBzaXplOiA0IH07XG4iXX0= */",
"name": "19bqh2r",
"styles": "display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;",
"toString": [Function],
}
}
focusable="false"
height={20}
viewBox="0 0 20 20"
width={20}
>
<svg
aria-hidden="true"
className="css-6q0nyr-Svg"
focusable="false"
height={20}
viewBox="0 0 20 20"
width={20}
>
<path
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
/>
</svg>
</EmotionCssPropInternal>
</Svg>
</DownChevron>
</div>
</EmotionCssPropInternal>
</DropdownIndicator>
</div>
</EmotionCssPropInternal>
</IndicatorsContainer>
</div>
</EmotionCssPropInternal>
</Control>
<MenuPlacer
clearValue={[Function]}
cx={[Function]}
getStyles={[Function]}
getValue={[Function]}
hasValue={false}
isMulti={false}
isRtl={false}
maxMenuHeight={300}
menuPlacement="bottom"
menuPosition="absolute"
menuShouldScrollIntoView={true}
minMenuHeight={140}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
selectOption={[Function]}
selectProps={
Object {
"backspaceRemovesValue": true,
"blurInputOnSelect": true,
"captureMenuScroll": false,
"closeMenuOnScroll": false,
"closeMenuOnSelect": true,
"components": Object {},
"controlShouldRenderValue": true,
"escapeClearsValue": false,
"filterOption": [Function],
"formatGroupLabel": [Function],
"getOptionLabel": [Function],
"getOptionValue": [Function],
"inputValue": "two",
"isDisabled": false,
"isLoading": false,
"isMulti": false,
"isOptionDisabled": [Function],
"isRtl": false,
"isSearchable": true,
"loadingMessage": [Function],
"maxMenuHeight": 300,
"menuIsOpen": true,
"menuPlacement": "bottom",
"menuPosition": "absolute",
"menuShouldBlockScroll": false,
"menuShouldScrollIntoView": true,
"minMenuHeight": 140,
"noOptionsMessage": [Function],
"onChange": [Function],
"onInputChange": [Function],
"onMenuClose": [Function],
"onMenuOpen": [Function],
"openMenuOnClick": true,
"openMenuOnFocus": false,
"options": Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
],
"pageSize": 5,
"placeholder": "Select...",
"screenReaderStatus": [Function],
"styles": Object {
"container": [Function],
"control": [Function],
},
"tabIndex": "0",
"tabSelectsValue": true,
"theme": [Function],
"value": null,
}
}
setValue={[Function]}
theme={
Object {
"borderRadius": 0,
"colors": Object {
"danger": undefined,
"dangerLight": undefined,
"neutral0": undefined,
"neutral10": undefined,
"neutral20": undefined,
"neutral30": undefined,
"neutral40": undefined,
"neutral5": undefined,
"neutral50": "hsl(0, 0%, 50%)",
"neutral60": undefined,
"neutral70": "hsl(0, 0%, 30%)",
"neutral80": undefined,
"neutral90": "hsl(0, 0%, 10%)",
"primary": undefined,
"primary25": undefined,
"primary50": undefined,
"primary75": "#4C9AFF",
},
"spacing": Object {
"baseUnit": 2,
"controlHeight": 30,
"menuGutter": 8,
},
}
}
>
<Menu
clearValue={[Function]}
cx={[Function]}
getStyles={[Function]}
getValue={[Function]}
hasValue={false}
innerProps={
Object {
"onMouseDown": [Function],
"onMouseMove": [Function],
}
}
innerRef={[Function]}
isLoading={false}
isMulti={false}
isRtl={false}
maxMenuHeight={300}
menuPlacement="bottom"
menuPosition="absolute"
menuShouldScrollIntoView={true}
minMenuHeight={140}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
placement="bottom"
selectOption={[Function]}
selectProps={
Object {
"backspaceRemovesValue": true,
"blurInputOnSelect": true,
"captureMenuScroll": false,
"closeMenuOnScroll": false,
"closeMenuOnSelect": true,
"components": Object {},
"controlShouldRenderValue": true,
"escapeClearsValue": false,
"filterOption": [Function],
"formatGroupLabel": [Function],
"getOptionLabel": [Function],
"getOptionValue": [Function],
"inputValue": "two",
"isDisabled": false,
"isLoading": false,
"isMulti": false,
"isOptionDisabled": [Function],
"isRtl": false,
"isSearchable": true,
"loadingMessage": [Function],
"maxMenuHeight": 300,
"menuIsOpen": true,
"menuPlacement": "bottom",
"menuPosition": "absolute",
"menuShouldBlockScroll": false,
"menuShouldScrollIntoView": true,
"minMenuHeight": 140,
"noOptionsMessage": [Function],
"onChange": [Function],
"onInputChange": [Function],
"onMenuClose": [Function],
"onMenuOpen": [Function],
"openMenuOnClick": true,
"openMenuOnFocus": false,
"options": Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
],
"pageSize": 5,
"placeholder": "Select...",
"screenReaderStatus": [Function],
"styles": Object {
"container": [Function],
"control": [Function],
},
"tabIndex": "0",
"tabSelectsValue": true,
"theme": [Function],
"value": null,
}
}
setValue={[Function]}
theme={
Object {
"borderRadius": 0,
"colors": Object {
"danger": undefined,
"dangerLight": undefined,
"neutral0": undefined,
"neutral10": undefined,
"neutral20": undefined,
"neutral30": undefined,
"neutral40": undefined,
"neutral5": undefined,
"neutral50": "hsl(0, 0%, 50%)",
"neutral60": undefined,
"neutral70": "hsl(0, 0%, 30%)",
"neutral80": undefined,
"neutral90": "hsl(0, 0%, 10%)",
"primary": undefined,
"primary25": undefined,
"primary50": undefined,
"primary75": "#4C9AFF",
},
"spacing": Object {
"baseUnit": 2,
"controlHeight": 30,
"menuGutter": 8,
},
}
}
>
<EmotionCssPropInternal
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Menu"
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
className=""
css={
Object {
"backgroundColor": undefined,
"borderRadius": 0,
"boxShadow": "0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)",
"boxSizing": "border-box",
"label": "menu",
"marginBottom": 8,
"marginTop": 8,
"position": "absolute",
"top": "100%",
"width": "100%",
"zIndex": 1,
}
}
onMouseDown={[Function]}
onMouseMove={[Function]}
>
<div
className=" css-1uhnaxp-menu"
onMouseDown={[Function]}
onMouseMove={[Function]}
>
<ScrollCaptorSwitch
isEnabled={false}
>
<ScrollBlock
isEnabled={false}
>
<MenuList
clearValue={[Function]}
cx={[Function]}
getStyles={[Function]}
getValue={[Function]}
hasValue={false}
innerRef={[Function]}
isLoading={false}
isMulti={false}
isRtl={false}
maxHeight={300}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
selectOption={[Function]}
selectProps={
Object {
"backspaceRemovesValue": true,
"blurInputOnSelect": true,
"captureMenuScroll": false,
"closeMenuOnScroll": false,
"closeMenuOnSelect": true,
"components": Object {},
"controlShouldRenderValue": true,
"escapeClearsValue": false,
"filterOption": [Function],
"formatGroupLabel": [Function],
"getOptionLabel": [Function],
"getOptionValue": [Function],
"inputValue": "two",
"isDisabled": false,
"isLoading": false,
"isMulti": false,
"isOptionDisabled": [Function],
"isRtl": false,
"isSearchable": true,
"loadingMessage": [Function],
"maxMenuHeight": 300,
"menuIsOpen": true,
"menuPlacement": "bottom",
"menuPosition": "absolute",
"menuShouldBlockScroll": false,
"menuShouldScrollIntoView": true,
"minMenuHeight": 140,
"noOptionsMessage": [Function],
"onChange": [Function],
"onInputChange": [Function],
"onMenuClose": [Function],
"onMenuOpen": [Function],
"openMenuOnClick": true,
"openMenuOnFocus": false,
"options": Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
],
"pageSize": 5,
"placeholder": "Select...",
"screenReaderStatus": [Function],
"styles": Object {
"container": [Function],
"control": [Function],
},
"tabIndex": "0",
"tabSelectsValue": true,
"theme": [Function],
"value": null,
}
}
setValue={[Function]}
theme={
Object {
"borderRadius": 0,
"colors": Object {
"danger": undefined,
"dangerLight": undefined,
"neutral0": undefined,
"neutral10": undefined,
"neutral20": undefined,
"neutral30": undefined,
"neutral40": undefined,
"neutral5": undefined,
"neutral50": "hsl(0, 0%, 50%)",
"neutral60": undefined,
"neutral70": "hsl(0, 0%, 30%)",
"neutral80": undefined,
"neutral90": "hsl(0, 0%, 10%)",
"primary": undefined,
"primary25": undefined,
"primary50": undefined,
"primary75": "#4C9AFF",
},
"spacing": Object {
"baseUnit": 2,
"controlHeight": 30,
"menuGutter": 8,
},
}
}
>
<EmotionCssPropInternal
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="MenuList"
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
className=""
css={
Object {
"WebkitOverflowScrolling": "touch",
"boxSizing": "border-box",
"maxHeight": 300,
"overflowY": "auto",
"paddingBottom": 2,
"paddingTop": 2,
"position": "relative",
}
}
>
<div
className=" css-87spde-MenuList"
>
<Option
clearValue={[Function]}
cx={[Function]}
data={
Object {
"label": "Two",
"value": "two",
}
}
getStyles={[Function]}
getValue={[Function]}
hasValue={false}
innerProps={
Object {
"id": "react-select-4-option-1",
"onClick": [Function],
"onMouseMove": [Function],
"onMouseOver": [Function],
"tabIndex": -1,
}
}
innerRef={[Function]}
isDisabled={false}
isFocused={true}
isMulti={false}
isRtl={false}
isSelected={false}
key="react-select-4-option-1"
label="Two"
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
selectOption={[Function]}
selectProps={
Object {
"backspaceRemovesValue": true,
"blurInputOnSelect": true,
"captureMenuScroll": false,
"closeMenuOnScroll": false,
"closeMenuOnSelect": true,
"components": Object {},
"controlShouldRenderValue": true,
"escapeClearsValue": false,
"filterOption": [Function],
"formatGroupLabel": [Function],
"getOptionLabel": [Function],
"getOptionValue": [Function],
"inputValue": "two",
"isDisabled": false,
"isLoading": false,
"isMulti": false,
"isOptionDisabled": [Function],
"isRtl": false,
"isSearchable": true,
"loadingMessage": [Function],
"maxMenuHeight": 300,
"menuIsOpen": true,
"menuPlacement": "bottom",
"menuPosition": "absolute",
"menuShouldBlockScroll": false,
"menuShouldScrollIntoView": true,
"minMenuHeight": 140,
"noOptionsMessage": [Function],
"onChange": [Function],
"onInputChange": [Function],
"onMenuClose": [Function],
"onMenuOpen": [Function],
"openMenuOnClick": true,
"openMenuOnFocus": false,
"options": Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
],
"pageSize": 5,
"placeholder": "Select...",
"screenReaderStatus": [Function],
"styles": Object {
"container": [Function],
"control": [Function],
},
"tabIndex": "0",
"tabSelectsValue": true,
"theme": [Function],
"value": null,
}
}
setValue={[Function]}
theme={
Object {
"borderRadius": 0,
"colors": Object {
"danger": undefined,
"dangerLight": undefined,
"neutral0": undefined,
"neutral10": undefined,
"neutral20": undefined,
"neutral30": undefined,
"neutral40": undefined,
"neutral5": undefined,
"neutral50": "hsl(0, 0%, 50%)",
"neutral60": undefined,
"neutral70": "hsl(0, 0%, 30%)",
"neutral80": undefined,
"neutral90": "hsl(0, 0%, 10%)",
"primary": undefined,
"primary25": undefined,
"primary50": undefined,
"primary75": "#4C9AFF",
},
"spacing": Object {
"baseUnit": 2,
"controlHeight": 30,
"menuGutter": 8,
},
}
}
type="option"
value="two"
>
<EmotionCssPropInternal
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Option"
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
className=""
css={
Object {
":active": Object {
"backgroundColor": undefined,
},
"WebkitTapHighlightColor": "rgba(0, 0, 0, 0)",
"backgroundColor": undefined,
"boxSizing": "border-box",
"color": "inherit",
"cursor": "default",
"display": "block",
"fontSize": "inherit",
"label": "option",
"padding": "4px 6px",
"userSelect": "none",
"width": "100%",
}
}
id="react-select-4-option-1"
onClick={[Function]}
onMouseMove={[Function]}
onMouseOver={[Function]}
tabIndex={-1}
>
<div
className=" css-1npzjqc-option"
id="react-select-4-option-1"
onClick={[Function]}
onMouseMove={[Function]}
onMouseOver={[Function]}
tabIndex={-1}
>
Two
</div>
</EmotionCssPropInternal>
</Option>
</div>
</EmotionCssPropInternal>
</MenuList>
</ScrollBlock>
</ScrollCaptorSwitch>
</div>
</EmotionCssPropInternal>
</Menu>
</MenuPlacer>
</div>
</EmotionCssPropInternal>
</SelectContainer>
</Select>
</StateManager>
</Select>
</Component>
</WithTheme(Component)>
`;
exports[`Select shouldn't find any results 1`] = `
<WithTheme(Component)
onChange={[MockFunction]}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
>
<Component
onChange={[MockFunction]}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
>
<Select
onChange={[MockFunction]}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
theme={
Object {
"codeFontFamily": "'Source Code Pro', monospace",
"fontFamily": "'Source Sans Pro', sans-serif",
"inputBorderColor": undefined,
"inputBorderRadius": 4,
"inputBorderWidth": 1,
"inputFocusedStyle": "border-color: undefined",
"inputHeight": 30,
"inputInternalHeight": 28,
"inputPadding": 10,
"selectArrowWidth": 4,
"spinnerSize": 13,
}
}
>
<StateManager
defaultInputValue=""
defaultMenuIsOpen={false}
defaultValue={null}
onChange={[MockFunction]}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
styles={
Object {
"container": [Function],
"control": [Function],
}
}
theme={[Function]}
>
<Select
backspaceRemovesValue={true}
blurInputOnSelect={true}
captureMenuScroll={false}
closeMenuOnScroll={false}
closeMenuOnSelect={true}
components={Object {}}
controlShouldRenderValue={true}
escapeClearsValue={false}
filterOption={[Function]}
formatGroupLabel={[Function]}
getOptionLabel={[Function]}
getOptionValue={[Function]}
inputValue="text"
isDisabled={false}
isLoading={false}
isMulti={false}
isOptionDisabled={[Function]}
isRtl={false}
isSearchable={true}
loadingMessage={[Function]}
maxMenuHeight={300}
menuIsOpen={true}
menuPlacement="bottom"
menuPosition="absolute"
menuShouldBlockScroll={false}
menuShouldScrollIntoView={true}
minMenuHeight={140}
noOptionsMessage={[Function]}
onChange={[Function]}
onInputChange={[Function]}
onMenuClose={[Function]}
onMenuOpen={[Function]}
openMenuOnClick={true}
openMenuOnFocus={false}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
pageSize={5}
placeholder="Select..."
screenReaderStatus={[Function]}
styles={
Object {
"container": [Function],
"control": [Function],
}
}
tabIndex="0"
tabSelectsValue={true}
theme={[Function]}
value={null}
>
<SelectContainer
clearValue={[Function]}
cx={[Function]}
getStyles={[Function]}
getValue={[Function]}
hasValue={false}
innerProps={
Object {
"id": undefined,
"onKeyDown": [Function],
}
}
isDisabled={false}
isFocused={false}
isMulti={false}
isRtl={false}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
selectOption={[Function]}
selectProps={
Object {
"backspaceRemovesValue": true,
"blurInputOnSelect": true,
"captureMenuScroll": false,
"closeMenuOnScroll": false,
"closeMenuOnSelect": true,
"components": Object {},
"controlShouldRenderValue": true,
"escapeClearsValue": false,
"filterOption": [Function],
"formatGroupLabel": [Function],
"getOptionLabel": [Function],
"getOptionValue": [Function],
"inputValue": "text",
"isDisabled": false,
"isLoading": false,
"isMulti": false,
"isOptionDisabled": [Function],
"isRtl": false,
"isSearchable": true,
"loadingMessage": [Function],
"maxMenuHeight": 300,
"menuIsOpen": true,
"menuPlacement": "bottom",
"menuPosition": "absolute",
"menuShouldBlockScroll": false,
"menuShouldScrollIntoView": true,
"minMenuHeight": 140,
"noOptionsMessage": [Function],
"onChange": [Function],
"onInputChange": [Function],
"onMenuClose": [Function],
"onMenuOpen": [Function],
"openMenuOnClick": true,
"openMenuOnFocus": false,
"options": Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
],
"pageSize": 5,
"placeholder": "Select...",
"screenReaderStatus": [Function],
"styles": Object {
"container": [Function],
"control": [Function],
},
"tabIndex": "0",
"tabSelectsValue": true,
"theme": [Function],
"value": null,
}
}
setValue={[Function]}
theme={
Object {
"borderRadius": 0,
"colors": Object {
"danger": undefined,
"dangerLight": undefined,
"neutral0": undefined,
"neutral10": undefined,
"neutral20": undefined,
"neutral30": undefined,
"neutral40": undefined,
"neutral5": undefined,
"neutral50": "hsl(0, 0%, 50%)",
"neutral60": undefined,
"neutral70": "hsl(0, 0%, 30%)",
"neutral80": undefined,
"neutral90": "hsl(0, 0%, 10%)",
"primary": undefined,
"primary25": undefined,
"primary50": undefined,
"primary75": "#4C9AFF",
},
"spacing": Object {
"baseUnit": 2,
"controlHeight": 30,
"menuGutter": 8,
},
}
}
>
<EmotionCssPropInternal
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="SelectContainer"
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
className=""
css={
Object {
"boxSizing": "border-box",
"direction": null,
"flexGrow": 1,
"label": "container",
"pointerEvents": null,
"position": "relative",
}
}
onKeyDown={[Function]}
>
<div
className=" css-butsr4-container"
onKeyDown={[Function]}
>
<Control
clearValue={[Function]}
cx={[Function]}
getStyles={[Function]}
getValue={[Function]}
hasValue={false}
innerProps={
Object {
"onMouseDown": [Function],
"onTouchEnd": [Function],
}
}
innerRef={[Function]}
isDisabled={false}
isFocused={false}
isMulti={false}
isRtl={false}
menuIsOpen={true}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
selectOption={[Function]}
selectProps={
Object {
"backspaceRemovesValue": true,
"blurInputOnSelect": true,
"captureMenuScroll": false,
"closeMenuOnScroll": false,
"closeMenuOnSelect": true,
"components": Object {},
"controlShouldRenderValue": true,
"escapeClearsValue": false,
"filterOption": [Function],
"formatGroupLabel": [Function],
"getOptionLabel": [Function],
"getOptionValue": [Function],
"inputValue": "text",
"isDisabled": false,
"isLoading": false,
"isMulti": false,
"isOptionDisabled": [Function],
"isRtl": false,
"isSearchable": true,
"loadingMessage": [Function],
"maxMenuHeight": 300,
"menuIsOpen": true,
"menuPlacement": "bottom",
"menuPosition": "absolute",
"menuShouldBlockScroll": false,
"menuShouldScrollIntoView": true,
"minMenuHeight": 140,
"noOptionsMessage": [Function],
"onChange": [Function],
"onInputChange": [Function],
"onMenuClose": [Function],
"onMenuOpen": [Function],
"openMenuOnClick": true,
"openMenuOnFocus": false,
"options": Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
],
"pageSize": 5,
"placeholder": "Select...",
"screenReaderStatus": [Function],
"styles": Object {
"container": [Function],
"control": [Function],
},
"tabIndex": "0",
"tabSelectsValue": true,
"theme": [Function],
"value": null,
}
}
setValue={[Function]}
theme={
Object {
"borderRadius": 0,
"colors": Object {
"danger": undefined,
"dangerLight": undefined,
"neutral0": undefined,
"neutral10": undefined,
"neutral20": undefined,
"neutral30": undefined,
"neutral40": undefined,
"neutral5": undefined,
"neutral50": "hsl(0, 0%, 50%)",
"neutral60": undefined,
"neutral70": "hsl(0, 0%, 30%)",
"neutral80": undefined,
"neutral90": "hsl(0, 0%, 10%)",
"primary": undefined,
"primary25": undefined,
"primary50": undefined,
"primary75": "#4C9AFF",
},
"spacing": Object {
"baseUnit": 2,
"controlHeight": 30,
"menuGutter": 8,
},
}
}
>
<EmotionCssPropInternal
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Control"
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
className=""
css={
Object {
"&:hover": Object {
"backgroundColor": undefined,
"borderColor": undefined,
},
"alignItems": "center",
"backgroundColor": undefined,
"borderColor": undefined,
"borderRadius": 0,
"borderStyle": "solid",
"borderWidth": 1,
"boxShadow": null,
"boxSizing": "border-box",
"cursor": "default",
"display": "flex",
"flexWrap": "wrap",
"justifyContent": "space-between",
"label": "control",
"minHeight": 30,
"outline": "0 !important",
"position": "relative",
"transition": "all 100ms",
}
}
onMouseDown={[Function]}
onTouchEnd={[Function]}
>
<div
className=" css-10abb65-control"
onMouseDown={[Function]}
onTouchEnd={[Function]}
>
<ValueContainer
clearValue={[Function]}
cx={[Function]}
getStyles={[Function]}
getValue={[Function]}
hasValue={false}
isDisabled={false}
isMulti={false}
isRtl={false}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
selectOption={[Function]}
selectProps={
Object {
"backspaceRemovesValue": true,
"blurInputOnSelect": true,
"captureMenuScroll": false,
"closeMenuOnScroll": false,
"closeMenuOnSelect": true,
"components": Object {},
"controlShouldRenderValue": true,
"escapeClearsValue": false,
"filterOption": [Function],
"formatGroupLabel": [Function],
"getOptionLabel": [Function],
"getOptionValue": [Function],
"inputValue": "text",
"isDisabled": false,
"isLoading": false,
"isMulti": false,
"isOptionDisabled": [Function],
"isRtl": false,
"isSearchable": true,
"loadingMessage": [Function],
"maxMenuHeight": 300,
"menuIsOpen": true,
"menuPlacement": "bottom",
"menuPosition": "absolute",
"menuShouldBlockScroll": false,
"menuShouldScrollIntoView": true,
"minMenuHeight": 140,
"noOptionsMessage": [Function],
"onChange": [Function],
"onInputChange": [Function],
"onMenuClose": [Function],
"onMenuOpen": [Function],
"openMenuOnClick": true,
"openMenuOnFocus": false,
"options": Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
],
"pageSize": 5,
"placeholder": "Select...",
"screenReaderStatus": [Function],
"styles": Object {
"container": [Function],
"control": [Function],
},
"tabIndex": "0",
"tabSelectsValue": true,
"theme": [Function],
"value": null,
}
}
setValue={[Function]}
theme={
Object {
"borderRadius": 0,
"colors": Object {
"danger": undefined,
"dangerLight": undefined,
"neutral0": undefined,
"neutral10": undefined,
"neutral20": undefined,
"neutral30": undefined,
"neutral40": undefined,
"neutral5": undefined,
"neutral50": "hsl(0, 0%, 50%)",
"neutral60": undefined,
"neutral70": "hsl(0, 0%, 30%)",
"neutral80": undefined,
"neutral90": "hsl(0, 0%, 10%)",
"primary": undefined,
"primary25": undefined,
"primary50": undefined,
"primary75": "#4C9AFF",
},
"spacing": Object {
"baseUnit": 2,
"controlHeight": 30,
"menuGutter": 8,
},
}
}
>
<EmotionCssPropInternal
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="ValueContainer"
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
className=""
css={
Object {
"WebkitOverflowScrolling": "touch",
"alignItems": "center",
"boxSizing": "border-box",
"display": "flex",
"flex": 1,
"flexWrap": "wrap",
"overflow": "hidden",
"padding": "1px 4px",
"position": "relative",
}
}
>
<div
className=" css-be27w2-ValueContainer"
>
<Input
aria-autocomplete="list"
autoCapitalize="none"
autoComplete="off"
autoCorrect="off"
cx={[Function]}
getStyles={[Function]}
id="react-select-5-input"
innerRef={[Function]}
isDisabled={false}
isHidden={false}
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
selectProps={
Object {
"backspaceRemovesValue": true,
"blurInputOnSelect": true,
"captureMenuScroll": false,
"closeMenuOnScroll": false,
"closeMenuOnSelect": true,
"components": Object {},
"controlShouldRenderValue": true,
"escapeClearsValue": false,
"filterOption": [Function],
"formatGroupLabel": [Function],
"getOptionLabel": [Function],
"getOptionValue": [Function],
"inputValue": "text",
"isDisabled": false,
"isLoading": false,
"isMulti": false,
"isOptionDisabled": [Function],
"isRtl": false,
"isSearchable": true,
"loadingMessage": [Function],
"maxMenuHeight": 300,
"menuIsOpen": true,
"menuPlacement": "bottom",
"menuPosition": "absolute",
"menuShouldBlockScroll": false,
"menuShouldScrollIntoView": true,
"minMenuHeight": 140,
"noOptionsMessage": [Function],
"onChange": [Function],
"onInputChange": [Function],
"onMenuClose": [Function],
"onMenuOpen": [Function],
"openMenuOnClick": true,
"openMenuOnFocus": false,
"options": Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
],
"pageSize": 5,
"placeholder": "Select...",
"screenReaderStatus": [Function],
"styles": Object {
"container": [Function],
"control": [Function],
},
"tabIndex": "0",
"tabSelectsValue": true,
"theme": [Function],
"value": null,
}
}
spellCheck="false"
tabIndex="0"
theme={
Object {
"borderRadius": 0,
"colors": Object {
"danger": undefined,
"dangerLight": undefined,
"neutral0": undefined,
"neutral10": undefined,
"neutral20": undefined,
"neutral30": undefined,
"neutral40": undefined,
"neutral5": undefined,
"neutral50": "hsl(0, 0%, 50%)",
"neutral60": undefined,
"neutral70": "hsl(0, 0%, 30%)",
"neutral80": undefined,
"neutral90": "hsl(0, 0%, 10%)",
"primary": undefined,
"primary25": undefined,
"primary50": undefined,
"primary75": "#4C9AFF",
},
"spacing": Object {
"baseUnit": 2,
"controlHeight": 30,
"menuGutter": 8,
},
}
}
type="text"
value="text"
>
<EmotionCssPropInternal
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Input"
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
css={
Object {
"boxSizing": "border-box",
"color": undefined,
"margin": 1,
"paddingBottom": 1,
"paddingTop": 1,
"visibility": "visible",
}
}
>
<div
className="css-187dxxn-Input"
>
<AutosizeInput
aria-autocomplete="list"
autoCapitalize="none"
autoComplete="off"
autoCorrect="off"
className=""
disabled={false}
id="react-select-5-input"
injectStyles={true}
inputRef={[Function]}
inputStyle={
Object {
"background": 0,
"border": 0,
"color": "inherit",
"fontSize": "inherit",
"label": "input",
"opacity": 1,
"outline": 0,
"padding": 0,
}
}
minWidth={1}
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
spellCheck="false"
tabIndex="0"
type="text"
value="text"
>
<div
className=""
style={
Object {
"display": "inline-block",
}
}
>
<input
aria-autocomplete="list"
autoCapitalize="none"
autoComplete="off"
autoCorrect="off"
disabled={false}
id="react-select-5-input"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
spellCheck="false"
style={
Object {
"background": 0,
"border": 0,
"boxSizing": "content-box",
"color": "inherit",
"fontSize": "inherit",
"label": "input",
"opacity": 1,
"outline": 0,
"padding": 0,
"width": "2px",
}
}
tabIndex="0"
type="text"
value="text"
/>
<div
style={
Object {
"height": 0,
"left": 0,
"overflow": "scroll",
"position": "absolute",
"top": 0,
"visibility": "hidden",
"whiteSpace": "pre",
}
}
>
text
</div>
</div>
</AutosizeInput>
</div>
</EmotionCssPropInternal>
</Input>
</div>
</EmotionCssPropInternal>
</ValueContainer>
<IndicatorsContainer
clearValue={[Function]}
cx={[Function]}
getStyles={[Function]}
getValue={[Function]}
hasValue={false}
isDisabled={false}
isMulti={false}
isRtl={false}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
selectOption={[Function]}
selectProps={
Object {
"backspaceRemovesValue": true,
"blurInputOnSelect": true,
"captureMenuScroll": false,
"closeMenuOnScroll": false,
"closeMenuOnSelect": true,
"components": Object {},
"controlShouldRenderValue": true,
"escapeClearsValue": false,
"filterOption": [Function],
"formatGroupLabel": [Function],
"getOptionLabel": [Function],
"getOptionValue": [Function],
"inputValue": "text",
"isDisabled": false,
"isLoading": false,
"isMulti": false,
"isOptionDisabled": [Function],
"isRtl": false,
"isSearchable": true,
"loadingMessage": [Function],
"maxMenuHeight": 300,
"menuIsOpen": true,
"menuPlacement": "bottom",
"menuPosition": "absolute",
"menuShouldBlockScroll": false,
"menuShouldScrollIntoView": true,
"minMenuHeight": 140,
"noOptionsMessage": [Function],
"onChange": [Function],
"onInputChange": [Function],
"onMenuClose": [Function],
"onMenuOpen": [Function],
"openMenuOnClick": true,
"openMenuOnFocus": false,
"options": Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
],
"pageSize": 5,
"placeholder": "Select...",
"screenReaderStatus": [Function],
"styles": Object {
"container": [Function],
"control": [Function],
},
"tabIndex": "0",
"tabSelectsValue": true,
"theme": [Function],
"value": null,
}
}
setValue={[Function]}
theme={
Object {
"borderRadius": 0,
"colors": Object {
"danger": undefined,
"dangerLight": undefined,
"neutral0": undefined,
"neutral10": undefined,
"neutral20": undefined,
"neutral30": undefined,
"neutral40": undefined,
"neutral5": undefined,
"neutral50": "hsl(0, 0%, 50%)",
"neutral60": undefined,
"neutral70": "hsl(0, 0%, 30%)",
"neutral80": undefined,
"neutral90": "hsl(0, 0%, 10%)",
"primary": undefined,
"primary25": undefined,
"primary50": undefined,
"primary75": "#4C9AFF",
},
"spacing": Object {
"baseUnit": 2,
"controlHeight": 30,
"menuGutter": 8,
},
}
}
>
<EmotionCssPropInternal
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorsContainer"
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
className=""
css={
Object {
"alignItems": "center",
"alignSelf": "stretch",
"boxSizing": "border-box",
"display": "flex",
"flexShrink": 0,
}
}
>
<div
className=" css-1hb7zxy-IndicatorsContainer"
>
<IndicatorSeparator
clearValue={[Function]}
cx={[Function]}
getStyles={[Function]}
getValue={[Function]}
hasValue={false}
isDisabled={false}
isFocused={false}
isMulti={false}
isRtl={false}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
selectOption={[Function]}
selectProps={
Object {
"backspaceRemovesValue": true,
"blurInputOnSelect": true,
"captureMenuScroll": false,
"closeMenuOnScroll": false,
"closeMenuOnSelect": true,
"components": Object {},
"controlShouldRenderValue": true,
"escapeClearsValue": false,
"filterOption": [Function],
"formatGroupLabel": [Function],
"getOptionLabel": [Function],
"getOptionValue": [Function],
"inputValue": "text",
"isDisabled": false,
"isLoading": false,
"isMulti": false,
"isOptionDisabled": [Function],
"isRtl": false,
"isSearchable": true,
"loadingMessage": [Function],
"maxMenuHeight": 300,
"menuIsOpen": true,
"menuPlacement": "bottom",
"menuPosition": "absolute",
"menuShouldBlockScroll": false,
"menuShouldScrollIntoView": true,
"minMenuHeight": 140,
"noOptionsMessage": [Function],
"onChange": [Function],
"onInputChange": [Function],
"onMenuClose": [Function],
"onMenuOpen": [Function],
"openMenuOnClick": true,
"openMenuOnFocus": false,
"options": Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
],
"pageSize": 5,
"placeholder": "Select...",
"screenReaderStatus": [Function],
"styles": Object {
"container": [Function],
"control": [Function],
},
"tabIndex": "0",
"tabSelectsValue": true,
"theme": [Function],
"value": null,
}
}
setValue={[Function]}
theme={
Object {
"borderRadius": 0,
"colors": Object {
"danger": undefined,
"dangerLight": undefined,
"neutral0": undefined,
"neutral10": undefined,
"neutral20": undefined,
"neutral30": undefined,
"neutral40": undefined,
"neutral5": undefined,
"neutral50": "hsl(0, 0%, 50%)",
"neutral60": undefined,
"neutral70": "hsl(0, 0%, 30%)",
"neutral80": undefined,
"neutral90": "hsl(0, 0%, 10%)",
"primary": undefined,
"primary25": undefined,
"primary50": undefined,
"primary75": "#4C9AFF",
},
"spacing": Object {
"baseUnit": 2,
"controlHeight": 30,
"menuGutter": 8,
},
}
}
>
<EmotionCssPropInternal
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorSeparator"
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="span"
className=""
css={
Object {
"alignSelf": "stretch",
"backgroundColor": undefined,
"boxSizing": "border-box",
"label": "indicatorSeparator",
"marginBottom": 4,
"marginTop": 4,
"width": 1,
}
}
>
<span
className=" css-1urf5ax-indicatorSeparator"
/>
</EmotionCssPropInternal>
</IndicatorSeparator>
<DropdownIndicator
clearValue={[Function]}
cx={[Function]}
getStyles={[Function]}
getValue={[Function]}
hasValue={false}
innerProps={
Object {
"aria-hidden": "true",
"onMouseDown": [Function],
"onTouchEnd": [Function],
}
}
isDisabled={false}
isFocused={false}
isMulti={false}
isRtl={false}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
selectOption={[Function]}
selectProps={
Object {
"backspaceRemovesValue": true,
"blurInputOnSelect": true,
"captureMenuScroll": false,
"closeMenuOnScroll": false,
"closeMenuOnSelect": true,
"components": Object {},
"controlShouldRenderValue": true,
"escapeClearsValue": false,
"filterOption": [Function],
"formatGroupLabel": [Function],
"getOptionLabel": [Function],
"getOptionValue": [Function],
"inputValue": "text",
"isDisabled": false,
"isLoading": false,
"isMulti": false,
"isOptionDisabled": [Function],
"isRtl": false,
"isSearchable": true,
"loadingMessage": [Function],
"maxMenuHeight": 300,
"menuIsOpen": true,
"menuPlacement": "bottom",
"menuPosition": "absolute",
"menuShouldBlockScroll": false,
"menuShouldScrollIntoView": true,
"minMenuHeight": 140,
"noOptionsMessage": [Function],
"onChange": [Function],
"onInputChange": [Function],
"onMenuClose": [Function],
"onMenuOpen": [Function],
"openMenuOnClick": true,
"openMenuOnFocus": false,
"options": Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
],
"pageSize": 5,
"placeholder": "Select...",
"screenReaderStatus": [Function],
"styles": Object {
"container": [Function],
"control": [Function],
},
"tabIndex": "0",
"tabSelectsValue": true,
"theme": [Function],
"value": null,
}
}
setValue={[Function]}
theme={
Object {
"borderRadius": 0,
"colors": Object {
"danger": undefined,
"dangerLight": undefined,
"neutral0": undefined,
"neutral10": undefined,
"neutral20": undefined,
"neutral30": undefined,
"neutral40": undefined,
"neutral5": undefined,
"neutral50": "hsl(0, 0%, 50%)",
"neutral60": undefined,
"neutral70": "hsl(0, 0%, 30%)",
"neutral80": undefined,
"neutral90": "hsl(0, 0%, 10%)",
"primary": undefined,
"primary25": undefined,
"primary50": undefined,
"primary75": "#4C9AFF",
},
"spacing": Object {
"baseUnit": 2,
"controlHeight": 30,
"menuGutter": 8,
},
}
}
>
<EmotionCssPropInternal
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="DropdownIndicator"
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
aria-hidden="true"
className=""
css={
Object {
":hover": Object {
"color": undefined,
},
"boxSizing": "border-box",
"color": undefined,
"display": "flex",
"label": "indicatorContainer",
"padding": 4,
"transition": "color 150ms",
}
}
onMouseDown={[Function]}
onTouchEnd={[Function]}
>
<div
aria-hidden="true"
className=" css-aazq4s-indicatorContainer"
onMouseDown={[Function]}
onTouchEnd={[Function]}
>
<DownChevron>
<Svg
size={20}
>
<EmotionCssPropInternal
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Svg"
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="svg"
aria-hidden="true"
css={
Object {
"map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JJIiwiZmlsZSI6ImluZGljYXRvcnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAZmxvd1xuLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyB0eXBlIE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3gsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgdHlwZSB7IENvbW1vblByb3BzLCBUaGVtZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBEcm9wZG93biAmIENsZWFyIEljb25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgU3ZnID0gKHsgc2l6ZSwgLi4ucHJvcHMgfTogeyBzaXplOiBudW1iZXIgfSkgPT4gKFxuICA8c3ZnXG4gICAgaGVpZ2h0PXtzaXplfVxuICAgIHdpZHRoPXtzaXplfVxuICAgIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgZm9jdXNhYmxlPVwiZmFsc2VcIlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBmaWxsOiAnY3VycmVudENvbG9yJyxcbiAgICAgIGxpbmVIZWlnaHQ6IDEsXG4gICAgICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxuICAgICAgc3Ryb2tlV2lkdGg6IDAsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBhbnkpID0+IChcbiAgPFN2ZyBzaXplPXsyMH0gey4uLnByb3BzfT5cbiAgICA8cGF0aCBkPVwiTTE0LjM0OCAxNC44NDljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDBsLTIuNjUxLTMuMDMwLTIuNjUxIDMuMDI5Yy0wLjQ2OSAwLjQ2OS0xLjIyOSAwLjQ2OS0xLjY5NyAwLTAuNDY5LTAuNDY5LTAuNDY5LTEuMjI5IDAtMS42OTdsMi43NTgtMy4xNS0yLjc1OS0zLjE1MmMtMC40NjktMC40NjktMC40NjktMS4yMjggMC0xLjY5N3MxLjIyOC0wLjQ2OSAxLjY5NyAwbDIuNjUyIDMuMDMxIDIuNjUxLTMuMDMxYzAuNDY5LTAuNDY5IDEuMjI4LTAuNDY5IDEuNjk3IDBzMC40NjkgMS4yMjkgMCAxLjY5N2wtMi43NTggMy4xNTIgMi43NTggMy4xNWMwLjQ2OSAwLjQ2OSAwLjQ2OSAxLjIyOSAwIDEuNjk4elwiIC8+XG4gIDwvU3ZnPlxuKTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogYW55KSA9PiAoXG4gIDxTdmcgc2l6ZT17MjB9IHsuLi5wcm9wc30+XG4gICAgPHBhdGggZD1cIk00LjUxNiA3LjU0OGMwLjQzNi0wLjQ0NiAxLjA0My0wLjQ4MSAxLjU3NiAwbDMuOTA4IDMuNzQ3IDMuOTA4LTMuNzQ3YzAuNTMzLTAuNDgxIDEuMTQxLTAuNDQ2IDEuNTc0IDAgMC40MzYgMC40NDUgMC40MDggMS4xOTcgMCAxLjYxNS0wLjQwNiAwLjQxOC00LjY5NSA0LjUwMi00LjY5NSA0LjUwMi0wLjIxNyAwLjIyMy0wLjUwMiAwLjMzNS0wLjc4NyAwLjMzNXMtMC41Ny0wLjExMi0wLjc4OS0wLjMzNWMwIDAtNC4yODctNC4wODQtNC42OTUtNC41MDJzLTAuNDM2LTEuMTcgMC0xLjYxNXpcIiAvPlxuICA8L1N2Zz5cbik7XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gRHJvcGRvd24gJiBDbGVhciBCdXR0b25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuZXhwb3J0IHR5cGUgSW5kaWNhdG9yUHJvcHMgPSBDb21tb25Qcm9wcyAmIHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhlIGluZGljYXRvci4gKi9cbiAgY2hpbGRyZW46IE5vZGUsXG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufTtcblxuY29uc3QgYmFzZUNTUyA9ICh7XG4gIGlzRm9jdXNlZCxcbiAgdGhlbWU6IHtcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gICAgY29sb3JzLFxuICB9LFxufTogSW5kaWNhdG9yUHJvcHMpID0+ICh7XG4gIGxhYmVsOiAnaW5kaWNhdG9yQ29udGFpbmVyJyxcbiAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcblxuICAnOmhvdmVyJzoge1xuICAgIGNvbG9yOiBpc0ZvY3VzZWQgPyBjb2xvcnMubmV1dHJhbDgwIDogY29sb3JzLm5ldXRyYWw0MCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcGRvd25JbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2Ryb3Bkb3duSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnZHJvcGRvd24taW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8RG93bkNoZXZyb24gLz59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgY2xlYXJJbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IENsZWFySW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2NsZWFySW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnY2xlYXItaW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8Q3Jvc3NJY29uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBTZXBhcmF0b3Jcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG50eXBlIFNlcGFyYXRvclN0YXRlID0geyBpc0Rpc2FibGVkOiBib29sZWFuIH07XG5cbmV4cG9ydCBjb25zdCBpbmRpY2F0b3JTZXBhcmF0b3JDU1MgPSAoe1xuICBpc0Rpc2FibGVkLFxuICB0aGVtZToge1xuICAgIHNwYWNpbmc6IHsgYmFzZVVuaXQgfSxcbiAgICBjb2xvcnMsXG4gIH0sXG59OiBDb21tb25Qcm9wcyAmIFNlcGFyYXRvclN0YXRlKSA9PiAoe1xuICBsYWJlbDogJ2luZGljYXRvclNlcGFyYXRvcicsXG4gIGFsaWduU2VsZjogJ3N0cmV0Y2gnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRGlzYWJsZWQgPyBjb2xvcnMubmV1dHJhbDEwIDogY29sb3JzLm5ldXRyYWwyMCxcbiAgbWFyZ2luQm90dG9tOiBiYXNlVW5pdCAqIDIsXG4gIG1hcmdpblRvcDogYmFzZVVuaXQgKiAyLFxuICB3aWR0aDogMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yU2VwYXJhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2luZGljYXRvclNlcGFyYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goeyAnaW5kaWNhdG9yLXNlcGFyYXRvcic6IHRydWUgfSwgY2xhc3NOYW1lKX1cbiAgICAvPlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBMb2FkaW5nXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgbG9hZGluZ0RvdEFuaW1hdGlvbnMgPSBrZXlmcmFtZXNgXG4gIDAlLCA4MCUsIDEwMCUgeyBvcGFjaXR5OiAwOyB9XG4gIDQwJSB7IG9wYWNpdHk6IDE7IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsb2FkaW5nSW5kaWNhdG9yQ1NTID0gKHtcbiAgaXNGb2N1c2VkLFxuICBzaXplLFxuICB0aGVtZToge1xuICAgIGNvbG9ycyxcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gIH0sXG59OiB7XG4gIGlzRm9jdXNlZDogYm9vbGVhbixcbiAgc2l6ZTogbnVtYmVyLFxuICB0aGVtZTogVGhlbWUsXG59KSA9PiAoe1xuICBsYWJlbDogJ2xvYWRpbmdJbmRpY2F0b3InLFxuICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw2MCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgcGFkZGluZzogYmFzZVVuaXQgKiAyLFxuICB0cmFuc2l0aW9uOiAnY29sb3IgMTUwbXMnLFxuICBhbGlnblNlbGY6ICdjZW50ZXInLFxuICBmb250U2l6ZTogc2l6ZSxcbiAgbGluZUhlaWdodDogMSxcbiAgbWFyZ2luUmlnaHQ6IHNpemUsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxufSk7XG5cbnR5cGUgRG90UHJvcHMgPSB7IGRlbGF5OiBudW1iZXIsIG9mZnNldDogYm9vbGVhbiB9O1xuY29uc3QgTG9hZGluZ0RvdCA9ICh7IGRlbGF5LCBvZmZzZXQgfTogRG90UHJvcHMpID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGFuaW1hdGlvbjogYCR7bG9hZGluZ0RvdEFuaW1hdGlvbnN9IDFzIGVhc2UtaW4tb3V0ICR7ZGVsYXl9bXMgaW5maW5pdGU7YCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gICAgICBib3JkZXJSYWRpdXM6ICcxZW0nLFxuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBtYXJnaW5MZWZ0OiBvZmZzZXQgPyAnMWVtJyA6IG51bGwsXG4gICAgICBoZWlnaHQ6ICcxZW0nLFxuICAgICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgICB3aWR0aDogJzFlbScsXG4gICAgfX1cbiAgLz5cbik7XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdJY29uUHJvcHMgPSB7XG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufSAmIENvbW1vblByb3BzICYge1xuICAgIC8qKiBTZXQgc2l6ZSBvZiB0aGUgY29udGFpbmVyLiAqL1xuICAgIHNpemU6IG51bWJlcixcbiAgfTtcbmV4cG9ydCBjb25zdCBMb2FkaW5nSW5kaWNhdG9yID0gKHByb3BzOiBMb2FkaW5nSWNvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2xhc3NOYW1lLCBjeCwgZ2V0U3R5bGVzLCBpbm5lclByb3BzLCBpc1J0bCB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uaW5uZXJQcm9wc31cbiAgICAgIGNzcz17Z2V0U3R5bGVzKCdsb2FkaW5nSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnbG9hZGluZy1pbmRpY2F0b3InOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAgPExvYWRpbmdEb3QgZGVsYXk9ezB9IG9mZnNldD17aXNSdGx9IC8+XG4gICAgICA8TG9hZGluZ0RvdCBkZWxheT17MTYwfSBvZmZzZXQgLz5cbiAgICAgIDxMb2FkaW5nRG90IGRlbGF5PXszMjB9IG9mZnNldD17IWlzUnRsfSAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbkxvYWRpbmdJbmRpY2F0b3IuZGVmYXVsdFByb3BzID0geyBzaXplOiA0IH07XG4iXX0= */",
"name": "19bqh2r",
"styles": "display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;",
"toString": [Function],
}
}
focusable="false"
height={20}
viewBox="0 0 20 20"
width={20}
>
<svg
aria-hidden="true"
className="css-6q0nyr-Svg"
focusable="false"
height={20}
viewBox="0 0 20 20"
width={20}
>
<path
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
/>
</svg>
</EmotionCssPropInternal>
</Svg>
</DownChevron>
</div>
</EmotionCssPropInternal>
</DropdownIndicator>
</div>
</EmotionCssPropInternal>
</IndicatorsContainer>
</div>
</EmotionCssPropInternal>
</Control>
<MenuPlacer
clearValue={[Function]}
cx={[Function]}
getStyles={[Function]}
getValue={[Function]}
hasValue={false}
isMulti={false}
isRtl={false}
maxMenuHeight={300}
menuPlacement="bottom"
menuPosition="absolute"
menuShouldScrollIntoView={true}
minMenuHeight={140}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
selectOption={[Function]}
selectProps={
Object {
"backspaceRemovesValue": true,
"blurInputOnSelect": true,
"captureMenuScroll": false,
"closeMenuOnScroll": false,
"closeMenuOnSelect": true,
"components": Object {},
"controlShouldRenderValue": true,
"escapeClearsValue": false,
"filterOption": [Function],
"formatGroupLabel": [Function],
"getOptionLabel": [Function],
"getOptionValue": [Function],
"inputValue": "text",
"isDisabled": false,
"isLoading": false,
"isMulti": false,
"isOptionDisabled": [Function],
"isRtl": false,
"isSearchable": true,
"loadingMessage": [Function],
"maxMenuHeight": 300,
"menuIsOpen": true,
"menuPlacement": "bottom",
"menuPosition": "absolute",
"menuShouldBlockScroll": false,
"menuShouldScrollIntoView": true,
"minMenuHeight": 140,
"noOptionsMessage": [Function],
"onChange": [Function],
"onInputChange": [Function],
"onMenuClose": [Function],
"onMenuOpen": [Function],
"openMenuOnClick": true,
"openMenuOnFocus": false,
"options": Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
],
"pageSize": 5,
"placeholder": "Select...",
"screenReaderStatus": [Function],
"styles": Object {
"container": [Function],
"control": [Function],
},
"tabIndex": "0",
"tabSelectsValue": true,
"theme": [Function],
"value": null,
}
}
setValue={[Function]}
theme={
Object {
"borderRadius": 0,
"colors": Object {
"danger": undefined,
"dangerLight": undefined,
"neutral0": undefined,
"neutral10": undefined,
"neutral20": undefined,
"neutral30": undefined,
"neutral40": undefined,
"neutral5": undefined,
"neutral50": "hsl(0, 0%, 50%)",
"neutral60": undefined,
"neutral70": "hsl(0, 0%, 30%)",
"neutral80": undefined,
"neutral90": "hsl(0, 0%, 10%)",
"primary": undefined,
"primary25": undefined,
"primary50": undefined,
"primary75": "#4C9AFF",
},
"spacing": Object {
"baseUnit": 2,
"controlHeight": 30,
"menuGutter": 8,
},
}
}
>
<Menu
clearValue={[Function]}
cx={[Function]}
getStyles={[Function]}
getValue={[Function]}
hasValue={false}
innerProps={
Object {
"onMouseDown": [Function],
"onMouseMove": [Function],
}
}
innerRef={[Function]}
isLoading={false}
isMulti={false}
isRtl={false}
maxMenuHeight={300}
menuPlacement="bottom"
menuPosition="absolute"
menuShouldScrollIntoView={true}
minMenuHeight={140}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
placement="bottom"
selectOption={[Function]}
selectProps={
Object {
"backspaceRemovesValue": true,
"blurInputOnSelect": true,
"captureMenuScroll": false,
"closeMenuOnScroll": false,
"closeMenuOnSelect": true,
"components": Object {},
"controlShouldRenderValue": true,
"escapeClearsValue": false,
"filterOption": [Function],
"formatGroupLabel": [Function],
"getOptionLabel": [Function],
"getOptionValue": [Function],
"inputValue": "text",
"isDisabled": false,
"isLoading": false,
"isMulti": false,
"isOptionDisabled": [Function],
"isRtl": false,
"isSearchable": true,
"loadingMessage": [Function],
"maxMenuHeight": 300,
"menuIsOpen": true,
"menuPlacement": "bottom",
"menuPosition": "absolute",
"menuShouldBlockScroll": false,
"menuShouldScrollIntoView": true,
"minMenuHeight": 140,
"noOptionsMessage": [Function],
"onChange": [Function],
"onInputChange": [Function],
"onMenuClose": [Function],
"onMenuOpen": [Function],
"openMenuOnClick": true,
"openMenuOnFocus": false,
"options": Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
],
"pageSize": 5,
"placeholder": "Select...",
"screenReaderStatus": [Function],
"styles": Object {
"container": [Function],
"control": [Function],
},
"tabIndex": "0",
"tabSelectsValue": true,
"theme": [Function],
"value": null,
}
}
setValue={[Function]}
theme={
Object {
"borderRadius": 0,
"colors": Object {
"danger": undefined,
"dangerLight": undefined,
"neutral0": undefined,
"neutral10": undefined,
"neutral20": undefined,
"neutral30": undefined,
"neutral40": undefined,
"neutral5": undefined,
"neutral50": "hsl(0, 0%, 50%)",
"neutral60": undefined,
"neutral70": "hsl(0, 0%, 30%)",
"neutral80": undefined,
"neutral90": "hsl(0, 0%, 10%)",
"primary": undefined,
"primary25": undefined,
"primary50": undefined,
"primary75": "#4C9AFF",
},
"spacing": Object {
"baseUnit": 2,
"controlHeight": 30,
"menuGutter": 8,
},
}
}
>
<EmotionCssPropInternal
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Menu"
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
className=""
css={
Object {
"backgroundColor": undefined,
"borderRadius": 0,
"boxShadow": "0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)",
"boxSizing": "border-box",
"label": "menu",
"marginBottom": 8,
"marginTop": 8,
"position": "absolute",
"top": "100%",
"width": "100%",
"zIndex": 1,
}
}
onMouseDown={[Function]}
onMouseMove={[Function]}
>
<div
className=" css-1uhnaxp-menu"
onMouseDown={[Function]}
onMouseMove={[Function]}
>
<ScrollCaptorSwitch
isEnabled={false}
>
<ScrollBlock
isEnabled={false}
>
<MenuList
clearValue={[Function]}
cx={[Function]}
getStyles={[Function]}
getValue={[Function]}
hasValue={false}
innerRef={[Function]}
isLoading={false}
isMulti={false}
isRtl={false}
maxHeight={300}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
selectOption={[Function]}
selectProps={
Object {
"backspaceRemovesValue": true,
"blurInputOnSelect": true,
"captureMenuScroll": false,
"closeMenuOnScroll": false,
"closeMenuOnSelect": true,
"components": Object {},
"controlShouldRenderValue": true,
"escapeClearsValue": false,
"filterOption": [Function],
"formatGroupLabel": [Function],
"getOptionLabel": [Function],
"getOptionValue": [Function],
"inputValue": "text",
"isDisabled": false,
"isLoading": false,
"isMulti": false,
"isOptionDisabled": [Function],
"isRtl": false,
"isSearchable": true,
"loadingMessage": [Function],
"maxMenuHeight": 300,
"menuIsOpen": true,
"menuPlacement": "bottom",
"menuPosition": "absolute",
"menuShouldBlockScroll": false,
"menuShouldScrollIntoView": true,
"minMenuHeight": 140,
"noOptionsMessage": [Function],
"onChange": [Function],
"onInputChange": [Function],
"onMenuClose": [Function],
"onMenuOpen": [Function],
"openMenuOnClick": true,
"openMenuOnFocus": false,
"options": Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
],
"pageSize": 5,
"placeholder": "Select...",
"screenReaderStatus": [Function],
"styles": Object {
"container": [Function],
"control": [Function],
},
"tabIndex": "0",
"tabSelectsValue": true,
"theme": [Function],
"value": null,
}
}
setValue={[Function]}
theme={
Object {
"borderRadius": 0,
"colors": Object {
"danger": undefined,
"dangerLight": undefined,
"neutral0": undefined,
"neutral10": undefined,
"neutral20": undefined,
"neutral30": undefined,
"neutral40": undefined,
"neutral5": undefined,
"neutral50": "hsl(0, 0%, 50%)",
"neutral60": undefined,
"neutral70": "hsl(0, 0%, 30%)",
"neutral80": undefined,
"neutral90": "hsl(0, 0%, 10%)",
"primary": undefined,
"primary25": undefined,
"primary50": undefined,
"primary75": "#4C9AFF",
},
"spacing": Object {
"baseUnit": 2,
"controlHeight": 30,
"menuGutter": 8,
},
}
}
>
<EmotionCssPropInternal
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="MenuList"
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
className=""
css={
Object {
"WebkitOverflowScrolling": "touch",
"boxSizing": "border-box",
"maxHeight": 300,
"overflowY": "auto",
"paddingBottom": 2,
"paddingTop": 2,
"position": "relative",
}
}
>
<div
className=" css-87spde-MenuList"
>
<NoOptionsMessage
clearValue={[Function]}
cx={[Function]}
getStyles={[Function]}
getValue={[Function]}
hasValue={false}
isMulti={false}
isRtl={false}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
selectOption={[Function]}
selectProps={
Object {
"backspaceRemovesValue": true,
"blurInputOnSelect": true,
"captureMenuScroll": false,
"closeMenuOnScroll": false,
"closeMenuOnSelect": true,
"components": Object {},
"controlShouldRenderValue": true,
"escapeClearsValue": false,
"filterOption": [Function],
"formatGroupLabel": [Function],
"getOptionLabel": [Function],
"getOptionValue": [Function],
"inputValue": "text",
"isDisabled": false,
"isLoading": false,
"isMulti": false,
"isOptionDisabled": [Function],
"isRtl": false,
"isSearchable": true,
"loadingMessage": [Function],
"maxMenuHeight": 300,
"menuIsOpen": true,
"menuPlacement": "bottom",
"menuPosition": "absolute",
"menuShouldBlockScroll": false,
"menuShouldScrollIntoView": true,
"minMenuHeight": 140,
"noOptionsMessage": [Function],
"onChange": [Function],
"onInputChange": [Function],
"onMenuClose": [Function],
"onMenuOpen": [Function],
"openMenuOnClick": true,
"openMenuOnFocus": false,
"options": Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
],
"pageSize": 5,
"placeholder": "Select...",
"screenReaderStatus": [Function],
"styles": Object {
"container": [Function],
"control": [Function],
},
"tabIndex": "0",
"tabSelectsValue": true,
"theme": [Function],
"value": null,
}
}
setValue={[Function]}
theme={
Object {
"borderRadius": 0,
"colors": Object {
"danger": undefined,
"dangerLight": undefined,
"neutral0": undefined,
"neutral10": undefined,
"neutral20": undefined,
"neutral30": undefined,
"neutral40": undefined,
"neutral5": undefined,
"neutral50": "hsl(0, 0%, 50%)",
"neutral60": undefined,
"neutral70": "hsl(0, 0%, 30%)",
"neutral80": undefined,
"neutral90": "hsl(0, 0%, 10%)",
"primary": undefined,
"primary25": undefined,
"primary50": undefined,
"primary75": "#4C9AFF",
},
"spacing": Object {
"baseUnit": 2,
"controlHeight": 30,
"menuGutter": 8,
},
}
}
>
<EmotionCssPropInternal
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="NoOptionsMessage"
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
className=""
css={
Object {
"boxSizing": "border-box",
"color": undefined,
"padding": "4px 6px",
"textAlign": "center",
}
}
>
<div
className=" css-36co7-NoOptionsMessage"
>
No options
</div>
</EmotionCssPropInternal>
</NoOptionsMessage>
</div>
</EmotionCssPropInternal>
</MenuList>
</ScrollBlock>
</ScrollCaptorSwitch>
</div>
</EmotionCssPropInternal>
</Menu>
</MenuPlacer>
</div>
</EmotionCssPropInternal>
</SelectContainer>
</Select>
</StateManager>
</Select>
</Component>
</WithTheme(Component)>
`;
Reference in New Issue View Git Blame Copy Permalink