@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 CHANGED
@@ -1,6 +1,13 @@
1
1
  # Change Log - @digigov/form
2
2
 
3
- This log was last generated on Wed, 30 Mar 2022 12:28:30 GMT and should not be manually modified.
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.0
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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
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;
@@ -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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@digigov/form",
3
- "version": "0.6.0",
3
+ "version": "0.6.1",
4
4
  "description": "@digigov form builder",
5
5
  "author": "GRNET Developers <devs@lists.grnet.gr>",
6
6
  "license": "MIT",