2020-08-17 14:44:40 +00:00
|
|
|
import MuiCheckbox, {
|
|
|
|
CheckboxProps as MuiCheckboxProps
|
|
|
|
} from "@material-ui/core/Checkbox";
|
2019-08-09 10:26:22 +00:00
|
|
|
import React from "react";
|
2019-06-19 14:40:52 +00:00
|
|
|
|
|
|
|
export type CheckboxProps = Omit<
|
|
|
|
MuiCheckboxProps,
|
2020-08-17 14:44:40 +00:00
|
|
|
"checkedIcon" | "color" | "icon" | "indeterminateIcon" | "classes" | "onClick"
|
2019-06-19 14:40:52 +00:00
|
|
|
> & {
|
2019-08-09 11:14:35 +00:00
|
|
|
disableClickPropagation?: boolean;
|
2019-06-19 14:40:52 +00:00
|
|
|
};
|
|
|
|
|
2019-10-30 14:34:24 +00:00
|
|
|
const Checkbox: React.FC<CheckboxProps> = props => {
|
2020-08-17 14:44:40 +00:00
|
|
|
const { disableClickPropagation, ...rest } = props;
|
2019-10-30 14:34:24 +00:00
|
|
|
|
|
|
|
return (
|
2020-08-17 14:44:40 +00:00
|
|
|
<MuiCheckbox
|
2019-10-30 14:34:24 +00:00
|
|
|
{...rest}
|
2020-08-17 14:44:40 +00:00
|
|
|
onClick={
|
|
|
|
disableClickPropagation ? event => event.stopPropagation() : undefined
|
|
|
|
}
|
|
|
|
/>
|
2019-10-30 14:34:24 +00:00
|
|
|
);
|
|
|
|
};
|
2019-06-19 14:40:52 +00:00
|
|
|
Checkbox.displayName = "Checkbox";
|
|
|
|
export default Checkbox;
|