@typeolymp/ui-components 1.16.5 → 1.16.7

package/build/index.es.js

@@ -3971,7 +3971,9 @@ var Wrapper$9 = styled.div(templateObject_1$O || (templateObject_1$O = __makeTem
     var onClick = _a.onClick;
     return (onClick ? "pointer" : "default");
 }, function (_a) {
-    var color = _a.color;
+    var color = _a.color, onClick = _a.onClick;
+    if (!onClick)
+        return;
     switch (color) {
         default:
         case "gray":
@@ -12144,25 +12146,42 @@ var Form = forwardRef(function (props, ref) {
             }
         });
     }); };
-    var onSubmit = function () {
-        var isValid = true;
-        var feedback = {};
-        for (var _i = 0, _a = props.fields; _i < _a.length; _i++) {
-            var field = _a[_i];
-            if (field.validator) {
-                feedback[field.name] = field.validator(values[field.name]);
-                if (feedback[field.name].status === "error")
-                    isValid = false;
+    var onSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var isValid, feedback, _i, _a, field, _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    isValid = true;
+                    feedback = {};
+                    _i = 0, _a = props.fields;
+                    _d.label = 1;
+                case 1:
+                    if (!(_i < _a.length)) return [3 /*break*/, 4];
+                    field = _a[_i];
+                    if (!field.validator) return [3 /*break*/, 3];
+                    _b = feedback;
+                    _c = field.name;
+                    return [4 /*yield*/, field.validator(values[field.name])];
+                case 2:
+                    _b[_c] = _d.sent();
+                    if (feedback[field.name].status === "error")
+                        isValid = false;
+                    _d.label = 3;
+                case 3:
+                    _i++;
+                    return [3 /*break*/, 1];
+                case 4:
+                    setFeedback(feedback);
+                    if (isValid && !!props.onSubmit) {
+                        props.onSubmit(values);
+                    }
+                    else if (!!props.onError) {
+                        props.onError(feedback);
+                    }
+                    return [2 /*return*/];
             }
-        }
-        setFeedback(feedback);
-        if (isValid && !!props.onSubmit) {
-            props.onSubmit(values);
-        }
-        else if (!!props.onError) {
-            props.onError(feedback);
-        }
-    };
+        });
+    }); };
     return (jsxs(Fragment$1, { children: [props.title && (jsxs(Fragment$1, { children: [jsx$1(Heading, __assign$2({ type: "h4" }, { children: props.title })), jsx$1(Spacer, { vertical: 15 })] })), props.description && (jsx$1(DescriptionWrapper, { children: typeof props.description === "string" ? (jsx$1(Paragraph, __assign$2({ color: "darkGray", weight: "regular" }, { children: htmlReactParser(props.description) }))) : (props.description) })), jsx$1(FormWrapper, { children: props.fields.map(function (field, index) {
                     switch (field.type) {
                         case "text":