@typeolymp/ui-components 1.19.12 → 1.19.14

package/build/components/organisms/Form/index.d.ts

@@ -70,6 +70,12 @@ export declare type PropsType = {
     }): void;
 };
 export declare type FormType = {
+    validateForm(): Promise<{
+        isValid: boolean;
+        feedback: {
+            [field: string]: FeedbackType;
+        };
+    }>;
     resetForm(): void;
 };
 declare const Form: React.ForwardRefExoticComponent<PropsType & React.RefAttributes<FormType>>;

package/build/components/organisms/Form/stories.d.ts

@@ -7,6 +7,7 @@ declare const _default: {
 export default _default;
 export declare const AllTogether: () => JSX.Element;
 export declare const ResetForm: () => JSX.Element;
+export declare const ValidateForm: () => JSX.Element;
 export declare const Input: () => JSX.Element;
 export declare const Date: () => JSX.Element;
 export declare const Radio: () => JSX.Element;

package/build/index.es.js

@@ -14751,8 +14751,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 (jsx$1(Fragment$1, { children: jsxs(Container$l, { children: [jsxs("div", { children: [jsx$1(Heading, __assign$2({ type: "h5" }, { children: title })), onEdit && (jsx$1("div", __assign$2({ onClick: onEdit }, { children: jsx$1(Heading, __assign$2({ type: "h6", color: "gray" }, { children: translations[locale]["Edit"] })) })))] }), jsx$1(Data, { children: data === null || data === void 0 ? void 0 : data.map(function (item) {
-                        return item instanceof Object ? (jsxs("div", { children: [jsxs(Paragraph, __assign$2({ weight: "regular" }, { children: [item.label, ":"] })), jsx$1(Paragraph, __assign$2({ weight: "regular" }, { children: item.value }))] }, "".concat(item.label, "-").concat(item.value))) : (jsx$1(Paragraph, __assign$2({ weight: "regular" }, { children: item })));
+    return (jsx$1(Fragment$1, { children: jsxs(Container$l, { children: [jsxs("div", { children: [jsx$1(Heading, __assign$2({ type: "h5" }, { children: title })), onEdit && (jsx$1("div", __assign$2({ onClick: onEdit }, { children: jsx$1(Heading, __assign$2({ type: "h6", color: "gray" }, { children: translations[locale]["Edit"] })) })))] }), jsx$1(Data, { children: data === null || data === void 0 ? void 0 : data.map(function (item, index) {
+                        return item instanceof Object ? (jsxs("div", { children: [jsxs(Paragraph, __assign$2({ weight: "regular" }, { children: [item.label, ":"] })), jsx$1(Paragraph, __assign$2({ weight: "regular" }, { children: item.value }))] }, "".concat(item.label, "-").concat(item.value, "-").concat(index))) : (jsx$1(Paragraph, __assign$2({ weight: "regular" }, { children: item }), "".concat(item, "-").concat(index)));
                     }) })] }) }));
 };
 
@@ -47866,6 +47866,7 @@ var Form = forwardRef(function (props, ref) {
     var _a = useState({}), values = _a[0], setValues = _a[1];
     var _b = useState({}), feedback = _b[0], setFeedback = _b[1];
     useImperativeHandle(ref, function () { return ({
+        validateForm: validateForm,
         resetForm: resetForm,
     }); });
     useEffect(function () {
@@ -48007,7 +48008,7 @@ var Form = 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) {
@@ -48033,12 +48034,21 @@ var Form = 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*/];
             }
         });