@typeolymp/ui-components 1.16.5 → 1.16.7

package/build/index.js

@@ -3998,7 +3998,9 @@ var Wrapper$9 = styled__default["default"].div(templateObject_1$O || (templateOb
     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":
@@ -12171,25 +12173,42 @@ var Form = React$3.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 (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) {
                     switch (field.type) {
                         case "text":