@altiore/form
Version:
Form helper for building powerful forms
101 lines (100 loc) • 5.34 kB
JavaScript
;
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ValidatedField = void 0;
var react_1 = __importStar(require("react"));
var intersection_1 = __importDefault(require("lodash/intersection"));
var errors_1 = require("../../../@common/errors");
var types_1 = require("../../../@common/types");
var utils_1 = require("../../../@common/utils");
var use_validate_input_1 = require("./hooks/use-validate-input");
var ValidatedField = function (_a) {
var component = _a.component, componentProps = _a.componentProps, defaultValue = _a.defaultValue, defaultValueJustAdded = _a.defaultValueJustAdded, fieldMeta = _a.fieldMeta, fieldType = _a.fieldType, formRef = _a.formRef, name = _a.name, validators = _a.validators, hideErrorsInXSeconds = _a.hideErrorsInXSeconds;
var inputRef = (0, react_1.useRef)();
var _b = (0, use_validate_input_1.useValidateInput)(inputRef, validators, hideErrorsInXSeconds, formRef, fieldMeta, fieldType, name), errors = _b.errors, setErrors = _b.setErrors, warnings = _b.warnings;
(0, react_1.useEffect)(function () {
var forbiddenProps = (0, intersection_1.default)(Object.keys(componentProps), Object.values(types_1.IgnoredProp));
(0, errors_1.forbiddenPropsError)(forbiddenProps, name);
if (forbiddenProps.includes('type')) {
console.error('Поле type используется для указания типа внутреннего поля ввода input.' +
' Используйте первый аргумент функции createField для корректного задания внутреннего' +
' типа поля ввода. Например: createField(FieldType.TEXT, FieldViewComponent)');
}
}, [componentProps, name]);
return (0, react_1.useMemo)(function () {
var _a;
var _b;
var type = (0, utils_1.getInputTypeByFieldType)(fieldType);
var prepDef = (_b = utils_1.prepDefValue.get(fieldType)) !== null && _b !== void 0 ? _b : utils_1.prepDefDefault;
var defValue = prepDef(defaultValueJustAdded !== undefined
? defaultValueJustAdded !== null && defaultValueJustAdded !== void 0 ? defaultValueJustAdded : undefined
: typeof (fieldMeta === null || fieldMeta === void 0 ? void 0 : fieldMeta.defaultValue) === 'undefined'
? defaultValue
: fieldMeta === null || fieldMeta === void 0 ? void 0 : fieldMeta.defaultValue);
var isChecked = ['checkbox', 'radio'].includes(type);
var inputProps = {
defaultChecked: isChecked ? defValue : undefined,
defaultValue: isChecked ? undefined : defValue,
multiple: fieldType === types_1.FieldType.SELECT_MULTIPLE ? true : undefined,
name: name,
ref: inputRef,
type: [types_1.FieldType.SELECT, types_1.FieldType.SELECT_MULTIPLE].includes(fieldType)
? undefined
: type,
value: type === 'checkbox' ? 'on' : undefined,
};
return react_1.default.createElement(component, __assign(__assign({}, componentProps), (_a = {}, _a[types_1.IgnoredProp.FIELD_PROPS] = fieldMeta !== null && fieldMeta !== void 0 ? fieldMeta : {
defaultValue: defValue,
error: errors === null || errors === void 0 ? void 0 : errors[0],
errors: errors,
fieldType: fieldType,
isInvalid: Boolean(errors.length),
name: name,
setErrors: setErrors,
warning: warnings === null || warnings === void 0 ? void 0 : warnings[0],
warnings: warnings,
}, _a[types_1.IgnoredProp.INPUT_PROPS] = inputProps, _a)));
}, [
componentProps,
defaultValueJustAdded,
errors,
fieldMeta,
fieldType,
inputRef,
name,
setErrors,
]);
};
exports.ValidatedField = ValidatedField;