@typeolymp/ui-components 1.19.12 → 1.19.14

package/build/index.js

@@ -14778,8 +14778,8 @@ var templateObject_1$y, templateObject_2$u;
 
 var DataSummary = function (_a) {
     var title = _a.title, data = _a.data, onEdit = _a.onEdit, locale = _a.locale;
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(Container$l, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Heading, __assign$2({ type: "h5" }, { children: title })), onEdit && (jsxRuntime.jsx("div", __assign$2({ onClick: onEdit }, { children: jsxRuntime.jsx(Heading, __assign$2({ type: "h6", color: "gray" }, { children: translations[locale]["Edit"] })) })))] }), jsxRuntime.jsx(Data, { children: data === null || data === void 0 ? void 0 : data.map(function (item) {
-                        return item instanceof Object ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs(Paragraph, __assign$2({ weight: "regular" }, { children: [item.label, ":"] })), jsxRuntime.jsx(Paragraph, __assign$2({ weight: "regular" }, { children: item.value }))] }, "".concat(item.label, "-").concat(item.value))) : (jsxRuntime.jsx(Paragraph, __assign$2({ weight: "regular" }, { children: item })));
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(Container$l, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Heading, __assign$2({ type: "h5" }, { children: title })), onEdit && (jsxRuntime.jsx("div", __assign$2({ onClick: onEdit }, { children: jsxRuntime.jsx(Heading, __assign$2({ type: "h6", color: "gray" }, { children: translations[locale]["Edit"] })) })))] }), jsxRuntime.jsx(Data, { children: data === null || data === void 0 ? void 0 : data.map(function (item, index) {
+                        return item instanceof Object ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs(Paragraph, __assign$2({ weight: "regular" }, { children: [item.label, ":"] })), jsxRuntime.jsx(Paragraph, __assign$2({ weight: "regular" }, { children: item.value }))] }, "".concat(item.label, "-").concat(item.value, "-").concat(index))) : (jsxRuntime.jsx(Paragraph, __assign$2({ weight: "regular" }, { children: item }), "".concat(item, "-").concat(index)));
                     }) })] }) }));
 };
 
@@ -47893,6 +47893,7 @@ var Form = React$3.forwardRef(function (props, ref) {
     var _a = React$3.useState({}), values = _a[0], setValues = _a[1];
     var _b = React$3.useState({}), feedback = _b[0], setFeedback = _b[1];
     React$3.useImperativeHandle(ref, function () { return ({
+        validateForm: validateForm,
         resetForm: resetForm,
     }); });
     React$3.useEffect(function () {
@@ -48034,7 +48035,7 @@ var Form = React$3.forwardRef(function (props, ref) {
             }
         });
     }); };
-    var onSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
+    var validateForm = 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) {
@@ -48060,12 +48061,21 @@ var Form = React$3.forwardRef(function (props, ref) {
                     return [3 /*break*/, 1];
                 case 4:
                     setFeedback(feedback);
-                    if (isValid && !!props.onSubmit) {
+                    return [2 /*return*/, { isValid: isValid, feedback: feedback }];
+            }
+        });
+    }); };
+    var onSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, isValid, feedback;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0: return [4 /*yield*/, validateForm()];
+                case 1:
+                    _a = _b.sent(), isValid = _a.isValid, feedback = _a.feedback;
+                    if (isValid && !!props.onSubmit)
                         props.onSubmit(values);
-                    }
-                    else if (!!props.onError) {
+                    else if (!!props.onError)
                         props.onError(feedback);
-                    }
                     return [2 /*return*/];
             }
         });