Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-19 18:02:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Checkbox adapted to the new Input api

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-05-27 17:46:12 +03:00
parent af4af9d7ae
commit 9645238257
1 changed files with 5 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/common/Checkbox/Checkbox.js
View file

@ -7,31 +7,16 @@ const styles = require('./styles');
const Checkbox = React.forwardRef(({ className, disabled = false, checked = false, children, ...props }, ref) => {
const onClick = React.useCallback((event) => {
event.preventDefault();
if (typeof props.onClick === 'function') {
props.onClick(event);
}
if (!event.handled) {
event.preventDefault();
}
}, [props.onClick]);
const onMouseDown = React.useCallback((event) => {
if (typeof props.onMouseDown === 'function') {
props.onMouseDown(event);
}
if (!event.defaultPrevented) {
event.currentTarget.firstChild.blur();
}
}, [props.onMouseDown]);
const onMouseMove = React.useCallback((event) => {
if (typeof props.onMouseMove === 'function') {
props.onMouseMove(event);
}
if (!event.defaultPrevented) {
event.currentTarget.firstChild.blur();
}
}, [props.onMouseMove]);
return (
<label className={classnames(className, styles['checkbox-container'], { 'checked': checked }, { 'disabled': disabled })} {...props} onClick={onClick} onMouseDown={onMouseDown} onMouseMove={onMouseMove}>
<label className={classnames(className, styles['checkbox-container'], { 'checked': checked }, { 'disabled': disabled })} onClick={onClick}>
<Input
ref={ref}
className={styles['native-checkbox']}
@ -53,8 +38,6 @@ Checkbox.propTypes = {
disabled: PropTypes.bool,
checked: PropTypes.bool,
onClick: PropTypes.func,
onMouseDown: PropTypes.func,
onMouseMove: PropTypes.func,
children: PropTypes.node
};