@cedarjs/forms 6.0.0-canary.2773 → 6.0.0-canary.2776
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/dist/CheckboxField.js +9 -43
- package/dist/FieldError.js +7 -41
- package/dist/FieldProps.js +0 -16
- package/dist/Form.js +11 -45
- package/dist/FormError.js +5 -35
- package/dist/InputComponents.js +11 -66
- package/dist/Label.js +6 -40
- package/dist/SelectField.js +9 -43
- package/dist/ServerErrorsContext.js +4 -38
- package/dist/Submit.js +4 -38
- package/dist/TextAreaField.js +9 -43
- package/dist/coercion.js +2 -26
- package/dist/index.js +40 -85
- package/dist/useErrorStyles.js +9 -43
- package/dist/useRegister.js +6 -30
- package/package.json +6 -8
package/dist/CheckboxField.js
CHANGED
|
@@ -1,40 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var CheckboxField_exports = {};
|
|
30
|
-
__export(CheckboxField_exports, {
|
|
31
|
-
CheckboxField: () => CheckboxField
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(CheckboxField_exports);
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_useErrorStyles = require("./useErrorStyles.js");
|
|
36
|
-
var import_useRegister = require("./useRegister.js");
|
|
37
|
-
const CheckboxField = (0, import_react.forwardRef)(
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
|
+
import { useErrorStyles } from "./useErrorStyles.js";
|
|
3
|
+
import { useRegister } from "./useRegister.js";
|
|
4
|
+
const CheckboxField = forwardRef(
|
|
38
5
|
({
|
|
39
6
|
name,
|
|
40
7
|
id,
|
|
@@ -49,7 +16,7 @@ const CheckboxField = (0, import_react.forwardRef)(
|
|
|
49
16
|
onChange,
|
|
50
17
|
...rest
|
|
51
18
|
}, ref) => {
|
|
52
|
-
const styles =
|
|
19
|
+
const styles = useErrorStyles({
|
|
53
20
|
name,
|
|
54
21
|
errorClassName,
|
|
55
22
|
errorStyle,
|
|
@@ -57,7 +24,7 @@ const CheckboxField = (0, import_react.forwardRef)(
|
|
|
57
24
|
style
|
|
58
25
|
});
|
|
59
26
|
const type = "checkbox";
|
|
60
|
-
const useRegisterReturn =
|
|
27
|
+
const useRegisterReturn = useRegister(
|
|
61
28
|
{
|
|
62
29
|
name,
|
|
63
30
|
validation,
|
|
@@ -67,7 +34,7 @@ const CheckboxField = (0, import_react.forwardRef)(
|
|
|
67
34
|
},
|
|
68
35
|
ref
|
|
69
36
|
);
|
|
70
|
-
return /* @__PURE__ */
|
|
37
|
+
return /* @__PURE__ */ React.createElement(
|
|
71
38
|
"input",
|
|
72
39
|
{
|
|
73
40
|
id: id || name,
|
|
@@ -79,7 +46,6 @@ const CheckboxField = (0, import_react.forwardRef)(
|
|
|
79
46
|
);
|
|
80
47
|
}
|
|
81
48
|
);
|
|
82
|
-
|
|
83
|
-
0 && (module.exports = {
|
|
49
|
+
export {
|
|
84
50
|
CheckboxField
|
|
85
|
-
}
|
|
51
|
+
};
|
package/dist/FieldError.js
CHANGED
|
@@ -1,38 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var FieldError_exports = {};
|
|
30
|
-
__export(FieldError_exports, {
|
|
31
|
-
FieldError: () => FieldError
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(FieldError_exports);
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_react_hook_form = require("react-hook-form");
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { get, useFormContext } from "react-hook-form";
|
|
36
3
|
const DEFAULT_MESSAGES = {
|
|
37
4
|
required: "is required",
|
|
38
5
|
pattern: "is not formatted correctly",
|
|
@@ -45,12 +12,11 @@ const DEFAULT_MESSAGES = {
|
|
|
45
12
|
const FieldError = ({ name, ...rest }) => {
|
|
46
13
|
const {
|
|
47
14
|
formState: { errors }
|
|
48
|
-
} =
|
|
49
|
-
const validationError =
|
|
15
|
+
} = useFormContext();
|
|
16
|
+
const validationError = get(errors, name);
|
|
50
17
|
const errorMessage = validationError && (validationError.message || `${name} ${DEFAULT_MESSAGES[validationError.type]}`);
|
|
51
|
-
return validationError ? /* @__PURE__ */
|
|
18
|
+
return validationError ? /* @__PURE__ */ React.createElement("span", { ...rest }, errorMessage) : null;
|
|
52
19
|
};
|
|
53
|
-
|
|
54
|
-
0 && (module.exports = {
|
|
20
|
+
export {
|
|
55
21
|
FieldError
|
|
56
|
-
}
|
|
22
|
+
};
|
package/dist/FieldProps.js
CHANGED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __copyProps = (to, from, except, desc) => {
|
|
7
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
|
-
for (let key of __getOwnPropNames(from))
|
|
9
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
10
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
11
|
-
}
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
15
|
-
var FieldProps_exports = {};
|
|
16
|
-
module.exports = __toCommonJS(FieldProps_exports);
|
package/dist/Form.js
CHANGED
|
@@ -1,39 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var Form_exports = {};
|
|
30
|
-
__export(Form_exports, {
|
|
31
|
-
Form: () => Form
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(Form_exports);
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_react_hook_form = require("react-hook-form");
|
|
36
|
-
var import_ServerErrorsContext = require("./ServerErrorsContext.js");
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
|
+
import { useForm, FormProvider } from "react-hook-form";
|
|
3
|
+
import { ServerErrorsContext } from "./ServerErrorsContext.js";
|
|
37
4
|
function FormInner({
|
|
38
5
|
config,
|
|
39
6
|
error: errorProps,
|
|
@@ -42,11 +9,11 @@ function FormInner({
|
|
|
42
9
|
children,
|
|
43
10
|
...rest
|
|
44
11
|
}, ref) {
|
|
45
|
-
const hookFormMethods =
|
|
12
|
+
const hookFormMethods = useForm(
|
|
46
13
|
config
|
|
47
14
|
);
|
|
48
15
|
const formMethods = propFormMethods || hookFormMethods;
|
|
49
|
-
return /* @__PURE__ */
|
|
16
|
+
return /* @__PURE__ */ React.createElement(
|
|
50
17
|
"form",
|
|
51
18
|
{
|
|
52
19
|
ref,
|
|
@@ -55,8 +22,8 @@ function FormInner({
|
|
|
55
22
|
(data, event) => onSubmit?.(data, event)
|
|
56
23
|
)
|
|
57
24
|
},
|
|
58
|
-
/* @__PURE__ */
|
|
59
|
-
|
|
25
|
+
/* @__PURE__ */ React.createElement(
|
|
26
|
+
ServerErrorsContext.Provider,
|
|
60
27
|
{
|
|
61
28
|
value: (
|
|
62
29
|
// Apollo Client 4 stores GraphQL errors in `errors`
|
|
@@ -65,12 +32,11 @@ function FormInner({
|
|
|
65
32
|
errorProps?.graphQLErrors?.[0]?.extensions?.properties?.messages || errorProps?.errors?.[0]?.extensions?.properties?.messages || {}
|
|
66
33
|
)
|
|
67
34
|
},
|
|
68
|
-
/* @__PURE__ */
|
|
35
|
+
/* @__PURE__ */ React.createElement(FormProvider, { ...formMethods }, children)
|
|
69
36
|
)
|
|
70
37
|
);
|
|
71
38
|
}
|
|
72
|
-
const Form =
|
|
73
|
-
|
|
74
|
-
0 && (module.exports = {
|
|
39
|
+
const Form = forwardRef(FormInner);
|
|
40
|
+
export {
|
|
75
41
|
Form
|
|
76
|
-
}
|
|
42
|
+
};
|
package/dist/FormError.js
CHANGED
|
@@ -1,37 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var FormError_exports = {};
|
|
30
|
-
__export(FormError_exports, {
|
|
31
|
-
default: () => FormError_default
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(FormError_exports);
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
1
|
+
import React from "react";
|
|
35
2
|
const FormError = ({
|
|
36
3
|
error,
|
|
37
4
|
wrapperClassName,
|
|
@@ -92,6 +59,9 @@ const FormError = ({
|
|
|
92
59
|
if (!rootMessage) {
|
|
93
60
|
return null;
|
|
94
61
|
}
|
|
95
|
-
return /* @__PURE__ */
|
|
62
|
+
return /* @__PURE__ */ React.createElement("div", { className: wrapperClassName, style: wrapperStyle }, /* @__PURE__ */ React.createElement("p", { className: titleClassName, style: titleStyle }, rootMessage), messages.length > 0 && /* @__PURE__ */ React.createElement("ul", { className: listClassName, style: listStyle }, messages.map((message, index) => /* @__PURE__ */ React.createElement("li", { key: index, className: listItemClassName, style: listItemStyle }, message))));
|
|
96
63
|
};
|
|
97
64
|
var FormError_default = FormError;
|
|
65
|
+
export {
|
|
66
|
+
FormError_default as default
|
|
67
|
+
};
|
package/dist/InputComponents.js
CHANGED
|
@@ -1,61 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var InputComponents_exports = {};
|
|
30
|
-
__export(InputComponents_exports, {
|
|
31
|
-
ButtonField: () => ButtonField,
|
|
32
|
-
ColorField: () => ColorField,
|
|
33
|
-
DateField: () => DateField,
|
|
34
|
-
DatetimeLocalField: () => DatetimeLocalField,
|
|
35
|
-
EmailField: () => EmailField,
|
|
36
|
-
FileField: () => FileField,
|
|
37
|
-
HiddenField: () => HiddenField,
|
|
38
|
-
ImageField: () => ImageField,
|
|
39
|
-
InputField: () => InputField,
|
|
40
|
-
MonthField: () => MonthField,
|
|
41
|
-
NumberField: () => NumberField,
|
|
42
|
-
PasswordField: () => PasswordField,
|
|
43
|
-
RadioField: () => RadioField,
|
|
44
|
-
RangeField: () => RangeField,
|
|
45
|
-
ResetField: () => ResetField,
|
|
46
|
-
SearchField: () => SearchField,
|
|
47
|
-
SubmitField: () => SubmitField,
|
|
48
|
-
TelField: () => TelField,
|
|
49
|
-
TextField: () => TextField,
|
|
50
|
-
TimeField: () => TimeField,
|
|
51
|
-
UrlField: () => UrlField,
|
|
52
|
-
WeekField: () => WeekField
|
|
53
|
-
});
|
|
54
|
-
module.exports = __toCommonJS(InputComponents_exports);
|
|
55
|
-
var import_react = __toESM(require("react"));
|
|
56
|
-
var import_pascalcase = __toESM(require("pascalcase"));
|
|
57
|
-
var import_useErrorStyles = require("./useErrorStyles.js");
|
|
58
|
-
var import_useRegister = require("./useRegister.js");
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
|
+
import pascalcase from "pascalcase";
|
|
3
|
+
import { useErrorStyles } from "./useErrorStyles.js";
|
|
4
|
+
import { useRegister } from "./useRegister.js";
|
|
59
5
|
const INPUT_TYPES = [
|
|
60
6
|
"button",
|
|
61
7
|
"color",
|
|
@@ -79,7 +25,7 @@ const INPUT_TYPES = [
|
|
|
79
25
|
"url",
|
|
80
26
|
"week"
|
|
81
27
|
];
|
|
82
|
-
const InputField =
|
|
28
|
+
const InputField = forwardRef(
|
|
83
29
|
({
|
|
84
30
|
name,
|
|
85
31
|
id,
|
|
@@ -96,14 +42,14 @@ const InputField = (0, import_react.forwardRef)(
|
|
|
96
42
|
type,
|
|
97
43
|
...rest
|
|
98
44
|
}, ref) => {
|
|
99
|
-
const styles =
|
|
45
|
+
const styles = useErrorStyles({
|
|
100
46
|
name,
|
|
101
47
|
errorClassName,
|
|
102
48
|
errorStyle,
|
|
103
49
|
className,
|
|
104
50
|
style
|
|
105
51
|
});
|
|
106
|
-
const useRegisterReturn =
|
|
52
|
+
const useRegisterReturn = useRegister(
|
|
107
53
|
{
|
|
108
54
|
name,
|
|
109
55
|
validation,
|
|
@@ -114,7 +60,7 @@ const InputField = (0, import_react.forwardRef)(
|
|
|
114
60
|
ref,
|
|
115
61
|
emptyAs
|
|
116
62
|
);
|
|
117
|
-
return /* @__PURE__ */
|
|
63
|
+
return /* @__PURE__ */ React.createElement(
|
|
118
64
|
"input",
|
|
119
65
|
{
|
|
120
66
|
id: id || name,
|
|
@@ -128,7 +74,7 @@ const InputField = (0, import_react.forwardRef)(
|
|
|
128
74
|
);
|
|
129
75
|
const InputComponents = {};
|
|
130
76
|
INPUT_TYPES.forEach((type) => {
|
|
131
|
-
InputComponents[`${(
|
|
77
|
+
InputComponents[`${pascalcase(type)}Field`] = forwardRef((props, ref) => /* @__PURE__ */ React.createElement(InputField, { ref, type, ...props }));
|
|
132
78
|
});
|
|
133
79
|
const {
|
|
134
80
|
ButtonField,
|
|
@@ -153,8 +99,7 @@ const {
|
|
|
153
99
|
UrlField,
|
|
154
100
|
WeekField
|
|
155
101
|
} = InputComponents;
|
|
156
|
-
|
|
157
|
-
0 && (module.exports = {
|
|
102
|
+
export {
|
|
158
103
|
ButtonField,
|
|
159
104
|
ColorField,
|
|
160
105
|
DateField,
|
|
@@ -177,4 +122,4 @@ const {
|
|
|
177
122
|
TimeField,
|
|
178
123
|
UrlField,
|
|
179
124
|
WeekField
|
|
180
|
-
}
|
|
125
|
+
};
|
package/dist/Label.js
CHANGED
|
@@ -1,38 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var Label_exports = {};
|
|
30
|
-
__export(Label_exports, {
|
|
31
|
-
Label: () => Label
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(Label_exports);
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_useErrorStyles = require("./useErrorStyles.js");
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useErrorStyles } from "./useErrorStyles.js";
|
|
36
3
|
const Label = ({
|
|
37
4
|
name,
|
|
38
5
|
children,
|
|
@@ -43,16 +10,15 @@ const Label = ({
|
|
|
43
10
|
style,
|
|
44
11
|
...rest
|
|
45
12
|
}) => {
|
|
46
|
-
const styles =
|
|
13
|
+
const styles = useErrorStyles({
|
|
47
14
|
name,
|
|
48
15
|
errorClassName,
|
|
49
16
|
errorStyle,
|
|
50
17
|
className,
|
|
51
18
|
style
|
|
52
19
|
});
|
|
53
|
-
return /* @__PURE__ */
|
|
20
|
+
return /* @__PURE__ */ React.createElement("label", { htmlFor: name, ...rest, ...styles }, children || name);
|
|
54
21
|
};
|
|
55
|
-
|
|
56
|
-
0 && (module.exports = {
|
|
22
|
+
export {
|
|
57
23
|
Label
|
|
58
|
-
}
|
|
24
|
+
};
|
package/dist/SelectField.js
CHANGED
|
@@ -1,40 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var SelectField_exports = {};
|
|
30
|
-
__export(SelectField_exports, {
|
|
31
|
-
SelectField: () => SelectField
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(SelectField_exports);
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_useErrorStyles = require("./useErrorStyles.js");
|
|
36
|
-
var import_useRegister = require("./useRegister.js");
|
|
37
|
-
const SelectField = (0, import_react.forwardRef)(
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
|
+
import { useErrorStyles } from "./useErrorStyles.js";
|
|
3
|
+
import { useRegister } from "./useRegister.js";
|
|
4
|
+
const SelectField = forwardRef(
|
|
38
5
|
({
|
|
39
6
|
name,
|
|
40
7
|
id,
|
|
@@ -50,14 +17,14 @@ const SelectField = (0, import_react.forwardRef)(
|
|
|
50
17
|
onChange,
|
|
51
18
|
...rest
|
|
52
19
|
}, ref) => {
|
|
53
|
-
const styles =
|
|
20
|
+
const styles = useErrorStyles({
|
|
54
21
|
name,
|
|
55
22
|
errorClassName,
|
|
56
23
|
errorStyle,
|
|
57
24
|
className,
|
|
58
25
|
style
|
|
59
26
|
});
|
|
60
|
-
const useRegisterReturn =
|
|
27
|
+
const useRegisterReturn = useRegister(
|
|
61
28
|
{
|
|
62
29
|
name,
|
|
63
30
|
validation,
|
|
@@ -67,10 +34,9 @@ const SelectField = (0, import_react.forwardRef)(
|
|
|
67
34
|
ref,
|
|
68
35
|
emptyAs
|
|
69
36
|
);
|
|
70
|
-
return /* @__PURE__ */
|
|
37
|
+
return /* @__PURE__ */ React.createElement("select", { id: id || name, ...rest, ...styles, ...useRegisterReturn });
|
|
71
38
|
}
|
|
72
39
|
);
|
|
73
|
-
|
|
74
|
-
0 && (module.exports = {
|
|
40
|
+
export {
|
|
75
41
|
SelectField
|
|
76
|
-
}
|
|
42
|
+
};
|
|
@@ -1,39 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var ServerErrorsContext_exports = {};
|
|
30
|
-
__export(ServerErrorsContext_exports, {
|
|
31
|
-
ServerErrorsContext: () => ServerErrorsContext
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(ServerErrorsContext_exports);
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
const ServerErrorsContext = import_react.default.createContext({});
|
|
36
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
37
|
-
0 && (module.exports = {
|
|
1
|
+
import React from "react";
|
|
2
|
+
const ServerErrorsContext = React.createContext({});
|
|
3
|
+
export {
|
|
38
4
|
ServerErrorsContext
|
|
39
|
-
}
|
|
5
|
+
};
|
package/dist/Submit.js
CHANGED
|
@@ -1,39 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var Submit_exports = {};
|
|
30
|
-
__export(Submit_exports, {
|
|
31
|
-
Submit: () => Submit
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(Submit_exports);
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
const Submit = (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ import_react.default.createElement("button", { ref, type: "submit", ...props }));
|
|
36
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
37
|
-
0 && (module.exports = {
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
|
+
const Submit = forwardRef((props, ref) => /* @__PURE__ */ React.createElement("button", { ref, type: "submit", ...props }));
|
|
3
|
+
export {
|
|
38
4
|
Submit
|
|
39
|
-
}
|
|
5
|
+
};
|
package/dist/TextAreaField.js
CHANGED
|
@@ -1,40 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var TextAreaField_exports = {};
|
|
30
|
-
__export(TextAreaField_exports, {
|
|
31
|
-
TextAreaField: () => TextAreaField
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(TextAreaField_exports);
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_useErrorStyles = require("./useErrorStyles.js");
|
|
36
|
-
var import_useRegister = require("./useRegister.js");
|
|
37
|
-
const TextAreaField = (0, import_react.forwardRef)(
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
|
+
import { useErrorStyles } from "./useErrorStyles.js";
|
|
3
|
+
import { useRegister } from "./useRegister.js";
|
|
4
|
+
const TextAreaField = forwardRef(
|
|
38
5
|
({
|
|
39
6
|
name,
|
|
40
7
|
id,
|
|
@@ -50,14 +17,14 @@ const TextAreaField = (0, import_react.forwardRef)(
|
|
|
50
17
|
onChange,
|
|
51
18
|
...rest
|
|
52
19
|
}, ref) => {
|
|
53
|
-
const styles =
|
|
20
|
+
const styles = useErrorStyles({
|
|
54
21
|
name,
|
|
55
22
|
errorClassName,
|
|
56
23
|
errorStyle,
|
|
57
24
|
className,
|
|
58
25
|
style
|
|
59
26
|
});
|
|
60
|
-
const useRegisterReturn =
|
|
27
|
+
const useRegisterReturn = useRegister(
|
|
61
28
|
{
|
|
62
29
|
name,
|
|
63
30
|
validation,
|
|
@@ -67,10 +34,9 @@ const TextAreaField = (0, import_react.forwardRef)(
|
|
|
67
34
|
ref,
|
|
68
35
|
emptyAs
|
|
69
36
|
);
|
|
70
|
-
return /* @__PURE__ */
|
|
37
|
+
return /* @__PURE__ */ React.createElement("textarea", { id: id || name, ...rest, ...styles, ...useRegisterReturn });
|
|
71
38
|
}
|
|
72
39
|
);
|
|
73
|
-
|
|
74
|
-
0 && (module.exports = {
|
|
40
|
+
export {
|
|
75
41
|
TextAreaField
|
|
76
|
-
}
|
|
42
|
+
};
|
package/dist/coercion.js
CHANGED
|
@@ -1,26 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var coercion_exports = {};
|
|
20
|
-
__export(coercion_exports, {
|
|
21
|
-
setCoercion: () => setCoercion
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(coercion_exports);
|
|
24
1
|
const isValueEmpty = (val) => val === "";
|
|
25
2
|
const SET_VALUE_AS_FUNCTIONS = {
|
|
26
3
|
// valueAsBoolean is commented out as r-h-f does not currently support
|
|
@@ -172,7 +149,6 @@ const setCoercion = (validation, { type, name, emptyAs }) => {
|
|
|
172
149
|
// isId
|
|
173
150
|
);
|
|
174
151
|
};
|
|
175
|
-
|
|
176
|
-
0 && (module.exports = {
|
|
152
|
+
export {
|
|
177
153
|
setCoercion
|
|
178
|
-
}
|
|
154
|
+
};
|
package/dist/index.js
CHANGED
|
@@ -1,84 +1,40 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
FieldError: () => import_FieldError.FieldError,
|
|
39
|
-
FileField: () => import_InputComponents.FileField,
|
|
40
|
-
Form: () => import_Form.Form,
|
|
41
|
-
FormError: () => import_FormError.default,
|
|
42
|
-
HiddenField: () => import_InputComponents.HiddenField,
|
|
43
|
-
ImageField: () => import_InputComponents.ImageField,
|
|
44
|
-
InputField: () => import_InputComponents.InputField,
|
|
45
|
-
Label: () => import_Label.Label,
|
|
46
|
-
MonthField: () => import_InputComponents.MonthField,
|
|
47
|
-
NumberField: () => import_InputComponents.NumberField,
|
|
48
|
-
PasswordField: () => import_InputComponents.PasswordField,
|
|
49
|
-
RadioField: () => import_InputComponents.RadioField,
|
|
50
|
-
RangeField: () => import_InputComponents.RangeField,
|
|
51
|
-
ResetField: () => import_InputComponents.ResetField,
|
|
52
|
-
SearchField: () => import_InputComponents.SearchField,
|
|
53
|
-
SelectField: () => import_SelectField.SelectField,
|
|
54
|
-
ServerErrorsContext: () => import_ServerErrorsContext.ServerErrorsContext,
|
|
55
|
-
Submit: () => import_Submit.Submit,
|
|
56
|
-
SubmitField: () => import_InputComponents.SubmitField,
|
|
57
|
-
TelField: () => import_InputComponents.TelField,
|
|
58
|
-
TextAreaField: () => import_TextAreaField.TextAreaField,
|
|
59
|
-
TextField: () => import_InputComponents.TextField,
|
|
60
|
-
TimeField: () => import_InputComponents.TimeField,
|
|
61
|
-
UrlField: () => import_InputComponents.UrlField,
|
|
62
|
-
WeekField: () => import_InputComponents.WeekField,
|
|
63
|
-
useErrorStyles: () => import_useErrorStyles.useErrorStyles,
|
|
64
|
-
useRegister: () => import_useRegister.useRegister
|
|
65
|
-
});
|
|
66
|
-
module.exports = __toCommonJS(index_exports);
|
|
67
|
-
__reExport(index_exports, require("react-hook-form"), module.exports);
|
|
68
|
-
var import_CheckboxField = require("./CheckboxField.js");
|
|
69
|
-
var import_FieldError = require("./FieldError.js");
|
|
70
|
-
var import_Form = require("./Form.js");
|
|
71
|
-
var import_FormError = __toESM(require("./FormError.js"));
|
|
72
|
-
var import_InputComponents = require("./InputComponents.js");
|
|
73
|
-
var import_Label = require("./Label.js");
|
|
74
|
-
var import_SelectField = require("./SelectField.js");
|
|
75
|
-
var import_ServerErrorsContext = require("./ServerErrorsContext.js");
|
|
76
|
-
var import_Submit = require("./Submit.js");
|
|
77
|
-
var import_TextAreaField = require("./TextAreaField.js");
|
|
78
|
-
var import_useErrorStyles = require("./useErrorStyles.js");
|
|
79
|
-
var import_useRegister = require("./useRegister.js");
|
|
80
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
81
|
-
0 && (module.exports = {
|
|
1
|
+
export * from "react-hook-form";
|
|
2
|
+
import { CheckboxField } from "./CheckboxField.js";
|
|
3
|
+
import { FieldError } from "./FieldError.js";
|
|
4
|
+
import { Form } from "./Form.js";
|
|
5
|
+
import { default as default2 } from "./FormError.js";
|
|
6
|
+
import {
|
|
7
|
+
InputField,
|
|
8
|
+
ButtonField,
|
|
9
|
+
ColorField,
|
|
10
|
+
DateField,
|
|
11
|
+
DatetimeLocalField,
|
|
12
|
+
EmailField,
|
|
13
|
+
FileField,
|
|
14
|
+
HiddenField,
|
|
15
|
+
ImageField,
|
|
16
|
+
MonthField,
|
|
17
|
+
NumberField,
|
|
18
|
+
PasswordField,
|
|
19
|
+
RadioField,
|
|
20
|
+
RangeField,
|
|
21
|
+
ResetField,
|
|
22
|
+
SearchField,
|
|
23
|
+
SubmitField,
|
|
24
|
+
TelField,
|
|
25
|
+
TextField,
|
|
26
|
+
TimeField,
|
|
27
|
+
UrlField,
|
|
28
|
+
WeekField
|
|
29
|
+
} from "./InputComponents.js";
|
|
30
|
+
import { Label } from "./Label.js";
|
|
31
|
+
import { SelectField } from "./SelectField.js";
|
|
32
|
+
import { ServerErrorsContext } from "./ServerErrorsContext.js";
|
|
33
|
+
import { Submit } from "./Submit.js";
|
|
34
|
+
import { TextAreaField } from "./TextAreaField.js";
|
|
35
|
+
import { useErrorStyles } from "./useErrorStyles.js";
|
|
36
|
+
import { useRegister } from "./useRegister.js";
|
|
37
|
+
export {
|
|
82
38
|
ButtonField,
|
|
83
39
|
CheckboxField,
|
|
84
40
|
ColorField,
|
|
@@ -88,7 +44,7 @@ var import_useRegister = require("./useRegister.js");
|
|
|
88
44
|
FieldError,
|
|
89
45
|
FileField,
|
|
90
46
|
Form,
|
|
91
|
-
FormError,
|
|
47
|
+
default2 as FormError,
|
|
92
48
|
HiddenField,
|
|
93
49
|
ImageField,
|
|
94
50
|
InputField,
|
|
@@ -111,6 +67,5 @@ var import_useRegister = require("./useRegister.js");
|
|
|
111
67
|
UrlField,
|
|
112
68
|
WeekField,
|
|
113
69
|
useErrorStyles,
|
|
114
|
-
useRegister
|
|
115
|
-
|
|
116
|
-
});
|
|
70
|
+
useRegister
|
|
71
|
+
};
|
package/dist/useErrorStyles.js
CHANGED
|
@@ -1,39 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var useErrorStyles_exports = {};
|
|
30
|
-
__export(useErrorStyles_exports, {
|
|
31
|
-
useErrorStyles: () => useErrorStyles
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(useErrorStyles_exports);
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_react_hook_form = require("react-hook-form");
|
|
36
|
-
var import_ServerErrorsContext = require("./ServerErrorsContext.js");
|
|
1
|
+
import React, { useContext } from "react";
|
|
2
|
+
import { get, useFormContext } from "react-hook-form";
|
|
3
|
+
import { ServerErrorsContext } from "./ServerErrorsContext.js";
|
|
37
4
|
const useErrorStyles = ({
|
|
38
5
|
name,
|
|
39
6
|
errorClassName,
|
|
@@ -44,14 +11,14 @@ const useErrorStyles = ({
|
|
|
44
11
|
const {
|
|
45
12
|
formState: { errors },
|
|
46
13
|
setError
|
|
47
|
-
} =
|
|
48
|
-
const serverError =
|
|
49
|
-
|
|
14
|
+
} = useFormContext();
|
|
15
|
+
const serverError = useContext(ServerErrorsContext)[name];
|
|
16
|
+
React.useEffect(() => {
|
|
50
17
|
if (serverError) {
|
|
51
18
|
setError(name, { type: "server", message: serverError });
|
|
52
19
|
}
|
|
53
20
|
}, [serverError, name, setError]);
|
|
54
|
-
const validationError = name ?
|
|
21
|
+
const validationError = name ? get(errors, name) : void 0;
|
|
55
22
|
if (validationError) {
|
|
56
23
|
if (errorClassName) {
|
|
57
24
|
className = errorClassName;
|
|
@@ -62,7 +29,6 @@ const useErrorStyles = ({
|
|
|
62
29
|
}
|
|
63
30
|
return { className, style };
|
|
64
31
|
};
|
|
65
|
-
|
|
66
|
-
0 && (module.exports = {
|
|
32
|
+
export {
|
|
67
33
|
useErrorStyles
|
|
68
|
-
}
|
|
34
|
+
};
|
package/dist/useRegister.js
CHANGED
|
@@ -1,36 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var useRegister_exports = {};
|
|
20
|
-
__export(useRegister_exports, {
|
|
21
|
-
useRegister: () => useRegister
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(useRegister_exports);
|
|
24
|
-
var import_react_hook_form = require("react-hook-form");
|
|
25
|
-
var import_coercion = require("./coercion.js");
|
|
1
|
+
import { useFormContext } from "react-hook-form";
|
|
2
|
+
import { setCoercion } from "./coercion.js";
|
|
26
3
|
const useRegister = (props, ref, emptyAs) => {
|
|
27
|
-
const { register } =
|
|
4
|
+
const { register } = useFormContext();
|
|
28
5
|
const { name } = props;
|
|
29
6
|
if (!name) {
|
|
30
7
|
throw Error("`name` prop must be provided");
|
|
31
8
|
}
|
|
32
9
|
const validation = props.validation || { required: false };
|
|
33
|
-
|
|
10
|
+
setCoercion(validation, {
|
|
34
11
|
type: props.type,
|
|
35
12
|
name,
|
|
36
13
|
emptyAs
|
|
@@ -63,7 +40,6 @@ const useRegister = (props, ref, emptyAs) => {
|
|
|
63
40
|
onChange
|
|
64
41
|
};
|
|
65
42
|
};
|
|
66
|
-
|
|
67
|
-
0 && (module.exports = {
|
|
43
|
+
export {
|
|
68
44
|
useRegister
|
|
69
|
-
}
|
|
45
|
+
};
|
package/package.json
CHANGED
|
@@ -1,19 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cedarjs/forms",
|
|
3
|
-
"version": "6.0.0-canary.
|
|
3
|
+
"version": "6.0.0-canary.2776",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/cedarjs/cedar.git",
|
|
7
7
|
"directory": "packages/forms"
|
|
8
8
|
},
|
|
9
9
|
"license": "MIT",
|
|
10
|
-
"type": "
|
|
10
|
+
"type": "module",
|
|
11
11
|
"exports": {
|
|
12
12
|
".": {
|
|
13
|
-
"
|
|
14
|
-
|
|
15
|
-
"default": "./dist/index.js"
|
|
16
|
-
}
|
|
13
|
+
"types": "./dist/index.d.ts",
|
|
14
|
+
"default": "./dist/index.js"
|
|
17
15
|
}
|
|
18
16
|
},
|
|
19
17
|
"main": "./dist/index.js",
|
|
@@ -22,7 +20,7 @@
|
|
|
22
20
|
"dist"
|
|
23
21
|
],
|
|
24
22
|
"scripts": {
|
|
25
|
-
"build": "node ./build.mts
|
|
23
|
+
"build": "node ./build.mts",
|
|
26
24
|
"build:pack": "yarn pack -o cedarjs-forms.tgz",
|
|
27
25
|
"build:types": "tsc --build --verbose ./tsconfig.build.json",
|
|
28
26
|
"build:watch": "nodemon --watch src --ext \"js,jsx,ts,tsx\" --ignore dist --exec \"yarn build\"",
|
|
@@ -38,7 +36,7 @@
|
|
|
38
36
|
"react-hook-form": "7.74.0"
|
|
39
37
|
},
|
|
40
38
|
"devDependencies": {
|
|
41
|
-
"@cedarjs/framework-tools": "6.0.0-canary.
|
|
39
|
+
"@cedarjs/framework-tools": "6.0.0-canary.2776",
|
|
42
40
|
"@testing-library/dom": "10.4.1",
|
|
43
41
|
"@testing-library/jest-dom": "6.9.1",
|
|
44
42
|
"@testing-library/react": "16.3.2",
|