@blueprintjs-formik/core/dist/esm/components/EditableText.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 { EditableText as EditableText$1, Intent } from '@blueprintjs/core';
import { Field } from './FieldBase.js';

/**
 * Transforms the Formik field props to editable text.
 * @param   {FieldToEditableTextProps}
 * @returns {EditableTextProps}
 */
var fieldToEditableText = function (_a) {
    var _b = _a.field; _b.onBlur; var field = __rest(_b, ["onBlur"]), _c = _a.form, touched = _c.touched, errors = _c.errors, setFieldValue = _c.setFieldValue; _a.meta; var props = __rest(_a, ["field", "form", "meta"]);
    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 Formik field props to editable text component.
 * @param   {FieldToEditableTextProps}
 * @returns {JSX.Element}
 */
function FieldToEditableText(_a) {
    var props = __rest(_a, []);
    return React__default.createElement(EditableText$1, __assign({}, fieldToEditableText(props)));
}
/**
 * Editable text bound with Formik.
 * @param   {EditableTextProps}
 * @returns {JSX.Element}
 */
function EditableText(_a) {
    var props = __rest(_a, []);
    return React__default.createElement(Field, __assign({}, props, { component: FieldToEditableText }));
}

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