@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.
Files changed (35) hide show
  1. package/CHANGELOG.md +22 -1
  2. package/Field/index.js +10 -10
  3. package/Field/utils.js +11 -2
  4. package/FieldArray/index.js +10 -8
  5. package/Fieldset/index.js +14 -5
  6. package/Fieldset/types.d.ts +4 -2
  7. package/MultiplicityField/MultiplicityField.mdx +542 -110
  8. package/MultiplicityField/add-objects.d.ts +1 -1
  9. package/MultiplicityField/add-objects.js +2 -0
  10. package/MultiplicityField/index.js +1 -0
  11. package/__stories__/AutoCompleteField.js +1 -1
  12. package/es/Field/index.js +10 -10
  13. package/es/Field/utils.js +4 -2
  14. package/es/FieldArray/index.js +8 -6
  15. package/es/Fieldset/index.js +13 -5
  16. package/es/MultiplicityField/MultiplicityField.mdx +542 -110
  17. package/es/MultiplicityField/add-objects.js +2 -0
  18. package/es/MultiplicityField/index.js +1 -0
  19. package/es/__stories__/AutoCompleteField.js +1 -1
  20. package/es/inputs/Checkboxes/index.js +4 -1
  21. package/es/inputs/Select/Select.stories.playwright.json +22 -0
  22. package/esm/Field/index.js +10 -10
  23. package/esm/Field/utils.js +4 -2
  24. package/esm/FieldArray/index.js +8 -6
  25. package/esm/Fieldset/index.js +13 -5
  26. package/esm/MultiplicityField/MultiplicityField.mdx +542 -110
  27. package/esm/MultiplicityField/add-objects.js +2 -0
  28. package/esm/MultiplicityField/index.js +1 -0
  29. package/esm/__stories__/AutoCompleteField.js +1 -1
  30. package/esm/index.js +1 -1
  31. package/esm/inputs/Checkboxes/index.js +4 -1
  32. package/esm/inputs/Select/Select.stories.playwright.json +22 -0
  33. package/inputs/Checkboxes/index.js +4 -1
  34. package/inputs/Select/Select.stories.playwright.json +22 -0
  35. 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 Fri, 30 Sep 2022 10:47:58 GMT and should not be manually modified.
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(_MultiplicityField["default"], (0, _extends2["default"])({
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(_FieldArray["default"], (0, _extends2["default"])({
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 _AutoComplete = _interopRequireDefault(require("@digigov/form/inputs/AutoComplete"));
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: _AutoComplete["default"],
74
+ component: AutoComplete,
66
75
  controlled: true
67
76
  }
68
77
  };
@@ -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 _core = require("@digigov/ui/core");
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$extra;
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(_core.Card, {
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, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 ", index + 1), /*#__PURE__*/_react["default"].createElement(_FieldObject["default"], (0, _extends2["default"])({
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$extra = customField.extra) === null || _customField$extra === void 0 ? void 0 : _customField$extra.of)), /*#__PURE__*/_react["default"].createElement(_core.Button, {
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(_core.Button, {
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
- }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1"));
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
- return /*#__PURE__*/_react["default"].createElement(_FieldsetLegend["default"], {
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
- return /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, children);
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;
@@ -1,6 +1,8 @@
1
- export interface FieldsetLabelProps {
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
  }