@typeolymp/ui-components 1.16.4 → 1.16.6
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 +1 -1
- package/build/index.es.js +111 -37
- package/build/index.es.js.map +1 -1
- package/build/index.js +111 -37
- 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,46 +12131,82 @@ 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
|
-
|
|
12119
|
-
|
|
12120
|
-
|
|
12121
|
-
|
|
12122
|
-
if (field.validator) {
|
|
12123
|
-
feedback[field.name] = field.validator(values[field.name]);
|
|
12124
|
-
if (feedback[field.name].status === "error")
|
|
12125
|
-
isValid = false;
|
|
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*/];
|
|
12126
12171
|
}
|
|
12127
|
-
}
|
|
12128
|
-
|
|
12129
|
-
|
|
12130
|
-
|
|
12131
|
-
|
|
12132
|
-
|
|
12133
|
-
|
|
12134
|
-
|
|
12135
|
-
|
|
12172
|
+
});
|
|
12173
|
+
}); };
|
|
12174
|
+
var onSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
12175
|
+
var isValid, feedback, _i, _a, field, _b, _c;
|
|
12176
|
+
return __generator(this, function (_d) {
|
|
12177
|
+
switch (_d.label) {
|
|
12178
|
+
case 0:
|
|
12179
|
+
isValid = true;
|
|
12180
|
+
feedback = {};
|
|
12181
|
+
_i = 0, _a = props.fields;
|
|
12182
|
+
_d.label = 1;
|
|
12183
|
+
case 1:
|
|
12184
|
+
if (!(_i < _a.length)) return [3 /*break*/, 4];
|
|
12185
|
+
field = _a[_i];
|
|
12186
|
+
if (!field.validator) return [3 /*break*/, 3];
|
|
12187
|
+
_b = feedback;
|
|
12188
|
+
_c = field.name;
|
|
12189
|
+
return [4 /*yield*/, field.validator(values[field.name])];
|
|
12190
|
+
case 2:
|
|
12191
|
+
_b[_c] = _d.sent();
|
|
12192
|
+
if (feedback[field.name].status === "error")
|
|
12193
|
+
isValid = false;
|
|
12194
|
+
_d.label = 3;
|
|
12195
|
+
case 3:
|
|
12196
|
+
_i++;
|
|
12197
|
+
return [3 /*break*/, 1];
|
|
12198
|
+
case 4:
|
|
12199
|
+
setFeedback(feedback);
|
|
12200
|
+
if (isValid && !!props.onSubmit) {
|
|
12201
|
+
props.onSubmit(values);
|
|
12202
|
+
}
|
|
12203
|
+
else if (!!props.onError) {
|
|
12204
|
+
props.onError(feedback);
|
|
12205
|
+
}
|
|
12206
|
+
return [2 /*return*/];
|
|
12207
|
+
}
|
|
12208
|
+
});
|
|
12209
|
+
}); };
|
|
12136
12210
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Heading, __assign$2({ type: "h4" }, { children: props.title })), jsxRuntime.jsx(Spacer, { vertical: 15 })] })), props.description && (jsxRuntime.jsx(DescriptionWrapper, { children: typeof props.description === "string" ? (jsxRuntime.jsx(Paragraph, __assign$2({ color: "darkGray", weight: "regular" }, { children: htmlReactParser(props.description) }))) : (props.description) })), jsxRuntime.jsx(FormWrapper, { children: props.fields.map(function (field, index) {
|
|
12137
12211
|
switch (field.type) {
|
|
12138
12212
|
case "text":
|