@digigov/form 0.9.0 → 0.10.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 +22 -1
- package/Field/index.js +10 -10
- package/Field/utils.js +11 -2
- 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/Field/utils.js +4 -2
- 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/Field/utils.js +4 -2
- 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,27 @@
|
|
|
1
1
|
# Change Log - @digigov/form
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 19 Oct 2022 14:25:05 GMT and should not be manually modified.
|
|
4
|
+
|
|
5
|
+
## 0.10.1
|
|
6
|
+
Wed, 19 Oct 2022 14:25:05 GMT
|
|
7
|
+
|
|
8
|
+
### Patches
|
|
9
|
+
|
|
10
|
+
- lazy import AutoComplete field that crashed apps that did not have react-extensions as dependency
|
|
11
|
+
|
|
12
|
+
## 0.10.0
|
|
13
|
+
Fri, 14 Oct 2022 14:14:00 GMT
|
|
14
|
+
|
|
15
|
+
### Minor changes
|
|
16
|
+
|
|
17
|
+
- Add missing labels in FieldArray
|
|
18
|
+
|
|
19
|
+
### Patches
|
|
20
|
+
|
|
21
|
+
- pass down props on Fieldsets sub elements
|
|
22
|
+
- Move Autocomplete stories utils to Autocomplete utils for simpler library integration in the Storybook examples
|
|
23
|
+
- Fix a problem with Checkboxes not getting validated after a user selects and then deselects an option
|
|
24
|
+
- Add missing props causing Multiplicity field to crash
|
|
4
25
|
|
|
5
26
|
## 0.9.0
|
|
6
27
|
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/Field/utils.js
CHANGED
|
@@ -9,6 +9,8 @@ exports.calculateField = calculateField;
|
|
|
9
9
|
exports.evaluateFieldWithConditions = evaluateFieldWithConditions;
|
|
10
10
|
exports.useField = void 0;
|
|
11
11
|
|
|
12
|
+
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
13
|
+
|
|
12
14
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
15
|
|
|
14
16
|
var _react = require("react");
|
|
@@ -27,8 +29,15 @@ var _DateInput = _interopRequireDefault(require("@digigov/form/inputs/DateInput"
|
|
|
27
29
|
|
|
28
30
|
var _FormContext = require("@digigov/form/FormContext");
|
|
29
31
|
|
|
30
|
-
var
|
|
32
|
+
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); }
|
|
33
|
+
|
|
34
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2["default"])(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; }
|
|
31
35
|
|
|
36
|
+
var AutoComplete = /*#__PURE__*/(0, _react.lazy)(function () {
|
|
37
|
+
return Promise.resolve().then(function () {
|
|
38
|
+
return _interopRequireWildcard(require('@digigov/form/inputs/AutoComplete'));
|
|
39
|
+
});
|
|
40
|
+
});
|
|
32
41
|
var FIELD_COMPONENTS = {
|
|
33
42
|
text: {
|
|
34
43
|
component: _Input["default"]
|
|
@@ -62,7 +71,7 @@ var ALTERNATIVE_COMPONENTS = {
|
|
|
62
71
|
controlled: false
|
|
63
72
|
},
|
|
64
73
|
AutoComplete: {
|
|
65
|
-
component:
|
|
74
|
+
component: AutoComplete,
|
|
66
75
|
controlled: true
|
|
67
76
|
}
|
|
68
77
|
};
|
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
|
}
|