@s-ui/react-molecule-checkbox-field
Version:
`MoleculeCheckboxField` is the combination of and `AtomCheckbox` and a `checkboxField`
49 lines • 1.85 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
var _excluded = ["id", "label", "nodeLabel", "fullWidth", "successText", "errorText", "alertText", "helpText", "onChange", "disabled", "className"];
import PropTypes from 'prop-types';
import AtomCheckbox from '@s-ui/react-atom-checkbox';
import MoleculeField from '@s-ui/react-molecule-field';
import cx from 'classnames';
import { BASE_CLASS, SIZES, STATUSES } from './settings.js';
import { jsx as _jsx } from "react/jsx-runtime";
var MoleculeCheckboxField = function MoleculeCheckboxField(_ref) {
var id = _ref.id,
label = _ref.label,
nodeLabel = _ref.nodeLabel,
fullWidth = _ref.fullWidth,
successText = _ref.successText,
errorText = _ref.errorText,
alertText = _ref.alertText,
helpText = _ref.helpText,
onChange = _ref.onChange,
disabled = _ref.disabled,
className = _ref.className,
props = _objectWithoutPropertiesLoose(_ref, _excluded);
return /*#__PURE__*/_jsx("div", {
className: cx(BASE_CLASS, className),
children: /*#__PURE__*/_jsx(MoleculeField, {
name: id,
label: label,
nodeLabel: nodeLabel,
fullWidth: fullWidth,
successText: successText,
errorText: errorText,
alertText: alertText,
helpText: helpText,
onChange: onChange,
inline: true,
reverse: true,
isAligned: true,
disabled: disabled,
children: /*#__PURE__*/_jsx(AtomCheckbox, _extends({
id: id,
disabled: disabled,
onChange: onChange
}, props))
})
});
};
MoleculeCheckboxField.displayName = 'MoleculeCheckboxField';
export default MoleculeCheckboxField;
export { STATUSES as moleculeCheckboxFieldStatus, SIZES as moleculeCheckboxFieldSizes };