@appbuckets/react-ui-forms
Version:
An utilities package to manage and create Form using AppBuckets ReactUI
40 lines (37 loc) • 1.05 kB
JavaScript
import { __rest, __assign } from '../_virtual/_tslib.js';
import * as React from 'react';
import Checkbox from '@appbuckets/react-ui/Checkbox';
import { createHookedField } from '../utils/createHookedField.js';
/* --------
* Component Definition
* -------- */
var HookedCheckbox = createHookedField({
displayName: 'HookedCheckbox',
Component: function HookedCheckboxComponent(props) {
var innerRef = props.innerRef,
meta = props.meta,
_a = props.rest,
onChange = _a.onChange,
value = _a.value,
rest = __rest(_a, ['onChange', 'value']);
return React.createElement(
Checkbox,
__assign({}, rest, meta.appearance, {
ref: innerRef,
checked: !!value,
hint: meta.message,
onClick: onChange,
})
);
},
parseValue: function (_a) {
var props = _a.props;
/** Get checked props */
var checked = (props || {}).checked;
return !!checked;
},
formatValue: function (value) {
return !!value;
},
});
export { HookedCheckbox as default };