@blueprintjs-formik/core
Version:
Bindings for using Formik and Blueprint.js
41 lines (38 loc) • 1.5 kB
JavaScript
import { __rest, __assign } from '../_virtual/_tslib.js';
import React__default from 'react';
import { getIn } from 'formik';
import { Slider as Slider$1, Intent } from '@blueprintjs/core';
import { Field } from './FieldBase.js';
/**
* Transforms the field props to slider props.
* @param {SliderToFieldProps}
* @returns {SliderProps}
*/
function fieldToSlider(_a) {
var _b = _a.field; _b.onBlur; var field = __rest(_b, ["onBlur"]), _c = _a.form, setFieldValue = _c.setFieldValue, touched = _c.touched, errors = _c.errors, props = __rest(_a, ["field", "form"]);
var fieldError = getIn(errors, field.name);
var showError = getIn(touched, field.name) && !!fieldError;
return __assign(__assign(__assign({ intent: showError ? Intent.DANGER : Intent.NONE }, field), { onChange: function (value) {
setFieldValue(field.name, value);
} }), props);
}
/**
* Transforms the field props to slider props.
* @param {SliderToFieldProps}
* @returns {JSX.Element}
*/
function FieldToSlider(_a) {
var props = __rest(_a, []);
return React__default.createElement(Slider$1, __assign({}, fieldToSlider(props)));
}
/**
* Transforms the field props to slider props.
* @param {SliderProps}
* @returns {JSX.Element}
*/
function Slider(_a) {
var props = __rest(_a, []);
return React__default.createElement(Field, __assign({}, props, { component: FieldToSlider }));
}
export { Slider };
//# sourceMappingURL=Slider.js.map