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.
@@ -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?: any;
11
+ serverError?: string;
8
12
  isSubmitting: boolean;
9
13
  errors: Record<string, any>;
10
- form: UseFormReturn<z.infer<any>>;
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?: UseFormReturn<z.infer<any>>;
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: UseFormReturn<T, any, T>;
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
- type PromFormFiledProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = ControllerProps<TFieldValues, TName>;
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>;
@@ -23643,25 +23643,33 @@ var PromFrom = function (_a) {
23643
23643
  resolver: schema ? a(schema) : undefined,
23644
23644
  defaultValues: defaultValues,
23645
23645
  });
23646
- var form = externalForm || internalForm;
23647
- var _c = form.formState, errors = _c.errors, isSubmitting = _c.isSubmitting, isValid = _c.isValid;
23648
- var _d = React.useState(""), serverError = _d[0], setServerError = _d[1];
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
- _a.trys.push([0, 2, , 3]);
23655
- return [4 /*yield*/, onSubmit(data)];
23654
+ setServerError("");
23655
+ _a.label = 1;
23656
23656
  case 1:
23657
- _a.sent();
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
- setServerError(error_1 || errorMessage);
23663
- throw error_1;
23664
- case 3: return [2 /*return*/];
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({ form: form, errors: errors, isSubmitting: isSubmitting, isValid: isValid, serverError: serverError })
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 _a = form.formState, errors = _a.errors, isSubmitting = _a.isSubmitting, isValid = _a.isValid;
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;
@@ -23623,25 +23623,33 @@ var PromFrom = function (_a) {
23623
23623
  resolver: schema ? a(schema) : undefined,
23624
23624
  defaultValues: defaultValues,
23625
23625
  });
23626
- var form = externalForm || internalForm;
23627
- var _c = form.formState, errors = _c.errors, isSubmitting = _c.isSubmitting, isValid = _c.isValid;
23628
- var _d = useState(""), serverError = _d[0], setServerError = _d[1];
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
- _a.trys.push([0, 2, , 3]);
23635
- return [4 /*yield*/, onSubmit(data)];
23634
+ setServerError("");
23635
+ _a.label = 1;
23636
23636
  case 1:
23637
- _a.sent();
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
- setServerError(error_1 || errorMessage);
23643
- throw error_1;
23644
- case 3: return [2 /*return*/];
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({ form: form, errors: errors, isSubmitting: isSubmitting, isValid: isValid, serverError: serverError })
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 _a = form.formState, errors = _a.errors, isSubmitting = _a.isSubmitting, isValid = _a.isValid;
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",
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/ui/types/index.d.ts"
15
+ "types": "./build/types/index.d.ts"
16
16
  },
17
17
  "./function": {
18
- "import": "./build/ui/esm/index.js",
19
- "require": "./build/ui/cjs/index.js",
20
- "types": "./build/ui/types/index.d.ts"
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": {