mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2024-11-26 11:33:54 +03:00
8e8df67007
* fix(deps): update all non-major dependencies * Update snapshots Co-authored-by: Renovate Bot <bot@renovateapp.com> Co-authored-by: Nathan Bierema <nbierema@gmail.com>
4536 lines
222 KiB
Plaintext
4536 lines
222 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`Select renders correctly 1`] = `
|
|
<div
|
|
class=" css-18o3wl1-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-2-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class=" css-gdsksj-control"
|
|
>
|
|
<div
|
|
class=" css-1dzc0nd-ValueContainer"
|
|
>
|
|
<div
|
|
class=" css-du77wi-placeholder"
|
|
id="react-select-2-placeholder"
|
|
>
|
|
Select...
|
|
</div>
|
|
<div
|
|
class=" css-1qx78vi-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-controls="react-select-2-listbox"
|
|
aria-describedby="react-select-2-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-owns="react-select-2-listbox"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class=""
|
|
id="react-select-2-input"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="label:input;color:inherit;background:0;opacity:1;width:100%;grid-area:1 / 2;font:inherit;min-width:2px;border:0;margin:0;outline:0;padding:0"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class=" css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class=" css-1urf5ax-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class=" css-aazq4s-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Select renders with props 1`] = `
|
|
<div
|
|
class=" css-lk03f7-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-3-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class=" css-gdsksj-control"
|
|
>
|
|
<div
|
|
class=" css-be27w2-ValueContainer"
|
|
>
|
|
<div
|
|
class="css-168vvpw-multiValue"
|
|
>
|
|
<div
|
|
class="css-1m51f4l"
|
|
>
|
|
One
|
|
</div>
|
|
<div
|
|
aria-label="Remove One"
|
|
class="css-1to589f"
|
|
role="button"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="14"
|
|
viewBox="0 0 20 20"
|
|
width="14"
|
|
>
|
|
<path
|
|
d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-controls="react-select-3-listbox"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-owns="react-select-3-listbox"
|
|
aria-readonly="true"
|
|
class="css-mohuvp-dummyInput-DummyInput"
|
|
disabled=""
|
|
id="react-select-3-input"
|
|
inputmode="none"
|
|
role="combobox"
|
|
tabindex="0"
|
|
value=""
|
|
/>
|
|
</div>
|
|
<div
|
|
class=" css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<div
|
|
aria-hidden="true"
|
|
class=" css-1gilzap-loadingIndicator"
|
|
>
|
|
<span
|
|
class="css-1xtdfmb-LoadingDot"
|
|
/>
|
|
<span
|
|
class="css-zoievk-LoadingDot"
|
|
/>
|
|
<span
|
|
class="css-x748d8-LoadingDot"
|
|
/>
|
|
</div>
|
|
<span
|
|
class=" css-1urf5ax-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class=" css-aazq4s-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Select should select another option 1`] = `
|
|
<WithTheme(Component)
|
|
onInputChange={
|
|
[MockFunction] {
|
|
"calls": Array [
|
|
Array [
|
|
"two",
|
|
Object {
|
|
"action": "input-change",
|
|
},
|
|
],
|
|
],
|
|
"results": Array [
|
|
Object {
|
|
"type": "return",
|
|
"value": undefined,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
>
|
|
<Component
|
|
onInputChange={
|
|
[MockFunction] {
|
|
"calls": Array [
|
|
Array [
|
|
"two",
|
|
Object {
|
|
"action": "input-change",
|
|
},
|
|
],
|
|
],
|
|
"results": Array [
|
|
Object {
|
|
"type": "return",
|
|
"value": undefined,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
>
|
|
<Select
|
|
onInputChange={
|
|
[MockFunction] {
|
|
"calls": Array [
|
|
Array [
|
|
"two",
|
|
Object {
|
|
"action": "input-change",
|
|
},
|
|
],
|
|
],
|
|
"results": Array [
|
|
Object {
|
|
"type": "return",
|
|
"value": undefined,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
theme={
|
|
Object {
|
|
"codeFontFamily": "'Source Code Pro', monospace",
|
|
"fontFamily": "'Source Sans Pro', sans-serif",
|
|
"inputBorderColor": undefined,
|
|
"inputBorderRadius": 4,
|
|
"inputBorderWidth": 1,
|
|
"inputFocusedStyle": "border-color: undefined",
|
|
"inputHeight": 30,
|
|
"inputInternalHeight": 28,
|
|
"inputPadding": 10,
|
|
"selectArrowWidth": 4,
|
|
"spinnerSize": 13,
|
|
}
|
|
}
|
|
>
|
|
<ForwardRef
|
|
onInputChange={
|
|
[MockFunction] {
|
|
"calls": Array [
|
|
Array [
|
|
"two",
|
|
Object {
|
|
"action": "input-change",
|
|
},
|
|
],
|
|
],
|
|
"results": Array [
|
|
Object {
|
|
"type": "return",
|
|
"value": undefined,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
styles={
|
|
Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
}
|
|
}
|
|
theme={[Function]}
|
|
>
|
|
<Select
|
|
aria-live="polite"
|
|
backspaceRemovesValue={true}
|
|
blurInputOnSelect={true}
|
|
captureMenuScroll={false}
|
|
closeMenuOnScroll={false}
|
|
closeMenuOnSelect={true}
|
|
components={Object {}}
|
|
controlShouldRenderValue={true}
|
|
escapeClearsValue={false}
|
|
filterOption={[Function]}
|
|
formatGroupLabel={[Function]}
|
|
getOptionLabel={[Function]}
|
|
getOptionValue={[Function]}
|
|
inputValue="two"
|
|
isDisabled={false}
|
|
isLoading={false}
|
|
isMulti={false}
|
|
isOptionDisabled={[Function]}
|
|
isRtl={false}
|
|
isSearchable={true}
|
|
loadingMessage={[Function]}
|
|
maxMenuHeight={300}
|
|
menuIsOpen={true}
|
|
menuPlacement="bottom"
|
|
menuPosition="absolute"
|
|
menuShouldBlockScroll={false}
|
|
menuShouldScrollIntoView={true}
|
|
minMenuHeight={140}
|
|
noOptionsMessage={[Function]}
|
|
onChange={[Function]}
|
|
onInputChange={[Function]}
|
|
onMenuClose={[Function]}
|
|
onMenuOpen={[Function]}
|
|
openMenuOnClick={true}
|
|
openMenuOnFocus={false}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
pageSize={5}
|
|
placeholder="Select..."
|
|
screenReaderStatus={[Function]}
|
|
styles={
|
|
Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
}
|
|
}
|
|
tabIndex={0}
|
|
tabSelectsValue={true}
|
|
theme={[Function]}
|
|
value={null}
|
|
>
|
|
<SelectContainer
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
innerProps={
|
|
Object {
|
|
"id": undefined,
|
|
"onKeyDown": [Function],
|
|
}
|
|
}
|
|
isDisabled={false}
|
|
isFocused={false}
|
|
isMulti={false}
|
|
isRtl={false}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
selectOption={[Function]}
|
|
selectProps={
|
|
Object {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "two",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
setValue={[Function]}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="SelectContainer"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
className=""
|
|
css={
|
|
Object {
|
|
"boxSizing": "border-box",
|
|
"direction": undefined,
|
|
"flexGrow": 1,
|
|
"label": "container",
|
|
"pointerEvents": undefined,
|
|
"position": "relative",
|
|
}
|
|
}
|
|
onKeyDown={[Function]}
|
|
>
|
|
<div
|
|
className=" css-18o3wl1-container"
|
|
onKeyDown={[Function]}
|
|
>
|
|
<LiveRegion
|
|
ariaSelection={null}
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
focusableOptions={
|
|
Array [
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
]
|
|
}
|
|
focusedOption={
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
}
|
|
}
|
|
focusedValue={null}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
id="react-select-4-live-region"
|
|
isFocused={false}
|
|
isMulti={false}
|
|
isRtl={false}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
selectOption={[Function]}
|
|
selectProps={
|
|
Object {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "two",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
selectValue={Array []}
|
|
setValue={[Function]}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
<A11yText
|
|
id="react-select-4-live-region"
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="A11yText"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="span"
|
|
css={
|
|
Object {
|
|
"map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkExMXlUZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNSSIsImZpbGUiOiJBMTF5VGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7IGpzeCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLy8gQXNzaXN0aXZlIHRleHQgdG8gZGVzY3JpYmUgdmlzdWFsIGVsZW1lbnRzLiBIaWRkZW4gZm9yIHNpZ2h0ZWQgdXNlcnMuXG5jb25zdCBBMTF5VGV4dCA9IChwcm9wczogSlNYLkludHJpbnNpY0VsZW1lbnRzWydzcGFuJ10pID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGxhYmVsOiAnYTExeVRleHQnLFxuICAgICAgekluZGV4OiA5OTk5LFxuICAgICAgYm9yZGVyOiAwLFxuICAgICAgY2xpcDogJ3JlY3QoMXB4LCAxcHgsIDFweCwgMXB4KScsXG4gICAgICBoZWlnaHQ6IDEsXG4gICAgICB3aWR0aDogMSxcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgICAgcGFkZGluZzogMCxcbiAgICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICAgIH19XG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQTExeVRleHQ7XG4iXX0= */",
|
|
"name": "1f43avz-a11yText-A11yText",
|
|
"styles": "label:a11yText;z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap;label:A11yText;",
|
|
"toString": [Function],
|
|
}
|
|
}
|
|
id="react-select-4-live-region"
|
|
>
|
|
<span
|
|
className="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-4-live-region"
|
|
/>
|
|
</EmotionCssPropInternal>
|
|
</A11yText>
|
|
<A11yText
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="A11yText"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="span"
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
css={
|
|
Object {
|
|
"map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkExMXlUZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNSSIsImZpbGUiOiJBMTF5VGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7IGpzeCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLy8gQXNzaXN0aXZlIHRleHQgdG8gZGVzY3JpYmUgdmlzdWFsIGVsZW1lbnRzLiBIaWRkZW4gZm9yIHNpZ2h0ZWQgdXNlcnMuXG5jb25zdCBBMTF5VGV4dCA9IChwcm9wczogSlNYLkludHJpbnNpY0VsZW1lbnRzWydzcGFuJ10pID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGxhYmVsOiAnYTExeVRleHQnLFxuICAgICAgekluZGV4OiA5OTk5LFxuICAgICAgYm9yZGVyOiAwLFxuICAgICAgY2xpcDogJ3JlY3QoMXB4LCAxcHgsIDFweCwgMXB4KScsXG4gICAgICBoZWlnaHQ6IDEsXG4gICAgICB3aWR0aDogMSxcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgICAgcGFkZGluZzogMCxcbiAgICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICAgIH19XG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQTExeVRleHQ7XG4iXX0= */",
|
|
"name": "1f43avz-a11yText-A11yText",
|
|
"styles": "label:a11yText;z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap;label:A11yText;",
|
|
"toString": [Function],
|
|
}
|
|
}
|
|
>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
className="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
</EmotionCssPropInternal>
|
|
</A11yText>
|
|
</LiveRegion>
|
|
<Control
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
innerProps={
|
|
Object {
|
|
"onMouseDown": [Function],
|
|
"onTouchEnd": [Function],
|
|
}
|
|
}
|
|
innerRef={[Function]}
|
|
isDisabled={false}
|
|
isFocused={false}
|
|
isMulti={false}
|
|
isRtl={false}
|
|
menuIsOpen={true}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
selectOption={[Function]}
|
|
selectProps={
|
|
Object {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "two",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
setValue={[Function]}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Control"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
className=""
|
|
css={
|
|
Object {
|
|
"&:hover": Object {
|
|
"backgroundColor": undefined,
|
|
"borderColor": undefined,
|
|
},
|
|
"alignItems": "center",
|
|
"backgroundColor": undefined,
|
|
"borderColor": undefined,
|
|
"borderRadius": 0,
|
|
"borderStyle": "solid",
|
|
"borderWidth": 1,
|
|
"boxShadow": undefined,
|
|
"boxSizing": "border-box",
|
|
"cursor": "default",
|
|
"display": "flex",
|
|
"flexWrap": "wrap",
|
|
"justifyContent": "space-between",
|
|
"label": "control",
|
|
"minHeight": 30,
|
|
"outline": "0 !important",
|
|
"position": "relative",
|
|
"transition": "all 100ms",
|
|
}
|
|
}
|
|
onMouseDown={[Function]}
|
|
onTouchEnd={[Function]}
|
|
>
|
|
<div
|
|
className=" css-gdsksj-control"
|
|
onMouseDown={[Function]}
|
|
onTouchEnd={[Function]}
|
|
>
|
|
<ValueContainer
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
isDisabled={false}
|
|
isMulti={false}
|
|
isRtl={false}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
selectOption={[Function]}
|
|
selectProps={
|
|
Object {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "two",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
setValue={[Function]}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="ValueContainer"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
className=""
|
|
css={
|
|
Object {
|
|
"WebkitOverflowScrolling": "touch",
|
|
"alignItems": "center",
|
|
"boxSizing": "border-box",
|
|
"display": "grid",
|
|
"flex": 1,
|
|
"flexWrap": "wrap",
|
|
"overflow": "hidden",
|
|
"padding": "1px 4px",
|
|
"position": "relative",
|
|
}
|
|
}
|
|
>
|
|
<div
|
|
className=" css-1dzc0nd-ValueContainer"
|
|
>
|
|
<Input
|
|
aria-autocomplete="list"
|
|
aria-controls="react-select-4-listbox"
|
|
aria-describedby="react-select-4-placeholder"
|
|
aria-expanded={true}
|
|
aria-haspopup={true}
|
|
aria-owns="react-select-4-listbox"
|
|
autoCapitalize="none"
|
|
autoComplete="off"
|
|
autoCorrect="off"
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
id="react-select-4-input"
|
|
innerRef={[Function]}
|
|
isDisabled={false}
|
|
isHidden={false}
|
|
isMulti={false}
|
|
isRtl={false}
|
|
onBlur={[Function]}
|
|
onChange={[Function]}
|
|
onFocus={[Function]}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
role="combobox"
|
|
selectOption={[Function]}
|
|
selectProps={
|
|
Object {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "two",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
setValue={[Function]}
|
|
spellCheck="false"
|
|
tabIndex={0}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
type="text"
|
|
value="two"
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Input"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
className=""
|
|
css={
|
|
Object {
|
|
"&:after": Object {
|
|
"border": 0,
|
|
"content": "attr(data-value) \\" \\"",
|
|
"font": "inherit",
|
|
"gridArea": "1 / 2",
|
|
"margin": 0,
|
|
"minWidth": "2px",
|
|
"outline": 0,
|
|
"padding": 0,
|
|
"visibility": "hidden",
|
|
"whiteSpace": "pre",
|
|
},
|
|
"boxSizing": "border-box",
|
|
"color": undefined,
|
|
"display": "inline-grid",
|
|
"flex": "1 1 auto",
|
|
"gridArea": "1 / 1 / 2 / 3",
|
|
"gridTemplateColumns": "0 min-content",
|
|
"margin": 1,
|
|
"paddingBottom": 1,
|
|
"paddingTop": 1,
|
|
"visibility": "visible",
|
|
}
|
|
}
|
|
data-value="two"
|
|
>
|
|
<div
|
|
className=" css-1qx78vi-Input"
|
|
data-value="two"
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-controls="react-select-4-listbox"
|
|
aria-describedby="react-select-4-placeholder"
|
|
aria-expanded={true}
|
|
aria-haspopup={true}
|
|
aria-owns="react-select-4-listbox"
|
|
autoCapitalize="none"
|
|
autoComplete="off"
|
|
autoCorrect="off"
|
|
className=""
|
|
disabled={false}
|
|
id="react-select-4-input"
|
|
onBlur={[Function]}
|
|
onChange={[Function]}
|
|
onFocus={[Function]}
|
|
role="combobox"
|
|
spellCheck="false"
|
|
style={
|
|
Object {
|
|
"background": 0,
|
|
"border": 0,
|
|
"color": "inherit",
|
|
"font": "inherit",
|
|
"gridArea": "1 / 2",
|
|
"label": "input",
|
|
"margin": 0,
|
|
"minWidth": "2px",
|
|
"opacity": 1,
|
|
"outline": 0,
|
|
"padding": 0,
|
|
"width": "100%",
|
|
}
|
|
}
|
|
tabIndex={0}
|
|
type="text"
|
|
value="two"
|
|
/>
|
|
</div>
|
|
</EmotionCssPropInternal>
|
|
</Input>
|
|
</div>
|
|
</EmotionCssPropInternal>
|
|
</ValueContainer>
|
|
<IndicatorsContainer
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
isDisabled={false}
|
|
isMulti={false}
|
|
isRtl={false}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
selectOption={[Function]}
|
|
selectProps={
|
|
Object {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "two",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
setValue={[Function]}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorsContainer"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
className=""
|
|
css={
|
|
Object {
|
|
"alignItems": "center",
|
|
"alignSelf": "stretch",
|
|
"boxSizing": "border-box",
|
|
"display": "flex",
|
|
"flexShrink": 0,
|
|
}
|
|
}
|
|
>
|
|
<div
|
|
className=" css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<IndicatorSeparator
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
isDisabled={false}
|
|
isFocused={false}
|
|
isMulti={false}
|
|
isRtl={false}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
selectOption={[Function]}
|
|
selectProps={
|
|
Object {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "two",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
setValue={[Function]}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorSeparator"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="span"
|
|
className=""
|
|
css={
|
|
Object {
|
|
"alignSelf": "stretch",
|
|
"backgroundColor": undefined,
|
|
"boxSizing": "border-box",
|
|
"label": "indicatorSeparator",
|
|
"marginBottom": 4,
|
|
"marginTop": 4,
|
|
"width": 1,
|
|
}
|
|
}
|
|
>
|
|
<span
|
|
className=" css-1urf5ax-indicatorSeparator"
|
|
/>
|
|
</EmotionCssPropInternal>
|
|
</IndicatorSeparator>
|
|
<DropdownIndicator
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
innerProps={
|
|
Object {
|
|
"aria-hidden": "true",
|
|
"onMouseDown": [Function],
|
|
"onTouchEnd": [Function],
|
|
}
|
|
}
|
|
isDisabled={false}
|
|
isFocused={false}
|
|
isMulti={false}
|
|
isRtl={false}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
selectOption={[Function]}
|
|
selectProps={
|
|
Object {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "two",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
setValue={[Function]}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="DropdownIndicator"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
aria-hidden="true"
|
|
className=""
|
|
css={
|
|
Object {
|
|
":hover": Object {
|
|
"color": undefined,
|
|
},
|
|
"boxSizing": "border-box",
|
|
"color": undefined,
|
|
"display": "flex",
|
|
"label": "indicatorContainer",
|
|
"padding": 4,
|
|
"transition": "color 150ms",
|
|
}
|
|
}
|
|
onMouseDown={[Function]}
|
|
onTouchEnd={[Function]}
|
|
>
|
|
<div
|
|
aria-hidden="true"
|
|
className=" css-aazq4s-indicatorContainer"
|
|
onMouseDown={[Function]}
|
|
onTouchEnd={[Function]}
|
|
>
|
|
<DownChevron>
|
|
<Svg
|
|
size={20}
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Svg"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="svg"
|
|
aria-hidden="true"
|
|
css={
|
|
Object {
|
|
"map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCSSIsImZpbGUiOiJpbmRpY2F0b3JzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsganN4LCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7XG4gIENvbW1vblByb3BzQW5kQ2xhc3NOYW1lLFxuICBDU1NPYmplY3RXaXRoTGFiZWwsXG4gIEdyb3VwQmFzZSxcbn0gZnJvbSAnLi4vdHlwZXMnO1xuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIERyb3Bkb3duICYgQ2xlYXIgSWNvbnNcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG5jb25zdCBTdmcgPSAoe1xuICBzaXplLFxuICAuLi5wcm9wc1xufTogSlNYLkludHJpbnNpY0VsZW1lbnRzWydzdmcnXSAmIHsgc2l6ZTogbnVtYmVyIH0pID0+IChcbiAgPHN2Z1xuICAgIGhlaWdodD17c2l6ZX1cbiAgICB3aWR0aD17c2l6ZX1cbiAgICB2aWV3Qm94PVwiMCAwIDIwIDIwXCJcbiAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgIGZvY3VzYWJsZT1cImZhbHNlXCJcbiAgICBjc3M9e3tcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgZmlsbDogJ2N1cnJlbnRDb2xvcicsXG4gICAgICBsaW5lSGVpZ2h0OiAxLFxuICAgICAgc3Ryb2tlOiAnY3VycmVudENvbG9yJyxcbiAgICAgIHN0cm9rZVdpZHRoOiAwLFxuICAgIH19XG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IHR5cGUgQ3Jvc3NJY29uUHJvcHMgPSBKU1guSW50cmluc2ljRWxlbWVudHNbJ3N2ZyddICYgeyBzaXplPzogbnVtYmVyIH07XG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBDcm9zc0ljb25Qcm9wcykgPT4gKFxuICA8U3ZnIHNpemU9ezIwfSB7Li4ucHJvcHN9PlxuICAgIDxwYXRoIGQ9XCJNMTQuMzQ4IDE0Ljg0OWMtMC40NjkgMC40NjktMS4yMjkgMC40NjktMS42OTcgMGwtMi42NTEtMy4wMzAtMi42NTEgMy4wMjljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDAtMC40NjktMC40NjktMC40NjktMS4yMjkgMC0xLjY5N2wyLjc1OC0zLjE1LTIuNzU5LTMuMTUyYy0wLjQ2OS0wLjQ2OS0wLjQ2OS0xLjIyOCAwLTEuNjk3czEuMjI4LTAuNDY5IDEuNjk3IDBsMi42NTIgMy4wMzEgMi42NTEtMy4wMzFjMC40NjktMC40NjkgMS4yMjgtMC40NjkgMS42OTcgMHMwLjQ2OSAxLjIyOSAwIDEuNjk3bC0yLjc1OCAzLjE1MiAyLjc1OCAzLjE1YzAuNDY5IDAuNDY5IDAuNDY5IDEuMjI5IDAgMS42OTh6XCIgLz5cbiAgPC9Tdmc+XG4pO1xuZXhwb3J0IHR5cGUgRG93bkNoZXZyb25Qcm9wcyA9IEpTWC5JbnRyaW5zaWNFbGVtZW50c1snc3ZnJ10gJiB7IHNpemU/OiBudW1iZXIgfTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogRG93bkNoZXZyb25Qcm9wcykgPT4gKFxuICA8U3ZnIHNpemU9ezIwfSB7Li4ucHJvcHN9PlxuICAgIDxwYXRoIGQ9XCJNNC41MTYgNy41NDhjMC40MzYtMC40NDYgMS4wNDMtMC40ODEgMS41NzYgMGwzLjkwOCAzLjc0NyAzLjkwOC0zLjc0N2MwLjUzMy0wLjQ4MSAxLjE0MS0wLjQ0NiAxLjU3NCAwIDAuNDM2IDAuNDQ1IDAuNDA4IDEuMTk3IDAgMS42MTUtMC40MDYgMC40MTgtNC42OTUgNC41MDItNC42OTUgNC41MDItMC4yMTcgMC4yMjMtMC41MDIgMC4zMzUtMC43ODcgMC4zMzVzLTAuNTctMC4xMTItMC43ODktMC4zMzVjMCAwLTQuMjg3LTQuMDg0LTQuNjk1LTQuNTAycy0wLjQzNi0xLjE3IDAtMS42MTV6XCIgLz5cbiAgPC9Tdmc+XG4pO1xuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIERyb3Bkb3duICYgQ2xlYXIgQnV0dG9uc1xuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG5cbmV4cG9ydCBpbnRlcmZhY2UgRHJvcGRvd25JbmRpY2F0b3JQcm9wczxcbiAgT3B0aW9uID0gdW5rbm93bixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4gPSBib29sZWFuLFxuICBHcm91cCBleHRlbmRzIEdyb3VwQmFzZTxPcHRpb24+ID0gR3JvdXBCYXNlPE9wdGlvbj5cbj4gZXh0ZW5kcyBDb21tb25Qcm9wc0FuZENsYXNzTmFtZTxPcHRpb24sIElzTXVsdGksIEdyb3VwPiB7XG4gIC8qKiBUaGUgY2hpbGRyZW4gdG8gYmUgcmVuZGVyZWQgaW5zaWRlIHRoZSBpbmRpY2F0b3IuICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICAvKiogUHJvcHMgdGhhdCB3aWxsIGJlIHBhc3NlZCBvbiB0byB0aGUgY2hpbGRyZW4uICovXG4gIGlubmVyUHJvcHM6IEpTWC5JbnRyaW5zaWNFbGVtZW50c1snZGl2J107XG4gIC8qKiBUaGUgZm9jdXNlZCBzdGF0ZSBvZiB0aGUgc2VsZWN0LiAqL1xuICBpc0ZvY3VzZWQ6IGJvb2xlYW47XG4gIGlzRGlzYWJsZWQ6IGJvb2xlYW47XG59XG5cbmNvbnN0IGJhc2VDU1MgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oe1xuICBpc0ZvY3VzZWQsXG4gIHRoZW1lOiB7XG4gICAgc3BhY2luZzogeyBiYXNlVW5pdCB9LFxuICAgIGNvbG9ycyxcbiAgfSxcbn06XG4gIHwgRHJvcGRvd25JbmRpY2F0b3JQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPlxuICB8IENsZWFySW5kaWNhdG9yUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD4pOiBDU1NPYmplY3RXaXRoTGFiZWwgPT4gKHtcbiAgbGFiZWw6ICdpbmRpY2F0b3JDb250YWluZXInLFxuICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw2MCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgcGFkZGluZzogYmFzZVVuaXQgKiAyLFxuICB0cmFuc2l0aW9uOiAnY29sb3IgMTUwbXMnLFxuXG4gICc6aG92ZXInOiB7XG4gICAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsODAgOiBjb2xvcnMubmV1dHJhbDQwLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBkcm9wZG93bkluZGljYXRvckNTUyA9IGJhc2VDU1M7XG5leHBvcnQgY29uc3QgRHJvcGRvd25JbmRpY2F0b3IgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oXG4gIHByb3BzOiBEcm9wZG93bkluZGljYXRvclByb3BzPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+XG4pID0+IHtcbiAgY29uc3QgeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBjeCwgZ2V0U3R5bGVzLCBpbm5lclByb3BzIH0gPSBwcm9wcztcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2dldFN0eWxlcygnZHJvcGRvd25JbmRpY2F0b3InLCBwcm9wcyl9XG4gICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICB7XG4gICAgICAgICAgaW5kaWNhdG9yOiB0cnVlLFxuICAgICAgICAgICdkcm9wZG93bi1pbmRpY2F0b3InOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICB7Li4uaW5uZXJQcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW4gfHwgPERvd25DaGV2cm9uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBDbGVhckluZGljYXRvclByb3BzPFxuICBPcHRpb24gPSB1bmtub3duLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbiA9IGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj4gPSBHcm91cEJhc2U8T3B0aW9uPlxuPiBleHRlbmRzIENvbW1vblByb3BzQW5kQ2xhc3NOYW1lPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+IHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhlIGluZGljYXRvci4gKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogSlNYLkludHJpbnNpY0VsZW1lbnRzWydkaXYnXTtcbiAgLyoqIFRoZSBmb2N1c2VkIHN0YXRlIG9mIHRoZSBzZWxlY3QuICovXG4gIGlzRm9jdXNlZDogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IGNsZWFySW5kaWNhdG9yQ1NTID0gYmFzZUNTUztcbmV4cG9ydCBjb25zdCBDbGVhckluZGljYXRvciA9IDxcbiAgT3B0aW9uLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbixcbiAgR3JvdXAgZXh0ZW5kcyBHcm91cEJhc2U8T3B0aW9uPlxuPihcbiAgcHJvcHM6IENsZWFySW5kaWNhdG9yUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD5cbikgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Z2V0U3R5bGVzKCdjbGVhckluZGljYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgIHtcbiAgICAgICAgICBpbmRpY2F0b3I6IHRydWUsXG4gICAgICAgICAgJ2NsZWFyLWluZGljYXRvcic6IHRydWUsXG4gICAgICAgIH0sXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8Q3Jvc3NJY29uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBTZXBhcmF0b3Jcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG5leHBvcnQgaW50ZXJmYWNlIEluZGljYXRvclNlcGFyYXRvclByb3BzPFxuICBPcHRpb24gPSB1bmtub3duLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbiA9IGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj4gPSBHcm91cEJhc2U8T3B0aW9uPlxuPiBleHRlbmRzIENvbW1vblByb3BzQW5kQ2xhc3NOYW1lPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+IHtcbiAgaXNEaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNGb2N1c2VkOiBib29sZWFuO1xuICBpbm5lclByb3BzPzogSlNYLkludHJpbnNpY0VsZW1lbnRzWydzcGFuJ107XG59XG5cbmV4cG9ydCBjb25zdCBpbmRpY2F0b3JTZXBhcmF0b3JDU1MgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oe1xuICBpc0Rpc2FibGVkLFxuICB0aGVtZToge1xuICAgIHNwYWNpbmc6IHsgYmFzZVVuaXQgfSxcbiAgICBjb2xvcnMsXG4gIH0sXG59OiBJbmRpY2F0b3JTZXBhcmF0b3JQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPik6IENTU09iamVjdFdpdGhMYWJlbCA9PiAoe1xuICBsYWJlbDogJ2luZGljYXRvclNlcGFyYXRvcicsXG4gIGFsaWduU2VsZjogJ3N0cmV0Y2gnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRGlzYWJsZWQgPyBjb2xvcnMubmV1dHJhbDEwIDogY29sb3JzLm5ldXRyYWwyMCxcbiAgbWFyZ2luQm90dG9tOiBiYXNlVW5pdCAqIDIsXG4gIG1hcmdpblRvcDogYmFzZVVuaXQgKiAyLFxuICB3aWR0aDogMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yU2VwYXJhdG9yID0gPFxuICBPcHRpb24sXG4gIElzTXVsdGkgZXh0ZW5kcyBib29sZWFuLFxuICBHcm91cCBleHRlbmRzIEdyb3VwQmFzZTxPcHRpb24+XG4+KFxuICBwcm9wczogSW5kaWNhdG9yU2VwYXJhdG9yUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD5cbikgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2luZGljYXRvclNlcGFyYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goeyAnaW5kaWNhdG9yLXNlcGFyYXRvcic6IHRydWUgfSwgY2xhc3NOYW1lKX1cbiAgICAvPlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBMb2FkaW5nXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgbG9hZGluZ0RvdEFuaW1hdGlvbnMgPSBrZXlmcmFtZXNgXG4gIDAlLCA4MCUsIDEwMCUgeyBvcGFjaXR5OiAwOyB9XG4gIDQwJSB7IG9wYWNpdHk6IDE7IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsb2FkaW5nSW5kaWNhdG9yQ1NTID0gPFxuICBPcHRpb24sXG4gIElzTXVsdGkgZXh0ZW5kcyBib29sZWFuLFxuICBHcm91cCBleHRlbmRzIEdyb3VwQmFzZTxPcHRpb24+XG4+KHtcbiAgaXNGb2N1c2VkLFxuICBzaXplLFxuICB0aGVtZToge1xuICAgIGNvbG9ycyxcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gIH0sXG59OiBMb2FkaW5nSW5kaWNhdG9yUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD4pOiBDU1NPYmplY3RXaXRoTGFiZWwgPT4gKHtcbiAgbGFiZWw6ICdsb2FkaW5nSW5kaWNhdG9yJyxcbiAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcbiAgYWxpZ25TZWxmOiAnY2VudGVyJyxcbiAgZm9udFNpemU6IHNpemUsXG4gIGxpbmVIZWlnaHQ6IDEsXG4gIG1hcmdpblJpZ2h0OiBzaXplLFxuICB0ZXh0QWxpZ246ICdjZW50ZXInLFxuICB2ZXJ0aWNhbEFsaWduOiAnbWlkZGxlJyxcbn0pO1xuXG5pbnRlcmZhY2UgTG9hZGluZ0RvdFByb3BzIHtcbiAgZGVsYXk6IG51bWJlcjtcbiAgb2Zmc2V0OiBib29sZWFuO1xufVxuY29uc3QgTG9hZGluZ0RvdCA9ICh7IGRlbGF5LCBvZmZzZXQgfTogTG9hZGluZ0RvdFByb3BzKSA9PiAoXG4gIDxzcGFuXG4gICAgY3NzPXt7XG4gICAgICBhbmltYXRpb246IGAke2xvYWRpbmdEb3RBbmltYXRpb25zfSAxcyBlYXNlLWluLW91dCAke2RlbGF5fW1zIGluZmluaXRlO2AsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6ICdjdXJyZW50Q29sb3InLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnMWVtJyxcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgbWFyZ2luTGVmdDogb2Zmc2V0ID8gJzFlbScgOiB1bmRlZmluZWQsXG4gICAgICBoZWlnaHQ6ICcxZW0nLFxuICAgICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgICB3aWR0aDogJzFlbScsXG4gICAgfX1cbiAgLz5cbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTG9hZGluZ0luZGljYXRvclByb3BzPFxuICBPcHRpb24gPSB1bmtub3duLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbiA9IGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj4gPSBHcm91cEJhc2U8T3B0aW9uPlxuPiBleHRlbmRzIENvbW1vblByb3BzQW5kQ2xhc3NOYW1lPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+IHtcbiAgLyoqIFByb3BzIHRoYXQgd2lsbCBiZSBwYXNzZWQgb24gdG8gdGhlIGNoaWxkcmVuLiAqL1xuICBpbm5lclByb3BzOiBKU1guSW50cmluc2ljRWxlbWVudHNbJ2RpdiddO1xuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuO1xuICBpc0Rpc2FibGVkOiBib29sZWFuO1xuICAvKiogU2V0IHNpemUgb2YgdGhlIGNvbnRhaW5lci4gKi9cbiAgc2l6ZTogbnVtYmVyO1xufVxuZXhwb3J0IGNvbnN0IExvYWRpbmdJbmRpY2F0b3IgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oXG4gIHByb3BzOiBMb2FkaW5nSW5kaWNhdG9yUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD5cbikgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcywgaXNSdGwgfSA9IHByb3BzO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2xvYWRpbmdJbmRpY2F0b3InLCBwcm9wcyl9XG4gICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICB7XG4gICAgICAgICAgaW5kaWNhdG9yOiB0cnVlLFxuICAgICAgICAgICdsb2FkaW5nLWluZGljYXRvcic6IHRydWUsXG4gICAgICAgIH0sXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgID5cbiAgICAgIDxMb2FkaW5nRG90IGRlbGF5PXswfSBvZmZzZXQ9e2lzUnRsfSAvPlxuICAgICAgPExvYWRpbmdEb3QgZGVsYXk9ezE2MH0gb2Zmc2V0IC8+XG4gICAgICA8TG9hZGluZ0RvdCBkZWxheT17MzIwfSBvZmZzZXQ9eyFpc1J0bH0gLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Mb2FkaW5nSW5kaWNhdG9yLmRlZmF1bHRQcm9wcyA9IHsgc2l6ZTogNCB9O1xuIl19 */",
|
|
"name": "tj5bde-Svg",
|
|
"styles": "display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;label:Svg;",
|
|
"toString": [Function],
|
|
}
|
|
}
|
|
focusable="false"
|
|
height={20}
|
|
viewBox="0 0 20 20"
|
|
width={20}
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
className="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height={20}
|
|
viewBox="0 0 20 20"
|
|
width={20}
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</EmotionCssPropInternal>
|
|
</Svg>
|
|
</DownChevron>
|
|
</div>
|
|
</EmotionCssPropInternal>
|
|
</DropdownIndicator>
|
|
</div>
|
|
</EmotionCssPropInternal>
|
|
</IndicatorsContainer>
|
|
</div>
|
|
</EmotionCssPropInternal>
|
|
</Control>
|
|
<MenuPlacer
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
isMulti={false}
|
|
isRtl={false}
|
|
maxMenuHeight={300}
|
|
menuPlacement="bottom"
|
|
menuPosition="absolute"
|
|
menuShouldScrollIntoView={true}
|
|
minMenuHeight={140}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
selectOption={[Function]}
|
|
selectProps={
|
|
Object {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "two",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
setValue={[Function]}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
<Menu
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
innerProps={
|
|
Object {
|
|
"id": "react-select-4-listbox",
|
|
"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 {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "two",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
setValue={[Function]}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Menu"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
className=""
|
|
css={
|
|
Object {
|
|
"backgroundColor": undefined,
|
|
"borderRadius": 0,
|
|
"boxShadow": "0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)",
|
|
"boxSizing": "border-box",
|
|
"label": "menu",
|
|
"marginBottom": 8,
|
|
"marginTop": 8,
|
|
"position": "absolute",
|
|
"top": "100%",
|
|
"width": "100%",
|
|
"zIndex": 10,
|
|
}
|
|
}
|
|
id="react-select-4-listbox"
|
|
onMouseDown={[Function]}
|
|
onMouseMove={[Function]}
|
|
>
|
|
<div
|
|
className=" css-17wpf85-menu"
|
|
id="react-select-4-listbox"
|
|
onMouseDown={[Function]}
|
|
onMouseMove={[Function]}
|
|
>
|
|
<ScrollManager
|
|
captureEnabled={false}
|
|
lockEnabled={false}
|
|
>
|
|
<MenuList
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
focusedOption={
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
}
|
|
}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
innerRef={[Function]}
|
|
isLoading={false}
|
|
isMulti={false}
|
|
isRtl={false}
|
|
maxHeight={300}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
selectOption={[Function]}
|
|
selectProps={
|
|
Object {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "two",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
setValue={[Function]}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="MenuList"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
className=""
|
|
css={
|
|
Object {
|
|
"WebkitOverflowScrolling": "touch",
|
|
"boxSizing": "border-box",
|
|
"maxHeight": 300,
|
|
"overflowY": "auto",
|
|
"paddingBottom": 2,
|
|
"paddingTop": 2,
|
|
"position": "relative",
|
|
}
|
|
}
|
|
>
|
|
<div
|
|
className=" css-87spde-MenuList"
|
|
>
|
|
<Option
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
data={
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
}
|
|
}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
innerProps={
|
|
Object {
|
|
"id": "react-select-4-option-1",
|
|
"onClick": [Function],
|
|
"onMouseMove": [Function],
|
|
"onMouseOver": [Function],
|
|
"tabIndex": -1,
|
|
}
|
|
}
|
|
innerRef={[Function]}
|
|
isDisabled={false}
|
|
isFocused={true}
|
|
isMulti={false}
|
|
isRtl={false}
|
|
isSelected={false}
|
|
key="react-select-4-option-1"
|
|
label="Two"
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
selectOption={[Function]}
|
|
selectProps={
|
|
Object {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "two",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
setValue={[Function]}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
type="option"
|
|
value="two"
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Option"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
aria-disabled={false}
|
|
className=""
|
|
css={
|
|
Object {
|
|
":active": Object {
|
|
"backgroundColor": undefined,
|
|
},
|
|
"WebkitTapHighlightColor": "rgba(0, 0, 0, 0)",
|
|
"backgroundColor": undefined,
|
|
"boxSizing": "border-box",
|
|
"color": "inherit",
|
|
"cursor": "default",
|
|
"display": "block",
|
|
"fontSize": "inherit",
|
|
"label": "option",
|
|
"padding": "4px 6px",
|
|
"userSelect": "none",
|
|
"width": "100%",
|
|
}
|
|
}
|
|
id="react-select-4-option-1"
|
|
onClick={[Function]}
|
|
onMouseMove={[Function]}
|
|
onMouseOver={[Function]}
|
|
tabIndex={-1}
|
|
>
|
|
<div
|
|
aria-disabled={false}
|
|
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>
|
|
</ScrollManager>
|
|
</div>
|
|
</EmotionCssPropInternal>
|
|
</Menu>
|
|
</MenuPlacer>
|
|
</div>
|
|
</EmotionCssPropInternal>
|
|
</SelectContainer>
|
|
</Select>
|
|
</ForwardRef>
|
|
</Select>
|
|
</Component>
|
|
</WithTheme(Component)>
|
|
`;
|
|
|
|
exports[`Select shouldn't find any results 1`] = `
|
|
<WithTheme(Component)
|
|
onChange={[MockFunction]}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
>
|
|
<Component
|
|
onChange={[MockFunction]}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
>
|
|
<Select
|
|
onChange={[MockFunction]}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
theme={
|
|
Object {
|
|
"codeFontFamily": "'Source Code Pro', monospace",
|
|
"fontFamily": "'Source Sans Pro', sans-serif",
|
|
"inputBorderColor": undefined,
|
|
"inputBorderRadius": 4,
|
|
"inputBorderWidth": 1,
|
|
"inputFocusedStyle": "border-color: undefined",
|
|
"inputHeight": 30,
|
|
"inputInternalHeight": 28,
|
|
"inputPadding": 10,
|
|
"selectArrowWidth": 4,
|
|
"spinnerSize": 13,
|
|
}
|
|
}
|
|
>
|
|
<ForwardRef
|
|
onChange={[MockFunction]}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
styles={
|
|
Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
}
|
|
}
|
|
theme={[Function]}
|
|
>
|
|
<Select
|
|
aria-live="polite"
|
|
backspaceRemovesValue={true}
|
|
blurInputOnSelect={true}
|
|
captureMenuScroll={false}
|
|
closeMenuOnScroll={false}
|
|
closeMenuOnSelect={true}
|
|
components={Object {}}
|
|
controlShouldRenderValue={true}
|
|
escapeClearsValue={false}
|
|
filterOption={[Function]}
|
|
formatGroupLabel={[Function]}
|
|
getOptionLabel={[Function]}
|
|
getOptionValue={[Function]}
|
|
inputValue="text"
|
|
isDisabled={false}
|
|
isLoading={false}
|
|
isMulti={false}
|
|
isOptionDisabled={[Function]}
|
|
isRtl={false}
|
|
isSearchable={true}
|
|
loadingMessage={[Function]}
|
|
maxMenuHeight={300}
|
|
menuIsOpen={true}
|
|
menuPlacement="bottom"
|
|
menuPosition="absolute"
|
|
menuShouldBlockScroll={false}
|
|
menuShouldScrollIntoView={true}
|
|
minMenuHeight={140}
|
|
noOptionsMessage={[Function]}
|
|
onChange={[Function]}
|
|
onInputChange={[Function]}
|
|
onMenuClose={[Function]}
|
|
onMenuOpen={[Function]}
|
|
openMenuOnClick={true}
|
|
openMenuOnFocus={false}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
pageSize={5}
|
|
placeholder="Select..."
|
|
screenReaderStatus={[Function]}
|
|
styles={
|
|
Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
}
|
|
}
|
|
tabIndex={0}
|
|
tabSelectsValue={true}
|
|
theme={[Function]}
|
|
value={null}
|
|
>
|
|
<SelectContainer
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
innerProps={
|
|
Object {
|
|
"id": undefined,
|
|
"onKeyDown": [Function],
|
|
}
|
|
}
|
|
isDisabled={false}
|
|
isFocused={false}
|
|
isMulti={false}
|
|
isRtl={false}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
selectOption={[Function]}
|
|
selectProps={
|
|
Object {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "text",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
setValue={[Function]}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="SelectContainer"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
className=""
|
|
css={
|
|
Object {
|
|
"boxSizing": "border-box",
|
|
"direction": undefined,
|
|
"flexGrow": 1,
|
|
"label": "container",
|
|
"pointerEvents": undefined,
|
|
"position": "relative",
|
|
}
|
|
}
|
|
onKeyDown={[Function]}
|
|
>
|
|
<div
|
|
className=" css-18o3wl1-container"
|
|
onKeyDown={[Function]}
|
|
>
|
|
<LiveRegion
|
|
ariaSelection={null}
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
focusableOptions={Array []}
|
|
focusedValue={null}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
id="react-select-5-live-region"
|
|
isFocused={false}
|
|
isMulti={false}
|
|
isRtl={false}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
selectOption={[Function]}
|
|
selectProps={
|
|
Object {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "text",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
selectValue={Array []}
|
|
setValue={[Function]}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
<A11yText
|
|
id="react-select-5-live-region"
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="A11yText"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="span"
|
|
css={
|
|
Object {
|
|
"map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkExMXlUZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNSSIsImZpbGUiOiJBMTF5VGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7IGpzeCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLy8gQXNzaXN0aXZlIHRleHQgdG8gZGVzY3JpYmUgdmlzdWFsIGVsZW1lbnRzLiBIaWRkZW4gZm9yIHNpZ2h0ZWQgdXNlcnMuXG5jb25zdCBBMTF5VGV4dCA9IChwcm9wczogSlNYLkludHJpbnNpY0VsZW1lbnRzWydzcGFuJ10pID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGxhYmVsOiAnYTExeVRleHQnLFxuICAgICAgekluZGV4OiA5OTk5LFxuICAgICAgYm9yZGVyOiAwLFxuICAgICAgY2xpcDogJ3JlY3QoMXB4LCAxcHgsIDFweCwgMXB4KScsXG4gICAgICBoZWlnaHQ6IDEsXG4gICAgICB3aWR0aDogMSxcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgICAgcGFkZGluZzogMCxcbiAgICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICAgIH19XG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQTExeVRleHQ7XG4iXX0= */",
|
|
"name": "1f43avz-a11yText-A11yText",
|
|
"styles": "label:a11yText;z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap;label:A11yText;",
|
|
"toString": [Function],
|
|
}
|
|
}
|
|
id="react-select-5-live-region"
|
|
>
|
|
<span
|
|
className="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-5-live-region"
|
|
/>
|
|
</EmotionCssPropInternal>
|
|
</A11yText>
|
|
<A11yText
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="A11yText"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="span"
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
css={
|
|
Object {
|
|
"map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkExMXlUZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNSSIsImZpbGUiOiJBMTF5VGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7IGpzeCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLy8gQXNzaXN0aXZlIHRleHQgdG8gZGVzY3JpYmUgdmlzdWFsIGVsZW1lbnRzLiBIaWRkZW4gZm9yIHNpZ2h0ZWQgdXNlcnMuXG5jb25zdCBBMTF5VGV4dCA9IChwcm9wczogSlNYLkludHJpbnNpY0VsZW1lbnRzWydzcGFuJ10pID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGxhYmVsOiAnYTExeVRleHQnLFxuICAgICAgekluZGV4OiA5OTk5LFxuICAgICAgYm9yZGVyOiAwLFxuICAgICAgY2xpcDogJ3JlY3QoMXB4LCAxcHgsIDFweCwgMXB4KScsXG4gICAgICBoZWlnaHQ6IDEsXG4gICAgICB3aWR0aDogMSxcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgICAgcGFkZGluZzogMCxcbiAgICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICAgIH19XG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQTExeVRleHQ7XG4iXX0= */",
|
|
"name": "1f43avz-a11yText-A11yText",
|
|
"styles": "label:a11yText;z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap;label:A11yText;",
|
|
"toString": [Function],
|
|
}
|
|
}
|
|
>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
className="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
</EmotionCssPropInternal>
|
|
</A11yText>
|
|
</LiveRegion>
|
|
<Control
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
innerProps={
|
|
Object {
|
|
"onMouseDown": [Function],
|
|
"onTouchEnd": [Function],
|
|
}
|
|
}
|
|
innerRef={[Function]}
|
|
isDisabled={false}
|
|
isFocused={false}
|
|
isMulti={false}
|
|
isRtl={false}
|
|
menuIsOpen={true}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
selectOption={[Function]}
|
|
selectProps={
|
|
Object {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "text",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
setValue={[Function]}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Control"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
className=""
|
|
css={
|
|
Object {
|
|
"&:hover": Object {
|
|
"backgroundColor": undefined,
|
|
"borderColor": undefined,
|
|
},
|
|
"alignItems": "center",
|
|
"backgroundColor": undefined,
|
|
"borderColor": undefined,
|
|
"borderRadius": 0,
|
|
"borderStyle": "solid",
|
|
"borderWidth": 1,
|
|
"boxShadow": undefined,
|
|
"boxSizing": "border-box",
|
|
"cursor": "default",
|
|
"display": "flex",
|
|
"flexWrap": "wrap",
|
|
"justifyContent": "space-between",
|
|
"label": "control",
|
|
"minHeight": 30,
|
|
"outline": "0 !important",
|
|
"position": "relative",
|
|
"transition": "all 100ms",
|
|
}
|
|
}
|
|
onMouseDown={[Function]}
|
|
onTouchEnd={[Function]}
|
|
>
|
|
<div
|
|
className=" css-gdsksj-control"
|
|
onMouseDown={[Function]}
|
|
onTouchEnd={[Function]}
|
|
>
|
|
<ValueContainer
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
isDisabled={false}
|
|
isMulti={false}
|
|
isRtl={false}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
selectOption={[Function]}
|
|
selectProps={
|
|
Object {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "text",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
setValue={[Function]}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="ValueContainer"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
className=""
|
|
css={
|
|
Object {
|
|
"WebkitOverflowScrolling": "touch",
|
|
"alignItems": "center",
|
|
"boxSizing": "border-box",
|
|
"display": "grid",
|
|
"flex": 1,
|
|
"flexWrap": "wrap",
|
|
"overflow": "hidden",
|
|
"padding": "1px 4px",
|
|
"position": "relative",
|
|
}
|
|
}
|
|
>
|
|
<div
|
|
className=" css-1dzc0nd-ValueContainer"
|
|
>
|
|
<Input
|
|
aria-autocomplete="list"
|
|
aria-controls="react-select-5-listbox"
|
|
aria-describedby="react-select-5-placeholder"
|
|
aria-expanded={true}
|
|
aria-haspopup={true}
|
|
aria-owns="react-select-5-listbox"
|
|
autoCapitalize="none"
|
|
autoComplete="off"
|
|
autoCorrect="off"
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
id="react-select-5-input"
|
|
innerRef={[Function]}
|
|
isDisabled={false}
|
|
isHidden={false}
|
|
isMulti={false}
|
|
isRtl={false}
|
|
onBlur={[Function]}
|
|
onChange={[Function]}
|
|
onFocus={[Function]}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
role="combobox"
|
|
selectOption={[Function]}
|
|
selectProps={
|
|
Object {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "text",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
setValue={[Function]}
|
|
spellCheck="false"
|
|
tabIndex={0}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
type="text"
|
|
value="text"
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Input"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
className=""
|
|
css={
|
|
Object {
|
|
"&:after": Object {
|
|
"border": 0,
|
|
"content": "attr(data-value) \\" \\"",
|
|
"font": "inherit",
|
|
"gridArea": "1 / 2",
|
|
"margin": 0,
|
|
"minWidth": "2px",
|
|
"outline": 0,
|
|
"padding": 0,
|
|
"visibility": "hidden",
|
|
"whiteSpace": "pre",
|
|
},
|
|
"boxSizing": "border-box",
|
|
"color": undefined,
|
|
"display": "inline-grid",
|
|
"flex": "1 1 auto",
|
|
"gridArea": "1 / 1 / 2 / 3",
|
|
"gridTemplateColumns": "0 min-content",
|
|
"margin": 1,
|
|
"paddingBottom": 1,
|
|
"paddingTop": 1,
|
|
"visibility": "visible",
|
|
}
|
|
}
|
|
data-value="text"
|
|
>
|
|
<div
|
|
className=" css-1qx78vi-Input"
|
|
data-value="text"
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-controls="react-select-5-listbox"
|
|
aria-describedby="react-select-5-placeholder"
|
|
aria-expanded={true}
|
|
aria-haspopup={true}
|
|
aria-owns="react-select-5-listbox"
|
|
autoCapitalize="none"
|
|
autoComplete="off"
|
|
autoCorrect="off"
|
|
className=""
|
|
disabled={false}
|
|
id="react-select-5-input"
|
|
onBlur={[Function]}
|
|
onChange={[Function]}
|
|
onFocus={[Function]}
|
|
role="combobox"
|
|
spellCheck="false"
|
|
style={
|
|
Object {
|
|
"background": 0,
|
|
"border": 0,
|
|
"color": "inherit",
|
|
"font": "inherit",
|
|
"gridArea": "1 / 2",
|
|
"label": "input",
|
|
"margin": 0,
|
|
"minWidth": "2px",
|
|
"opacity": 1,
|
|
"outline": 0,
|
|
"padding": 0,
|
|
"width": "100%",
|
|
}
|
|
}
|
|
tabIndex={0}
|
|
type="text"
|
|
value="text"
|
|
/>
|
|
</div>
|
|
</EmotionCssPropInternal>
|
|
</Input>
|
|
</div>
|
|
</EmotionCssPropInternal>
|
|
</ValueContainer>
|
|
<IndicatorsContainer
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
isDisabled={false}
|
|
isMulti={false}
|
|
isRtl={false}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
selectOption={[Function]}
|
|
selectProps={
|
|
Object {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "text",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
setValue={[Function]}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorsContainer"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
className=""
|
|
css={
|
|
Object {
|
|
"alignItems": "center",
|
|
"alignSelf": "stretch",
|
|
"boxSizing": "border-box",
|
|
"display": "flex",
|
|
"flexShrink": 0,
|
|
}
|
|
}
|
|
>
|
|
<div
|
|
className=" css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<IndicatorSeparator
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
isDisabled={false}
|
|
isFocused={false}
|
|
isMulti={false}
|
|
isRtl={false}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
selectOption={[Function]}
|
|
selectProps={
|
|
Object {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "text",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
setValue={[Function]}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorSeparator"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="span"
|
|
className=""
|
|
css={
|
|
Object {
|
|
"alignSelf": "stretch",
|
|
"backgroundColor": undefined,
|
|
"boxSizing": "border-box",
|
|
"label": "indicatorSeparator",
|
|
"marginBottom": 4,
|
|
"marginTop": 4,
|
|
"width": 1,
|
|
}
|
|
}
|
|
>
|
|
<span
|
|
className=" css-1urf5ax-indicatorSeparator"
|
|
/>
|
|
</EmotionCssPropInternal>
|
|
</IndicatorSeparator>
|
|
<DropdownIndicator
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
innerProps={
|
|
Object {
|
|
"aria-hidden": "true",
|
|
"onMouseDown": [Function],
|
|
"onTouchEnd": [Function],
|
|
}
|
|
}
|
|
isDisabled={false}
|
|
isFocused={false}
|
|
isMulti={false}
|
|
isRtl={false}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
selectOption={[Function]}
|
|
selectProps={
|
|
Object {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "text",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
setValue={[Function]}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="DropdownIndicator"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
aria-hidden="true"
|
|
className=""
|
|
css={
|
|
Object {
|
|
":hover": Object {
|
|
"color": undefined,
|
|
},
|
|
"boxSizing": "border-box",
|
|
"color": undefined,
|
|
"display": "flex",
|
|
"label": "indicatorContainer",
|
|
"padding": 4,
|
|
"transition": "color 150ms",
|
|
}
|
|
}
|
|
onMouseDown={[Function]}
|
|
onTouchEnd={[Function]}
|
|
>
|
|
<div
|
|
aria-hidden="true"
|
|
className=" css-aazq4s-indicatorContainer"
|
|
onMouseDown={[Function]}
|
|
onTouchEnd={[Function]}
|
|
>
|
|
<DownChevron>
|
|
<Svg
|
|
size={20}
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Svg"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="svg"
|
|
aria-hidden="true"
|
|
css={
|
|
Object {
|
|
"map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCSSIsImZpbGUiOiJpbmRpY2F0b3JzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsganN4LCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7XG4gIENvbW1vblByb3BzQW5kQ2xhc3NOYW1lLFxuICBDU1NPYmplY3RXaXRoTGFiZWwsXG4gIEdyb3VwQmFzZSxcbn0gZnJvbSAnLi4vdHlwZXMnO1xuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIERyb3Bkb3duICYgQ2xlYXIgSWNvbnNcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG5jb25zdCBTdmcgPSAoe1xuICBzaXplLFxuICAuLi5wcm9wc1xufTogSlNYLkludHJpbnNpY0VsZW1lbnRzWydzdmcnXSAmIHsgc2l6ZTogbnVtYmVyIH0pID0+IChcbiAgPHN2Z1xuICAgIGhlaWdodD17c2l6ZX1cbiAgICB3aWR0aD17c2l6ZX1cbiAgICB2aWV3Qm94PVwiMCAwIDIwIDIwXCJcbiAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgIGZvY3VzYWJsZT1cImZhbHNlXCJcbiAgICBjc3M9e3tcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgZmlsbDogJ2N1cnJlbnRDb2xvcicsXG4gICAgICBsaW5lSGVpZ2h0OiAxLFxuICAgICAgc3Ryb2tlOiAnY3VycmVudENvbG9yJyxcbiAgICAgIHN0cm9rZVdpZHRoOiAwLFxuICAgIH19XG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IHR5cGUgQ3Jvc3NJY29uUHJvcHMgPSBKU1guSW50cmluc2ljRWxlbWVudHNbJ3N2ZyddICYgeyBzaXplPzogbnVtYmVyIH07XG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBDcm9zc0ljb25Qcm9wcykgPT4gKFxuICA8U3ZnIHNpemU9ezIwfSB7Li4ucHJvcHN9PlxuICAgIDxwYXRoIGQ9XCJNMTQuMzQ4IDE0Ljg0OWMtMC40NjkgMC40NjktMS4yMjkgMC40NjktMS42OTcgMGwtMi42NTEtMy4wMzAtMi42NTEgMy4wMjljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDAtMC40NjktMC40NjktMC40NjktMS4yMjkgMC0xLjY5N2wyLjc1OC0zLjE1LTIuNzU5LTMuMTUyYy0wLjQ2OS0wLjQ2OS0wLjQ2OS0xLjIyOCAwLTEuNjk3czEuMjI4LTAuNDY5IDEuNjk3IDBsMi42NTIgMy4wMzEgMi42NTEtMy4wMzFjMC40NjktMC40NjkgMS4yMjgtMC40NjkgMS42OTcgMHMwLjQ2OSAxLjIyOSAwIDEuNjk3bC0yLjc1OCAzLjE1MiAyLjc1OCAzLjE1YzAuNDY5IDAuNDY5IDAuNDY5IDEuMjI5IDAgMS42OTh6XCIgLz5cbiAgPC9Tdmc+XG4pO1xuZXhwb3J0IHR5cGUgRG93bkNoZXZyb25Qcm9wcyA9IEpTWC5JbnRyaW5zaWNFbGVtZW50c1snc3ZnJ10gJiB7IHNpemU/OiBudW1iZXIgfTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogRG93bkNoZXZyb25Qcm9wcykgPT4gKFxuICA8U3ZnIHNpemU9ezIwfSB7Li4ucHJvcHN9PlxuICAgIDxwYXRoIGQ9XCJNNC41MTYgNy41NDhjMC40MzYtMC40NDYgMS4wNDMtMC40ODEgMS41NzYgMGwzLjkwOCAzLjc0NyAzLjkwOC0zLjc0N2MwLjUzMy0wLjQ4MSAxLjE0MS0wLjQ0NiAxLjU3NCAwIDAuNDM2IDAuNDQ1IDAuNDA4IDEuMTk3IDAgMS42MTUtMC40MDYgMC40MTgtNC42OTUgNC41MDItNC42OTUgNC41MDItMC4yMTcgMC4yMjMtMC41MDIgMC4zMzUtMC43ODcgMC4zMzVzLTAuNTctMC4xMTItMC43ODktMC4zMzVjMCAwLTQuMjg3LTQuMDg0LTQuNjk1LTQuNTAycy0wLjQzNi0xLjE3IDAtMS42MTV6XCIgLz5cbiAgPC9Tdmc+XG4pO1xuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIERyb3Bkb3duICYgQ2xlYXIgQnV0dG9uc1xuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG5cbmV4cG9ydCBpbnRlcmZhY2UgRHJvcGRvd25JbmRpY2F0b3JQcm9wczxcbiAgT3B0aW9uID0gdW5rbm93bixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4gPSBib29sZWFuLFxuICBHcm91cCBleHRlbmRzIEdyb3VwQmFzZTxPcHRpb24+ID0gR3JvdXBCYXNlPE9wdGlvbj5cbj4gZXh0ZW5kcyBDb21tb25Qcm9wc0FuZENsYXNzTmFtZTxPcHRpb24sIElzTXVsdGksIEdyb3VwPiB7XG4gIC8qKiBUaGUgY2hpbGRyZW4gdG8gYmUgcmVuZGVyZWQgaW5zaWRlIHRoZSBpbmRpY2F0b3IuICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICAvKiogUHJvcHMgdGhhdCB3aWxsIGJlIHBhc3NlZCBvbiB0byB0aGUgY2hpbGRyZW4uICovXG4gIGlubmVyUHJvcHM6IEpTWC5JbnRyaW5zaWNFbGVtZW50c1snZGl2J107XG4gIC8qKiBUaGUgZm9jdXNlZCBzdGF0ZSBvZiB0aGUgc2VsZWN0LiAqL1xuICBpc0ZvY3VzZWQ6IGJvb2xlYW47XG4gIGlzRGlzYWJsZWQ6IGJvb2xlYW47XG59XG5cbmNvbnN0IGJhc2VDU1MgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oe1xuICBpc0ZvY3VzZWQsXG4gIHRoZW1lOiB7XG4gICAgc3BhY2luZzogeyBiYXNlVW5pdCB9LFxuICAgIGNvbG9ycyxcbiAgfSxcbn06XG4gIHwgRHJvcGRvd25JbmRpY2F0b3JQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPlxuICB8IENsZWFySW5kaWNhdG9yUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD4pOiBDU1NPYmplY3RXaXRoTGFiZWwgPT4gKHtcbiAgbGFiZWw6ICdpbmRpY2F0b3JDb250YWluZXInLFxuICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw2MCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgcGFkZGluZzogYmFzZVVuaXQgKiAyLFxuICB0cmFuc2l0aW9uOiAnY29sb3IgMTUwbXMnLFxuXG4gICc6aG92ZXInOiB7XG4gICAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsODAgOiBjb2xvcnMubmV1dHJhbDQwLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBkcm9wZG93bkluZGljYXRvckNTUyA9IGJhc2VDU1M7XG5leHBvcnQgY29uc3QgRHJvcGRvd25JbmRpY2F0b3IgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oXG4gIHByb3BzOiBEcm9wZG93bkluZGljYXRvclByb3BzPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+XG4pID0+IHtcbiAgY29uc3QgeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBjeCwgZ2V0U3R5bGVzLCBpbm5lclByb3BzIH0gPSBwcm9wcztcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2dldFN0eWxlcygnZHJvcGRvd25JbmRpY2F0b3InLCBwcm9wcyl9XG4gICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICB7XG4gICAgICAgICAgaW5kaWNhdG9yOiB0cnVlLFxuICAgICAgICAgICdkcm9wZG93bi1pbmRpY2F0b3InOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICB7Li4uaW5uZXJQcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW4gfHwgPERvd25DaGV2cm9uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBDbGVhckluZGljYXRvclByb3BzPFxuICBPcHRpb24gPSB1bmtub3duLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbiA9IGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj4gPSBHcm91cEJhc2U8T3B0aW9uPlxuPiBleHRlbmRzIENvbW1vblByb3BzQW5kQ2xhc3NOYW1lPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+IHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhlIGluZGljYXRvci4gKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogSlNYLkludHJpbnNpY0VsZW1lbnRzWydkaXYnXTtcbiAgLyoqIFRoZSBmb2N1c2VkIHN0YXRlIG9mIHRoZSBzZWxlY3QuICovXG4gIGlzRm9jdXNlZDogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IGNsZWFySW5kaWNhdG9yQ1NTID0gYmFzZUNTUztcbmV4cG9ydCBjb25zdCBDbGVhckluZGljYXRvciA9IDxcbiAgT3B0aW9uLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbixcbiAgR3JvdXAgZXh0ZW5kcyBHcm91cEJhc2U8T3B0aW9uPlxuPihcbiAgcHJvcHM6IENsZWFySW5kaWNhdG9yUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD5cbikgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Z2V0U3R5bGVzKCdjbGVhckluZGljYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgIHtcbiAgICAgICAgICBpbmRpY2F0b3I6IHRydWUsXG4gICAgICAgICAgJ2NsZWFyLWluZGljYXRvcic6IHRydWUsXG4gICAgICAgIH0sXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8Q3Jvc3NJY29uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBTZXBhcmF0b3Jcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG5leHBvcnQgaW50ZXJmYWNlIEluZGljYXRvclNlcGFyYXRvclByb3BzPFxuICBPcHRpb24gPSB1bmtub3duLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbiA9IGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj4gPSBHcm91cEJhc2U8T3B0aW9uPlxuPiBleHRlbmRzIENvbW1vblByb3BzQW5kQ2xhc3NOYW1lPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+IHtcbiAgaXNEaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNGb2N1c2VkOiBib29sZWFuO1xuICBpbm5lclByb3BzPzogSlNYLkludHJpbnNpY0VsZW1lbnRzWydzcGFuJ107XG59XG5cbmV4cG9ydCBjb25zdCBpbmRpY2F0b3JTZXBhcmF0b3JDU1MgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oe1xuICBpc0Rpc2FibGVkLFxuICB0aGVtZToge1xuICAgIHNwYWNpbmc6IHsgYmFzZVVuaXQgfSxcbiAgICBjb2xvcnMsXG4gIH0sXG59OiBJbmRpY2F0b3JTZXBhcmF0b3JQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPik6IENTU09iamVjdFdpdGhMYWJlbCA9PiAoe1xuICBsYWJlbDogJ2luZGljYXRvclNlcGFyYXRvcicsXG4gIGFsaWduU2VsZjogJ3N0cmV0Y2gnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRGlzYWJsZWQgPyBjb2xvcnMubmV1dHJhbDEwIDogY29sb3JzLm5ldXRyYWwyMCxcbiAgbWFyZ2luQm90dG9tOiBiYXNlVW5pdCAqIDIsXG4gIG1hcmdpblRvcDogYmFzZVVuaXQgKiAyLFxuICB3aWR0aDogMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yU2VwYXJhdG9yID0gPFxuICBPcHRpb24sXG4gIElzTXVsdGkgZXh0ZW5kcyBib29sZWFuLFxuICBHcm91cCBleHRlbmRzIEdyb3VwQmFzZTxPcHRpb24+XG4+KFxuICBwcm9wczogSW5kaWNhdG9yU2VwYXJhdG9yUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD5cbikgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2luZGljYXRvclNlcGFyYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goeyAnaW5kaWNhdG9yLXNlcGFyYXRvcic6IHRydWUgfSwgY2xhc3NOYW1lKX1cbiAgICAvPlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBMb2FkaW5nXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgbG9hZGluZ0RvdEFuaW1hdGlvbnMgPSBrZXlmcmFtZXNgXG4gIDAlLCA4MCUsIDEwMCUgeyBvcGFjaXR5OiAwOyB9XG4gIDQwJSB7IG9wYWNpdHk6IDE7IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsb2FkaW5nSW5kaWNhdG9yQ1NTID0gPFxuICBPcHRpb24sXG4gIElzTXVsdGkgZXh0ZW5kcyBib29sZWFuLFxuICBHcm91cCBleHRlbmRzIEdyb3VwQmFzZTxPcHRpb24+XG4+KHtcbiAgaXNGb2N1c2VkLFxuICBzaXplLFxuICB0aGVtZToge1xuICAgIGNvbG9ycyxcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gIH0sXG59OiBMb2FkaW5nSW5kaWNhdG9yUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD4pOiBDU1NPYmplY3RXaXRoTGFiZWwgPT4gKHtcbiAgbGFiZWw6ICdsb2FkaW5nSW5kaWNhdG9yJyxcbiAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcbiAgYWxpZ25TZWxmOiAnY2VudGVyJyxcbiAgZm9udFNpemU6IHNpemUsXG4gIGxpbmVIZWlnaHQ6IDEsXG4gIG1hcmdpblJpZ2h0OiBzaXplLFxuICB0ZXh0QWxpZ246ICdjZW50ZXInLFxuICB2ZXJ0aWNhbEFsaWduOiAnbWlkZGxlJyxcbn0pO1xuXG5pbnRlcmZhY2UgTG9hZGluZ0RvdFByb3BzIHtcbiAgZGVsYXk6IG51bWJlcjtcbiAgb2Zmc2V0OiBib29sZWFuO1xufVxuY29uc3QgTG9hZGluZ0RvdCA9ICh7IGRlbGF5LCBvZmZzZXQgfTogTG9hZGluZ0RvdFByb3BzKSA9PiAoXG4gIDxzcGFuXG4gICAgY3NzPXt7XG4gICAgICBhbmltYXRpb246IGAke2xvYWRpbmdEb3RBbmltYXRpb25zfSAxcyBlYXNlLWluLW91dCAke2RlbGF5fW1zIGluZmluaXRlO2AsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6ICdjdXJyZW50Q29sb3InLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnMWVtJyxcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgbWFyZ2luTGVmdDogb2Zmc2V0ID8gJzFlbScgOiB1bmRlZmluZWQsXG4gICAgICBoZWlnaHQ6ICcxZW0nLFxuICAgICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgICB3aWR0aDogJzFlbScsXG4gICAgfX1cbiAgLz5cbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTG9hZGluZ0luZGljYXRvclByb3BzPFxuICBPcHRpb24gPSB1bmtub3duLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbiA9IGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj4gPSBHcm91cEJhc2U8T3B0aW9uPlxuPiBleHRlbmRzIENvbW1vblByb3BzQW5kQ2xhc3NOYW1lPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+IHtcbiAgLyoqIFByb3BzIHRoYXQgd2lsbCBiZSBwYXNzZWQgb24gdG8gdGhlIGNoaWxkcmVuLiAqL1xuICBpbm5lclByb3BzOiBKU1guSW50cmluc2ljRWxlbWVudHNbJ2RpdiddO1xuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuO1xuICBpc0Rpc2FibGVkOiBib29sZWFuO1xuICAvKiogU2V0IHNpemUgb2YgdGhlIGNvbnRhaW5lci4gKi9cbiAgc2l6ZTogbnVtYmVyO1xufVxuZXhwb3J0IGNvbnN0IExvYWRpbmdJbmRpY2F0b3IgPSA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oXG4gIHByb3BzOiBMb2FkaW5nSW5kaWNhdG9yUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD5cbikgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcywgaXNSdGwgfSA9IHByb3BzO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2xvYWRpbmdJbmRpY2F0b3InLCBwcm9wcyl9XG4gICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICB7XG4gICAgICAgICAgaW5kaWNhdG9yOiB0cnVlLFxuICAgICAgICAgICdsb2FkaW5nLWluZGljYXRvcic6IHRydWUsXG4gICAgICAgIH0sXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgID5cbiAgICAgIDxMb2FkaW5nRG90IGRlbGF5PXswfSBvZmZzZXQ9e2lzUnRsfSAvPlxuICAgICAgPExvYWRpbmdEb3QgZGVsYXk9ezE2MH0gb2Zmc2V0IC8+XG4gICAgICA8TG9hZGluZ0RvdCBkZWxheT17MzIwfSBvZmZzZXQ9eyFpc1J0bH0gLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Mb2FkaW5nSW5kaWNhdG9yLmRlZmF1bHRQcm9wcyA9IHsgc2l6ZTogNCB9O1xuIl19 */",
|
|
"name": "tj5bde-Svg",
|
|
"styles": "display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;label:Svg;",
|
|
"toString": [Function],
|
|
}
|
|
}
|
|
focusable="false"
|
|
height={20}
|
|
viewBox="0 0 20 20"
|
|
width={20}
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
className="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height={20}
|
|
viewBox="0 0 20 20"
|
|
width={20}
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</EmotionCssPropInternal>
|
|
</Svg>
|
|
</DownChevron>
|
|
</div>
|
|
</EmotionCssPropInternal>
|
|
</DropdownIndicator>
|
|
</div>
|
|
</EmotionCssPropInternal>
|
|
</IndicatorsContainer>
|
|
</div>
|
|
</EmotionCssPropInternal>
|
|
</Control>
|
|
<MenuPlacer
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
isMulti={false}
|
|
isRtl={false}
|
|
maxMenuHeight={300}
|
|
menuPlacement="bottom"
|
|
menuPosition="absolute"
|
|
menuShouldScrollIntoView={true}
|
|
minMenuHeight={140}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
selectOption={[Function]}
|
|
selectProps={
|
|
Object {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "text",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
setValue={[Function]}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
<Menu
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
innerProps={
|
|
Object {
|
|
"id": "react-select-5-listbox",
|
|
"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 {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "text",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
setValue={[Function]}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="Menu"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
className=""
|
|
css={
|
|
Object {
|
|
"backgroundColor": undefined,
|
|
"borderRadius": 0,
|
|
"boxShadow": "0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)",
|
|
"boxSizing": "border-box",
|
|
"label": "menu",
|
|
"marginBottom": 8,
|
|
"marginTop": 8,
|
|
"position": "absolute",
|
|
"top": "100%",
|
|
"width": "100%",
|
|
"zIndex": 10,
|
|
}
|
|
}
|
|
id="react-select-5-listbox"
|
|
onMouseDown={[Function]}
|
|
onMouseMove={[Function]}
|
|
>
|
|
<div
|
|
className=" css-17wpf85-menu"
|
|
id="react-select-5-listbox"
|
|
onMouseDown={[Function]}
|
|
onMouseMove={[Function]}
|
|
>
|
|
<ScrollManager
|
|
captureEnabled={false}
|
|
lockEnabled={false}
|
|
>
|
|
<MenuList
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
innerRef={[Function]}
|
|
isLoading={false}
|
|
isMulti={false}
|
|
isRtl={false}
|
|
maxHeight={300}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
selectOption={[Function]}
|
|
selectProps={
|
|
Object {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "text",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
setValue={[Function]}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="MenuList"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
className=""
|
|
css={
|
|
Object {
|
|
"WebkitOverflowScrolling": "touch",
|
|
"boxSizing": "border-box",
|
|
"maxHeight": 300,
|
|
"overflowY": "auto",
|
|
"paddingBottom": 2,
|
|
"paddingTop": 2,
|
|
"position": "relative",
|
|
}
|
|
}
|
|
>
|
|
<div
|
|
className=" css-87spde-MenuList"
|
|
>
|
|
<NoOptionsMessage
|
|
clearValue={[Function]}
|
|
cx={[Function]}
|
|
getStyles={[Function]}
|
|
getValue={[Function]}
|
|
hasValue={false}
|
|
isMulti={false}
|
|
isRtl={false}
|
|
options={
|
|
Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
]
|
|
}
|
|
selectOption={[Function]}
|
|
selectProps={
|
|
Object {
|
|
"aria-live": "polite",
|
|
"backspaceRemovesValue": true,
|
|
"blurInputOnSelect": true,
|
|
"captureMenuScroll": false,
|
|
"closeMenuOnScroll": false,
|
|
"closeMenuOnSelect": true,
|
|
"components": Object {},
|
|
"controlShouldRenderValue": true,
|
|
"escapeClearsValue": false,
|
|
"filterOption": [Function],
|
|
"formatGroupLabel": [Function],
|
|
"getOptionLabel": [Function],
|
|
"getOptionValue": [Function],
|
|
"inputValue": "text",
|
|
"isDisabled": false,
|
|
"isLoading": false,
|
|
"isMulti": false,
|
|
"isOptionDisabled": [Function],
|
|
"isRtl": false,
|
|
"isSearchable": true,
|
|
"loadingMessage": [Function],
|
|
"maxMenuHeight": 300,
|
|
"menuIsOpen": true,
|
|
"menuPlacement": "bottom",
|
|
"menuPosition": "absolute",
|
|
"menuShouldBlockScroll": false,
|
|
"menuShouldScrollIntoView": true,
|
|
"minMenuHeight": 140,
|
|
"noOptionsMessage": [Function],
|
|
"onChange": [Function],
|
|
"onInputChange": [Function],
|
|
"onMenuClose": [Function],
|
|
"onMenuOpen": [Function],
|
|
"openMenuOnClick": true,
|
|
"openMenuOnFocus": false,
|
|
"options": Array [
|
|
Object {
|
|
"label": "One",
|
|
"value": "one",
|
|
},
|
|
Object {
|
|
"label": "Two",
|
|
"value": "two",
|
|
},
|
|
Object {
|
|
"label": "One hundred",
|
|
"value": "hundred",
|
|
},
|
|
],
|
|
"pageSize": 5,
|
|
"placeholder": "Select...",
|
|
"screenReaderStatus": [Function],
|
|
"styles": Object {
|
|
"container": [Function],
|
|
"control": [Function],
|
|
"menu": [Function],
|
|
},
|
|
"tabIndex": 0,
|
|
"tabSelectsValue": true,
|
|
"theme": [Function],
|
|
"value": null,
|
|
}
|
|
}
|
|
setValue={[Function]}
|
|
theme={
|
|
Object {
|
|
"borderRadius": 0,
|
|
"colors": Object {
|
|
"danger": undefined,
|
|
"dangerLight": undefined,
|
|
"neutral0": undefined,
|
|
"neutral10": undefined,
|
|
"neutral20": undefined,
|
|
"neutral30": undefined,
|
|
"neutral40": undefined,
|
|
"neutral5": undefined,
|
|
"neutral50": "hsl(0, 0%, 50%)",
|
|
"neutral60": undefined,
|
|
"neutral70": "hsl(0, 0%, 30%)",
|
|
"neutral80": undefined,
|
|
"neutral90": "hsl(0, 0%, 10%)",
|
|
"primary": undefined,
|
|
"primary25": undefined,
|
|
"primary50": undefined,
|
|
"primary75": "#4C9AFF",
|
|
},
|
|
"spacing": Object {
|
|
"baseUnit": 2,
|
|
"controlHeight": 30,
|
|
"menuGutter": 8,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
<EmotionCssPropInternal
|
|
__EMOTION_LABEL_PLEASE_DO_NOT_USE__="NoOptionsMessage"
|
|
__EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
|
|
className=""
|
|
css={
|
|
Object {
|
|
"boxSizing": "border-box",
|
|
"color": undefined,
|
|
"padding": "4px 6px",
|
|
"textAlign": "center",
|
|
}
|
|
}
|
|
>
|
|
<div
|
|
className=" css-36co7-NoOptionsMessage"
|
|
>
|
|
No options
|
|
</div>
|
|
</EmotionCssPropInternal>
|
|
</NoOptionsMessage>
|
|
</div>
|
|
</EmotionCssPropInternal>
|
|
</MenuList>
|
|
</ScrollManager>
|
|
</div>
|
|
</EmotionCssPropInternal>
|
|
</Menu>
|
|
</MenuPlacer>
|
|
</div>
|
|
</EmotionCssPropInternal>
|
|
</SelectContainer>
|
|
</Select>
|
|
</ForwardRef>
|
|
</Select>
|
|
</Component>
|
|
</WithTheme(Component)>
|
|
`;
|