2019-01-03 16:00:55 +03:00
|
|
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
|
|
|
|
|
|
exports[`Select renders correctly 1`] = `
|
|
|
|
|
<div
|
2020-09-04 07:10:24 +03:00
|
|
|
class=" css-2b097c-container"
|
2019-01-03 16:00:55 +03:00
|
|
|
>
|
|
|
|
|
<div
|
2020-09-20 02:24:18 +03:00
|
|
|
class=" css-vmgz7k-control"
|
2019-01-03 16:00:55 +03:00
|
|
|
>
|
|
|
|
|
<div
|
2020-09-20 02:24:18 +03:00
|
|
|
class=" css-be27w2-ValueContainer"
|
2019-01-03 16:00:55 +03:00
|
|
|
>
|
|
|
|
|
<div
|
2020-09-20 02:24:18 +03:00
|
|
|
class=" css-1osw1h9-placeholder"
|
2019-01-03 16:00:55 +03:00
|
|
|
>
|
|
|
|
|
Select...
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
2020-09-20 02:24:18 +03:00
|
|
|
class="css-187dxxn-Input"
|
2019-01-03 16:00:55 +03:00
|
|
|
>
|
|
|
|
|
<div
|
2020-09-04 07:10:24 +03:00
|
|
|
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>
|
2019-01-03 16:00:55 +03:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2020-09-04 07:10:24 +03:00
|
|
|
<div
|
|
|
|
|
class=" css-1hb7zxy-IndicatorsContainer"
|
2019-01-03 16:00:55 +03:00
|
|
|
>
|
|
|
|
|
<span
|
2020-09-20 02:24:18 +03:00
|
|
|
class=" css-1urf5ax-indicatorSeparator"
|
2019-01-03 16:00:55 +03:00
|
|
|
/>
|
2020-09-04 07:10:24 +03:00
|
|
|
<div
|
|
|
|
|
aria-hidden="true"
|
2020-09-20 02:24:18 +03:00
|
|
|
class=" css-aazq4s-indicatorContainer"
|
2020-09-04 07:10:24 +03:00
|
|
|
>
|
|
|
|
|
<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>
|
2019-01-03 16:00:55 +03:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
exports[`Select renders with props 1`] = `
|
|
|
|
|
<div
|
2020-09-04 07:10:24 +03:00
|
|
|
class=" css-2b097c-container"
|
2019-01-03 16:00:55 +03:00
|
|
|
>
|
|
|
|
|
<div
|
2020-09-20 02:24:18 +03:00
|
|
|
class=" css-vmgz7k-control"
|
2019-01-03 16:00:55 +03:00
|
|
|
>
|
|
|
|
|
<div
|
2020-09-20 02:24:18 +03:00
|
|
|
class=" css-be27w2-ValueContainer"
|
2019-01-03 16:00:55 +03:00
|
|
|
>
|
|
|
|
|
<div
|
2020-09-20 02:24:18 +03:00
|
|
|
class=" css-1osw1h9-placeholder"
|
2019-01-03 16:00:55 +03:00
|
|
|
>
|
2020-09-04 07:10:24 +03:00
|
|
|
Select...
|
2019-01-03 16:00:55 +03:00
|
|
|
</div>
|
|
|
|
|
<div
|
2020-09-20 02:24:18 +03:00
|
|
|
class="css-187dxxn-Input"
|
2020-09-04 07:10:24 +03:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class=""
|
|
|
|
|
style="display:inline-block"
|
|
|
|
|
>
|
|
|
|
|
<input
|
|
|
|
|
aria-autocomplete="list"
|
|
|
|
|
autocapitalize="none"
|
|
|
|
|
autocomplete="off"
|
|
|
|
|
autocorrect="off"
|
|
|
|
|
id="react-select-3-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>
|
2019-01-03 16:00:55 +03:00
|
|
|
</div>
|
2020-09-04 07:10:24 +03:00
|
|
|
<div
|
|
|
|
|
class=" css-1hb7zxy-IndicatorsContainer"
|
2019-01-03 16:00:55 +03:00
|
|
|
>
|
2020-09-04 07:10:24 +03:00
|
|
|
<div
|
|
|
|
|
aria-hidden="true"
|
2020-09-20 02:24:18 +03:00
|
|
|
class=" css-1gilzap-loadingIndicator"
|
2020-09-04 07:10:24 +03:00
|
|
|
>
|
|
|
|
|
<span
|
|
|
|
|
class="css-1yvy2vo-LoadingDot"
|
|
|
|
|
/>
|
|
|
|
|
<span
|
|
|
|
|
class="css-zoievk-LoadingDot"
|
|
|
|
|
/>
|
|
|
|
|
<span
|
|
|
|
|
class="css-x748d8-LoadingDot"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
2019-01-03 16:00:55 +03:00
|
|
|
<span
|
2020-09-20 02:24:18 +03:00
|
|
|
class=" css-1urf5ax-indicatorSeparator"
|
2019-01-03 16:00:55 +03:00
|
|
|
/>
|
2020-09-04 07:10:24 +03:00
|
|
|
<div
|
|
|
|
|
aria-hidden="true"
|
2020-09-20 02:24:18 +03:00
|
|
|
class=" css-aazq4s-indicatorContainer"
|
2020-09-04 07:10:24 +03:00
|
|
|
>
|
|
|
|
|
<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>
|
2019-01-03 16:00:55 +03:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
exports[`Select should select another option 1`] = `
|
2020-09-20 02:24:18 +03:00
|
|
|
<WithTheme(Component)
|
2020-09-04 07:10:24 +03:00
|
|
|
onInputChange={
|
|
|
|
|
[MockFunction] {
|
|
|
|
|
"calls": Array [
|
|
|
|
|
Array [
|
|
|
|
|
"two",
|
|
|
|
|
Object {
|
|
|
|
|
"action": "input-change",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
],
|
|
|
|
|
"results": Array [
|
|
|
|
|
Object {
|
|
|
|
|
"type": "return",
|
|
|
|
|
"value": undefined,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-01-03 16:00:55 +03:00
|
|
|
options={
|
|
|
|
|
Array [
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<Component
|
2020-09-04 07:10:24 +03:00
|
|
|
onInputChange={
|
|
|
|
|
[MockFunction] {
|
|
|
|
|
"calls": Array [
|
|
|
|
|
Array [
|
|
|
|
|
"two",
|
|
|
|
|
Object {
|
|
|
|
|
"action": "input-change",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
],
|
|
|
|
|
"results": Array [
|
|
|
|
|
Object {
|
|
|
|
|
"type": "return",
|
|
|
|
|
"value": undefined,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-01-03 16:00:55 +03:00
|
|
|
options={
|
|
|
|
|
Array [
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<Select
|
2020-09-04 07:10:24 +03:00
|
|
|
onInputChange={
|
|
|
|
|
[MockFunction] {
|
|
|
|
|
"calls": Array [
|
|
|
|
|
Array [
|
|
|
|
|
"two",
|
|
|
|
|
Object {
|
|
|
|
|
"action": "input-change",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
],
|
|
|
|
|
"results": Array [
|
|
|
|
|
Object {
|
|
|
|
|
"type": "return",
|
|
|
|
|
"value": undefined,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-01-03 16:00:55 +03:00
|
|
|
options={
|
|
|
|
|
Array [
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
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,
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-01-03 16:00:55 +03:00
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<StateManager
|
|
|
|
|
defaultInputValue=""
|
|
|
|
|
defaultMenuIsOpen={false}
|
|
|
|
|
defaultValue={null}
|
|
|
|
|
onInputChange={
|
|
|
|
|
[MockFunction] {
|
|
|
|
|
"calls": Array [
|
|
|
|
|
Array [
|
|
|
|
|
"two",
|
|
|
|
|
Object {
|
|
|
|
|
"action": "input-change",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
],
|
|
|
|
|
"results": Array [
|
|
|
|
|
Object {
|
|
|
|
|
"type": "return",
|
|
|
|
|
"value": undefined,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
options={
|
|
|
|
|
Array [
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
theme={[Function]}
|
2019-01-03 16:00:55 +03:00
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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"
|
2020-09-04 07:10:24 +03:00
|
|
|
isDisabled={false}
|
2020-09-20 02:24:18 +03:00
|
|
|
isLoading={false}
|
2020-09-04 07:10:24 +03:00
|
|
|
isMulti={false}
|
2020-09-20 02:24:18 +03:00
|
|
|
isOptionDisabled={[Function]}
|
2020-09-04 07:10:24 +03:00
|
|
|
isRtl={false}
|
2020-09-20 02:24:18 +03:00
|
|
|
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}
|
2020-09-04 07:10:24 +03:00
|
|
|
options={
|
|
|
|
|
Array [
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
pageSize={5}
|
|
|
|
|
placeholder="Select..."
|
|
|
|
|
screenReaderStatus={[Function]}
|
|
|
|
|
styles={Object {}}
|
|
|
|
|
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 [
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
2020-09-20 02:24:18 +03:00
|
|
|
]
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
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 {},
|
|
|
|
|
"tabIndex": "0",
|
|
|
|
|
"tabSelectsValue": true,
|
|
|
|
|
"theme": [Function],
|
|
|
|
|
"value": null,
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
setValue={[Function]}
|
|
|
|
|
theme={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"borderRadius": 4,
|
|
|
|
|
"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,
|
|
|
|
|
},
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
|
|
|
|
}
|
2019-01-03 16:00:55 +03:00
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<EmotionCssPropInternal
|
|
|
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="SelectContainer"
|
|
|
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
|
|
|
className=""
|
|
|
|
|
css={
|
|
|
|
|
Object {
|
|
|
|
|
"boxSizing": "border-box",
|
|
|
|
|
"direction": null,
|
|
|
|
|
"label": "container",
|
|
|
|
|
"pointerEvents": null,
|
|
|
|
|
"position": "relative",
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
onKeyDown={[Function]}
|
2019-01-03 16:00:55 +03:00
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<div
|
|
|
|
|
className=" css-2b097c-container"
|
|
|
|
|
onKeyDown={[Function]}
|
|
|
|
|
>
|
|
|
|
|
<Control
|
|
|
|
|
clearValue={[Function]}
|
|
|
|
|
cx={[Function]}
|
|
|
|
|
getStyles={[Function]}
|
|
|
|
|
getValue={[Function]}
|
|
|
|
|
hasValue={false}
|
|
|
|
|
innerProps={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"onMouseDown": [Function],
|
|
|
|
|
"onTouchEnd": [Function],
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
innerRef={[Function]}
|
|
|
|
|
isDisabled={false}
|
|
|
|
|
isFocused={false}
|
|
|
|
|
isMulti={false}
|
|
|
|
|
isRtl={false}
|
|
|
|
|
menuIsOpen={true}
|
|
|
|
|
options={
|
|
|
|
|
Array [
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
2020-09-20 02:24:18 +03:00
|
|
|
]
|
2019-01-03 16:00:55 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
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 {},
|
|
|
|
|
"tabIndex": "0",
|
|
|
|
|
"tabSelectsValue": true,
|
|
|
|
|
"theme": [Function],
|
|
|
|
|
"value": null,
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
setValue={[Function]}
|
|
|
|
|
theme={
|
2019-01-03 16:00:55 +03:00
|
|
|
Object {
|
2020-09-04 07:10:24 +03:00
|
|
|
"borderRadius": 4,
|
2020-09-20 02:24:18 +03:00
|
|
|
"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,
|
|
|
|
|
},
|
2019-01-03 16:00:55 +03:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<EmotionCssPropInternal
|
|
|
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Control"
|
|
|
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
|
|
|
className=""
|
|
|
|
|
css={
|
|
|
|
|
Object {
|
|
|
|
|
"&:hover": Object {
|
|
|
|
|
"borderColor": undefined,
|
|
|
|
|
},
|
|
|
|
|
"alignItems": "center",
|
|
|
|
|
"backgroundColor": undefined,
|
|
|
|
|
"borderColor": undefined,
|
|
|
|
|
"borderRadius": 4,
|
|
|
|
|
"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",
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
onMouseDown={[Function]}
|
|
|
|
|
onTouchEnd={[Function]}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<div
|
|
|
|
|
className=" css-vmgz7k-control"
|
|
|
|
|
onMouseDown={[Function]}
|
|
|
|
|
onTouchEnd={[Function]}
|
|
|
|
|
>
|
|
|
|
|
<ValueContainer
|
|
|
|
|
clearValue={[Function]}
|
|
|
|
|
cx={[Function]}
|
|
|
|
|
getStyles={[Function]}
|
|
|
|
|
getValue={[Function]}
|
|
|
|
|
hasValue={false}
|
|
|
|
|
isDisabled={false}
|
|
|
|
|
isMulti={false}
|
|
|
|
|
isRtl={false}
|
|
|
|
|
options={
|
|
|
|
|
Array [
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
2020-09-20 02:24:18 +03:00
|
|
|
]
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
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 {},
|
|
|
|
|
"tabIndex": "0",
|
|
|
|
|
"tabSelectsValue": true,
|
|
|
|
|
"theme": [Function],
|
|
|
|
|
"value": null,
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
setValue={[Function]}
|
|
|
|
|
theme={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"borderRadius": 4,
|
|
|
|
|
"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,
|
|
|
|
|
},
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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",
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
}
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
className=" css-be27w2-ValueContainer"
|
2020-09-04 07:10:24 +03:00
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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 {},
|
|
|
|
|
"tabIndex": "0",
|
|
|
|
|
"tabSelectsValue": true,
|
|
|
|
|
"theme": [Function],
|
|
|
|
|
"value": null,
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
spellCheck="false"
|
|
|
|
|
tabIndex="0"
|
|
|
|
|
theme={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"borderRadius": 4,
|
|
|
|
|
"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,
|
|
|
|
|
},
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
|
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
type="text"
|
|
|
|
|
value="two"
|
2020-09-04 07:10:24 +03:00
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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",
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
}
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
className="css-187dxxn-Input"
|
2020-09-04 07:10:24 +03:00
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<AutosizeInput
|
|
|
|
|
aria-autocomplete="list"
|
|
|
|
|
autoCapitalize="none"
|
|
|
|
|
autoComplete="off"
|
|
|
|
|
autoCorrect="off"
|
2020-09-04 07:10:24 +03:00
|
|
|
className=""
|
2020-09-20 02:24:18 +03:00
|
|
|
disabled={false}
|
|
|
|
|
id="react-select-4-input"
|
|
|
|
|
injectStyles={true}
|
|
|
|
|
inputRef={[Function]}
|
|
|
|
|
inputStyle={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"background": 0,
|
|
|
|
|
"border": 0,
|
|
|
|
|
"color": "inherit",
|
|
|
|
|
"fontSize": "inherit",
|
|
|
|
|
"label": "input",
|
|
|
|
|
"opacity": 1,
|
|
|
|
|
"outline": 0,
|
|
|
|
|
"padding": 0,
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
|
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
minWidth={1}
|
|
|
|
|
onBlur={[Function]}
|
|
|
|
|
onChange={[Function]}
|
|
|
|
|
onFocus={[Function]}
|
|
|
|
|
spellCheck="false"
|
|
|
|
|
tabIndex="0"
|
|
|
|
|
type="text"
|
|
|
|
|
value="two"
|
2020-09-04 07:10:24 +03:00
|
|
|
>
|
|
|
|
|
<div
|
2020-09-20 02:24:18 +03:00
|
|
|
className=""
|
2020-09-04 07:10:24 +03:00
|
|
|
style={
|
|
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"display": "inline-block",
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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>
|
2020-09-04 07:10:24 +03:00
|
|
|
</div>
|
2020-09-20 02:24:18 +03:00
|
|
|
</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 [
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
2020-09-20 02:24:18 +03:00
|
|
|
]
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
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 {},
|
|
|
|
|
"tabIndex": "0",
|
|
|
|
|
"tabSelectsValue": true,
|
|
|
|
|
"theme": [Function],
|
|
|
|
|
"value": null,
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
setValue={[Function]}
|
|
|
|
|
theme={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"borderRadius": 4,
|
|
|
|
|
"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,
|
|
|
|
|
},
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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,
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
}
|
|
|
|
|
>
|
|
|
|
|
<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 [
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
2020-09-20 02:24:18 +03:00
|
|
|
]
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
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 {},
|
|
|
|
|
"tabIndex": "0",
|
|
|
|
|
"tabSelectsValue": true,
|
|
|
|
|
"theme": [Function],
|
|
|
|
|
"value": null,
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
setValue={[Function]}
|
|
|
|
|
theme={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"borderRadius": 4,
|
|
|
|
|
"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,
|
|
|
|
|
},
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"aria-hidden": "true",
|
|
|
|
|
"onMouseDown": [Function],
|
|
|
|
|
"onTouchEnd": [Function],
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
isDisabled={false}
|
|
|
|
|
isFocused={false}
|
|
|
|
|
isMulti={false}
|
|
|
|
|
isRtl={false}
|
|
|
|
|
options={
|
|
|
|
|
Array [
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
2020-09-20 02:24:18 +03:00
|
|
|
]
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
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 {},
|
|
|
|
|
"tabIndex": "0",
|
|
|
|
|
"tabSelectsValue": true,
|
|
|
|
|
"theme": [Function],
|
|
|
|
|
"value": null,
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
setValue={[Function]}
|
|
|
|
|
theme={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"borderRadius": 4,
|
|
|
|
|
"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,
|
2020-09-04 07:10:24 +03:00
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<EmotionCssPropInternal
|
|
|
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="DropdownIndicator"
|
|
|
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
2020-09-04 07:10:24 +03:00
|
|
|
aria-hidden="true"
|
2020-09-20 02:24:18 +03:00
|
|
|
className=""
|
|
|
|
|
css={
|
|
|
|
|
Object {
|
|
|
|
|
":hover": Object {
|
|
|
|
|
"color": undefined,
|
|
|
|
|
},
|
|
|
|
|
"boxSizing": "border-box",
|
|
|
|
|
"color": undefined,
|
|
|
|
|
"display": "flex",
|
|
|
|
|
"label": "indicatorContainer",
|
|
|
|
|
"padding": 4,
|
|
|
|
|
"transition": "color 150ms",
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
onMouseDown={[Function]}
|
|
|
|
|
onTouchEnd={[Function]}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<div
|
|
|
|
|
aria-hidden="true"
|
|
|
|
|
className=" css-aazq4s-indicatorContainer"
|
|
|
|
|
onMouseDown={[Function]}
|
|
|
|
|
onTouchEnd={[Function]}
|
|
|
|
|
>
|
|
|
|
|
<DownChevron>
|
|
|
|
|
<Svg
|
|
|
|
|
size={20}
|
2020-09-04 07:10:24 +03:00
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<EmotionCssPropInternal
|
|
|
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Svg"
|
|
|
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="svg"
|
2020-09-04 07:10:24 +03:00
|
|
|
aria-hidden="true"
|
2020-09-20 02:24:18 +03:00
|
|
|
css={
|
|
|
|
|
Object {
|
|
|
|
|
"map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JJIiwiZmlsZSI6ImluZGljYXRvcnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAZmxvd1xuLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyB0eXBlIE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3gsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgdHlwZSB7IENvbW1vblByb3BzLCBUaGVtZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBEcm9wZG93biAmIENsZWFyIEljb25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgU3ZnID0gKHsgc2l6ZSwgLi4ucHJvcHMgfTogeyBzaXplOiBudW1iZXIgfSkgPT4gKFxuICA8c3ZnXG4gICAgaGVpZ2h0PXtzaXplfVxuICAgIHdpZHRoPXtzaXplfVxuICAgIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgZm9jdXNhYmxlPVwiZmFsc2VcIlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBmaWxsOiAnY3VycmVudENvbG9yJyxcbiAgICAgIGxpbmVIZWlnaHQ6IDEsXG4gICAgICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxuICAgICAgc3Ryb2tlV2lkdGg6IDAsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBhbnkpID0+IChcbiAgPFN2ZyBzaXplPXsyMH0gey4uLnByb3BzfT5cbiAgICA8cGF0aCBkPVwiTTE0LjM0OCAxNC44NDljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDBsLTIuNjUxLTMuMDMwLTIuNjUxIDMuMDI5Yy0wLjQ2OSAwLjQ2OS0xLjIyOSAwLjQ2OS0xLjY5NyAwLTAuNDY5LTAuNDY5LTAuNDY5LTEuMjI5IDAtMS42OTdsMi43NTgtMy4xNS0yLjc1OS0zLjE1MmMtMC40NjktMC40NjktMC40NjktMS4yMjggMC0xLjY5N3MxLjIyOC0wLjQ2OSAxLjY5NyAwbDIuNjUyIDMuMDMxIDIuNjUxLTMuMDMxYzAuNDY5LTAuNDY5IDEuMjI4LTAuNDY5IDEuNjk3IDBzMC40NjkgMS4yMjkgMCAxLjY5N2wtMi43NTggMy4xNTIgMi43NTggMy4xNWMwLjQ2OSAwLjQ2OSAwLjQ2OSAxLjIyOSAwIDEuNjk4elwiIC8+XG4gIDwvU3ZnPlxuKTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogYW55KSA9PiAoXG4gIDxTdmcgc2l6ZT17MjB9IHsuLi5wcm9wc30+XG4gICAgPHBhdGggZD1cIk00LjUxNiA3LjU0OGMwLjQzNi0wLjQ0NiAxLjA0My0wLjQ4MSAxLjU3NiAwbDMuOTA4IDMuNzQ3IDMuOTA4LTMuNzQ3YzAuNTMzLTAuNDgxIDEuMTQxLTAuNDQ2IDEuNTc0IDAgMC40MzYgMC40NDUgMC40MDggMS4xOTcgMCAxLjYxNS0wLjQwNiAwLjQxOC00LjY5NSA0LjUwMi00LjY5NSA0LjUwMi0wLjIxNyAwLjIyMy0wLjUwMiAwLjMzNS0wLjc4NyAwLjMzNXMtMC41Ny0wLjExMi0wLjc4OS0wLjMzNWMwIDAtNC4yODctNC4wODQtNC42OTUtNC41MDJzLTAuNDM2LTEuMTcgMC0xLjYxNXpcIiAvPlxuICA8L1N2Zz5cbik7XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gRHJvcGRvd24gJiBDbGVhciBCdXR0b25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuZXhwb3J0IHR5cGUgSW5kaWNhdG9yUHJvcHMgPSBDb21tb25Qcm9wcyAmIHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhlIGluZGljYXRvci4gKi9cbiAgY2hpbGRyZW46IE5vZGUsXG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufTtcblxuY29uc3QgYmFzZUNTUyA9ICh7XG4gIGlzRm9jdXNlZCxcbiAgdGhlbWU6IHtcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gICAgY29sb3JzLFxuICB9LFxufTogSW5kaWNhdG9yUHJvcHMpID0+ICh7XG4gIGxhYmVsOiAnaW5kaWNhdG9yQ29udGFpbmVyJyxcbiAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcblxuICAnOmhvdmVyJzoge1xuICAgIGNvbG9yOiBpc0ZvY3VzZWQgPyBjb2xvcnMubmV1dHJhbDgwIDogY29sb3JzLm5ldXRyYWw0MCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcGRvd25JbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2Ryb3Bkb3duSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnZHJvcGRvd24taW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8RG93bkNoZXZyb24gLz59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgY2xlYXJJbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IENsZWFySW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcyk
|
|
|
|
|
"name": "19bqh2r",
|
|
|
|
|
"styles": "display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;",
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
focusable="false"
|
|
|
|
|
height={20}
|
|
|
|
|
viewBox="0 0 20 20"
|
|
|
|
|
width={20}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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
|
2020-09-04 07:10:24 +03:00
|
|
|
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 {},
|
|
|
|
|
"tabIndex": "0",
|
|
|
|
|
"tabSelectsValue": true,
|
|
|
|
|
"theme": [Function],
|
|
|
|
|
"value": null,
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
setValue={[Function]}
|
|
|
|
|
theme={
|
|
|
|
|
Object {
|
|
|
|
|
"borderRadius": 4,
|
|
|
|
|
"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 {
|
2020-09-20 02:24:18 +03:00
|
|
|
"baseUnit": 2,
|
|
|
|
|
"controlHeight": 30,
|
2020-09-04 07:10:24 +03:00
|
|
|
"menuGutter": 8,
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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 {},
|
|
|
|
|
"tabIndex": "0",
|
|
|
|
|
"tabSelectsValue": true,
|
|
|
|
|
"theme": [Function],
|
|
|
|
|
"value": null,
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
setValue={[Function]}
|
|
|
|
|
theme={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
|
|
|
|
"borderRadius": 4,
|
2020-09-20 02:24:18 +03:00
|
|
|
"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,
|
|
|
|
|
},
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<EmotionCssPropInternal
|
|
|
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Menu"
|
|
|
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
|
|
|
className=""
|
|
|
|
|
css={
|
|
|
|
|
Object {
|
|
|
|
|
"backgroundColor": undefined,
|
|
|
|
|
"borderRadius": 4,
|
|
|
|
|
"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,
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
onMouseDown={[Function]}
|
|
|
|
|
onMouseMove={[Function]}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<div
|
|
|
|
|
className=" css-1ektx4i-menu"
|
|
|
|
|
onMouseDown={[Function]}
|
|
|
|
|
onMouseMove={[Function]}
|
2020-09-04 07:10:24 +03:00
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<ScrollCaptorSwitch
|
2020-09-04 07:10:24 +03:00
|
|
|
isEnabled={false}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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 [
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
2020-09-20 02:24:18 +03:00
|
|
|
]
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
selectOption={[Function]}
|
|
|
|
|
selectProps={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"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",
|
|
|
|
|
},
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
2020-09-20 02:24:18 +03:00
|
|
|
},
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
"pageSize": 5,
|
|
|
|
|
"placeholder": "Select...",
|
|
|
|
|
"screenReaderStatus": [Function],
|
|
|
|
|
"styles": Object {},
|
|
|
|
|
"tabIndex": "0",
|
|
|
|
|
"tabSelectsValue": true,
|
|
|
|
|
"theme": [Function],
|
|
|
|
|
"value": null,
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
setValue={[Function]}
|
|
|
|
|
theme={
|
|
|
|
|
Object {
|
|
|
|
|
"borderRadius": 4,
|
|
|
|
|
"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",
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
}
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
className=" css-87spde-MenuList"
|
|
|
|
|
>
|
|
|
|
|
<Option
|
|
|
|
|
clearValue={[Function]}
|
|
|
|
|
cx={[Function]}
|
|
|
|
|
data={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
2020-09-20 02:24:18 +03:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
getStyles={[Function]}
|
|
|
|
|
getValue={[Function]}
|
|
|
|
|
hasValue={false}
|
|
|
|
|
innerProps={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"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 [
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
2020-09-20 02:24:18 +03:00
|
|
|
]
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
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 {},
|
|
|
|
|
"tabIndex": "0",
|
|
|
|
|
"tabSelectsValue": true,
|
|
|
|
|
"theme": [Function],
|
|
|
|
|
"value": null,
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
setValue={[Function]}
|
|
|
|
|
theme={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"borderRadius": 4,
|
|
|
|
|
"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,
|
2020-09-04 07:10:24 +03:00
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
type="option"
|
|
|
|
|
value="two"
|
2020-09-04 07:10:24 +03:00
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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%",
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
id="react-select-4-option-1"
|
|
|
|
|
onClick={[Function]}
|
|
|
|
|
onMouseMove={[Function]}
|
|
|
|
|
onMouseOver={[Function]}
|
|
|
|
|
tabIndex={-1}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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)>
|
2019-01-03 16:00:55 +03:00
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
exports[`Select shouldn't find any results 1`] = `
|
2020-09-20 02:24:18 +03:00
|
|
|
<WithTheme(Component)
|
2019-01-08 19:35:12 +03:00
|
|
|
onChange={[MockFunction]}
|
2019-01-03 16:00:55 +03:00
|
|
|
options={
|
|
|
|
|
Array [
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<Component
|
2019-01-08 19:35:12 +03:00
|
|
|
onChange={[MockFunction]}
|
2019-01-03 16:00:55 +03:00
|
|
|
options={
|
|
|
|
|
Array [
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<Select
|
2019-01-08 19:35:12 +03:00
|
|
|
onChange={[MockFunction]}
|
2019-01-03 16:00:55 +03:00
|
|
|
options={
|
|
|
|
|
Array [
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
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,
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-01-03 16:00:55 +03:00
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<StateManager
|
|
|
|
|
defaultInputValue=""
|
|
|
|
|
defaultMenuIsOpen={false}
|
|
|
|
|
defaultValue={null}
|
|
|
|
|
onChange={[MockFunction]}
|
2020-09-04 07:10:24 +03:00
|
|
|
options={
|
|
|
|
|
Array [
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
theme={[Function]}
|
2019-01-03 16:00:55 +03:00
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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"
|
2020-09-04 07:10:24 +03:00
|
|
|
isDisabled={false}
|
2020-09-20 02:24:18 +03:00
|
|
|
isLoading={false}
|
2020-09-04 07:10:24 +03:00
|
|
|
isMulti={false}
|
2020-09-20 02:24:18 +03:00
|
|
|
isOptionDisabled={[Function]}
|
2020-09-04 07:10:24 +03:00
|
|
|
isRtl={false}
|
2020-09-20 02:24:18 +03:00
|
|
|
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}
|
2020-09-04 07:10:24 +03:00
|
|
|
options={
|
|
|
|
|
Array [
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
pageSize={5}
|
|
|
|
|
placeholder="Select..."
|
|
|
|
|
screenReaderStatus={[Function]}
|
|
|
|
|
styles={Object {}}
|
|
|
|
|
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 [
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
2020-09-20 02:24:18 +03:00
|
|
|
]
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
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 {},
|
|
|
|
|
"tabIndex": "0",
|
|
|
|
|
"tabSelectsValue": true,
|
|
|
|
|
"theme": [Function],
|
|
|
|
|
"value": null,
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
setValue={[Function]}
|
|
|
|
|
theme={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"borderRadius": 4,
|
|
|
|
|
"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,
|
|
|
|
|
},
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
|
|
|
|
}
|
2019-01-03 16:00:55 +03:00
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<EmotionCssPropInternal
|
|
|
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="SelectContainer"
|
|
|
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
|
|
|
className=""
|
|
|
|
|
css={
|
|
|
|
|
Object {
|
|
|
|
|
"boxSizing": "border-box",
|
|
|
|
|
"direction": null,
|
|
|
|
|
"label": "container",
|
|
|
|
|
"pointerEvents": null,
|
|
|
|
|
"position": "relative",
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
onKeyDown={[Function]}
|
2019-01-03 16:00:55 +03:00
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<div
|
|
|
|
|
className=" css-2b097c-container"
|
|
|
|
|
onKeyDown={[Function]}
|
|
|
|
|
>
|
|
|
|
|
<Control
|
|
|
|
|
clearValue={[Function]}
|
|
|
|
|
cx={[Function]}
|
|
|
|
|
getStyles={[Function]}
|
|
|
|
|
getValue={[Function]}
|
|
|
|
|
hasValue={false}
|
|
|
|
|
innerProps={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"onMouseDown": [Function],
|
|
|
|
|
"onTouchEnd": [Function],
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
innerRef={[Function]}
|
|
|
|
|
isDisabled={false}
|
|
|
|
|
isFocused={false}
|
|
|
|
|
isMulti={false}
|
|
|
|
|
isRtl={false}
|
|
|
|
|
menuIsOpen={true}
|
|
|
|
|
options={
|
|
|
|
|
Array [
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
2020-09-20 02:24:18 +03:00
|
|
|
]
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
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 {},
|
|
|
|
|
"tabIndex": "0",
|
|
|
|
|
"tabSelectsValue": true,
|
|
|
|
|
"theme": [Function],
|
|
|
|
|
"value": null,
|
|
|
|
|
}
|
2019-01-03 16:00:55 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
setValue={[Function]}
|
|
|
|
|
theme={
|
2019-01-03 16:00:55 +03:00
|
|
|
Object {
|
2020-09-04 07:10:24 +03:00
|
|
|
"borderRadius": 4,
|
2020-09-20 02:24:18 +03:00
|
|
|
"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,
|
|
|
|
|
},
|
2019-01-03 16:00:55 +03:00
|
|
|
}
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<EmotionCssPropInternal
|
|
|
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Control"
|
|
|
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
|
|
|
className=""
|
|
|
|
|
css={
|
|
|
|
|
Object {
|
|
|
|
|
"&:hover": Object {
|
|
|
|
|
"borderColor": undefined,
|
|
|
|
|
},
|
|
|
|
|
"alignItems": "center",
|
|
|
|
|
"backgroundColor": undefined,
|
|
|
|
|
"borderColor": undefined,
|
|
|
|
|
"borderRadius": 4,
|
|
|
|
|
"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",
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
onMouseDown={[Function]}
|
|
|
|
|
onTouchEnd={[Function]}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<div
|
|
|
|
|
className=" css-vmgz7k-control"
|
|
|
|
|
onMouseDown={[Function]}
|
|
|
|
|
onTouchEnd={[Function]}
|
|
|
|
|
>
|
|
|
|
|
<ValueContainer
|
|
|
|
|
clearValue={[Function]}
|
|
|
|
|
cx={[Function]}
|
|
|
|
|
getStyles={[Function]}
|
|
|
|
|
getValue={[Function]}
|
|
|
|
|
hasValue={false}
|
|
|
|
|
isDisabled={false}
|
|
|
|
|
isMulti={false}
|
|
|
|
|
isRtl={false}
|
|
|
|
|
options={
|
|
|
|
|
Array [
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
2020-09-20 02:24:18 +03:00
|
|
|
]
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
selectOption={[Function]}
|
|
|
|
|
selectProps={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"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 [
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
"pageSize": 5,
|
|
|
|
|
"placeholder": "Select...",
|
|
|
|
|
"screenReaderStatus": [Function],
|
|
|
|
|
"styles": Object {},
|
|
|
|
|
"tabIndex": "0",
|
|
|
|
|
"tabSelectsValue": true,
|
|
|
|
|
"theme": [Function],
|
|
|
|
|
"value": null,
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
setValue={[Function]}
|
|
|
|
|
theme={
|
|
|
|
|
Object {
|
|
|
|
|
"borderRadius": 4,
|
|
|
|
|
"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",
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
}
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
className=" css-be27w2-ValueContainer"
|
2020-09-04 07:10:24 +03:00
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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 {},
|
|
|
|
|
"tabIndex": "0",
|
|
|
|
|
"tabSelectsValue": true,
|
|
|
|
|
"theme": [Function],
|
|
|
|
|
"value": null,
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
spellCheck="false"
|
|
|
|
|
tabIndex="0"
|
|
|
|
|
theme={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"borderRadius": 4,
|
|
|
|
|
"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,
|
|
|
|
|
},
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
|
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
type="text"
|
|
|
|
|
value="text"
|
2020-09-04 07:10:24 +03:00
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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",
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
}
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
className="css-187dxxn-Input"
|
2020-09-04 07:10:24 +03:00
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<AutosizeInput
|
|
|
|
|
aria-autocomplete="list"
|
|
|
|
|
autoCapitalize="none"
|
|
|
|
|
autoComplete="off"
|
|
|
|
|
autoCorrect="off"
|
2020-09-04 07:10:24 +03:00
|
|
|
className=""
|
2020-09-20 02:24:18 +03:00
|
|
|
disabled={false}
|
|
|
|
|
id="react-select-5-input"
|
|
|
|
|
injectStyles={true}
|
|
|
|
|
inputRef={[Function]}
|
|
|
|
|
inputStyle={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"background": 0,
|
|
|
|
|
"border": 0,
|
|
|
|
|
"color": "inherit",
|
|
|
|
|
"fontSize": "inherit",
|
|
|
|
|
"label": "input",
|
|
|
|
|
"opacity": 1,
|
|
|
|
|
"outline": 0,
|
|
|
|
|
"padding": 0,
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
|
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
minWidth={1}
|
|
|
|
|
onBlur={[Function]}
|
|
|
|
|
onChange={[Function]}
|
|
|
|
|
onFocus={[Function]}
|
|
|
|
|
spellCheck="false"
|
|
|
|
|
tabIndex="0"
|
|
|
|
|
type="text"
|
|
|
|
|
value="text"
|
2020-09-04 07:10:24 +03:00
|
|
|
>
|
|
|
|
|
<div
|
2020-09-20 02:24:18 +03:00
|
|
|
className=""
|
2020-09-04 07:10:24 +03:00
|
|
|
style={
|
|
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"display": "inline-block",
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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>
|
2020-09-04 07:10:24 +03:00
|
|
|
</div>
|
2020-09-20 02:24:18 +03:00
|
|
|
</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 [
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
2020-09-20 02:24:18 +03:00
|
|
|
]
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
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 {},
|
|
|
|
|
"tabIndex": "0",
|
|
|
|
|
"tabSelectsValue": true,
|
|
|
|
|
"theme": [Function],
|
|
|
|
|
"value": null,
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
setValue={[Function]}
|
|
|
|
|
theme={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"borderRadius": 4,
|
|
|
|
|
"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,
|
|
|
|
|
},
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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,
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
}
|
|
|
|
|
>
|
|
|
|
|
<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 [
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
2020-09-20 02:24:18 +03:00
|
|
|
]
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
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 {},
|
|
|
|
|
"tabIndex": "0",
|
|
|
|
|
"tabSelectsValue": true,
|
|
|
|
|
"theme": [Function],
|
|
|
|
|
"value": null,
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
setValue={[Function]}
|
|
|
|
|
theme={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"borderRadius": 4,
|
|
|
|
|
"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,
|
|
|
|
|
},
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"aria-hidden": "true",
|
|
|
|
|
"onMouseDown": [Function],
|
|
|
|
|
"onTouchEnd": [Function],
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
isDisabled={false}
|
|
|
|
|
isFocused={false}
|
|
|
|
|
isMulti={false}
|
|
|
|
|
isRtl={false}
|
|
|
|
|
options={
|
|
|
|
|
Array [
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
2020-09-20 02:24:18 +03:00
|
|
|
]
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
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 {},
|
|
|
|
|
"tabIndex": "0",
|
|
|
|
|
"tabSelectsValue": true,
|
|
|
|
|
"theme": [Function],
|
|
|
|
|
"value": null,
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
setValue={[Function]}
|
|
|
|
|
theme={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"borderRadius": 4,
|
|
|
|
|
"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,
|
2020-09-04 07:10:24 +03:00
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<EmotionCssPropInternal
|
|
|
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="DropdownIndicator"
|
|
|
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
2020-09-04 07:10:24 +03:00
|
|
|
aria-hidden="true"
|
2020-09-20 02:24:18 +03:00
|
|
|
className=""
|
|
|
|
|
css={
|
|
|
|
|
Object {
|
|
|
|
|
":hover": Object {
|
|
|
|
|
"color": undefined,
|
|
|
|
|
},
|
|
|
|
|
"boxSizing": "border-box",
|
|
|
|
|
"color": undefined,
|
|
|
|
|
"display": "flex",
|
|
|
|
|
"label": "indicatorContainer",
|
|
|
|
|
"padding": 4,
|
|
|
|
|
"transition": "color 150ms",
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
onMouseDown={[Function]}
|
|
|
|
|
onTouchEnd={[Function]}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<div
|
|
|
|
|
aria-hidden="true"
|
|
|
|
|
className=" css-aazq4s-indicatorContainer"
|
|
|
|
|
onMouseDown={[Function]}
|
|
|
|
|
onTouchEnd={[Function]}
|
|
|
|
|
>
|
|
|
|
|
<DownChevron>
|
|
|
|
|
<Svg
|
|
|
|
|
size={20}
|
2020-09-04 07:10:24 +03:00
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<EmotionCssPropInternal
|
|
|
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Svg"
|
|
|
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="svg"
|
2020-09-04 07:10:24 +03:00
|
|
|
aria-hidden="true"
|
2020-09-20 02:24:18 +03:00
|
|
|
css={
|
|
|
|
|
Object {
|
|
|
|
|
"map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JJIiwiZmlsZSI6ImluZGljYXRvcnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAZmxvd1xuLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyB0eXBlIE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3gsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgdHlwZSB7IENvbW1vblByb3BzLCBUaGVtZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBEcm9wZG93biAmIENsZWFyIEljb25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgU3ZnID0gKHsgc2l6ZSwgLi4ucHJvcHMgfTogeyBzaXplOiBudW1iZXIgfSkgPT4gKFxuICA8c3ZnXG4gICAgaGVpZ2h0PXtzaXplfVxuICAgIHdpZHRoPXtzaXplfVxuICAgIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgZm9jdXNhYmxlPVwiZmFsc2VcIlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBmaWxsOiAnY3VycmVudENvbG9yJyxcbiAgICAgIGxpbmVIZWlnaHQ6IDEsXG4gICAgICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxuICAgICAgc3Ryb2tlV2lkdGg6IDAsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBhbnkpID0+IChcbiAgPFN2ZyBzaXplPXsyMH0gey4uLnByb3BzfT5cbiAgICA8cGF0aCBkPVwiTTE0LjM0OCAxNC44NDljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDBsLTIuNjUxLTMuMDMwLTIuNjUxIDMuMDI5Yy0wLjQ2OSAwLjQ2OS0xLjIyOSAwLjQ2OS0xLjY5NyAwLTAuNDY5LTAuNDY5LTAuNDY5LTEuMjI5IDAtMS42OTdsMi43NTgtMy4xNS0yLjc1OS0zLjE1MmMtMC40NjktMC40NjktMC40NjktMS4yMjggMC0xLjY5N3MxLjIyOC0wLjQ2OSAxLjY5NyAwbDIuNjUyIDMuMDMxIDIuNjUxLTMuMDMxYzAuNDY5LTAuNDY5IDEuMjI4LTAuNDY5IDEuNjk3IDBzMC40NjkgMS4yMjkgMCAxLjY5N2wtMi43NTggMy4xNTIgMi43NTggMy4xNWMwLjQ2OSAwLjQ2OSAwLjQ2OSAxLjIyOSAwIDEuNjk4elwiIC8+XG4gIDwvU3ZnPlxuKTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogYW55KSA9PiAoXG4gIDxTdmcgc2l6ZT17MjB9IHsuLi5wcm9wc30+XG4gICAgPHBhdGggZD1cIk00LjUxNiA3LjU0OGMwLjQzNi0wLjQ0NiAxLjA0My0wLjQ4MSAxLjU3NiAwbDMuOTA4IDMuNzQ3IDMuOTA4LTMuNzQ3YzAuNTMzLTAuNDgxIDEuMTQxLTAuNDQ2IDEuNTc0IDAgMC40MzYgMC40NDUgMC40MDggMS4xOTcgMCAxLjYxNS0wLjQwNiAwLjQxOC00LjY5NSA0LjUwMi00LjY5NSA0LjUwMi0wLjIxNyAwLjIyMy0wLjUwMiAwLjMzNS0wLjc4NyAwLjMzNXMtMC41Ny0wLjExMi0wLjc4OS0wLjMzNWMwIDAtNC4yODctNC4wODQtNC42OTUtNC41MDJzLTAuNDM2LTEuMTcgMC0xLjYxNXpcIiAvPlxuICA8L1N2Zz5cbik7XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gRHJvcGRvd24gJiBDbGVhciBCdXR0b25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuZXhwb3J0IHR5cGUgSW5kaWNhdG9yUHJvcHMgPSBDb21tb25Qcm9wcyAmIHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhlIGluZGljYXRvci4gKi9cbiAgY2hpbGRyZW46IE5vZGUsXG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufTtcblxuY29uc3QgYmFzZUNTUyA9ICh7XG4gIGlzRm9jdXNlZCxcbiAgdGhlbWU6IHtcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gICAgY29sb3JzLFxuICB9LFxufTogSW5kaWNhdG9yUHJvcHMpID0+ICh7XG4gIGxhYmVsOiAnaW5kaWNhdG9yQ29udGFpbmVyJyxcbiAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcblxuICAnOmhvdmVyJzoge1xuICAgIGNvbG9yOiBpc0ZvY3VzZWQgPyBjb2xvcnMubmV1dHJhbDgwIDogY29sb3JzLm5ldXRyYWw0MCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcGRvd25JbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2Ryb3Bkb3duSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnZHJvcGRvd24taW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8RG93bkNoZXZyb24gLz59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgY2xlYXJJbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IENsZWFySW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcyk
|
|
|
|
|
"name": "19bqh2r",
|
|
|
|
|
"styles": "display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;",
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
focusable="false"
|
|
|
|
|
height={20}
|
|
|
|
|
viewBox="0 0 20 20"
|
|
|
|
|
width={20}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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
|
2020-09-04 07:10:24 +03:00
|
|
|
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 {},
|
|
|
|
|
"tabIndex": "0",
|
|
|
|
|
"tabSelectsValue": true,
|
|
|
|
|
"theme": [Function],
|
|
|
|
|
"value": null,
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
setValue={[Function]}
|
|
|
|
|
theme={
|
|
|
|
|
Object {
|
|
|
|
|
"borderRadius": 4,
|
|
|
|
|
"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 {
|
2020-09-20 02:24:18 +03:00
|
|
|
"baseUnit": 2,
|
|
|
|
|
"controlHeight": 30,
|
2020-09-04 07:10:24 +03:00
|
|
|
"menuGutter": 8,
|
|
|
|
|
},
|
2019-01-03 16:00:55 +03:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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 {},
|
|
|
|
|
"tabIndex": "0",
|
|
|
|
|
"tabSelectsValue": true,
|
|
|
|
|
"theme": [Function],
|
|
|
|
|
"value": null,
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
setValue={[Function]}
|
|
|
|
|
theme={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
|
|
|
|
"borderRadius": 4,
|
2020-09-20 02:24:18 +03:00
|
|
|
"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,
|
|
|
|
|
},
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<EmotionCssPropInternal
|
|
|
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Menu"
|
|
|
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
|
|
|
className=""
|
|
|
|
|
css={
|
|
|
|
|
Object {
|
|
|
|
|
"backgroundColor": undefined,
|
|
|
|
|
"borderRadius": 4,
|
|
|
|
|
"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,
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
onMouseDown={[Function]}
|
|
|
|
|
onMouseMove={[Function]}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<div
|
|
|
|
|
className=" css-1ektx4i-menu"
|
|
|
|
|
onMouseDown={[Function]}
|
|
|
|
|
onMouseMove={[Function]}
|
2020-09-04 07:10:24 +03:00
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<ScrollCaptorSwitch
|
2020-09-04 07:10:24 +03:00
|
|
|
isEnabled={false}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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 [
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
2020-09-20 02:24:18 +03:00
|
|
|
]
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
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 {},
|
|
|
|
|
"tabIndex": "0",
|
|
|
|
|
"tabSelectsValue": true,
|
|
|
|
|
"theme": [Function],
|
|
|
|
|
"value": null,
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
setValue={[Function]}
|
|
|
|
|
theme={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"borderRadius": 4,
|
|
|
|
|
"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,
|
|
|
|
|
},
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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",
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
}
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
className=" css-87spde-MenuList"
|
|
|
|
|
>
|
|
|
|
|
<NoOptionsMessage
|
|
|
|
|
clearValue={[Function]}
|
|
|
|
|
cx={[Function]}
|
|
|
|
|
getStyles={[Function]}
|
|
|
|
|
getValue={[Function]}
|
|
|
|
|
hasValue={false}
|
|
|
|
|
isMulti={false}
|
|
|
|
|
isRtl={false}
|
|
|
|
|
options={
|
|
|
|
|
Array [
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
|
|
|
|
"label": "One",
|
|
|
|
|
"value": "one",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "Two",
|
|
|
|
|
"value": "two",
|
|
|
|
|
},
|
|
|
|
|
Object {
|
|
|
|
|
"label": "One hundred",
|
|
|
|
|
"value": "hundred",
|
|
|
|
|
},
|
2020-09-20 02:24:18 +03:00
|
|
|
]
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
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 {},
|
|
|
|
|
"tabIndex": "0",
|
|
|
|
|
"tabSelectsValue": true,
|
|
|
|
|
"theme": [Function],
|
|
|
|
|
"value": null,
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
2020-09-20 02:24:18 +03:00
|
|
|
setValue={[Function]}
|
|
|
|
|
theme={
|
2020-09-04 07:10:24 +03:00
|
|
|
Object {
|
2020-09-20 02:24:18 +03:00
|
|
|
"borderRadius": 4,
|
|
|
|
|
"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,
|
|
|
|
|
},
|
2020-09-04 07:10:24 +03:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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",
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-09-04 07:10:24 +03:00
|
|
|
>
|
2020-09-20 02:24:18 +03:00
|
|
|
<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)>
|
2019-01-03 16:00:55 +03:00
|
|
|
`;
|
