@blueprintjs-formik/core/dist/esm/components/InputGroup.js

Bindings for using Formik and Blueprint.js

import { __rest, __assign } from '../_virtual/_tslib.js';
import React__default from 'react';
import { getIn } from 'formik';
import { InputGroup as InputGroup$1, Intent } from '@blueprintjs/core';
import { Field } from './FieldBase.js';

/**
 * Transforms field props to input group props.
 * @param   {FieldToInputProps}
 * @returns {PBInputGroupProps2}
 */
function fieldToInputGroup(_a) {
    var _b = _a.field, onFieldBlur = _b.onBlur, field = __rest(_b, ["onBlur"]), _c = _a.form, touched = _c.touched, errors = _c.errors, onBlur = _a.onBlur, props = __rest(_a, ["field", "form", "onBlur"]);
    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, onBlur: onBlur !== null && onBlur !== void 0 ? onBlur : function (e) {
            onFieldBlur(e !== null && e !== void 0 ? e : field.name);
        } }, field), props);
}
/**
 * Transformes field props to input group props.
 * @param   {FieldToInputProps} props -
 * @returns {JSX.Element}
 */
function FieldToInputGroup(_a) {
    var children = _a.children, props = __rest(_a, ["children"]);
    return React__default.createElement(InputGroup$1, __assign({}, fieldToInputGroup(props), { children: children }));
}
/**
 * Input group Blueprint component bound with Formik.
 * @param   {InputGroupProps}
 * @returns {JSX.Element}
 */
function InputGroup(_a) {
    var props = __rest(_a, []);
    return React__default.createElement(Field, __assign({}, props, { component: FieldToInputGroup }));
}

export { InputGroup };
//# sourceMappingURL=InputGroup.js.map