@digigov/form 0.9.0 → 0.10.0
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 +15 -1
- package/Field/index.js +10 -10
- package/FieldArray/index.js +10 -8
- package/Fieldset/index.js +14 -5
- package/Fieldset/types.d.ts +4 -2
- package/MultiplicityField/MultiplicityField.mdx +542 -110
- package/MultiplicityField/add-objects.d.ts +1 -1
- package/MultiplicityField/add-objects.js +2 -0
- package/MultiplicityField/index.js +1 -0
- package/__stories__/AutoCompleteField.js +1 -1
- package/es/Field/index.js +10 -10
- package/es/FieldArray/index.js +8 -6
- package/es/Fieldset/index.js +13 -5
- package/es/MultiplicityField/MultiplicityField.mdx +542 -110
- package/es/MultiplicityField/add-objects.js +2 -0
- package/es/MultiplicityField/index.js +1 -0
- package/es/__stories__/AutoCompleteField.js +1 -1
- package/es/inputs/Checkboxes/index.js +4 -1
- package/es/inputs/Select/Select.stories.playwright.json +22 -0
- package/esm/Field/index.js +10 -10
- package/esm/FieldArray/index.js +8 -6
- package/esm/Fieldset/index.js +13 -5
- package/esm/MultiplicityField/MultiplicityField.mdx +542 -110
- package/esm/MultiplicityField/add-objects.js +2 -0
- package/esm/MultiplicityField/index.js +1 -0
- package/esm/__stories__/AutoCompleteField.js +1 -1
- package/esm/index.js +1 -1
- package/esm/inputs/Checkboxes/index.js +4 -1
- package/esm/inputs/Select/Select.stories.playwright.json +22 -0
- package/inputs/Checkboxes/index.js +4 -1
- package/inputs/Select/Select.stories.playwright.json +22 -0
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,6 +1,20 @@
|
|
|
1
1
|
# Change Log - @digigov/form
|
|
2
2
|
|
|
3
|
-
This log was last generated on Fri,
|
|
3
|
+
This log was last generated on Fri, 14 Oct 2022 14:14:00 GMT and should not be manually modified.
|
|
4
|
+
|
|
5
|
+
## 0.10.0
|
|
6
|
+
Fri, 14 Oct 2022 14:14:00 GMT
|
|
7
|
+
|
|
8
|
+
### Minor changes
|
|
9
|
+
|
|
10
|
+
- Add missing labels in FieldArray
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- pass down props on Fieldsets sub elements
|
|
15
|
+
- Move Autocomplete stories utils to Autocomplete utils for simpler library integration in the Storybook examples
|
|
16
|
+
- Fix a problem with Checkboxes not getting validated after a user selects and then deselects an option
|
|
17
|
+
- Add missing props causing Multiplicity field to crash
|
|
4
18
|
|
|
5
19
|
## 0.9.0
|
|
6
20
|
Fri, 30 Sep 2022 10:47:58 GMT
|
package/Field/index.js
CHANGED
|
@@ -64,28 +64,28 @@ var Field = function Field(_ref) {
|
|
|
64
64
|
});
|
|
65
65
|
}
|
|
66
66
|
|
|
67
|
-
if (calculatedField.type === 'array' && calculatedField.multiplicity) {
|
|
67
|
+
if (calculatedField.type === 'array' && calculatedField.multiplicity === false) {
|
|
68
68
|
calculatedField.name = name;
|
|
69
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
69
|
+
return /*#__PURE__*/_react["default"].createElement(_FieldArray["default"], (0, _extends2["default"])({
|
|
70
70
|
control: control,
|
|
71
71
|
register: register,
|
|
72
|
-
trigger: trigger,
|
|
73
|
-
clearErrors: clearErrors,
|
|
74
72
|
error: error,
|
|
75
|
-
formState: formState
|
|
76
|
-
setValue: setValue,
|
|
77
|
-
getValues: getValues,
|
|
78
|
-
unregister: unregister
|
|
73
|
+
formState: formState
|
|
79
74
|
}, calculatedField));
|
|
80
75
|
}
|
|
81
76
|
|
|
82
77
|
if (calculatedField.type === 'array') {
|
|
83
78
|
calculatedField.name = name;
|
|
84
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
79
|
+
return /*#__PURE__*/_react["default"].createElement(_MultiplicityField["default"], (0, _extends2["default"])({
|
|
85
80
|
control: control,
|
|
86
81
|
register: register,
|
|
82
|
+
trigger: trigger,
|
|
83
|
+
clearErrors: clearErrors,
|
|
87
84
|
error: error,
|
|
88
|
-
formState: formState
|
|
85
|
+
formState: formState,
|
|
86
|
+
setValue: setValue,
|
|
87
|
+
getValues: getValues,
|
|
88
|
+
unregister: unregister
|
|
89
89
|
}, calculatedField));
|
|
90
90
|
}
|
|
91
91
|
|
package/FieldArray/index.js
CHANGED
|
@@ -17,7 +17,7 @@ var _reactHookForm = require("react-hook-form");
|
|
|
17
17
|
|
|
18
18
|
var _FieldObject = _interopRequireDefault(require("@digigov/form/FieldObject"));
|
|
19
19
|
|
|
20
|
-
var
|
|
20
|
+
var _ui = require("@digigov/ui");
|
|
21
21
|
|
|
22
22
|
var _Fieldset = require("@digigov/form/Fieldset");
|
|
23
23
|
|
|
@@ -28,6 +28,8 @@ var _FieldContainer = _interopRequireDefault(require("@digigov/form/Field/FieldC
|
|
|
28
28
|
var _excluded = ["name", "register", "control", "formState", "error", "layout", "label"];
|
|
29
29
|
|
|
30
30
|
var FieldArray = function FieldArray(_ref) {
|
|
31
|
+
var _customField$extra, _customField$extra4;
|
|
32
|
+
|
|
31
33
|
var name = _ref.name,
|
|
32
34
|
register = _ref.register,
|
|
33
35
|
control = _ref.control,
|
|
@@ -51,33 +53,33 @@ var FieldArray = function FieldArray(_ref) {
|
|
|
51
53
|
error: formState.isSubmitted && !formState.isSubmitting && error !== null && error !== void 0 && error.message && error ? error : undefined,
|
|
52
54
|
wrapper: "fieldset",
|
|
53
55
|
name: name
|
|
54
|
-
}, fields.map(function (field, index) {
|
|
55
|
-
var _customField$
|
|
56
|
+
}, fields.length === 0 && /*#__PURE__*/_react["default"].createElement(_ui.Hint, null, (_customField$extra = customField.extra) === null || _customField$extra === void 0 ? void 0 : _customField$extra.label.object.nothing_added), fields.map(function (field, index) {
|
|
57
|
+
var _customField$extra2, _customField$extra3;
|
|
56
58
|
|
|
57
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
59
|
+
return /*#__PURE__*/_react["default"].createElement(_ui.Card, {
|
|
58
60
|
variant: "border",
|
|
59
61
|
key: field.id
|
|
60
|
-
}, /*#__PURE__*/_react["default"].createElement(_Fieldset2["default"], null, /*#__PURE__*/_react["default"].createElement(_Fieldset.FieldsetLabel, null, "
|
|
62
|
+
}, /*#__PURE__*/_react["default"].createElement(_Fieldset2["default"], null, /*#__PURE__*/_react["default"].createElement(_Fieldset.FieldsetLabel, null, (_customField$extra2 = customField.extra) === null || _customField$extra2 === void 0 ? void 0 : _customField$extra2.label.object.title, " ", index + 1), /*#__PURE__*/_react["default"].createElement(_FieldObject["default"], (0, _extends2["default"])({
|
|
61
63
|
name: "".concat(name, ".").concat(index),
|
|
62
64
|
error: Array.isArray(error) && error[index],
|
|
63
65
|
formState: formState,
|
|
64
66
|
register: register,
|
|
65
67
|
control: control
|
|
66
|
-
}, (_customField$
|
|
68
|
+
}, (_customField$extra3 = customField.extra) === null || _customField$extra3 === void 0 ? void 0 : _customField$extra3.of)), /*#__PURE__*/_react["default"].createElement(_ui.Button, {
|
|
67
69
|
type: "button",
|
|
68
70
|
color: "warning",
|
|
69
71
|
onClick: function onClick() {
|
|
70
72
|
return remove(index);
|
|
71
73
|
}
|
|
72
74
|
}, "Remove")));
|
|
73
|
-
}), /*#__PURE__*/_react["default"].createElement(
|
|
75
|
+
}), /*#__PURE__*/_react["default"].createElement(_ui.Button, {
|
|
74
76
|
type: "button",
|
|
75
77
|
color: "secondary",
|
|
76
78
|
onClick: function onClick(ev) {
|
|
77
79
|
ev.preventDefault();
|
|
78
80
|
append({});
|
|
79
81
|
}
|
|
80
|
-
},
|
|
82
|
+
}, (_customField$extra4 = customField.extra) === null || _customField$extra4 === void 0 ? void 0 : _customField$extra4.label.object.add));
|
|
81
83
|
};
|
|
82
84
|
|
|
83
85
|
exports.FieldArray = FieldArray;
|
package/Fieldset/index.js
CHANGED
|
@@ -7,6 +7,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports["default"] = exports.FieldsetLabel = exports.FieldsetCaption = exports.FieldsetBody = exports.Fieldset = void 0;
|
|
9
9
|
|
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
|
|
12
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
+
|
|
10
14
|
var _react = _interopRequireDefault(require("react"));
|
|
11
15
|
|
|
12
16
|
var _Grid = _interopRequireDefault(require("@digigov/ui/layouts/Grid"));
|
|
@@ -19,19 +23,24 @@ var _Hint = _interopRequireDefault(require("@digigov/react-core/Hint"));
|
|
|
19
23
|
|
|
20
24
|
var _NormalText = _interopRequireDefault(require("@digigov/ui/typography/NormalText"));
|
|
21
25
|
|
|
26
|
+
var _excluded = ["children"],
|
|
27
|
+
_excluded2 = ["children"];
|
|
28
|
+
|
|
22
29
|
var FieldsetLabel = function FieldsetLabel(_ref) {
|
|
23
|
-
var children = _ref.children
|
|
24
|
-
|
|
30
|
+
var children = _ref.children,
|
|
31
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
32
|
+
return /*#__PURE__*/_react["default"].createElement(_FieldsetLegend["default"], (0, _extends2["default"])({
|
|
25
33
|
heading: true,
|
|
26
34
|
size: "xl"
|
|
27
|
-
}, children);
|
|
35
|
+
}, props), children);
|
|
28
36
|
};
|
|
29
37
|
|
|
30
38
|
exports.FieldsetLabel = FieldsetLabel;
|
|
31
39
|
|
|
32
40
|
var FieldsetCaption = function FieldsetCaption(_ref2) {
|
|
33
|
-
var children = _ref2.children
|
|
34
|
-
|
|
41
|
+
var children = _ref2.children,
|
|
42
|
+
props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
|
|
43
|
+
return /*#__PURE__*/_react["default"].createElement(_Hint["default"], props, children);
|
|
35
44
|
};
|
|
36
45
|
|
|
37
46
|
exports.FieldsetCaption = FieldsetCaption;
|
package/Fieldset/types.d.ts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import { FieldsetLegendProps } from "@digigov/react-core/FieldsetLegend";
|
|
2
|
+
import { HintProps } from "@digigov/react-core/Hint";
|
|
3
|
+
export interface FieldsetLabelProps extends FieldsetLegendProps {
|
|
2
4
|
}
|
|
3
|
-
export interface FieldsetCaptionProps {
|
|
5
|
+
export interface FieldsetCaptionProps extends HintProps {
|
|
4
6
|
}
|
|
5
7
|
export interface FieldsetBodyProps {
|
|
6
8
|
}
|