@digigov/form 0.7.1 → 0.8.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.
Files changed (243) hide show
  1. package/CHANGELOG.md +8 -1
  2. package/Field/FieldBase.js +3 -11
  3. package/Field/FieldContainer.js +6 -3
  4. package/Field/index.js +37 -1
  5. package/Field/utils.js +17 -1
  6. package/FieldArray/FieldArray.stories.js +44 -0
  7. package/FieldArray/__stories__/Default.js +109 -0
  8. package/FieldArray/__stories__/WithExactLength.js +108 -0
  9. package/FieldArray/index.js +88 -0
  10. package/FieldObject/index.js +80 -0
  11. package/FormBuilder.js +22 -12
  12. package/MultiplicityField/MultiplicityField.stories.js +86 -0
  13. package/MultiplicityField/__stories__/Default.js +121 -0
  14. package/MultiplicityField/__stories__/WithExactLength.js +116 -0
  15. package/MultiplicityField/__stories__/WithMaxLength.js +119 -0
  16. package/MultiplicityField/__stories__/WithMinAndMaxLength.js +120 -0
  17. package/MultiplicityField/__stories__/WithMinLength.js +119 -0
  18. package/MultiplicityField/add-objects.js +180 -0
  19. package/MultiplicityField/index.js +146 -0
  20. package/es/Field/FieldBase.js +3 -11
  21. package/es/Field/FieldContainer.js +6 -3
  22. package/es/Field/index.js +35 -1
  23. package/es/Field/utils.js +17 -1
  24. package/es/FieldArray/FieldArray.stories.js +7 -0
  25. package/es/FieldArray/__stories__/Default.js +88 -0
  26. package/es/FieldArray/__stories__/WithExactLength.js +87 -0
  27. package/es/FieldArray/index.js +65 -0
  28. package/es/FieldObject/index.js +55 -0
  29. package/es/FormBuilder.js +22 -11
  30. package/es/MultiplicityField/MultiplicityField.stories.js +10 -0
  31. package/es/MultiplicityField/__stories__/Default.js +100 -0
  32. package/es/MultiplicityField/__stories__/WithExactLength.js +95 -0
  33. package/es/MultiplicityField/__stories__/WithMaxLength.js +98 -0
  34. package/es/MultiplicityField/__stories__/WithMinAndMaxLength.js +99 -0
  35. package/es/MultiplicityField/__stories__/WithMinLength.js +98 -0
  36. package/es/MultiplicityField/add-objects.js +156 -0
  37. package/es/MultiplicityField/index.js +116 -0
  38. package/es/inputs/Radio/index.js +8 -13
  39. package/es/internal.js +2 -0
  40. package/es/utils.js +61 -46
  41. package/es/validators/index.js +26 -10
  42. package/es/validators/utils/index.js +1 -19
  43. package/esm/Field/FieldBase.js +3 -11
  44. package/esm/Field/FieldContainer.js +6 -3
  45. package/esm/Field/index.js +35 -1
  46. package/esm/Field/utils.js +17 -1
  47. package/esm/FieldArray/FieldArray.stories.js +7 -0
  48. package/esm/FieldArray/__stories__/Default.js +88 -0
  49. package/esm/FieldArray/__stories__/WithExactLength.js +87 -0
  50. package/esm/FieldArray/index.js +65 -0
  51. package/esm/FieldObject/index.js +55 -0
  52. package/esm/FormBuilder.js +22 -11
  53. package/esm/MultiplicityField/MultiplicityField.stories.js +10 -0
  54. package/esm/MultiplicityField/__stories__/Default.js +100 -0
  55. package/esm/MultiplicityField/__stories__/WithExactLength.js +95 -0
  56. package/esm/MultiplicityField/__stories__/WithMaxLength.js +98 -0
  57. package/esm/MultiplicityField/__stories__/WithMinAndMaxLength.js +99 -0
  58. package/esm/MultiplicityField/__stories__/WithMinLength.js +98 -0
  59. package/esm/MultiplicityField/add-objects.js +156 -0
  60. package/esm/MultiplicityField/index.js +116 -0
  61. package/esm/index.js +1 -1
  62. package/esm/inputs/Radio/index.js +8 -13
  63. package/esm/internal.js +2 -0
  64. package/esm/utils.js +61 -46
  65. package/esm/validators/index.js +26 -10
  66. package/esm/validators/utils/index.js +1 -19
  67. package/inputs/Radio/index.js +8 -20
  68. package/internal.js +21 -0
  69. package/libs/form/src/Field/types.d.ts +21 -13
  70. package/libs/form/src/FieldArray/FieldArray.stories.d.ts +8 -0
  71. package/libs/form/src/FieldArray/__stories__/Default.d.ts +1 -0
  72. package/libs/form/src/FieldArray/__stories__/WithExactLength.d.ts +1 -0
  73. package/libs/form/src/FieldArray/index.d.ts +11 -0
  74. package/libs/form/src/FieldObject/index.d.ts +20 -0
  75. package/libs/form/src/MultiplicityField/MultiplicityField.stories.d.ts +11 -0
  76. package/libs/form/src/MultiplicityField/__stories__/Default.d.ts +1 -0
  77. package/libs/form/src/MultiplicityField/__stories__/WithExactLength.d.ts +1 -0
  78. package/libs/form/src/MultiplicityField/__stories__/WithMaxLength.d.ts +1 -0
  79. package/libs/form/src/MultiplicityField/__stories__/WithMinAndMaxLength.d.ts +1 -0
  80. package/libs/form/src/MultiplicityField/__stories__/WithMinLength.d.ts +1 -0
  81. package/libs/form/src/MultiplicityField/add-objects.d.ts +13 -0
  82. package/libs/form/src/MultiplicityField/index.d.ts +32 -0
  83. package/libs/form/src/inputs/Label/index.d.ts +1 -0
  84. package/libs/form/src/internal.d.ts +2 -0
  85. package/libs/form/src/types.d.ts +19 -11
  86. package/libs/form/src/utils.d.ts +8 -3
  87. package/libs/form/src/validators/index.d.ts +4 -3
  88. package/libs/form/src/validators/types.d.ts +1 -1
  89. package/libs/form/src/validators/utils/file.d.ts +3 -1
  90. package/libs/form/src/validators/utils/iban.d.ts +3 -1
  91. package/libs/form/src/validators/utils/index.d.ts +15 -3
  92. package/libs/form/src/validators/utils/phone.d.ts +3 -1
  93. package/libs/form/src/validators/utils/postal_code.d.ts +3 -1
  94. package/libs/ui/src/app/i18n.d.ts +2 -2
  95. package/libs/ui/src/core/Accordion/index.d.ts +3 -3
  96. package/libs/ui/src/core/Blockquote/index.d.ts +1 -1
  97. package/libs/ui/src/core/Button/BackButton.d.ts +1 -1
  98. package/libs/ui/src/core/Button/ButtonLink.d.ts +1 -1
  99. package/libs/ui/src/core/Button/index.d.ts +1 -1
  100. package/libs/ui/src/core/Divider/index.d.ts +1 -1
  101. package/libs/ui/src/locales/el.d.ts +6 -0
  102. package/libs/ui/src/typography/Caption/index.d.ts +1 -1
  103. package/libs-ui/react-core/src/Accordion/index.d.ts +1 -1
  104. package/libs-ui/react-core/src/AccordionControls/index.d.ts +1 -1
  105. package/libs-ui/react-core/src/AccordionSection/index.d.ts +1 -1
  106. package/libs-ui/react-core/src/AccordionSectionContent/index.d.ts +1 -1
  107. package/libs-ui/react-core/src/AccordionSectionHeader/index.d.ts +1 -1
  108. package/libs-ui/react-core/src/AccordionSectionSummary/index.d.ts +1 -1
  109. package/libs-ui/react-core/src/AccordionSectionSummaryHeading/index.d.ts +1 -1
  110. package/libs-ui/react-core/src/Aside/index.d.ts +10 -0
  111. package/libs-ui/react-core/src/BackLink/index.d.ts +1 -1
  112. package/libs-ui/react-core/src/Blockquote/index.d.ts +1 -1
  113. package/libs-ui/react-core/src/Bottom/index.d.ts +9 -0
  114. package/libs-ui/react-core/src/Breadcrumbs/index.d.ts +1 -1
  115. package/libs-ui/react-core/src/BreadcrumbsList/index.d.ts +1 -1
  116. package/libs-ui/react-core/src/BreadcrumbsListItem/index.d.ts +1 -1
  117. package/libs-ui/react-core/src/Button/index.d.ts +1 -1
  118. package/libs-ui/react-core/src/ButtonGroup/index.d.ts +1 -1
  119. package/libs-ui/react-core/src/ButtonLink/index.d.ts +1 -1
  120. package/libs-ui/react-core/src/CallToAction/index.d.ts +1 -1
  121. package/libs-ui/react-core/src/Card/index.d.ts +1 -1
  122. package/libs-ui/react-core/src/CardAction/index.d.ts +1 -1
  123. package/libs-ui/react-core/src/CardHeading/index.d.ts +1 -1
  124. package/libs-ui/react-core/src/CardText/index.d.ts +1 -1
  125. package/libs-ui/react-core/src/Checkbox/index.d.ts +1 -1
  126. package/libs-ui/react-core/src/CheckboxConditional/index.d.ts +11 -0
  127. package/libs-ui/react-core/src/CheckboxItem/index.d.ts +1 -1
  128. package/libs-ui/react-core/src/Confirmation/index.d.ts +1 -1
  129. package/libs-ui/react-core/src/ConfirmationBody/index.d.ts +1 -1
  130. package/libs-ui/react-core/src/ConfirmationTitle/index.d.ts +1 -1
  131. package/libs-ui/react-core/src/Container/index.d.ts +17 -0
  132. package/libs-ui/react-core/src/Copyright/index.d.ts +10 -0
  133. package/libs-ui/react-core/src/DateInput/index.d.ts +1 -1
  134. package/libs-ui/react-core/src/DateInputItem/index.d.ts +1 -1
  135. package/libs-ui/react-core/src/Details/index.d.ts +1 -1
  136. package/libs-ui/react-core/src/DetailsContent/index.d.ts +1 -1
  137. package/libs-ui/react-core/src/DetailsSummary/index.d.ts +1 -1
  138. package/libs-ui/react-core/src/ErrorMessage/index.d.ts +1 -1
  139. package/libs-ui/react-core/src/ErrorSummary/index.d.ts +1 -1
  140. package/libs-ui/react-core/src/Field/index.d.ts +1 -1
  141. package/libs-ui/react-core/src/Fieldset/index.d.ts +1 -1
  142. package/libs-ui/react-core/src/FieldsetLegend/index.d.ts +1 -1
  143. package/libs-ui/react-core/src/FileUpload/index.d.ts +1 -1
  144. package/libs-ui/react-core/src/Footer/index.d.ts +9 -0
  145. package/libs-ui/react-core/src/FooterContainer/index.d.ts +16 -0
  146. package/libs-ui/react-core/src/FooterContent/index.d.ts +10 -0
  147. package/libs-ui/react-core/src/FooterContentLogos/index.d.ts +11 -0
  148. package/libs-ui/react-core/src/FooterHeading/index.d.ts +15 -0
  149. package/libs-ui/react-core/src/FooterImage/index.d.ts +15 -0
  150. package/libs-ui/react-core/src/FooterInlineList/index.d.ts +11 -0
  151. package/libs-ui/react-core/src/FooterInlineListItem/index.d.ts +9 -0
  152. package/libs-ui/react-core/src/FooterLink/index.d.ts +13 -0
  153. package/libs-ui/react-core/src/FooterList/index.d.ts +15 -0
  154. package/libs-ui/react-core/src/FooterListItem/index.d.ts +10 -0
  155. package/libs-ui/react-core/src/FooterMeta/index.d.ts +11 -0
  156. package/libs-ui/react-core/src/FooterMetaItem/index.d.ts +14 -0
  157. package/libs-ui/react-core/src/FooterNavigation/index.d.ts +11 -0
  158. package/libs-ui/react-core/src/FooterSection/index.d.ts +11 -0
  159. package/libs-ui/react-core/src/Form/index.d.ts +1 -1
  160. package/libs-ui/react-core/src/GovGRFooter/index.d.ts +9 -0
  161. package/libs-ui/react-core/src/GovGRLogo/index.d.ts +9 -0
  162. package/libs-ui/react-core/src/Grid/index.d.ts +1 -1
  163. package/libs-ui/react-core/src/Header/index.d.ts +10 -0
  164. package/libs-ui/react-core/src/HeaderContent/index.d.ts +9 -0
  165. package/libs-ui/react-core/src/HeaderLogo/index.d.ts +21 -0
  166. package/libs-ui/react-core/src/HeaderSecondaryLogo/index.d.ts +21 -0
  167. package/libs-ui/react-core/src/HeaderSection/index.d.ts +9 -0
  168. package/libs-ui/react-core/src/HeaderSubtitle/index.d.ts +9 -0
  169. package/libs-ui/react-core/src/HeaderTitle/index.d.ts +13 -0
  170. package/libs-ui/react-core/src/Heading/index.d.ts +1 -1
  171. package/libs-ui/react-core/src/HeadingCaption/index.d.ts +1 -1
  172. package/libs-ui/react-core/src/HellenicRepublicLogo/index.d.ts +20 -0
  173. package/libs-ui/react-core/src/HellenicRepublicLogo/logo-el.d.ts +2 -0
  174. package/libs-ui/react-core/src/HellenicRepublicLogo/logo-en.d.ts +2 -0
  175. package/libs-ui/react-core/src/Hidden/index.d.ts +1 -1
  176. package/libs-ui/react-core/src/Hint/index.d.ts +1 -1
  177. package/libs-ui/react-core/src/Label/index.d.ts +1 -1
  178. package/libs-ui/react-core/src/LabelTitle/index.d.ts +1 -1
  179. package/libs-ui/react-core/src/Layout/index.d.ts +10 -0
  180. package/libs-ui/react-core/src/Link/index.d.ts +1 -1
  181. package/libs-ui/react-core/src/List/index.d.ts +1 -1
  182. package/libs-ui/react-core/src/ListItem/index.d.ts +1 -1
  183. package/libs-ui/react-core/src/Main/index.d.ts +9 -0
  184. package/libs-ui/react-core/src/Masthead/index.d.ts +9 -0
  185. package/libs-ui/react-core/src/MastheadBody/index.d.ts +9 -0
  186. package/libs-ui/react-core/src/NavHorizontal/index.d.ts +1 -1
  187. package/libs-ui/react-core/src/NavHorizontalList/index.d.ts +1 -1
  188. package/libs-ui/react-core/src/NavHorizontalListItem/index.d.ts +1 -1
  189. package/libs-ui/react-core/src/NavVertical/index.d.ts +1 -1
  190. package/libs-ui/react-core/src/NavVerticalItem/index.d.ts +1 -1
  191. package/libs-ui/react-core/src/NormalText/index.d.ts +1 -1
  192. package/libs-ui/react-core/src/NotificationBanner/index.d.ts +1 -1
  193. package/libs-ui/react-core/src/NotificationBannerContent/index.d.ts +1 -1
  194. package/libs-ui/react-core/src/NotificationBannerHeader/index.d.ts +1 -1
  195. package/libs-ui/react-core/src/NotificationBannerHeading/index.d.ts +1 -1
  196. package/libs-ui/react-core/src/NotificationBannerLink/index.d.ts +1 -1
  197. package/libs-ui/react-core/src/PageTitle/index.d.ts +9 -0
  198. package/libs-ui/react-core/src/PageTitleCaption/index.d.ts +14 -0
  199. package/libs-ui/react-core/src/PageTitleHeading/index.d.ts +13 -0
  200. package/libs-ui/react-core/src/PageTitleSection/index.d.ts +10 -0
  201. package/libs-ui/react-core/src/Paragraph/index.d.ts +1 -1
  202. package/libs-ui/react-core/src/PhaseBanner/index.d.ts +1 -1
  203. package/libs-ui/react-core/src/PhaseBannerHeaderContainer/index.d.ts +1 -1
  204. package/libs-ui/react-core/src/PhaseBannerTag/index.d.ts +1 -1
  205. package/libs-ui/react-core/src/PhaseBannerText/index.d.ts +1 -1
  206. package/libs-ui/react-core/src/Radio/index.d.ts +1 -1
  207. package/libs-ui/react-core/src/RadioConditional/index.d.ts +11 -0
  208. package/libs-ui/react-core/src/RadioItem/index.d.ts +1 -1
  209. package/libs-ui/react-core/src/SectionBreak/index.d.ts +1 -1
  210. package/libs-ui/react-core/src/Select/index.d.ts +1 -1
  211. package/libs-ui/react-core/src/SelectOption/index.d.ts +1 -1
  212. package/libs-ui/react-core/src/ServiceBadge/index.d.ts +11 -0
  213. package/libs-ui/react-core/src/SkipLink/index.d.ts +1 -1
  214. package/libs-ui/react-core/src/SummaryList/index.d.ts +1 -1
  215. package/libs-ui/react-core/src/SummaryListItem/index.d.ts +1 -1
  216. package/libs-ui/react-core/src/SummaryListItemAction/index.d.ts +1 -1
  217. package/libs-ui/react-core/src/SummaryListItemKey/index.d.ts +1 -1
  218. package/libs-ui/react-core/src/SummaryListItemValue/index.d.ts +1 -1
  219. package/libs-ui/react-core/src/SvgIcon/index.d.ts +1 -1
  220. package/libs-ui/react-core/src/Table/index.d.ts +1 -1
  221. package/libs-ui/react-core/src/TableBody/index.d.ts +1 -1
  222. package/libs-ui/react-core/src/TableCaption/index.d.ts +1 -1
  223. package/libs-ui/react-core/src/TableContainer/index.d.ts +1 -1
  224. package/libs-ui/react-core/src/TableDataCell/index.d.ts +1 -1
  225. package/libs-ui/react-core/src/TableHead/index.d.ts +1 -1
  226. package/libs-ui/react-core/src/TableHeadCell/index.d.ts +1 -1
  227. package/libs-ui/react-core/src/TableNoDataRow/index.d.ts +1 -1
  228. package/libs-ui/react-core/src/TableRow/index.d.ts +1 -1
  229. package/libs-ui/react-core/src/Tabs/index.d.ts +1 -1
  230. package/libs-ui/react-core/src/TabsHeading/index.d.ts +1 -1
  231. package/libs-ui/react-core/src/TabsList/index.d.ts +1 -1
  232. package/libs-ui/react-core/src/TabsListItem/index.d.ts +1 -1
  233. package/libs-ui/react-core/src/TabsPanel/index.d.ts +1 -1
  234. package/libs-ui/react-core/src/TextArea/index.d.ts +1 -1
  235. package/libs-ui/react-core/src/TextInput/index.d.ts +1 -1
  236. package/libs-ui/react-core/src/Top/index.d.ts +9 -0
  237. package/libs-ui/react-core/src/VisuallyHidden/index.d.ts +1 -1
  238. package/libs-ui/react-core/src/WarningText/index.d.ts +1 -1
  239. package/libs-ui/react-core/src/index.d.ts +141 -0
  240. package/package.json +6 -5
  241. package/utils.js +61 -47
  242. package/validators/index.js +26 -10
  243. package/validators/utils/index.js +1 -23
@@ -0,0 +1,98 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import React, { Suspense } from 'react';
3
+ import FormBuilder, { Field } from '@digigov/form';
4
+ import { Button } from '@digigov/ui/core';
5
+ var fields = [{
6
+ key: 'string',
7
+ type: 'string',
8
+ label: {
9
+ primary: 'Πεδίο 1',
10
+ secondary: 'Το multiplicity field είναι ένα πεδίο οπότε φαίνεται και είναι μέρος της φόρμας'
11
+ }
12
+ }, {
13
+ key: 'multiplicity',
14
+ type: 'array',
15
+ multiplicity: true,
16
+ label: {
17
+ primary: 'Εξαρτώμενα μέλη',
18
+ secondary: 'Τα εξαρτώμενα μέλη είναι φυσικά πρόσωπα που υπάγονται στη φορολογική σας δήλωση'
19
+ },
20
+ extra: {
21
+ label: {
22
+ object: {
23
+ title: 'Εξαρτώμενο μέλος',
24
+ add: 'Προσθήκη',
25
+ "delete": 'Αφαίρεση μέλους'
26
+ },
27
+ question: {
28
+ title: 'Θέλετε να προσθέσετε εξαρτώμενα μέλη;',
29
+ yes: 'Ναι',
30
+ no: 'Όχι'
31
+ }
32
+ },
33
+ min: 3,
34
+ of: {
35
+ type: 'object',
36
+ label: {
37
+ primary: 'Στοιχεία εξαρτώμενου μέλους',
38
+ secondary: 'Συμπληρώστε τα στοιχεία παρακάτω και μετά πατήστε το κουμπί «Προσθήκη»'
39
+ },
40
+ extra: {
41
+ fields: [{
42
+ key: 'firstName',
43
+ required: true,
44
+ type: 'string',
45
+ label: {
46
+ primary: 'Όνομα'
47
+ }
48
+ }, {
49
+ key: 'lastName',
50
+ required: true,
51
+ type: 'string',
52
+ label: {
53
+ primary: 'Επώνυμο'
54
+ }
55
+ }, {
56
+ key: 'bod',
57
+ required: true,
58
+ type: 'date',
59
+ label: {
60
+ primary: 'Ημερομηνία γέννησης'
61
+ },
62
+ extra: {
63
+ max: 'now'
64
+ }
65
+ }]
66
+ }
67
+ }
68
+ }
69
+ }, {
70
+ key: 'phonenumber',
71
+ type: 'phone_number',
72
+ required: true,
73
+ label: {
74
+ primary: 'Πεδίο 2',
75
+ secondary: 'Το multiplicity field είναι ένα πεδίο οπότε φαίνεται και είναι μέρος της φόρμας'
76
+ }
77
+ }];
78
+
79
+ var _ref = /*#__PURE__*/React.createElement(Button, {
80
+ type: "submit"
81
+ }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
82
+
83
+ export var WithMinLength = function WithMinLength() {
84
+ return /*#__PURE__*/React.createElement(Suspense, {
85
+ fallback: "loading"
86
+ }, /*#__PURE__*/React.createElement(FormBuilder, {
87
+ onSubmit: function onSubmit(data) {
88
+ debugger;
89
+ console.log(data);
90
+ }
91
+ }, /*#__PURE__*/React.createElement(Field, _extends({
92
+ name: "string"
93
+ }, fields[0])), /*#__PURE__*/React.createElement(Field, _extends({
94
+ name: "multiplicity"
95
+ }, fields[1])), /*#__PURE__*/React.createElement(Field, _extends({
96
+ name: "phonenumber"
97
+ }, fields[2])), _ref));
98
+ };
@@ -0,0 +1,156 @@
1
+ import _typeof from "@babel/runtime/helpers/typeof";
2
+ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
3
+ import _extends from "@babel/runtime/helpers/extends";
4
+
5
+ function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
6
+
7
+ /* eslint-disable react/prop-types */
8
+ import React, { useEffect, useMemo } from 'react'; // import { FormBuilderProps } from '@digigov/form';
9
+
10
+ import Button from '@digigov/ui/core/Button';
11
+ import Fieldset from '@digigov/react-core/Fieldset';
12
+ import RadioConditional from '@digigov/react-core/RadioConditional';
13
+ import { useWatch } from 'react-hook-form';
14
+ import { FieldBase } from '@digigov/form/Field/FieldBase';
15
+ import { calculateField, useField } from '@digigov/form/Field/utils';
16
+ import FieldObject from '@digigov/form/FieldObject';
17
+ export var AddObjects = function AddObjects(_ref) {
18
+ var name = _ref.name,
19
+ fields = _ref.fields,
20
+ extra = _ref.extra,
21
+ append = _ref.append,
22
+ remove = _ref.remove,
23
+ trigger = _ref.trigger,
24
+ clearErrors = _ref.clearErrors,
25
+ children = _ref.children,
26
+ setValue = _ref.setValue,
27
+ stashedObjects = _ref.stashedObjects,
28
+ getValues = _ref.getValues,
29
+ onStash = _ref.onStash,
30
+ error = _ref.error;
31
+ var currentIndex = fields.length > 0 ? fields.length - 1 : fields.length;
32
+ var currentName = "".concat(name, ".").concat(currentIndex);
33
+ var radioField = {
34
+ key: 'needs-more',
35
+ type: 'choice:single',
36
+ label: {
37
+ primary: extra === null || extra === void 0 ? void 0 : extra.label.question.title
38
+ },
39
+ required: true,
40
+ validators: [{
41
+ name: 'is-locked',
42
+ message: 'form.error.needs-more',
43
+ test: function test(data) {
44
+ return data === 'no';
45
+ }
46
+ }],
47
+ extra: {
48
+ options: [{
49
+ label: {
50
+ primary: extra === null || extra === void 0 ? void 0 : extra.label.question.yes
51
+ },
52
+ value: 'yes',
53
+ selected: function RadioSelected() {
54
+ return /*#__PURE__*/React.createElement(RadioConditional, {
55
+ hidden: needsMore !== 'yes' || (extra === null || extra === void 0 ? void 0 : extra.max) && (extra === null || extra === void 0 ? void 0 : extra.max) - stashedObjects.length === 0
56
+ }, needsMore === 'yes' && fields.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FieldObject, _extends({
57
+ name: currentName,
58
+ error: error && error[currentIndex],
59
+ register: register,
60
+ control: control
61
+ }, extra === null || extra === void 0 ? void 0 : extra.of, {
62
+ label: (extra === null || extra === void 0 ? void 0 : extra.label.question.objectLabel) || (extra === null || extra === void 0 ? void 0 : extra.of.label)
63
+ })), /*#__PURE__*/React.createElement(Button, {
64
+ color: "secondary",
65
+ onClick: /*#__PURE__*/function () {
66
+ var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
67
+ var nestedFields, result;
68
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
69
+ while (1) {
70
+ switch (_context.prev = _context.next) {
71
+ case 0:
72
+ e.preventDefault();
73
+ nestedFields = extra === null || extra === void 0 ? void 0 : extra.of.extra.fields.map(function (f) {
74
+ return "".concat(currentName, ".").concat(f.key);
75
+ });
76
+ _context.next = 4;
77
+ return trigger(nestedFields);
78
+
79
+ case 4:
80
+ result = _context.sent;
81
+ result && setValue('needs-more', '');
82
+ result && onStash(getValues(currentName));
83
+
84
+ case 7:
85
+ case "end":
86
+ return _context.stop();
87
+ }
88
+ }
89
+ }, _callee);
90
+ }));
91
+
92
+ return function (_x) {
93
+ return _ref2.apply(this, arguments);
94
+ };
95
+ }()
96
+ }, extra === null || extra === void 0 ? void 0 : extra.label.object.add)));
97
+ }
98
+ }, {
99
+ label: {
100
+ primary: extra === null || extra === void 0 ? void 0 : extra.label.question.no
101
+ },
102
+ value: 'no'
103
+ }]
104
+ }
105
+ };
106
+
107
+ var _useField = useField(radioField.key, radioField !== null && radioField !== void 0 && radioField.type ? radioField : null),
108
+ field = _useField.field,
109
+ control = _useField.control,
110
+ register = _useField.register,
111
+ needsMoreError = _useField.error;
112
+
113
+ var calculatedField = useMemo(function () {
114
+ return calculateField(children, field);
115
+ }, [field]);
116
+ var needsMore = useWatch({
117
+ name: field.key,
118
+ control: control
119
+ });
120
+ useEffect(function () {
121
+ if (needsMore === 'yes') {
122
+ append({
123
+ afm: '',
124
+ firstName: '',
125
+ lastName: ''
126
+ });
127
+ }
128
+
129
+ if (needsMore === 'no' && stashedObjects.length < fields.length) {
130
+ remove(currentIndex);
131
+ }
132
+
133
+ if (needsMore === '') clearErrors('needs-more');
134
+ }, [needsMore]); // TODO: Refactor types so that label is always required, the following
135
+ // assignment is a temp fix for typescript build to run
136
+
137
+ calculatedField.label = calculatedField.label || {};
138
+
139
+ if (extra !== null && extra !== void 0 && extra.length) {
140
+ calculatedField.label.secondary = "\u0388\u03C7\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03B9 ".concat(stashedObjects.length, " \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2 \u03BA\u03B1\u03B9 \u03C3\u03B1\u03C2 \u03B1\u03C0\u03BF\u03BC\u03AD\u03BD\u03BF\u03C5\u03BD \u03B1\u03BA\u03CC\u03BC\u03B1 ").concat(extra.length - stashedObjects.length, " \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2.");
141
+ } else if (extra !== null && extra !== void 0 && extra.min && extra !== null && extra !== void 0 && extra.max) {
142
+ calculatedField.label.secondary = "\u03A4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03B9 \u03B1\u03BA\u03CC\u03BC\u03B1 ".concat((extra === null || extra === void 0 ? void 0 : extra.min) - stashedObjects.length, " \u03BA\u03B1\u03B9 \u03C4\u03BF \u03BC\u03AD\u03B3\u03B9\u03C3\u03C4\u03BF ").concat(extra === null || extra === void 0 ? void 0 : extra.max, " \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2. \u03A0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03B1\u03BA\u03CC\u03BC\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03B3\u03BF\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7 \xAB\u039D\u03B1\u03B9\xBB \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03B5\u03C1\u03CE\u03C4\u03B7\u03C3\u03B7.");
143
+ } else if (extra !== null && extra !== void 0 && extra.min) {
144
+ calculatedField.label.secondary = "\u03A4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03B9 \u03B1\u03BA\u03CC\u03BC\u03B1 ".concat((extra === null || extra === void 0 ? void 0 : extra.min) - stashedObjects.length, " \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2. \u03A0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03B1\u03BA\u03CC\u03BC\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03B3\u03BF\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7 \xAB\u039D\u03B1\u03B9\xBB \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03B5\u03C1\u03CE\u03C4\u03B7\u03C3\u03B7.");
145
+ } else if (extra !== null && extra !== void 0 && extra.max) {
146
+ calculatedField.label.secondary = " \u0388\u03C7\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03B9 ".concat(stashedObjects.length, " \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2 \u03BA\u03B1\u03B9 \u03C3\u03B1\u03C2 \u03B1\u03C0\u03BF\u03BC\u03AD\u03BD\u03BF\u03C5\u03BD ").concat(extra.max - stashedObjects.length, " \u03B5\u03C0\u03B9\u03C0\u03BB\u03AD\u03BF\u03BD \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2.");
147
+ }
148
+
149
+ return /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldBase, _extends({}, calculatedField, {
150
+ name: calculatedField.key,
151
+ control: control,
152
+ register: register,
153
+ error: (extra === null || extra === void 0 ? void 0 : extra.max) - stashedObjects.length === 0 || (extra === null || extra === void 0 ? void 0 : extra.length) - stashedObjects.length === 0 ? error : needsMoreError
154
+ })));
155
+ };
156
+ export default AddObjects;
@@ -0,0 +1,116 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
3
+ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
+ import React, { useState } from 'react';
5
+ import { Card, CardText, CardAction, Button, Heading, CardHeading } from '@digigov/react-core';
6
+ import AddObjects from '@digigov/form/MultiplicityField/add-objects';
7
+ import { useFieldArray } from 'react-hook-form';
8
+ import { DevTool } from '@hookform/devtools';
9
+ import FieldObject from '@digigov/form/FieldObject';
10
+ import FieldContainer from '@digigov/form/Field/FieldContainer';
11
+ // epeidh einai forwardRef to ref mas to dinei xwrista apo ta props
12
+ export var Multiplicity = function Multiplicity(_ref) {
13
+ var extra = _ref.extra,
14
+ name = _ref.name,
15
+ control = _ref.control,
16
+ error = _ref.error,
17
+ register = _ref.register,
18
+ trigger = _ref.trigger,
19
+ clearErrors = _ref.clearErrors,
20
+ formState = _ref.formState,
21
+ label = _ref.label,
22
+ layout = _ref.layout,
23
+ setValue = _ref.setValue,
24
+ getValues = _ref.getValues,
25
+ unregister = _ref.unregister;
26
+
27
+ var _useFieldArray = useFieldArray({
28
+ control: control,
29
+ name: name
30
+ }),
31
+ fields = _useFieldArray.fields,
32
+ append = _useFieldArray.append,
33
+ remove = _useFieldArray.remove;
34
+
35
+ var _useState = useState([]),
36
+ _useState2 = _slicedToArray(_useState, 2),
37
+ stashedObjects = _useState2[0],
38
+ setStashedObjects = _useState2[1];
39
+
40
+ var handleStash = function handleStash(data) {
41
+ setStashedObjects([].concat(_toConsumableArray(stashedObjects), [data]));
42
+ };
43
+
44
+ var handleDelete = function handleDelete(index) {
45
+ remove(index); // creating a new array to maintain immutability
46
+
47
+ var newStashedObjects = _toConsumableArray(stashedObjects);
48
+
49
+ newStashedObjects.splice(index, 1);
50
+ setStashedObjects(newStashedObjects);
51
+ };
52
+
53
+ return /*#__PURE__*/React.createElement(FieldContainer, {
54
+ label: label,
55
+ layout: layout,
56
+ error: formState.isSubmitted && !formState.isSubmitting && error !== null && error !== void 0 && error.message ? error : undefined,
57
+ wrapper: "fieldset",
58
+ name: name
59
+ }, /*#__PURE__*/React.createElement(DevTool, {
60
+ control: control
61
+ }), stashedObjects.length > 0 ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, {
62
+ size: "m"
63
+ }, extra === null || extra === void 0 ? void 0 : extra.label.object.title_added), stashedObjects.map(function (_Object, index) {
64
+ return /*#__PURE__*/React.createElement(ListObject, {
65
+ key: "".concat(name, ".").concat(index),
66
+ index: index,
67
+ name: name,
68
+ extra: extra,
69
+ control: control,
70
+ register: register,
71
+ formState: formState,
72
+ onDelete: handleDelete
73
+ });
74
+ })) : '', /*#__PURE__*/React.createElement(AddObjects, {
75
+ name: name,
76
+ register: register,
77
+ control: control,
78
+ fields: fields,
79
+ error: error,
80
+ stashedObjects: stashedObjects,
81
+ extra: extra,
82
+ append: append,
83
+ remove: remove,
84
+ onStash: handleStash,
85
+ setValue: setValue,
86
+ getValues: getValues,
87
+ unregister: unregister,
88
+ trigger: trigger,
89
+ clearErrors: clearErrors
90
+ }));
91
+ };
92
+ export default Multiplicity;
93
+ export var ListObject = function ListObject(_ref2) {
94
+ var index = _ref2.index,
95
+ name = _ref2.name,
96
+ extra = _ref2.extra,
97
+ control = _ref2.control,
98
+ register = _ref2.register,
99
+ onDelete = _ref2.onDelete,
100
+ formState = _ref2.formState;
101
+ var currentName = "".concat(name, ".").concat(index);
102
+ return /*#__PURE__*/React.createElement(Card, {
103
+ variant: (extra === null || extra === void 0 ? void 0 : extra.border) && 'border'
104
+ }, /*#__PURE__*/React.createElement(CardHeading, null, extra === null || extra === void 0 ? void 0 : extra.label.object.title, " #", index + 1), /*#__PURE__*/React.createElement(CardText, null, /*#__PURE__*/React.createElement(FieldObject, _extends({
105
+ name: currentName,
106
+ formState: formState,
107
+ register: register,
108
+ control: control
109
+ }, extra === null || extra === void 0 ? void 0 : extra.of))), /*#__PURE__*/React.createElement(CardAction, null, /*#__PURE__*/React.createElement(Button, {
110
+ type: "button",
111
+ variant: "link",
112
+ onClick: function onClick() {
113
+ return onDelete(index);
114
+ }
115
+ }, extra === null || extra === void 0 ? void 0 : extra.label.object["delete"])));
116
+ };
@@ -1,8 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
3
  var _excluded = ["register", "name", "control", "extra", "disabled"];
5
- import React, { useState } from 'react';
4
+ import React from 'react';
6
5
  import Radio from '@digigov/react-core/Radio';
7
6
  import RadioItem from '@digigov/react-core/RadioItem';
8
7
  import { useTranslation } from '@digigov/ui/app/i18n';
@@ -23,32 +22,28 @@ export var RadioButtonsGroup = function RadioButtonsGroup(_ref) {
23
22
  name: name
24
23
  });
25
24
 
26
- var _useState = useState(currentValue),
27
- _useState2 = _slicedToArray(_useState, 1),
28
- defaultValue = _useState2[0];
29
-
30
25
  var _useTranslation = useTranslation(),
31
26
  t = _useTranslation.t;
32
27
 
33
28
  return /*#__PURE__*/React.createElement(Radio, {
34
29
  className: className,
35
- defaultValue: defaultValue,
30
+ defaultValue: currentValue,
36
31
  id: name
37
32
  }, options.map(function (_ref2) {
38
33
  var label = _ref2.label,
39
34
  v = _ref2.value,
40
- optionDisabled = _ref2.disabled;
41
- return /*#__PURE__*/React.createElement(RadioItem, _extends({
42
- ref: register,
43
- key: v,
44
- name: name,
35
+ optionDisabled = _ref2.disabled,
36
+ selected = _ref2.selected;
37
+ return /*#__PURE__*/React.createElement("div", {
38
+ key: "".concat(name, ".").concat(v)
39
+ }, /*#__PURE__*/React.createElement(RadioItem, _extends({}, register(name), {
45
40
  value: v,
46
41
  disabled: disabled || optionDisabled
47
42
  }, _extends({}, props, {
48
43
  required: undefined,
49
44
  'aria-describedby': undefined,
50
45
  type: 'radio'
51
- })), label && label.primary && t(label.primary) || v, label && label.secondary && /*#__PURE__*/React.createElement(Hint, null, t(label.secondary)));
46
+ })), label && label.primary && t(label.primary) || v, label && label.secondary && /*#__PURE__*/React.createElement(Hint, null, t(label.secondary))), selected && selected());
52
47
  }));
53
48
  };
54
49
  export default RadioButtonsGroup;
package/es/internal.js CHANGED
@@ -1,5 +1,7 @@
1
1
  export { default as Field } from '@digigov/form/Field';
2
2
  export * from '@digigov/form/Field';
3
+ export { default as FieldArray } from '@digigov/form/FieldArray';
4
+ export * from '@digigov/form/FieldArray';
3
5
  export { default as FieldConditional } from '@digigov/form/Field/FieldConditional';
4
6
  export * from '@digigov/form/Field/FieldConditional';
5
7
  export { default as Fieldset } from '@digigov/form/Fieldset';
package/es/utils.js CHANGED
@@ -1,84 +1,99 @@
1
1
  import _typeof from "@babel/runtime/helpers/typeof";
2
- import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
3
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
- import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
5
2
  import _extends from "@babel/runtime/helpers/extends";
3
+ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
6
4
 
7
5
  function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
8
6
 
9
- /* eslint-disable @typescript-eslint/no-explicit-any */
7
+ import { validateFieldsNatively } from '@hookform/resolvers';
8
+ import { appendErrors } from 'react-hook-form';
9
+ /**
10
+ * Why `path!` ? because it could be `undefined` in some case
11
+ * https://github.com/jquense/yup#validationerrorerrors-string--arraystring-value-any-path-string
12
+ */
13
+
10
14
  var parseErrorSchema = function parseErrorSchema(error, validateAllFieldCriteria) {
11
- return Array.isArray(error.inner) && error.inner.length ? error.inner.reduce(function (previous, _ref) {
12
- var path = _ref.path,
13
- message = _ref.message,
14
- type = _ref.type;
15
- var previousTypes = path && previous[path] && previous[path].types || {};
16
- var key = path || type;
17
- return _extends({}, previous, key ? _defineProperty({}, key, _extends({}, previous[key] || {
18
- message: message,
19
- type: type
20
- }, validateAllFieldCriteria ? {
21
- types: _extends({}, previousTypes, _defineProperty({}, type, previousTypes[type] ? [].concat(_toConsumableArray([].concat(previousTypes[type])), [message]) : message))
22
- } : {})) : {});
23
- }, {}) : _defineProperty({}, error.path, {
24
- message: error.message,
25
- type: error.type
26
- });
15
+ return (error.inner || []).reduce(function (previous, error) {
16
+ var _error$path;
17
+
18
+ error.path = (_error$path = error.path) === null || _error$path === void 0 ? void 0 : _error$path.replace(/\[([0-9]+)\]/g, '.$1');
19
+
20
+ if (!previous[error.path]) {
21
+ previous[error.path] = {
22
+ message: error.message,
23
+ type: error.type
24
+ };
25
+ }
26
+
27
+ if (validateAllFieldCriteria) {
28
+ var types = previous[error.path].types;
29
+ var messages = types && types[error.type];
30
+ previous[error.path] = appendErrors(error.path, validateAllFieldCriteria, previous, error.type, messages ? [].concat(messages, error.message) : error.message);
31
+ }
32
+
33
+ return previous;
34
+ }, {});
27
35
  };
28
36
 
29
37
  export var yupResolver = function yupResolver(schema) {
30
- var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
31
- abortEarly: false
32
- };
38
+ var schemaOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
39
+ var resolverOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
33
40
  return /*#__PURE__*/function () {
34
- var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(values, context) {
35
- var validateAllFieldCriteria,
36
- parsedErrors,
37
- _args = arguments;
41
+ var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(values, context, options) {
42
+ var result, parsed;
38
43
  return _regeneratorRuntime().wrap(function _callee$(_context) {
39
44
  while (1) {
40
45
  switch (_context.prev = _context.next) {
41
46
  case 0:
42
- validateAllFieldCriteria = _args.length > 2 && _args[2] !== undefined ? _args[2] : false;
43
- _context.prev = 1;
47
+ _context.prev = 0;
44
48
 
45
- if (options.context && process.env.NODE_ENV === 'development') {
49
+ if (schemaOptions.context && process.env.NODE_ENV === 'development') {
46
50
  // eslint-disable-next-line no-console
47
51
  console.warn("You should not used the yup options context. Please, use the 'useForm' context object instead");
48
52
  }
49
53
 
50
- _context.next = 5;
51
- return schema.validate(values, _extends({}, options, {
54
+ _context.next = 4;
55
+ return schema[resolverOptions.mode === 'sync' ? 'validateSync' : 'validate'](values, _extends({
56
+ abortEarly: false
57
+ }, schemaOptions, {
52
58
  context: context
53
59
  }));
54
60
 
55
- case 5:
56
- _context.t0 = _context.sent;
57
- _context.t1 = {};
61
+ case 4:
62
+ result = _context.sent;
63
+ options.shouldUseNativeValidation && validateFieldsNatively({}, options);
58
64
  return _context.abrupt("return", {
59
- values: _context.t0,
60
- errors: _context.t1
65
+ values: resolverOptions.rawValues ? values : result,
66
+ errors: {}
61
67
  });
62
68
 
63
- case 10:
64
- _context.prev = 10;
65
- _context.t2 = _context["catch"](1);
66
- parsedErrors = parseErrorSchema(_context.t2, validateAllFieldCriteria);
69
+ case 9:
70
+ _context.prev = 9;
71
+ _context.t0 = _context["catch"](0);
72
+
73
+ if (_context.t0.inner) {
74
+ _context.next = 13;
75
+ break;
76
+ }
77
+
78
+ throw _context.t0;
79
+
80
+ case 13:
81
+ parsed = parseErrorSchema(_context.t0, !options.shouldUseNativeValidation && options.criteriaMode === 'all');
67
82
  return _context.abrupt("return", {
68
83
  values: {},
69
- errors: parsedErrors
84
+ errors: parsed
70
85
  });
71
86
 
72
- case 14:
87
+ case 15:
73
88
  case "end":
74
89
  return _context.stop();
75
90
  }
76
91
  }
77
- }, _callee, null, [[1, 10]]);
92
+ }, _callee, null, [[0, 9]]);
78
93
  }));
79
94
 
80
- return function (_x, _x2) {
81
- return _ref4.apply(this, arguments);
95
+ return function (_x, _x2, _x3) {
96
+ return _ref.apply(this, arguments);
82
97
  };
83
98
  }();
84
99
  };