@digigov/form 0.6.0 → 0.6.1
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/CHANGELOG.md +8 -1
- package/es/index.js +16 -8
- package/esm/index.js +17 -9
- package/index.js +15 -9
- package/libs/form/src/index.d.ts +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
# Change Log - @digigov/form
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Tue, 05 Apr 2022 12:23:28 GMT and should not be manually modified.
|
|
4
|
+
|
|
5
|
+
## 0.6.1
|
|
6
|
+
Tue, 05 Apr 2022 12:23:28 GMT
|
|
7
|
+
|
|
8
|
+
### Patches
|
|
9
|
+
|
|
10
|
+
- Allow passing custom props on form element
|
|
4
11
|
|
|
5
12
|
## 0.6.0
|
|
6
13
|
Wed, 30 Mar 2022 12:28:30 GMT
|
package/es/index.js
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
3
2
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
3
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
4
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
5
|
+
var _excluded = ["onSubmit", "children", "registerField", "fieldsMap", "fieldsetsMap", "resolver", "mode", "initial", "reValidateMode", "shouldFocusError", "criteriaMode", "componentRegistry"],
|
|
6
|
+
_excluded2 = ["fields", "fieldsets", "initial", "onSubmit", "children", "reValidateMode", "mode", "shouldFocusError", "criteriaMode", "auto", "validatorRegistry", "componentRegistry"];
|
|
4
7
|
|
|
5
8
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
6
9
|
import React, { createContext, useCallback, useRef } from 'react';
|
|
@@ -28,7 +31,9 @@ export var FormBase = function FormBase(_ref) {
|
|
|
28
31
|
reValidateMode = _ref.reValidateMode,
|
|
29
32
|
shouldFocusError = _ref.shouldFocusError,
|
|
30
33
|
criteriaMode = _ref.criteriaMode,
|
|
31
|
-
componentRegistry = _ref.componentRegistry
|
|
34
|
+
componentRegistry = _ref.componentRegistry,
|
|
35
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
36
|
+
|
|
32
37
|
var form = useForm({
|
|
33
38
|
resolver: resolver,
|
|
34
39
|
mode: mode,
|
|
@@ -58,9 +63,9 @@ export var FormBase = function FormBase(_ref) {
|
|
|
58
63
|
};
|
|
59
64
|
return /*#__PURE__*/React.createElement(FormContext.Provider, {
|
|
60
65
|
value: ctx
|
|
61
|
-
}, /*#__PURE__*/React.createElement("form", {
|
|
66
|
+
}, /*#__PURE__*/React.createElement("form", _extends({
|
|
62
67
|
onSubmit: form.handleSubmit(handleSubmit)
|
|
63
|
-
}, /*#__PURE__*/React.createElement(Grid, {
|
|
68
|
+
}, props), /*#__PURE__*/React.createElement(Grid, {
|
|
64
69
|
container: true
|
|
65
70
|
}, /*#__PURE__*/React.createElement(Grid, {
|
|
66
71
|
item: true,
|
|
@@ -86,7 +91,9 @@ export function FormBuilder(_ref2) {
|
|
|
86
91
|
_ref2$auto = _ref2.auto,
|
|
87
92
|
auto = _ref2$auto === void 0 ? false : _ref2$auto,
|
|
88
93
|
validatorRegistry = _ref2.validatorRegistry,
|
|
89
|
-
componentRegistry = _ref2.componentRegistry
|
|
94
|
+
componentRegistry = _ref2.componentRegistry,
|
|
95
|
+
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
96
|
+
|
|
90
97
|
var fieldsState = useRef(fields);
|
|
91
98
|
var setFieldsState = useCallback(function (newFields) {
|
|
92
99
|
fieldsState.current = newFields;
|
|
@@ -128,7 +135,7 @@ export function FormBuilder(_ref2) {
|
|
|
128
135
|
}
|
|
129
136
|
}
|
|
130
137
|
|
|
131
|
-
return /*#__PURE__*/React.createElement(FormBase, {
|
|
138
|
+
return /*#__PURE__*/React.createElement(FormBase, _extends({
|
|
132
139
|
resolver: resolver,
|
|
133
140
|
fieldsetsMap: fieldsetsMap,
|
|
134
141
|
fieldsMap: fieldsMap,
|
|
@@ -137,9 +144,10 @@ export function FormBuilder(_ref2) {
|
|
|
137
144
|
reValidateMode: reValidateMode,
|
|
138
145
|
mode: mode,
|
|
139
146
|
shouldFocusError: shouldFocusError,
|
|
140
|
-
criteriaMode: criteriaMode
|
|
147
|
+
criteriaMode: criteriaMode
|
|
148
|
+
}, props, {
|
|
141
149
|
onSubmit: onSubmit,
|
|
142
150
|
componentRegistry: componentRegistry
|
|
143
|
-
}, fieldChildren, children);
|
|
151
|
+
}), fieldChildren, children);
|
|
144
152
|
}
|
|
145
153
|
export default FormBuilder;
|
package/esm/index.js
CHANGED
|
@@ -1,11 +1,14 @@
|
|
|
1
|
-
/** @license Digigov v0.6.
|
|
1
|
+
/** @license Digigov v0.6.1
|
|
2
2
|
*
|
|
3
3
|
* This source code is licensed under the MIT license found in the
|
|
4
4
|
* LICENSE file in the root directory of this source tree.
|
|
5
5
|
*/
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
8
7
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
8
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
9
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
10
|
+
var _excluded = ["onSubmit", "children", "registerField", "fieldsMap", "fieldsetsMap", "resolver", "mode", "initial", "reValidateMode", "shouldFocusError", "criteriaMode", "componentRegistry"],
|
|
11
|
+
_excluded2 = ["fields", "fieldsets", "initial", "onSubmit", "children", "reValidateMode", "mode", "shouldFocusError", "criteriaMode", "auto", "validatorRegistry", "componentRegistry"];
|
|
9
12
|
|
|
10
13
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
11
14
|
import React, { createContext, useCallback, useRef } from 'react';
|
|
@@ -33,7 +36,9 @@ export var FormBase = function FormBase(_ref) {
|
|
|
33
36
|
reValidateMode = _ref.reValidateMode,
|
|
34
37
|
shouldFocusError = _ref.shouldFocusError,
|
|
35
38
|
criteriaMode = _ref.criteriaMode,
|
|
36
|
-
componentRegistry = _ref.componentRegistry
|
|
39
|
+
componentRegistry = _ref.componentRegistry,
|
|
40
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
41
|
+
|
|
37
42
|
var form = useForm({
|
|
38
43
|
resolver: resolver,
|
|
39
44
|
mode: mode,
|
|
@@ -63,9 +68,9 @@ export var FormBase = function FormBase(_ref) {
|
|
|
63
68
|
};
|
|
64
69
|
return /*#__PURE__*/React.createElement(FormContext.Provider, {
|
|
65
70
|
value: ctx
|
|
66
|
-
}, /*#__PURE__*/React.createElement("form", {
|
|
71
|
+
}, /*#__PURE__*/React.createElement("form", _extends({
|
|
67
72
|
onSubmit: form.handleSubmit(handleSubmit)
|
|
68
|
-
}, /*#__PURE__*/React.createElement(Grid, {
|
|
73
|
+
}, props), /*#__PURE__*/React.createElement(Grid, {
|
|
69
74
|
container: true
|
|
70
75
|
}, /*#__PURE__*/React.createElement(Grid, {
|
|
71
76
|
item: true,
|
|
@@ -91,7 +96,9 @@ export function FormBuilder(_ref2) {
|
|
|
91
96
|
_ref2$auto = _ref2.auto,
|
|
92
97
|
auto = _ref2$auto === void 0 ? false : _ref2$auto,
|
|
93
98
|
validatorRegistry = _ref2.validatorRegistry,
|
|
94
|
-
componentRegistry = _ref2.componentRegistry
|
|
99
|
+
componentRegistry = _ref2.componentRegistry,
|
|
100
|
+
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
101
|
+
|
|
95
102
|
var fieldsState = useRef(fields);
|
|
96
103
|
var setFieldsState = useCallback(function (newFields) {
|
|
97
104
|
fieldsState.current = newFields;
|
|
@@ -133,7 +140,7 @@ export function FormBuilder(_ref2) {
|
|
|
133
140
|
}
|
|
134
141
|
}
|
|
135
142
|
|
|
136
|
-
return /*#__PURE__*/React.createElement(FormBase, {
|
|
143
|
+
return /*#__PURE__*/React.createElement(FormBase, _extends({
|
|
137
144
|
resolver: resolver,
|
|
138
145
|
fieldsetsMap: fieldsetsMap,
|
|
139
146
|
fieldsMap: fieldsMap,
|
|
@@ -142,9 +149,10 @@ export function FormBuilder(_ref2) {
|
|
|
142
149
|
reValidateMode: reValidateMode,
|
|
143
150
|
mode: mode,
|
|
144
151
|
shouldFocusError: shouldFocusError,
|
|
145
|
-
criteriaMode: criteriaMode
|
|
152
|
+
criteriaMode: criteriaMode
|
|
153
|
+
}, props, {
|
|
146
154
|
onSubmit: onSubmit,
|
|
147
155
|
componentRegistry: componentRegistry
|
|
148
|
-
}, fieldChildren, children);
|
|
156
|
+
}), fieldChildren, children);
|
|
149
157
|
}
|
|
150
158
|
export default FormBuilder;
|
package/index.js
CHANGED
|
@@ -18,9 +18,11 @@ exports["default"] = exports.FormContext = void 0;
|
|
|
18
18
|
|
|
19
19
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
20
20
|
|
|
21
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
22
|
+
|
|
21
23
|
var _extends4 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
22
24
|
|
|
23
|
-
var
|
|
25
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
24
26
|
|
|
25
27
|
var _react = _interopRequireWildcard(require("react"));
|
|
26
28
|
|
|
@@ -59,12 +61,13 @@ Object.keys(_Field).forEach(function (key) {
|
|
|
59
61
|
}
|
|
60
62
|
});
|
|
61
63
|
});
|
|
64
|
+
var _excluded = ["onSubmit", "children", "registerField", "fieldsMap", "fieldsetsMap", "resolver", "mode", "initial", "reValidateMode", "shouldFocusError", "criteriaMode", "componentRegistry"],
|
|
65
|
+
_excluded2 = ["fields", "fieldsets", "initial", "onSubmit", "children", "reValidateMode", "mode", "shouldFocusError", "criteriaMode", "auto", "validatorRegistry", "componentRegistry"];
|
|
62
66
|
|
|
63
67
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
64
68
|
|
|
65
69
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
66
70
|
|
|
67
|
-
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
68
71
|
var FormContext = /*#__PURE__*/(0, _react.createContext)({
|
|
69
72
|
fieldsMap: {},
|
|
70
73
|
fieldsetsMap: {}
|
|
@@ -83,7 +86,8 @@ var FormBase = function FormBase(_ref) {
|
|
|
83
86
|
reValidateMode = _ref.reValidateMode,
|
|
84
87
|
shouldFocusError = _ref.shouldFocusError,
|
|
85
88
|
criteriaMode = _ref.criteriaMode,
|
|
86
|
-
componentRegistry = _ref.componentRegistry
|
|
89
|
+
componentRegistry = _ref.componentRegistry,
|
|
90
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
87
91
|
var form = (0, _reactHookForm.useForm)({
|
|
88
92
|
resolver: resolver,
|
|
89
93
|
mode: mode,
|
|
@@ -113,9 +117,9 @@ var FormBase = function FormBase(_ref) {
|
|
|
113
117
|
};
|
|
114
118
|
return /*#__PURE__*/_react["default"].createElement(FormContext.Provider, {
|
|
115
119
|
value: ctx
|
|
116
|
-
}, /*#__PURE__*/_react["default"].createElement("form", {
|
|
120
|
+
}, /*#__PURE__*/_react["default"].createElement("form", (0, _extends4["default"])({
|
|
117
121
|
onSubmit: form.handleSubmit(handleSubmit)
|
|
118
|
-
}, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
|
|
122
|
+
}, props), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
|
|
119
123
|
container: true
|
|
120
124
|
}, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
|
|
121
125
|
item: true,
|
|
@@ -144,7 +148,8 @@ function FormBuilder(_ref2) {
|
|
|
144
148
|
_ref2$auto = _ref2.auto,
|
|
145
149
|
auto = _ref2$auto === void 0 ? false : _ref2$auto,
|
|
146
150
|
validatorRegistry = _ref2.validatorRegistry,
|
|
147
|
-
componentRegistry = _ref2.componentRegistry
|
|
151
|
+
componentRegistry = _ref2.componentRegistry,
|
|
152
|
+
props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
|
|
148
153
|
var fieldsState = (0, _react.useRef)(fields);
|
|
149
154
|
var setFieldsState = (0, _react.useCallback)(function (newFields) {
|
|
150
155
|
fieldsState.current = newFields;
|
|
@@ -186,7 +191,7 @@ function FormBuilder(_ref2) {
|
|
|
186
191
|
}
|
|
187
192
|
}
|
|
188
193
|
|
|
189
|
-
return /*#__PURE__*/_react["default"].createElement(FormBase, {
|
|
194
|
+
return /*#__PURE__*/_react["default"].createElement(FormBase, (0, _extends4["default"])({
|
|
190
195
|
resolver: resolver,
|
|
191
196
|
fieldsetsMap: fieldsetsMap,
|
|
192
197
|
fieldsMap: fieldsMap,
|
|
@@ -195,10 +200,11 @@ function FormBuilder(_ref2) {
|
|
|
195
200
|
reValidateMode: reValidateMode,
|
|
196
201
|
mode: mode,
|
|
197
202
|
shouldFocusError: shouldFocusError,
|
|
198
|
-
criteriaMode: criteriaMode
|
|
203
|
+
criteriaMode: criteriaMode
|
|
204
|
+
}, props, {
|
|
199
205
|
onSubmit: onSubmit,
|
|
200
206
|
componentRegistry: componentRegistry
|
|
201
|
-
}, fieldChildren, children);
|
|
207
|
+
}), fieldChildren, children);
|
|
202
208
|
}
|
|
203
209
|
|
|
204
210
|
var _default = FormBuilder;
|
package/libs/form/src/index.d.ts
CHANGED
|
@@ -70,5 +70,5 @@ interface FormBaseProps extends Omit<FormBuilderProps, 'fields' | 'fieldsets' |
|
|
|
70
70
|
resolver: any;
|
|
71
71
|
}
|
|
72
72
|
export declare const FormBase: React.FC<FormBaseProps>;
|
|
73
|
-
export declare function FormBuilder({ fields, fieldsets, initial, onSubmit, children, reValidateMode, mode, shouldFocusError, criteriaMode, auto, validatorRegistry, componentRegistry, }: FormBuilderProps): React.ReactElement;
|
|
73
|
+
export declare function FormBuilder({ fields, fieldsets, initial, onSubmit, children, reValidateMode, mode, shouldFocusError, criteriaMode, auto, validatorRegistry, componentRegistry, ...props }: FormBuilderProps): React.ReactElement;
|
|
74
74
|
export default FormBuilder;
|