UNPKG

@blueprintjs-formik/core

Version:
41 lines (38 loc) 1.61 kB
import { __rest, __assign } from '../_virtual/_tslib.js'; import React__default from 'react'; import { getIn } from 'formik'; import { NumericInput as NumericInput$1, Intent } from '@blueprintjs/core'; import { Field } from './FieldBase.js'; /** * Transforms field to numeric input. * @param {FieldToNumericInputProps} * @returns {BPNumericInputProps} */ function transformFieldToNumericInput(_a) { var _b = _a.field; _b.onBlur; var field = __rest(_b, ["onBlur"]), _c = _a.form, touched = _c.touched, errors = _c.errors, setFieldValue = _c.setFieldValue, props = __rest(_a, ["field", "form"]); var fieldError = getIn(errors, field.name); var showError = getIn(touched, field.name) && !!fieldError; return __assign(__assign({ id: field.name, intent: showError ? Intent.DANGER : Intent.NONE, onValueChange: function (value) { setFieldValue(field.name, value); } }, field), props); } /** * Transforms field to numeric input. * @param {FieldToNumericInputProps} * @returns {JSX.Element} */ function FieldToNumericInput(_a) { var props = __rest(_a, []); return React__default.createElement(NumericInput$1, __assign({}, transformFieldToNumericInput(props))); } /** * Numeric input Blueprint component bounded with Formik field. * @param {NumericInputProps} * @returns {JSX.Element} */ function NumericInput(_a) { var props = __rest(_a, []); return React__default.createElement(Field, __assign({}, props, { component: FieldToNumericInput })); } export { NumericInput }; //# sourceMappingURL=NumericInput.js.map