hendrik/lens
1
0 Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Upgrade ReactSelect to latest version (#5277)

Browse Source 
* - maintenance: upgrade react-select to latest version (5+)
- fix: props.styles was ignored and didn't passed to original react-select component from abstraction wrapper
This commit is contained in:
Roman authored and GitHub committed 2022-04-27 12:31:07 +03:00
1 parent e4b1fa2f40
commit 22d2133ac8
14 files changed
+1959 -1447
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/behaviours/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap
+136 -100
View File
@@ -108,42 +108,51 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
</div>
<div
class="Select theme-lens css-2b097c-container"
class="Select theme-lens css-b62m3t-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="Select__control css-yk16xz-control"
class="Select__control css-1s2u09g-control"
>
<div
class="Select__value-container css-g1d714-ValueContainer"
class="Select__value-container css-319lph-ValueContainer"
>
<div
class="Select__placeholder css-1wa3eu0-placeholder"
class="Select__placeholder css-14el2xx-placeholder"
id="react-select-2-placeholder"
>
Select...
</div>
<div
class="css-b8ldur-Input"
class="Select__input-container css-6j8wv5-Input"
data-value=""
>
<div
<input
aria-autocomplete="list"
aria-describedby="react-select-2-placeholder"
aria-expanded="false"
aria-haspopup="true"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
class="Select__input"
style="display: inline-block;"
>
<input
aria-autocomplete="list"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
id="theme-input"
spellcheck="false"
style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
tabindex="0"
type="text"
value=""
/>
<div
style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
/>
</div>
id="theme-input"
role="combobox"
spellcheck="false"
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
tabindex="0"
type="text"
value=""
/>
</div>
</div>
<div
@@ -158,7 +167,7 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
>
<svg
aria-hidden="true"
class="css-6q0nyr-Svg"
class="css-tj5bde-Svg"
focusable="false"
height="20"
viewBox="0 0 20 20"
@@ -184,42 +193,51 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
</div>
<div
class="Select theme-lens css-2b097c-container"
class="Select theme-lens css-b62m3t-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="Select__control css-yk16xz-control"
class="Select__control css-1s2u09g-control"
>
<div
class="Select__value-container css-g1d714-ValueContainer"
class="Select__value-container css-319lph-ValueContainer"
>
<div
class="Select__placeholder css-1wa3eu0-placeholder"
class="Select__placeholder css-14el2xx-placeholder"
id="react-select-3-placeholder"
>
Select...
</div>
<div
class="css-b8ldur-Input"
class="Select__input-container css-6j8wv5-Input"
data-value=""
>
<div
<input
aria-autocomplete="list"
aria-describedby="react-select-3-placeholder"
aria-expanded="false"
aria-haspopup="true"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
class="Select__input"
style="display: inline-block;"
>
<input
aria-autocomplete="list"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
id="extension-install-registry-input"
spellcheck="false"
style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
tabindex="0"
type="text"
value=""
/>
<div
style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
/>
</div>
id="extension-install-registry-input"
role="combobox"
spellcheck="false"
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
tabindex="0"
type="text"
value=""
/>
</div>
</div>
<div
@@ -234,7 +252,7 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
>
<svg
aria-hidden="true"
class="css-6q0nyr-Svg"
class="css-tj5bde-Svg"
focusable="false"
height="20"
viewBox="0 0 20 20"
@@ -315,42 +333,51 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
</div>
<div
class="Select theme-lens css-2b097c-container"
class="Select theme-lens css-b62m3t-container"
>
<span
class="css-1f43avz-a11yText-A11yText"
id="react-select-4-live-region"
/>
<span
aria-atomic="false"
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
/>
<div
class="Select__control css-yk16xz-control"
class="Select__control css-1s2u09g-control"
>
<div
class="Select__value-container css-g1d714-ValueContainer"
class="Select__value-container css-319lph-ValueContainer"
>
<div
class="Select__placeholder css-1wa3eu0-placeholder"
class="Select__placeholder css-14el2xx-placeholder"
id="react-select-4-placeholder"
>
Select...
</div>
<div
class="css-b8ldur-Input"
class="Select__input-container css-6j8wv5-Input"
data-value=""
>
<div
<input
aria-autocomplete="list"
aria-describedby="react-select-4-placeholder"
aria-expanded="false"
aria-haspopup="true"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
class="Select__input"
style="display: inline-block;"
>
<input
aria-autocomplete="list"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
id="update-channel-input"
spellcheck="false"
style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
tabindex="0"
type="text"
value=""
/>
<div
style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
/>
</div>
id="update-channel-input"
role="combobox"
spellcheck="false"
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
tabindex="0"
type="text"
value=""
/>
</div>
</div>
<div
@@ -365,7 +392,7 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
>
<svg
aria-hidden="true"
class="css-6q0nyr-Svg"
class="css-tj5bde-Svg"
focusable="false"
height="20"
viewBox="0 0 20 20"
@@ -391,42 +418,51 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
</div>
<div
class="Select theme-lens css-2b097c-container"
class="Select theme-lens css-b62m3t-container"
>
<span
class="css-1f43avz-a11yText-A11yText"
id="react-select-5-live-region"
/>
<span
aria-atomic="false"
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
/>
<div
class="Select__control css-yk16xz-control"
class="Select__control css-1s2u09g-control"
>
<div
class="Select__value-container css-g1d714-ValueContainer"
class="Select__value-container css-319lph-ValueContainer"
>
<div
class="Select__placeholder css-1wa3eu0-placeholder"
class="Select__placeholder css-14el2xx-placeholder"
id="react-select-5-placeholder"
>
Select...
</div>
<div
class="css-b8ldur-Input"
class="Select__input-container css-6j8wv5-Input"
data-value=""
>
<div
<input
aria-autocomplete="list"
aria-describedby="react-select-5-placeholder"
aria-expanded="false"
aria-haspopup="true"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
class="Select__input"
style="display: inline-block;"
>
<input
aria-autocomplete="list"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
id="timezone-input"
spellcheck="false"
style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
tabindex="0"
type="text"
value=""
/>
<div
style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
/>
</div>
id="timezone-input"
role="combobox"
spellcheck="false"
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
tabindex="0"
type="text"
value=""
/>
</div>
</div>
<div
@@ -441,7 +477,7 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
>
<svg
aria-hidden="true"
class="css-6q0nyr-Svg"
class="css-tj5bde-Svg"
focusable="false"
height="20"
viewBox="0 0 20 20"