@blueprintjs-formik/core
Version:
Bindings for using Formik and Blueprint.js
41 lines (38 loc) • 1.61 kB
JavaScript
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