github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-08-23 11:56:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(deps): update dependency @types/react-select to v4.0.7 (#2688)

Browse Source 
* fix(deps): update dependency @types/react-select to v4.0.7

* fix(ui): fix types for new react-select

Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: Łukasz Mierzwa <l.mierzwa@gmail.com>
This commit is contained in:
renovate[bot]
2021-01-29 10:17:58 +00:00
committed by GitHub
co-authored by Renovate Bot Łukasz Mierzwa
parent 55da56dddd
commit fc68425ba8
3 changed files with 17 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/package-lock.json
Generated
+4 -3
View File
@@ -4539,10 +4539,11 @@
}
},
"@types/react-select": {
"version": "4.0.4",
"resolved": "https://registry.npmjs.org/@types/react-select/-/react-select-4.0.4.tgz",
"integrity": "sha512-o05y1xrTHFurfrbd2UisVhPUrn42CB7f8eWlxbA/vU02ntPZ5+pNxVikKcq/PcKxDNIyDWAPNXHfUR6bnVY/3A==",
"version": "4.0.7",
"resolved": "https://registry.npmjs.org/@types/react-select/-/react-select-4.0.7.tgz",
"integrity": "sha512-sIg+1SP4zjTKsLjr89QPB/LGeOy2/TMUKbAekRAcuBlG9/6qTJeecqqKZ982TPITo0CZWvE9vF8vjUmR9YRFsA==",
"requires": {
"@emotion/serialize": "^1.0.0",
"@types/react": "*",
"@types/react-dom": "*",
"@types/react-transition-group": "*"
ui/package.json
+1 -1
View File
@@ -27,7 +27,7 @@
"@types/react-autosuggest": "10.0.1",
"@types/react-dom": "17.0.0",
"@types/react-js-pagination": "3.0.3",
"@types/react-select": "4.0.4",
"@types/react-select": "4.0.7",
"@typescript-eslint/eslint-plugin": "4.14.1",
"@typescript-eslint/parser": "4.14.1",
"body-scroll-lock": "3.1.5",
ui/src/Components/Theme/ReactSelect.ts
+12 -12
View File
@@ -1,4 +1,4 @@
import { CSSProperties } from "react";
import { CSSObject } from "@emotion/serialize";
import {
ControlProps,
IndicatorContainerProps,
@@ -65,7 +65,7 @@ const ReactSelectStyles = <
>(
theme: ReactSelectTheme
): Styles<OptionType, IsMulti> => ({
control: (base: CSSProperties, props: ControlProps<OptionType, IsMulti>) =>
control: (base: CSSObject, props: ControlProps<OptionType, IsMulti>) =>
props.isFocused
? {
...base,
@@ -91,7 +91,7 @@ const ReactSelectStyles = <
"&:hover": { borderColor: theme.borderColor },
},
valueContainer: (
base: CSSProperties,
base: CSSObject,
props: ValueContainerProps<OptionType, IsMulti>
) =>
props.isMulti
@@ -112,11 +112,11 @@ const ReactSelectStyles = <
borderTopLeftRadius: "0.25rem",
borderBottomLeftRadius: "0.25rem",
},
singleValue: (base: CSSProperties, props: SingleValueProps<OptionType>) => ({
singleValue: (base: CSSObject, props: SingleValueProps<OptionType>) => ({
...base,
color: theme.singleValueColor,
}),
multiValue: (base: CSSProperties) => ({
multiValue: (base: CSSObject) => ({
...base,
borderRadius: "4px",
backgroundColor: theme.optionHoverBackground,
@@ -124,7 +124,7 @@ const ReactSelectStyles = <
backgroundColor: theme.optionHoverBackground,
},
}),
multiValueLabel: (base: CSSProperties) => ({
multiValueLabel: (base: CSSObject) => ({
...base,
color: theme.color,
whiteSpace: "normal",
@@ -134,7 +134,7 @@ const ReactSelectStyles = <
color: theme.color,
},
}),
multiValueRemove: (base: CSSProperties) => ({
multiValueRemove: (base: CSSObject) => ({
...base,
cursor: "pointer",
color: theme.color,
@@ -147,12 +147,12 @@ const ReactSelectStyles = <
opacity: "0.75",
},
}),
input: (base: CSSProperties) => ({
input: (base: CSSObject) => ({
...base,
color: "inherit",
}),
indicatorsContainer: (
base: CSSProperties,
base: CSSObject,
props: IndicatorContainerProps<OptionType, IsMulti>
) => ({
...base,
@@ -162,19 +162,19 @@ const ReactSelectStyles = <
borderTopRightRadius: "0.25rem",
borderBottomRightRadius: "0.25rem",
}),
dropdownIndicator: (base: CSSProperties, state: StateFnT) =>
dropdownIndicator: (base: CSSObject, state: StateFnT) =>
state.isFocused
? {
...base,
"&:hover": { color: "inherit" },
}
: { ...base },
menu: (base: CSSProperties) => ({
menu: (base: CSSObject) => ({
...base,
zIndex: 1500,
backgroundColor: theme.menuBackground,
}),
option: (base: CSSProperties) => ({
option: (base: CSSObject) => ({
...base,
color: "inherit",
backgroundColor: "inherit",