prom-pal-ui 1.2.3 → 1.2.5
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/types/ui/fields/form.d.ts +11 -6
- package/build/ui/cjs/index.js +30 -12
- package/build/ui/esm/index.js +30 -12
- package/package.json +5 -5
|
@@ -2,27 +2,32 @@ import { ReactNode } from "react";
|
|
|
2
2
|
import { type ControllerProps, type FieldPath, type FieldValues, UseFormReturn } from "react-hook-form";
|
|
3
3
|
import { z } from "zod";
|
|
4
4
|
import { CommonPromComponentProps } from "../types";
|
|
5
|
+
interface ExtendedFormMethods<T extends FieldValues = FieldValues> extends UseFormReturn<T> {
|
|
6
|
+
setServerError: (error: string) => void;
|
|
7
|
+
getServerError: () => string;
|
|
8
|
+
}
|
|
5
9
|
type PromFormRenderProps = {
|
|
6
10
|
isValid: boolean;
|
|
7
|
-
serverError?:
|
|
11
|
+
serverError?: string;
|
|
8
12
|
isSubmitting: boolean;
|
|
9
13
|
errors: Record<string, any>;
|
|
10
|
-
form:
|
|
14
|
+
form: ExtendedFormMethods<z.infer<any>>;
|
|
11
15
|
};
|
|
12
16
|
interface PromFromProps extends CommonPromComponentProps {
|
|
13
17
|
children?: ReactNode;
|
|
14
18
|
schema?: z.ZodObject<any>;
|
|
15
19
|
defaultValues?: z.infer<any>;
|
|
16
|
-
form?:
|
|
20
|
+
form?: ExtendedFormMethods<z.infer<any>>;
|
|
17
21
|
onSubmit?: (data: z.infer<any>) => Promise<void>;
|
|
18
22
|
render?: (props: PromFormRenderProps) => ReactNode;
|
|
19
23
|
}
|
|
20
24
|
declare const PromFrom: ({ schema, render, children, onSubmit, defaultValues, form: externalForm, }: PromFromProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
25
|
declare const usePromForm: <T extends FieldValues>() => {
|
|
22
|
-
form:
|
|
26
|
+
form: ExtendedFormMethods<T>;
|
|
23
27
|
errors: import("react-hook-form").FieldErrors<T>;
|
|
24
28
|
isValid: boolean;
|
|
25
29
|
isSubmitting: boolean;
|
|
30
|
+
serverError: string;
|
|
26
31
|
reset: import("react-hook-form").UseFormReset<T>;
|
|
27
32
|
watch: import("react-hook-form").UseFormWatch<T>;
|
|
28
33
|
control: import("react-hook-form").Control<T, any, T>;
|
|
@@ -30,10 +35,10 @@ declare const usePromForm: <T extends FieldValues>() => {
|
|
|
30
35
|
register: import("react-hook-form").UseFormRegister<T>;
|
|
31
36
|
setValue: import("react-hook-form").UseFormSetValue<T>;
|
|
32
37
|
getValues: import("react-hook-form").UseFormGetValues<T>;
|
|
38
|
+
setServerError: (error: string) => void;
|
|
33
39
|
handleSubmit: import("react-hook-form").UseFormHandleSubmit<T, T>;
|
|
34
40
|
};
|
|
35
|
-
|
|
36
|
-
declare const PromFormFiled: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: PromFormFiledProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
|
|
41
|
+
declare const PromFormFiled: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
|
|
37
42
|
declare const PromMessage: () => import("react/jsx-runtime").JSX.Element;
|
|
38
43
|
declare const useCreatePromForm: ({ schema, defaultValues, }: {
|
|
39
44
|
schema: z.ZodObject<any>;
|
package/build/ui/cjs/index.js
CHANGED
|
@@ -23643,25 +23643,33 @@ var PromFrom = function (_a) {
|
|
|
23643
23643
|
resolver: schema ? a(schema) : undefined,
|
|
23644
23644
|
defaultValues: defaultValues,
|
|
23645
23645
|
});
|
|
23646
|
-
var
|
|
23647
|
-
var
|
|
23648
|
-
var _d =
|
|
23646
|
+
var _c = React.useState(""), serverError = _c[0], setServerError = _c[1];
|
|
23647
|
+
var form = externalForm || tslib.__assign(tslib.__assign({}, internalForm), { setServerError: setServerError, getServerError: function () { return serverError; } });
|
|
23648
|
+
var _d = form.formState, errors = _d.errors, isSubmitting = _d.isSubmitting, isValid = _d.isValid;
|
|
23649
23649
|
var handleOnSubmit = function (data) { return tslib.__awaiter(void 0, void 0, void 0, function () {
|
|
23650
23650
|
var error_1, errorMessage;
|
|
23651
23651
|
return tslib.__generator(this, function (_a) {
|
|
23652
23652
|
switch (_a.label) {
|
|
23653
23653
|
case 0:
|
|
23654
|
-
|
|
23655
|
-
|
|
23654
|
+
setServerError("");
|
|
23655
|
+
_a.label = 1;
|
|
23656
23656
|
case 1:
|
|
23657
|
-
_a.
|
|
23658
|
-
return [3 /*break*/, 3];
|
|
23657
|
+
_a.trys.push([1, 4, , 5]);
|
|
23658
|
+
if (!onSubmit) return [3 /*break*/, 3];
|
|
23659
|
+
return [4 /*yield*/, onSubmit(data)];
|
|
23659
23660
|
case 2:
|
|
23661
|
+
_a.sent();
|
|
23662
|
+
_a.label = 3;
|
|
23663
|
+
case 3: return [3 /*break*/, 5];
|
|
23664
|
+
case 4:
|
|
23660
23665
|
error_1 = _a.sent();
|
|
23661
23666
|
errorMessage = "Произошла ошибка при отправке формы";
|
|
23662
|
-
|
|
23663
|
-
|
|
23664
|
-
|
|
23667
|
+
if (error_1 instanceof Error) {
|
|
23668
|
+
errorMessage = error_1.message;
|
|
23669
|
+
}
|
|
23670
|
+
setServerError(errorMessage);
|
|
23671
|
+
return [3 /*break*/, 5];
|
|
23672
|
+
case 5: return [2 /*return*/];
|
|
23665
23673
|
}
|
|
23666
23674
|
});
|
|
23667
23675
|
}); };
|
|
@@ -23673,17 +23681,25 @@ var PromFrom = function (_a) {
|
|
|
23673
23681
|
e.preventDefault();
|
|
23674
23682
|
}
|
|
23675
23683
|
}, children: render
|
|
23676
|
-
? render({
|
|
23684
|
+
? render({
|
|
23685
|
+
form: form,
|
|
23686
|
+
errors: errors,
|
|
23687
|
+
isSubmitting: isSubmitting,
|
|
23688
|
+
isValid: isValid,
|
|
23689
|
+
serverError: serverError,
|
|
23690
|
+
})
|
|
23677
23691
|
: children }) })));
|
|
23678
23692
|
};
|
|
23679
23693
|
var usePromForm = function () {
|
|
23694
|
+
var _a;
|
|
23680
23695
|
var form = reactHookForm.useFormContext();
|
|
23681
|
-
var
|
|
23696
|
+
var _b = form.formState, errors = _b.errors, isSubmitting = _b.isSubmitting, isValid = _b.isValid;
|
|
23682
23697
|
return {
|
|
23683
23698
|
form: form,
|
|
23684
23699
|
errors: errors,
|
|
23685
23700
|
isValid: isValid,
|
|
23686
23701
|
isSubmitting: isSubmitting,
|
|
23702
|
+
serverError: ((_a = form.getServerError) === null || _a === void 0 ? void 0 : _a.call(form)) || "",
|
|
23687
23703
|
reset: form.reset,
|
|
23688
23704
|
watch: form.watch,
|
|
23689
23705
|
control: form.control,
|
|
@@ -23691,6 +23707,7 @@ var usePromForm = function () {
|
|
|
23691
23707
|
register: form.register,
|
|
23692
23708
|
setValue: form.setValue,
|
|
23693
23709
|
getValues: form.getValues,
|
|
23710
|
+
setServerError: form.setServerError,
|
|
23694
23711
|
handleSubmit: form.handleSubmit,
|
|
23695
23712
|
};
|
|
23696
23713
|
};
|
|
@@ -23705,6 +23722,7 @@ var PromMessage = function () {
|
|
|
23705
23722
|
console.log(errors);
|
|
23706
23723
|
return jsxRuntimeExports.jsx("p", { children: "\u041E\u0448\u0438\u0431\u043A\u0430" });
|
|
23707
23724
|
}
|
|
23725
|
+
return null;
|
|
23708
23726
|
};
|
|
23709
23727
|
var useCreatePromForm = function (_a) {
|
|
23710
23728
|
var schema = _a.schema, defaultValues = _a.defaultValues;
|
package/build/ui/esm/index.js
CHANGED
|
@@ -23623,25 +23623,33 @@ var PromFrom = function (_a) {
|
|
|
23623
23623
|
resolver: schema ? a(schema) : undefined,
|
|
23624
23624
|
defaultValues: defaultValues,
|
|
23625
23625
|
});
|
|
23626
|
-
var
|
|
23627
|
-
var
|
|
23628
|
-
var _d =
|
|
23626
|
+
var _c = useState(""), serverError = _c[0], setServerError = _c[1];
|
|
23627
|
+
var form = externalForm || __assign(__assign({}, internalForm), { setServerError: setServerError, getServerError: function () { return serverError; } });
|
|
23628
|
+
var _d = form.formState, errors = _d.errors, isSubmitting = _d.isSubmitting, isValid = _d.isValid;
|
|
23629
23629
|
var handleOnSubmit = function (data) { return __awaiter(void 0, void 0, void 0, function () {
|
|
23630
23630
|
var error_1, errorMessage;
|
|
23631
23631
|
return __generator(this, function (_a) {
|
|
23632
23632
|
switch (_a.label) {
|
|
23633
23633
|
case 0:
|
|
23634
|
-
|
|
23635
|
-
|
|
23634
|
+
setServerError("");
|
|
23635
|
+
_a.label = 1;
|
|
23636
23636
|
case 1:
|
|
23637
|
-
_a.
|
|
23638
|
-
return [3 /*break*/, 3];
|
|
23637
|
+
_a.trys.push([1, 4, , 5]);
|
|
23638
|
+
if (!onSubmit) return [3 /*break*/, 3];
|
|
23639
|
+
return [4 /*yield*/, onSubmit(data)];
|
|
23639
23640
|
case 2:
|
|
23641
|
+
_a.sent();
|
|
23642
|
+
_a.label = 3;
|
|
23643
|
+
case 3: return [3 /*break*/, 5];
|
|
23644
|
+
case 4:
|
|
23640
23645
|
error_1 = _a.sent();
|
|
23641
23646
|
errorMessage = "Произошла ошибка при отправке формы";
|
|
23642
|
-
|
|
23643
|
-
|
|
23644
|
-
|
|
23647
|
+
if (error_1 instanceof Error) {
|
|
23648
|
+
errorMessage = error_1.message;
|
|
23649
|
+
}
|
|
23650
|
+
setServerError(errorMessage);
|
|
23651
|
+
return [3 /*break*/, 5];
|
|
23652
|
+
case 5: return [2 /*return*/];
|
|
23645
23653
|
}
|
|
23646
23654
|
});
|
|
23647
23655
|
}); };
|
|
@@ -23653,17 +23661,25 @@ var PromFrom = function (_a) {
|
|
|
23653
23661
|
e.preventDefault();
|
|
23654
23662
|
}
|
|
23655
23663
|
}, children: render
|
|
23656
|
-
? render({
|
|
23664
|
+
? render({
|
|
23665
|
+
form: form,
|
|
23666
|
+
errors: errors,
|
|
23667
|
+
isSubmitting: isSubmitting,
|
|
23668
|
+
isValid: isValid,
|
|
23669
|
+
serverError: serverError,
|
|
23670
|
+
})
|
|
23657
23671
|
: children }) })));
|
|
23658
23672
|
};
|
|
23659
23673
|
var usePromForm = function () {
|
|
23674
|
+
var _a;
|
|
23660
23675
|
var form = useFormContext();
|
|
23661
|
-
var
|
|
23676
|
+
var _b = form.formState, errors = _b.errors, isSubmitting = _b.isSubmitting, isValid = _b.isValid;
|
|
23662
23677
|
return {
|
|
23663
23678
|
form: form,
|
|
23664
23679
|
errors: errors,
|
|
23665
23680
|
isValid: isValid,
|
|
23666
23681
|
isSubmitting: isSubmitting,
|
|
23682
|
+
serverError: ((_a = form.getServerError) === null || _a === void 0 ? void 0 : _a.call(form)) || "",
|
|
23667
23683
|
reset: form.reset,
|
|
23668
23684
|
watch: form.watch,
|
|
23669
23685
|
control: form.control,
|
|
@@ -23671,6 +23687,7 @@ var usePromForm = function () {
|
|
|
23671
23687
|
register: form.register,
|
|
23672
23688
|
setValue: form.setValue,
|
|
23673
23689
|
getValues: form.getValues,
|
|
23690
|
+
setServerError: form.setServerError,
|
|
23674
23691
|
handleSubmit: form.handleSubmit,
|
|
23675
23692
|
};
|
|
23676
23693
|
};
|
|
@@ -23685,6 +23702,7 @@ var PromMessage = function () {
|
|
|
23685
23702
|
console.log(errors);
|
|
23686
23703
|
return jsxRuntimeExports.jsx("p", { children: "\u041E\u0448\u0438\u0431\u043A\u0430" });
|
|
23687
23704
|
}
|
|
23705
|
+
return null;
|
|
23688
23706
|
};
|
|
23689
23707
|
var useCreatePromForm = function (_a) {
|
|
23690
23708
|
var schema = _a.schema, defaultValues = _a.defaultValues;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "prom-pal-ui",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.5",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "build/cjs/index.js",
|
|
6
6
|
"module": "build/esm/index.js",
|
|
@@ -12,12 +12,12 @@
|
|
|
12
12
|
".": {
|
|
13
13
|
"import": "./build/ui/esm/index.js",
|
|
14
14
|
"require": "./build/ui/cjs/index.js",
|
|
15
|
-
"types": "./build/
|
|
15
|
+
"types": "./build/types/index.d.ts"
|
|
16
16
|
},
|
|
17
17
|
"./function": {
|
|
18
|
-
"import": "./build/
|
|
19
|
-
"require": "./build/
|
|
20
|
-
"types": "./build/
|
|
18
|
+
"import": "./build/function/esm/index.js",
|
|
19
|
+
"require": "./build/function/cjs/index.js",
|
|
20
|
+
"types": "./build/types/index.d.ts"
|
|
21
21
|
}
|
|
22
22
|
},
|
|
23
23
|
"publishConfig": {
|