GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-06 07:21:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #11690 from storybookjs/fix-11315

Browse Source 
Addon-knobs: Move `@types/react-color` to devDeps
This commit is contained in:
Michael Shilman 2020-07-26 09:43:10 +08:00 committed by GitHub
commit 5d453ae959
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
addons/knobs/package.json
View File

@ -36,7 +36,6 @@
"@storybook/components": "6.0.0-rc.14", "@storybook/components": "6.0.0-rc.14",
"@storybook/core-events": "6.0.0-rc.14", "@storybook/core-events": "6.0.0-rc.14",
"@storybook/theming": "6.0.0-rc.14", "@storybook/theming": "6.0.0-rc.14",
"@types/react-color": "^3.0.1",
"copy-to-clipboard": "^3.0.8", "copy-to-clipboard": "^3.0.8",
"core-js": "^3.0.1", "core-js": "^3.0.1",
"escape-html": "^1.0.3", "escape-html": "^1.0.3",
@ -53,6 +52,7 @@
"devDependencies": { "devDependencies": {
"@types/enzyme": "^3.10.5", "@types/enzyme": "^3.10.5",
"@types/escape-html": "0.0.20", "@types/escape-html": "0.0.20",
"@types/react-color": "^3.0.1",
"@types/react-lifecycles-compat": "^3.0.1", "@types/react-lifecycles-compat": "^3.0.1",
"@types/react-select": "^3.0.12", "@types/react-select": "^3.0.12",
"@types/webpack-env": "^1.15.2", "@types/webpack-env": "^1.15.2",

6
addons/knobs/src/components/types/Checkboxes.tsx
View File

@ -78,7 +78,7 @@ export default class CheckboxesType extends Component<CheckboxesTypeProps, Check
}; };
} }
handleChange = (e: ChangeEvent<HTMLInputElement>) => { private handleChange = (e: ChangeEvent<HTMLInputElement>) => {
const { onChange } = this.props; const { onChange } = this.props;
const currentValue = (e.target as HTMLInputElement).value; const currentValue = (e.target as HTMLInputElement).value;
const { values } = this.state; const { values } = this.state;
@ -94,10 +94,10 @@ export default class CheckboxesType extends Component<CheckboxesTypeProps, Check
onChange(values); onChange(values);
}; };
renderCheckboxList = ({ options }: CheckboxesTypeKnob) => private renderCheckboxList = ({ options }: CheckboxesTypeKnob) =>
Object.keys(options).map((key) => this.renderCheckbox(key, options[key])); Object.keys(options).map((key) => this.renderCheckbox(key, options[key]));
renderCheckbox = (label: string, value: string) => { private renderCheckbox = (label: string, value: string) => {
const { knob } = this.props; const { knob } = this.props;
const { name } = knob; const { name } = knob;
const id = `${name}-${value}`; const id = `${name}-${value}`;

4
addons/knobs/src/components/types/Color.tsx
View File

@ -95,7 +95,7 @@ export default class ColorType extends Component<ColorTypeProps, ColorTypeState>
}); });
}; };
handleClick = () => { private handleClick = () => {
const { displayColorPicker } = this.state; const { displayColorPicker } = this.state;
this.setState({ this.setState({
@ -103,7 +103,7 @@ export default class ColorType extends Component<ColorTypeProps, ColorTypeState>
}); });
}; };
handleChange = (color: ColorResult) => { private handleChange = (color: ColorResult) => {
const { onChange } = this.props; const { onChange } = this.props;
onChange(`rgba(${color.rgb.r},${color.rgb.g},${color.rgb.b},${color.rgb.a})`); onChange(`rgba(${color.rgb.r},${color.rgb.g},${color.rgb.b},${color.rgb.a})`);

4
addons/knobs/src/components/types/Date.tsx
View File

@ -78,7 +78,7 @@ export default class DateType extends Component<DateTypeProps, DateTypeState> {
} }
} }
onDateChange = (e: ChangeEvent<HTMLInputElement>) => { private onDateChange = (e: ChangeEvent<HTMLInputElement>) => {
const { knob, onChange } = this.props; const { knob, onChange } = this.props;
const { state } = this; const { state } = this;
@ -99,7 +99,7 @@ export default class DateType extends Component<DateTypeProps, DateTypeState> {
} }
}; };
onTimeChange = (e: ChangeEvent<HTMLInputElement>) => { private onTimeChange = (e: ChangeEvent<HTMLInputElement>) => {
const { knob, onChange } = this.props; const { knob, onChange } = this.props;
const { state } = this; const { state } = this;

2
addons/knobs/src/components/types/Number.tsx
View File

@ -80,7 +80,7 @@ export default class NumberType extends Component<NumberTypeProps> {
return nextProps.knob.value !== knob.value; return nextProps.knob.value !== knob.value;
} }
handleChange = (event: ChangeEvent<HTMLInputElement>) => { private handleChange = (event: ChangeEvent<HTMLInputElement>) => {
const { onChange } = this.props; const { onChange } = this.props;
const { value } = event.target; const { value } = event.target;

4
addons/knobs/src/components/types/Radio.tsx
View File

@ -59,14 +59,14 @@ class RadiosType extends Component<RadiosTypeProps> {
static deserialize = (value: RadiosTypeKnobValue) => value; static deserialize = (value: RadiosTypeKnobValue) => value;
renderRadioButtonList({ options }: RadiosTypeKnob) { private renderRadioButtonList({ options }: RadiosTypeKnob) {
if (Array.isArray(options)) { if (Array.isArray(options)) {
return options.map((val) => this.renderRadioButton(val, val)); return options.map((val) => this.renderRadioButton(val, val));
} }
return Object.keys(options).map((key) => this.renderRadioButton(key, options[key])); return Object.keys(options).map((key) => this.renderRadioButton(key, options[key]));
} }
renderRadioButton(label: string, value: RadiosTypeKnobValue) { private renderRadioButton(label: string, value: RadiosTypeKnobValue) {
const opts = { label, value }; const opts = { label, value };
const { onChange, knob } = this.props; const { onChange, knob } = this.props;
const { name } = knob; const { name } = knob;

2
addons/knobs/src/components/types/Text.tsx
View File

@ -32,7 +32,7 @@ export default class TextType extends Component<TextTypeProps> {
return nextProps.knob.value !== knob.value; return nextProps.knob.value !== knob.value;
} }
handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => { private handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {
const { onChange } = this.props; const { onChange } = this.props;
const { value } = event.target; const { value } = event.target;