@dr.pogodin/react-utils
Version:
Collection of generic ReactJS components and utils
44 lines • 1.95 kB
JavaScript
import themed from '@dr.pogodin/react-themes';
const defaultTheme = {
"context": "-dr-pogodin-react-utils___build-web-shared-components-Checkbox-theme___context___08mmmo",
"ad": "-dr-pogodin-react-utils___build-web-shared-components-Checkbox-theme___ad___Hc06MV",
"hoc": "-dr-pogodin-react-utils___build-web-shared-components-Checkbox-theme___hoc___toOtOd",
"checkbox": "-dr-pogodin-react-utils___build-web-shared-components-Checkbox-theme___checkbox___v4DmWM",
"indeterminate": "-dr-pogodin-react-utils___build-web-shared-components-Checkbox-theme___indeterminate___ckSC8W",
"container": "-dr-pogodin-react-utils___build-web-shared-components-Checkbox-theme___container___g7wee9",
"label": "-dr-pogodin-react-utils___build-web-shared-components-Checkbox-theme___label___XQ57WS",
"disabled": "-dr-pogodin-react-utils___build-web-shared-components-Checkbox-theme___disabled___baVvQA"
};
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const Checkbox = ({
checked,
disabled,
label,
onChange,
testId,
theme
}) => {
let containerClassName = theme.container;
if (disabled) containerClassName += ` ${theme.disabled}`;
let checkboxClassName = theme.checkbox;
if (checked === 'indeterminate') checkboxClassName += ` ${theme.indeterminate}`;
return /*#__PURE__*/_jsxs("div", {
className: containerClassName,
children: [label === undefined ? null : /*#__PURE__*/_jsx("div", {
className: theme.label,
children: label
}), /*#__PURE__*/_jsx("input", {
checked: checked === undefined ? undefined : checked === true,
className: checkboxClassName,
"data-testid": process.env.NODE_ENV === 'production' ? undefined : testId,
disabled: disabled,
onChange: onChange,
onClick: e => {
e.stopPropagation();
},
type: "checkbox"
})]
});
};
export default themed(Checkbox, 'Checkbox', defaultTheme);
//# sourceMappingURL=index.js.map