Chore: bump react-select to 3.0.8 (#21638)

* Update imports

* Solve compability issues with react-select

* Fix frozen lockfile

* Update snapshots

* Change name to something less general

* Fix proposed changes

* Fix imports

* Fix changes
This commit is contained in:
Tobias Skarhed
2020-01-28 07:43:18 +01:00
committed by Dominik Prokop
parent 67c5531961
commit 1ad569c470
14 changed files with 121 additions and 188 deletions

View File

@@ -6,24 +6,24 @@ exports[`TeamPicker renders correctly 1`] = `
>
<div>
<div
className="css-0 gf-form-input gf-form-input--form-dropdown"
className="gf-form-input gf-form-input--form-dropdown css-at6rp9-SelectContainer"
onKeyDown={[Function]}
>
<div
className="css-0 gf-form-select-box__control"
className="gf-form-select-box__control css-ia584n-Control"
onMouseDown={[Function]}
onTouchEnd={[Function]}
>
<div
className="css-0 gf-form-select-box__value-container"
className="gf-form-select-box__value-container css-1q9zhbr-ValueContainer"
>
<div
className="css-0 gf-form-select-box__placeholder"
className="gf-form-select-box__placeholder css-d8h0m4-Placeholder"
>
Select a team
</div>
<div
className="css-0"
className="css-zz0hea-Input"
>
<div
className="gf-form-select-box__input"
@@ -51,6 +51,7 @@ exports[`TeamPicker renders correctly 1`] = `
"boxSizing": "content-box",
"color": "inherit",
"fontSize": "inherit",
"label": "input",
"opacity": 1,
"outline": 0,
"padding": 0,
@@ -80,7 +81,7 @@ exports[`TeamPicker renders correctly 1`] = `
</div>
</div>
<div
className="css-0 gf-form-select-box__indicators"
className="gf-form-select-box__indicators css-q46mcr-IndicatorsContainer"
>
<span
className="gf-form-select-box__select-arrow "

View File

@@ -6,24 +6,24 @@ exports[`UserPicker renders correctly 1`] = `
>
<div>
<div
className="css-0 gf-form-input gf-form-input--form-dropdown"
className="gf-form-input gf-form-input--form-dropdown css-at6rp9-SelectContainer"
onKeyDown={[Function]}
>
<div
className="css-0 gf-form-select-box__control"
className="gf-form-select-box__control css-ia584n-Control"
onMouseDown={[Function]}
onTouchEnd={[Function]}
>
<div
className="css-0 gf-form-select-box__value-container"
className="gf-form-select-box__value-container css-1q9zhbr-ValueContainer"
>
<div
className="css-0 gf-form-select-box__placeholder"
className="gf-form-select-box__placeholder css-d8h0m4-Placeholder"
>
Select user
</div>
<div
className="css-0"
className="css-zz0hea-Input"
>
<div
className="gf-form-select-box__input"
@@ -51,6 +51,7 @@ exports[`UserPicker renders correctly 1`] = `
"boxSizing": "content-box",
"color": "inherit",
"fontSize": "inherit",
"label": "input",
"opacity": 1,
"outline": 0,
"padding": 0,
@@ -80,7 +81,7 @@ exports[`UserPicker renders correctly 1`] = `
</div>
</div>
<div
className="css-0 gf-form-select-box__indicators"
className="gf-form-select-box__indicators css-q46mcr-IndicatorsContainer"
>
<span
className="gf-form-select-box__select-arrow "

View File

@@ -3,7 +3,7 @@ import React from 'react';
// @ts-ignore
import { components } from '@torkelo/react-select';
// @ts-ignore
import AsyncSelect from '@torkelo/react-select/lib/Async';
import AsyncSelect from '@torkelo/react-select/async';
import { escapeStringForRegex } from '@grafana/data';
// Components
import { TagOption } from './TagOption';

View File

@@ -2,7 +2,7 @@
import React from 'react';
// @ts-ignore
import { components } from '@torkelo/react-select';
import { OptionProps } from 'react-select/lib/components/Option';
import { OptionProps } from 'react-select/src/components/Option';
import { TagBadge } from './TagBadge';
// https://github.com/JedWatson/react-select/issues/3038