@cedarjs/forms 5.0.7-next.336 → 5.0.7-rc.3
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 +43 -9
- package/dist/FieldError.js +41 -7
- package/dist/FieldProps.js +16 -0
- package/dist/Form.js +45 -11
- package/dist/FormError.js +35 -5
- package/dist/InputComponents.js +66 -11
- package/dist/Label.js +40 -6
- package/dist/SelectField.js +43 -9
- package/dist/ServerErrorsContext.js +38 -4
- package/dist/Submit.js +38 -4
- package/dist/TextAreaField.js +43 -9
- package/dist/coercion.js +26 -2
- package/dist/index.js +85 -40
- package/dist/useErrorStyles.js +43 -9
- package/dist/useRegister.js +30 -6
- package/package.json +14 -12
package/dist/CheckboxField.js
CHANGED
|
@@ -1,7 +1,40 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
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 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)(
|
|
5
38
|
({
|
|
6
39
|
name,
|
|
7
40
|
id,
|
|
@@ -16,7 +49,7 @@ const CheckboxField = forwardRef(
|
|
|
16
49
|
onChange,
|
|
17
50
|
...rest
|
|
18
51
|
}, ref) => {
|
|
19
|
-
const styles = useErrorStyles({
|
|
52
|
+
const styles = (0, import_useErrorStyles.useErrorStyles)({
|
|
20
53
|
name,
|
|
21
54
|
errorClassName,
|
|
22
55
|
errorStyle,
|
|
@@ -24,7 +57,7 @@ const CheckboxField = forwardRef(
|
|
|
24
57
|
style
|
|
25
58
|
});
|
|
26
59
|
const type = "checkbox";
|
|
27
|
-
const useRegisterReturn = useRegister(
|
|
60
|
+
const useRegisterReturn = (0, import_useRegister.useRegister)(
|
|
28
61
|
{
|
|
29
62
|
name,
|
|
30
63
|
validation,
|
|
@@ -34,7 +67,7 @@ const CheckboxField = forwardRef(
|
|
|
34
67
|
},
|
|
35
68
|
ref
|
|
36
69
|
);
|
|
37
|
-
return /* @__PURE__ */
|
|
70
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
38
71
|
"input",
|
|
39
72
|
{
|
|
40
73
|
id: id || name,
|
|
@@ -46,6 +79,7 @@ const CheckboxField = forwardRef(
|
|
|
46
79
|
);
|
|
47
80
|
}
|
|
48
81
|
);
|
|
49
|
-
export
|
|
82
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
83
|
+
0 && (module.exports = {
|
|
50
84
|
CheckboxField
|
|
51
|
-
};
|
|
85
|
+
});
|
package/dist/FieldError.js
CHANGED
|
@@ -1,5 +1,38 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
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 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");
|
|
3
36
|
const DEFAULT_MESSAGES = {
|
|
4
37
|
required: "is required",
|
|
5
38
|
pattern: "is not formatted correctly",
|
|
@@ -12,11 +45,12 @@ const DEFAULT_MESSAGES = {
|
|
|
12
45
|
const FieldError = ({ name, ...rest }) => {
|
|
13
46
|
const {
|
|
14
47
|
formState: { errors }
|
|
15
|
-
} = useFormContext();
|
|
16
|
-
const validationError = get(errors, name);
|
|
48
|
+
} = (0, import_react_hook_form.useFormContext)();
|
|
49
|
+
const validationError = (0, import_react_hook_form.get)(errors, name);
|
|
17
50
|
const errorMessage = validationError && (validationError.message || `${name} ${DEFAULT_MESSAGES[validationError.type]}`);
|
|
18
|
-
return validationError ? /* @__PURE__ */
|
|
51
|
+
return validationError ? /* @__PURE__ */ import_react.default.createElement("span", { ...rest }, errorMessage) : null;
|
|
19
52
|
};
|
|
20
|
-
export
|
|
53
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
54
|
+
0 && (module.exports = {
|
|
21
55
|
FieldError
|
|
22
|
-
};
|
|
56
|
+
});
|
package/dist/FieldProps.js
CHANGED
|
@@ -0,0 +1,16 @@
|
|
|
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,6 +1,39 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
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 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");
|
|
4
37
|
function FormInner({
|
|
5
38
|
config,
|
|
6
39
|
error: errorProps,
|
|
@@ -9,11 +42,11 @@ function FormInner({
|
|
|
9
42
|
children,
|
|
10
43
|
...rest
|
|
11
44
|
}, ref) {
|
|
12
|
-
const hookFormMethods = useForm(
|
|
45
|
+
const hookFormMethods = (0, import_react_hook_form.useForm)(
|
|
13
46
|
config
|
|
14
47
|
);
|
|
15
48
|
const formMethods = propFormMethods || hookFormMethods;
|
|
16
|
-
return /* @__PURE__ */
|
|
49
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
17
50
|
"form",
|
|
18
51
|
{
|
|
19
52
|
ref,
|
|
@@ -22,16 +55,17 @@ function FormInner({
|
|
|
22
55
|
(data, event) => onSubmit?.(data, event)
|
|
23
56
|
)
|
|
24
57
|
},
|
|
25
|
-
/* @__PURE__ */
|
|
26
|
-
ServerErrorsContext.Provider,
|
|
58
|
+
/* @__PURE__ */ import_react.default.createElement(
|
|
59
|
+
import_ServerErrorsContext.ServerErrorsContext.Provider,
|
|
27
60
|
{
|
|
28
61
|
value: errorProps?.graphQLErrors?.[0]?.extensions?.properties?.messages || {}
|
|
29
62
|
},
|
|
30
|
-
/* @__PURE__ */
|
|
63
|
+
/* @__PURE__ */ import_react.default.createElement(import_react_hook_form.FormProvider, { ...formMethods }, children)
|
|
31
64
|
)
|
|
32
65
|
);
|
|
33
66
|
}
|
|
34
|
-
const Form = forwardRef(FormInner);
|
|
35
|
-
export
|
|
67
|
+
const Form = (0, import_react.forwardRef)(FormInner);
|
|
68
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
69
|
+
0 && (module.exports = {
|
|
36
70
|
Form
|
|
37
|
-
};
|
|
71
|
+
});
|
package/dist/FormError.js
CHANGED
|
@@ -1,4 +1,37 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
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"));
|
|
2
35
|
const FormError = ({
|
|
3
36
|
error,
|
|
4
37
|
wrapperClassName,
|
|
@@ -52,9 +85,6 @@ const FormError = ({
|
|
|
52
85
|
if (!rootMessage) {
|
|
53
86
|
return null;
|
|
54
87
|
}
|
|
55
|
-
return /* @__PURE__ */
|
|
88
|
+
return /* @__PURE__ */ import_react.default.createElement("div", { className: wrapperClassName, style: wrapperStyle }, /* @__PURE__ */ import_react.default.createElement("p", { className: titleClassName, style: titleStyle }, rootMessage), messages.length > 0 && /* @__PURE__ */ import_react.default.createElement("ul", { className: listClassName, style: listStyle }, messages.map((message, index) => /* @__PURE__ */ import_react.default.createElement("li", { key: index, className: listItemClassName, style: listItemStyle }, message))));
|
|
56
89
|
};
|
|
57
90
|
var FormError_default = FormError;
|
|
58
|
-
export {
|
|
59
|
-
FormError_default as default
|
|
60
|
-
};
|
package/dist/InputComponents.js
CHANGED
|
@@ -1,7 +1,61 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
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 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");
|
|
5
59
|
const INPUT_TYPES = [
|
|
6
60
|
"button",
|
|
7
61
|
"color",
|
|
@@ -25,7 +79,7 @@ const INPUT_TYPES = [
|
|
|
25
79
|
"url",
|
|
26
80
|
"week"
|
|
27
81
|
];
|
|
28
|
-
const InputField = forwardRef(
|
|
82
|
+
const InputField = (0, import_react.forwardRef)(
|
|
29
83
|
({
|
|
30
84
|
name,
|
|
31
85
|
id,
|
|
@@ -42,14 +96,14 @@ const InputField = forwardRef(
|
|
|
42
96
|
type,
|
|
43
97
|
...rest
|
|
44
98
|
}, ref) => {
|
|
45
|
-
const styles = useErrorStyles({
|
|
99
|
+
const styles = (0, import_useErrorStyles.useErrorStyles)({
|
|
46
100
|
name,
|
|
47
101
|
errorClassName,
|
|
48
102
|
errorStyle,
|
|
49
103
|
className,
|
|
50
104
|
style
|
|
51
105
|
});
|
|
52
|
-
const useRegisterReturn = useRegister(
|
|
106
|
+
const useRegisterReturn = (0, import_useRegister.useRegister)(
|
|
53
107
|
{
|
|
54
108
|
name,
|
|
55
109
|
validation,
|
|
@@ -60,7 +114,7 @@ const InputField = forwardRef(
|
|
|
60
114
|
ref,
|
|
61
115
|
emptyAs
|
|
62
116
|
);
|
|
63
|
-
return /* @__PURE__ */
|
|
117
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
64
118
|
"input",
|
|
65
119
|
{
|
|
66
120
|
id: id || name,
|
|
@@ -74,7 +128,7 @@ const InputField = forwardRef(
|
|
|
74
128
|
);
|
|
75
129
|
const InputComponents = {};
|
|
76
130
|
INPUT_TYPES.forEach((type) => {
|
|
77
|
-
InputComponents[`${
|
|
131
|
+
InputComponents[`${(0, import_pascalcase.default)(type)}Field`] = (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ import_react.default.createElement(InputField, { ref, type, ...props }));
|
|
78
132
|
});
|
|
79
133
|
const {
|
|
80
134
|
ButtonField,
|
|
@@ -99,7 +153,8 @@ const {
|
|
|
99
153
|
UrlField,
|
|
100
154
|
WeekField
|
|
101
155
|
} = InputComponents;
|
|
102
|
-
export
|
|
156
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
157
|
+
0 && (module.exports = {
|
|
103
158
|
ButtonField,
|
|
104
159
|
ColorField,
|
|
105
160
|
DateField,
|
|
@@ -122,4 +177,4 @@ export {
|
|
|
122
177
|
TimeField,
|
|
123
178
|
UrlField,
|
|
124
179
|
WeekField
|
|
125
|
-
};
|
|
180
|
+
});
|
package/dist/Label.js
CHANGED
|
@@ -1,5 +1,38 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
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 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");
|
|
3
36
|
const Label = ({
|
|
4
37
|
name,
|
|
5
38
|
children,
|
|
@@ -10,15 +43,16 @@ const Label = ({
|
|
|
10
43
|
style,
|
|
11
44
|
...rest
|
|
12
45
|
}) => {
|
|
13
|
-
const styles = useErrorStyles({
|
|
46
|
+
const styles = (0, import_useErrorStyles.useErrorStyles)({
|
|
14
47
|
name,
|
|
15
48
|
errorClassName,
|
|
16
49
|
errorStyle,
|
|
17
50
|
className,
|
|
18
51
|
style
|
|
19
52
|
});
|
|
20
|
-
return /* @__PURE__ */
|
|
53
|
+
return /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: name, ...rest, ...styles }, children || name);
|
|
21
54
|
};
|
|
22
|
-
export
|
|
55
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
56
|
+
0 && (module.exports = {
|
|
23
57
|
Label
|
|
24
|
-
};
|
|
58
|
+
});
|
package/dist/SelectField.js
CHANGED
|
@@ -1,7 +1,40 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
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 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)(
|
|
5
38
|
({
|
|
6
39
|
name,
|
|
7
40
|
id,
|
|
@@ -17,14 +50,14 @@ const SelectField = forwardRef(
|
|
|
17
50
|
onChange,
|
|
18
51
|
...rest
|
|
19
52
|
}, ref) => {
|
|
20
|
-
const styles = useErrorStyles({
|
|
53
|
+
const styles = (0, import_useErrorStyles.useErrorStyles)({
|
|
21
54
|
name,
|
|
22
55
|
errorClassName,
|
|
23
56
|
errorStyle,
|
|
24
57
|
className,
|
|
25
58
|
style
|
|
26
59
|
});
|
|
27
|
-
const useRegisterReturn = useRegister(
|
|
60
|
+
const useRegisterReturn = (0, import_useRegister.useRegister)(
|
|
28
61
|
{
|
|
29
62
|
name,
|
|
30
63
|
validation,
|
|
@@ -34,9 +67,10 @@ const SelectField = forwardRef(
|
|
|
34
67
|
ref,
|
|
35
68
|
emptyAs
|
|
36
69
|
);
|
|
37
|
-
return /* @__PURE__ */
|
|
70
|
+
return /* @__PURE__ */ import_react.default.createElement("select", { id: id || name, ...rest, ...styles, ...useRegisterReturn });
|
|
38
71
|
}
|
|
39
72
|
);
|
|
40
|
-
export
|
|
73
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
74
|
+
0 && (module.exports = {
|
|
41
75
|
SelectField
|
|
42
|
-
};
|
|
76
|
+
});
|
|
@@ -1,5 +1,39 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
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;
|
|
5
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 = {
|
|
38
|
+
ServerErrorsContext
|
|
39
|
+
});
|
package/dist/Submit.js
CHANGED
|
@@ -1,5 +1,39 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
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;
|
|
5
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 = {
|
|
38
|
+
Submit
|
|
39
|
+
});
|
package/dist/TextAreaField.js
CHANGED
|
@@ -1,7 +1,40 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
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 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)(
|
|
5
38
|
({
|
|
6
39
|
name,
|
|
7
40
|
id,
|
|
@@ -17,14 +50,14 @@ const TextAreaField = forwardRef(
|
|
|
17
50
|
onChange,
|
|
18
51
|
...rest
|
|
19
52
|
}, ref) => {
|
|
20
|
-
const styles = useErrorStyles({
|
|
53
|
+
const styles = (0, import_useErrorStyles.useErrorStyles)({
|
|
21
54
|
name,
|
|
22
55
|
errorClassName,
|
|
23
56
|
errorStyle,
|
|
24
57
|
className,
|
|
25
58
|
style
|
|
26
59
|
});
|
|
27
|
-
const useRegisterReturn = useRegister(
|
|
60
|
+
const useRegisterReturn = (0, import_useRegister.useRegister)(
|
|
28
61
|
{
|
|
29
62
|
name,
|
|
30
63
|
validation,
|
|
@@ -34,9 +67,10 @@ const TextAreaField = forwardRef(
|
|
|
34
67
|
ref,
|
|
35
68
|
emptyAs
|
|
36
69
|
);
|
|
37
|
-
return /* @__PURE__ */
|
|
70
|
+
return /* @__PURE__ */ import_react.default.createElement("textarea", { id: id || name, ...rest, ...styles, ...useRegisterReturn });
|
|
38
71
|
}
|
|
39
72
|
);
|
|
40
|
-
export
|
|
73
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
74
|
+
0 && (module.exports = {
|
|
41
75
|
TextAreaField
|
|
42
|
-
};
|
|
76
|
+
});
|
package/dist/coercion.js
CHANGED
|
@@ -1,3 +1,26 @@
|
|
|
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);
|
|
1
24
|
const isValueEmpty = (val) => val === "";
|
|
2
25
|
const SET_VALUE_AS_FUNCTIONS = {
|
|
3
26
|
// valueAsBoolean is commented out as r-h-f does not currently support
|
|
@@ -149,6 +172,7 @@ const setCoercion = (validation, { type, name, emptyAs }) => {
|
|
|
149
172
|
// isId
|
|
150
173
|
);
|
|
151
174
|
};
|
|
152
|
-
export
|
|
175
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
176
|
+
0 && (module.exports = {
|
|
153
177
|
setCoercion
|
|
154
|
-
};
|
|
178
|
+
});
|
package/dist/index.js
CHANGED
|
@@ -1,40 +1,84 @@
|
|
|
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
|
-
|
|
1
|
+
"use strict";
|
|
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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
21
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
22
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
23
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
24
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
25
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
26
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
27
|
+
mod
|
|
28
|
+
));
|
|
29
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
30
|
+
var index_exports = {};
|
|
31
|
+
__export(index_exports, {
|
|
32
|
+
ButtonField: () => import_InputComponents.ButtonField,
|
|
33
|
+
CheckboxField: () => import_CheckboxField.CheckboxField,
|
|
34
|
+
ColorField: () => import_InputComponents.ColorField,
|
|
35
|
+
DateField: () => import_InputComponents.DateField,
|
|
36
|
+
DatetimeLocalField: () => import_InputComponents.DatetimeLocalField,
|
|
37
|
+
EmailField: () => import_InputComponents.EmailField,
|
|
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 = {
|
|
38
82
|
ButtonField,
|
|
39
83
|
CheckboxField,
|
|
40
84
|
ColorField,
|
|
@@ -44,7 +88,7 @@ export {
|
|
|
44
88
|
FieldError,
|
|
45
89
|
FileField,
|
|
46
90
|
Form,
|
|
47
|
-
|
|
91
|
+
FormError,
|
|
48
92
|
HiddenField,
|
|
49
93
|
ImageField,
|
|
50
94
|
InputField,
|
|
@@ -67,5 +111,6 @@ export {
|
|
|
67
111
|
UrlField,
|
|
68
112
|
WeekField,
|
|
69
113
|
useErrorStyles,
|
|
70
|
-
useRegister
|
|
71
|
-
|
|
114
|
+
useRegister,
|
|
115
|
+
...require("react-hook-form")
|
|
116
|
+
});
|
package/dist/useErrorStyles.js
CHANGED
|
@@ -1,6 +1,39 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
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 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");
|
|
4
37
|
const useErrorStyles = ({
|
|
5
38
|
name,
|
|
6
39
|
errorClassName,
|
|
@@ -11,14 +44,14 @@ const useErrorStyles = ({
|
|
|
11
44
|
const {
|
|
12
45
|
formState: { errors },
|
|
13
46
|
setError
|
|
14
|
-
} = useFormContext();
|
|
15
|
-
const serverError = useContext(ServerErrorsContext)[name];
|
|
16
|
-
|
|
47
|
+
} = (0, import_react_hook_form.useFormContext)();
|
|
48
|
+
const serverError = (0, import_react.useContext)(import_ServerErrorsContext.ServerErrorsContext)[name];
|
|
49
|
+
import_react.default.useEffect(() => {
|
|
17
50
|
if (serverError) {
|
|
18
51
|
setError(name, { type: "server", message: serverError });
|
|
19
52
|
}
|
|
20
53
|
}, [serverError, name, setError]);
|
|
21
|
-
const validationError = name ? get(errors, name) : void 0;
|
|
54
|
+
const validationError = name ? (0, import_react_hook_form.get)(errors, name) : void 0;
|
|
22
55
|
if (validationError) {
|
|
23
56
|
if (errorClassName) {
|
|
24
57
|
className = errorClassName;
|
|
@@ -29,6 +62,7 @@ const useErrorStyles = ({
|
|
|
29
62
|
}
|
|
30
63
|
return { className, style };
|
|
31
64
|
};
|
|
32
|
-
export
|
|
65
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
66
|
+
0 && (module.exports = {
|
|
33
67
|
useErrorStyles
|
|
34
|
-
};
|
|
68
|
+
});
|
package/dist/useRegister.js
CHANGED
|
@@ -1,13 +1,36 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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 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");
|
|
3
26
|
const useRegister = (props, ref, emptyAs) => {
|
|
4
|
-
const { register } = useFormContext();
|
|
27
|
+
const { register } = (0, import_react_hook_form.useFormContext)();
|
|
5
28
|
const { name } = props;
|
|
6
29
|
if (!name) {
|
|
7
30
|
throw Error("`name` prop must be provided");
|
|
8
31
|
}
|
|
9
32
|
const validation = props.validation || { required: false };
|
|
10
|
-
setCoercion(validation, {
|
|
33
|
+
(0, import_coercion.setCoercion)(validation, {
|
|
11
34
|
type: props.type,
|
|
12
35
|
name,
|
|
13
36
|
emptyAs
|
|
@@ -40,6 +63,7 @@ const useRegister = (props, ref, emptyAs) => {
|
|
|
40
63
|
onChange
|
|
41
64
|
};
|
|
42
65
|
};
|
|
43
|
-
export
|
|
66
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
67
|
+
0 && (module.exports = {
|
|
44
68
|
useRegister
|
|
45
|
-
};
|
|
69
|
+
});
|
package/package.json
CHANGED
|
@@ -1,17 +1,19 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cedarjs/forms",
|
|
3
|
-
"version": "5.0.7-
|
|
3
|
+
"version": "5.0.7-rc.3",
|
|
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": "commonjs",
|
|
11
11
|
"exports": {
|
|
12
12
|
".": {
|
|
13
|
-
"
|
|
14
|
-
|
|
13
|
+
"default": {
|
|
14
|
+
"types": "./dist/index.d.ts",
|
|
15
|
+
"default": "./dist/index.js"
|
|
16
|
+
}
|
|
15
17
|
}
|
|
16
18
|
},
|
|
17
19
|
"main": "./dist/index.js",
|
|
@@ -20,7 +22,7 @@
|
|
|
20
22
|
"dist"
|
|
21
23
|
],
|
|
22
24
|
"scripts": {
|
|
23
|
-
"build": "node ./build.mts",
|
|
25
|
+
"build": "node ./build.mts && yarn build:types",
|
|
24
26
|
"build:pack": "yarn pack -o cedarjs-forms.tgz",
|
|
25
27
|
"build:types": "tsc --build --verbose ./tsconfig.build.json",
|
|
26
28
|
"build:watch": "nodemon --watch src --ext \"js,jsx,ts,tsx\" --ignore dist --exec \"yarn build\"",
|
|
@@ -33,24 +35,24 @@
|
|
|
33
35
|
"dependencies": {
|
|
34
36
|
"graphql": "16.14.2",
|
|
35
37
|
"pascalcase": "1.0.0",
|
|
36
|
-
"react-hook-form": "7.
|
|
38
|
+
"react-hook-form": "7.74.0"
|
|
37
39
|
},
|
|
38
40
|
"devDependencies": {
|
|
39
|
-
"@cedarjs/framework-tools": "5.0.7-
|
|
40
|
-
"@testing-library/dom": "
|
|
41
|
+
"@cedarjs/framework-tools": "5.0.7-rc.3",
|
|
42
|
+
"@testing-library/dom": "9.3.4",
|
|
41
43
|
"@testing-library/jest-dom": "6.9.1",
|
|
42
|
-
"@testing-library/react": "
|
|
43
|
-
"@testing-library/user-event": "14.6.
|
|
44
|
+
"@testing-library/react": "14.3.1",
|
|
45
|
+
"@testing-library/user-event": "14.6.1",
|
|
44
46
|
"@types/pascalcase": "1.0.3",
|
|
45
47
|
"@types/react": "^18.2.55",
|
|
46
48
|
"@types/react-dom": "^18.2.19",
|
|
47
49
|
"concurrently": "9.2.4",
|
|
48
50
|
"nodemon": "3.1.14",
|
|
49
|
-
"publint": "0.3.
|
|
51
|
+
"publint": "0.3.21",
|
|
50
52
|
"react": "18.3.1",
|
|
51
53
|
"react-dom": "18.3.1",
|
|
52
54
|
"typescript": "5.9.3",
|
|
53
|
-
"vitest": "
|
|
55
|
+
"vitest": "3.2.6"
|
|
54
56
|
},
|
|
55
57
|
"peerDependencies": {
|
|
56
58
|
"react": "18.3.1"
|