@typeolymp/ui-components 1.16.2 → 1.16.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.es.js +13 -11
- package/build/index.es.js.map +1 -1
- package/build/index.js +13 -11
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -12106,8 +12106,10 @@ var Form = React$3.forwardRef(function (props, ref) {
|
|
|
12106
12106
|
if (props.onChangeFields)
|
|
12107
12107
|
props.onChangeFields(newValues, __assign$2(__assign$2({}, values), (_c = {}, _c[fieldName] = value, _c)));
|
|
12108
12108
|
};
|
|
12109
|
-
var onBlurFormField = function (fieldName) {
|
|
12109
|
+
var onBlurFormField = function (fieldName, onBlur) {
|
|
12110
12110
|
var _a;
|
|
12111
|
+
if (onBlur)
|
|
12112
|
+
onBlur(fieldName);
|
|
12111
12113
|
var field = props.fields.find(function (field) { return field.name === fieldName; });
|
|
12112
12114
|
if (field.validateTrigger && field.validateTrigger.includes("onBlur")) {
|
|
12113
12115
|
var feedbackForField = field.validator(values[fieldName]);
|
|
@@ -12137,34 +12139,34 @@ var Form = React$3.forwardRef(function (props, ref) {
|
|
|
12137
12139
|
switch (field.type) {
|
|
12138
12140
|
case "text":
|
|
12139
12141
|
return (React$3.createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
12140
|
-
jsxRuntime.jsx(InputField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
12142
|
+
jsxRuntime.jsx(InputField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: function () { return onBlurFormField(field.name, field.onBlur); } }))));
|
|
12141
12143
|
case "password":
|
|
12142
12144
|
return (React$3.createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
12143
|
-
jsxRuntime.jsx(PasswordInputField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField, onKeyPress: field.submitOnEnter && onSubmit }))));
|
|
12145
|
+
jsxRuntime.jsx(PasswordInputField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: function () { return onBlurFormField(field.name, field.onBlur); }, onKeyPress: field.submitOnEnter && onSubmit }))));
|
|
12144
12146
|
case "date":
|
|
12145
12147
|
return (React$3.createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
12146
|
-
jsxRuntime.jsx(DateInputField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
12148
|
+
jsxRuntime.jsx(DateInputField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: function () { return onBlurFormField(field.name, field.onBlur); } }))));
|
|
12147
12149
|
case "textarea":
|
|
12148
12150
|
return (React$3.createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
12149
|
-
jsxRuntime.jsx(TextareaField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
12151
|
+
jsxRuntime.jsx(TextareaField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: function () { return onBlurFormField(field.name, field.onBlur); } }))));
|
|
12150
12152
|
case "radio":
|
|
12151
12153
|
return (React$3.createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
12152
|
-
jsxRuntime.jsx(RadioGroup, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
12154
|
+
jsxRuntime.jsx(RadioGroup, __assign$2({}, field, { onChange: onChangeFormField, onBlur: function () { return onBlurFormField(field.name, field.onBlur); } }))));
|
|
12153
12155
|
case "number":
|
|
12154
12156
|
return (React$3.createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
12155
|
-
jsxRuntime.jsx(NumberField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
12157
|
+
jsxRuntime.jsx(NumberField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: function () { return onBlurFormField(field.name, field.onBlur); } }))));
|
|
12156
12158
|
case "checkbox":
|
|
12157
12159
|
return (React$3.createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
12158
|
-
jsxRuntime.jsx(Checkboxes, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
12160
|
+
jsxRuntime.jsx(Checkboxes, __assign$2({}, field, { onChange: onChangeFormField, onBlur: function () { return onBlurFormField(field.name, field.onBlur); } }))));
|
|
12159
12161
|
case "select":
|
|
12160
12162
|
return (React$3.createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
12161
|
-
jsxRuntime.jsx(SelectField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
12163
|
+
jsxRuntime.jsx(SelectField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: function () { return onBlurFormField(field.name, field.onBlur); } }))));
|
|
12162
12164
|
case "toggle":
|
|
12163
12165
|
return (React$3.createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
12164
|
-
jsxRuntime.jsx(ToggleField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
12166
|
+
jsxRuntime.jsx(ToggleField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: function () { return onBlurFormField(field.name, field.onBlur); } }))));
|
|
12165
12167
|
case "range":
|
|
12166
12168
|
return (React$3.createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
12167
|
-
jsxRuntime.jsx(RangeField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
12169
|
+
jsxRuntime.jsx(RangeField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: function () { return onBlurFormField(field.name, field.onBlur); } }))));
|
|
12168
12170
|
}
|
|
12169
12171
|
}) }), props.button && (jsxRuntime.jsx(ButtonWrapper, { children: jsxRuntime.jsx(Button, __assign$2({}, props.button, { onClick: onSubmit, type: "button" })) }))] }));
|
|
12170
12172
|
});
|