UNPKG

@appbuckets/react-ui-forms

Version:

An utilities package to manage and create Form using AppBuckets ReactUI

75 lines (68 loc) 1.92 kB
'use strict'; var _tslib = require('../_virtual/_tslib.js'); var React = require('react'); var Checkbox = require('@appbuckets/react-ui/Checkbox'); var createHookedField = require('../utils/createHookedField.js'); function _interopDefaultLegacy(e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; } function _interopNamespace(e) { if (e && e.__esModule) return e; var n = Object.create(null); if (e) { Object.keys(e).forEach(function (k) { if (k !== 'default') { var d = Object.getOwnPropertyDescriptor(e, k); Object.defineProperty( n, k, d.get ? d : { enumerable: true, get: function () { return e[k]; }, } ); } }); } n['default'] = e; return Object.freeze(n); } var React__namespace = /*#__PURE__*/ _interopNamespace(React); var Checkbox__default = /*#__PURE__*/ _interopDefaultLegacy(Checkbox); /* -------- * Component Definition * -------- */ var HookedCheckbox = createHookedField.createHookedField({ displayName: 'HookedCheckbox', Component: function HookedCheckboxComponent(props) { var innerRef = props.innerRef, meta = props.meta, _a = props.rest, onChange = _a.onChange, value = _a.value, rest = _tslib.__rest(_a, ['onChange', 'value']); return React__namespace.createElement( Checkbox__default['default'], _tslib.__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; }, }); module.exports = HookedCheckbox;