@typeolymp/ui-components 1.16.3 → 1.16.5
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/components/organisms/Form/index.d.ts +2 -2
- package/build/index.es.js +86 -31
- package/build/index.es.js.map +1 -1
- package/build/index.js +86 -31
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -212,6 +212,44 @@ function __rest(s, e) {
|
|
|
212
212
|
return t;
|
|
213
213
|
}
|
|
214
214
|
|
|
215
|
+
function __awaiter(thisArg, _arguments, P, generator) {
|
|
216
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
217
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
218
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
219
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
220
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
221
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
222
|
+
});
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
function __generator(thisArg, body) {
|
|
226
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
227
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
228
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
229
|
+
function step(op) {
|
|
230
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
231
|
+
while (_) try {
|
|
232
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
233
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
234
|
+
switch (op[0]) {
|
|
235
|
+
case 0: case 1: t = op; break;
|
|
236
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
237
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
238
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
239
|
+
default:
|
|
240
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
241
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
242
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
243
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
244
|
+
if (t[2]) _.ops.pop();
|
|
245
|
+
_.trys.pop(); continue;
|
|
246
|
+
}
|
|
247
|
+
op = body.call(thisArg, _);
|
|
248
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
249
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
250
|
+
}
|
|
251
|
+
}
|
|
252
|
+
|
|
215
253
|
function __spreadArray(to, from, pack) {
|
|
216
254
|
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
217
255
|
if (ar || !(i in from)) {
|
|
@@ -12093,29 +12131,46 @@ var Form = React$3.forwardRef(function (props, ref) {
|
|
|
12093
12131
|
_loop_1(field);
|
|
12094
12132
|
}
|
|
12095
12133
|
};
|
|
12096
|
-
var onChangeFormField = function (fieldName, value) {
|
|
12134
|
+
var onChangeFormField = function (fieldName, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
12135
|
+
var feedbackForField, field, newValues;
|
|
12097
12136
|
var _a, _b, _c;
|
|
12098
|
-
|
|
12099
|
-
|
|
12100
|
-
|
|
12101
|
-
|
|
12102
|
-
|
|
12103
|
-
|
|
12104
|
-
|
|
12105
|
-
|
|
12106
|
-
|
|
12107
|
-
|
|
12108
|
-
|
|
12109
|
-
|
|
12137
|
+
return __generator(this, function (_d) {
|
|
12138
|
+
switch (_d.label) {
|
|
12139
|
+
case 0:
|
|
12140
|
+
feedbackForField = { status: undefined, message: undefined };
|
|
12141
|
+
field = props.fields.find(function (field) { return field.name === fieldName; });
|
|
12142
|
+
if (!(field.validateTrigger && field.validateTrigger.includes("onChange"))) return [3 /*break*/, 2];
|
|
12143
|
+
return [4 /*yield*/, field.validator(values[fieldName])];
|
|
12144
|
+
case 1:
|
|
12145
|
+
feedbackForField = _d.sent();
|
|
12146
|
+
_d.label = 2;
|
|
12147
|
+
case 2:
|
|
12148
|
+
setFeedback(__assign$2(__assign$2({}, feedback), (_a = {}, _a[fieldName] = feedbackForField, _a)));
|
|
12149
|
+
newValues = __assign$2(__assign$2({}, values), (_b = {}, _b[fieldName] = value, _b));
|
|
12150
|
+
setValues(newValues);
|
|
12151
|
+
if (props.onChangeFields)
|
|
12152
|
+
props.onChangeFields(newValues, __assign$2(__assign$2({}, values), (_c = {}, _c[fieldName] = value, _c)));
|
|
12153
|
+
return [2 /*return*/];
|
|
12154
|
+
}
|
|
12155
|
+
});
|
|
12156
|
+
}); };
|
|
12157
|
+
var onBlurFormField = function (fieldName) { return __awaiter(void 0, void 0, void 0, function () {
|
|
12158
|
+
var field, feedbackForField;
|
|
12110
12159
|
var _a;
|
|
12111
|
-
|
|
12112
|
-
|
|
12113
|
-
|
|
12114
|
-
|
|
12115
|
-
|
|
12116
|
-
|
|
12117
|
-
|
|
12118
|
-
|
|
12160
|
+
return __generator(this, function (_b) {
|
|
12161
|
+
switch (_b.label) {
|
|
12162
|
+
case 0:
|
|
12163
|
+
field = props.fields.find(function (field) { return field.name === fieldName; });
|
|
12164
|
+
if (!(field.validateTrigger && field.validateTrigger.includes("onBlur"))) return [3 /*break*/, 2];
|
|
12165
|
+
return [4 /*yield*/, field.validator(values[fieldName])];
|
|
12166
|
+
case 1:
|
|
12167
|
+
feedbackForField = _b.sent();
|
|
12168
|
+
setFeedback(__assign$2(__assign$2({}, feedback), (_a = {}, _a[fieldName] = feedbackForField, _a)));
|
|
12169
|
+
_b.label = 2;
|
|
12170
|
+
case 2: return [2 /*return*/];
|
|
12171
|
+
}
|
|
12172
|
+
});
|
|
12173
|
+
}); };
|
|
12119
12174
|
var onSubmit = function () {
|
|
12120
12175
|
var isValid = true;
|
|
12121
12176
|
var feedback = {};
|
|
@@ -12139,34 +12194,34 @@ var Form = React$3.forwardRef(function (props, ref) {
|
|
|
12139
12194
|
switch (field.type) {
|
|
12140
12195
|
case "text":
|
|
12141
12196
|
return (React$3.createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
12142
|
-
jsxRuntime.jsx(InputField, __assign$2({}, field, { onChange: onChangeFormField, onBlur:
|
|
12197
|
+
jsxRuntime.jsx(InputField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
12143
12198
|
case "password":
|
|
12144
12199
|
return (React$3.createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
12145
|
-
jsxRuntime.jsx(PasswordInputField, __assign$2({}, field, { onChange: onChangeFormField, onBlur:
|
|
12200
|
+
jsxRuntime.jsx(PasswordInputField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField, onKeyPress: field.submitOnEnter && onSubmit }))));
|
|
12146
12201
|
case "date":
|
|
12147
12202
|
return (React$3.createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
12148
|
-
jsxRuntime.jsx(DateInputField, __assign$2({}, field, { onChange: onChangeFormField, onBlur:
|
|
12203
|
+
jsxRuntime.jsx(DateInputField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
12149
12204
|
case "textarea":
|
|
12150
12205
|
return (React$3.createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
12151
|
-
jsxRuntime.jsx(TextareaField, __assign$2({}, field, { onChange: onChangeFormField, onBlur:
|
|
12206
|
+
jsxRuntime.jsx(TextareaField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
12152
12207
|
case "radio":
|
|
12153
12208
|
return (React$3.createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
12154
|
-
jsxRuntime.jsx(RadioGroup, __assign$2({}, field, { onChange: onChangeFormField, onBlur:
|
|
12209
|
+
jsxRuntime.jsx(RadioGroup, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
12155
12210
|
case "number":
|
|
12156
12211
|
return (React$3.createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
12157
|
-
jsxRuntime.jsx(NumberField, __assign$2({}, field, { onChange: onChangeFormField, onBlur:
|
|
12212
|
+
jsxRuntime.jsx(NumberField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
12158
12213
|
case "checkbox":
|
|
12159
12214
|
return (React$3.createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
12160
|
-
jsxRuntime.jsx(Checkboxes, __assign$2({}, field, { onChange: onChangeFormField, onBlur:
|
|
12215
|
+
jsxRuntime.jsx(Checkboxes, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
12161
12216
|
case "select":
|
|
12162
12217
|
return (React$3.createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
12163
|
-
jsxRuntime.jsx(SelectField, __assign$2({}, field, { onChange: onChangeFormField, onBlur:
|
|
12218
|
+
jsxRuntime.jsx(SelectField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
12164
12219
|
case "toggle":
|
|
12165
12220
|
return (React$3.createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
12166
|
-
jsxRuntime.jsx(ToggleField, __assign$2({}, field, { onChange: onChangeFormField, onBlur:
|
|
12221
|
+
jsxRuntime.jsx(ToggleField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
12167
12222
|
case "range":
|
|
12168
12223
|
return (React$3.createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
12169
|
-
jsxRuntime.jsx(RangeField, __assign$2({}, field, { onChange: onChangeFormField, onBlur:
|
|
12224
|
+
jsxRuntime.jsx(RangeField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
12170
12225
|
}
|
|
12171
12226
|
}) }), props.button && (jsxRuntime.jsx(ButtonWrapper, { children: jsxRuntime.jsx(Button, __assign$2({}, props.button, { onClick: onSubmit, type: "button" })) }))] }));
|
|
12172
12227
|
});
|