@digigov/form 1.2.0-dcbd7ded → 2.0.0-7d9a8d86

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 (538) hide show
  1. package/Field/FieldBase/index.js +74 -68
  2. package/Field/FieldBase.js.map +7 -0
  3. package/Field/FieldBaseContainer/index.js +40 -34
  4. package/Field/FieldBaseContainer.js.map +7 -0
  5. package/Field/FieldConditional/index.js +48 -41
  6. package/Field/FieldConditional.js.map +7 -0
  7. package/Field/index.js +66 -61
  8. package/Field/index.js.map +7 -0
  9. package/Field/types/index.js +1 -1
  10. package/Field/types.js.map +7 -0
  11. package/Field/utils/index.js +84 -85
  12. package/Field/utils.js.map +7 -0
  13. package/FieldArray/FieldArray.stories/index.js +10 -6
  14. package/FieldArray/FieldArray.stories.js.map +7 -0
  15. package/FieldArray/__stories__/Default/index.js +90 -81
  16. package/FieldArray/__stories__/Default.js.map +7 -0
  17. package/FieldArray/__stories__/WithExactLength/index.js +90 -81
  18. package/FieldArray/__stories__/WithExactLength.js.map +7 -0
  19. package/FieldArray/index.js +49 -54
  20. package/FieldArray/index.js.map +7 -0
  21. package/FieldObject/index.js +52 -50
  22. package/FieldObject/index.js.map +7 -0
  23. package/Fieldset/FieldsetWithContext/index.js +28 -31
  24. package/Fieldset/FieldsetWithContext.js.map +7 -0
  25. package/Fieldset/index.js +33 -26
  26. package/Fieldset/index.js.map +7 -0
  27. package/Fieldset/types/index.js +1 -1
  28. package/Fieldset/types.js.map +7 -0
  29. package/Form.stories/index.js +7 -3
  30. package/Form.stories.js.map +7 -0
  31. package/FormBuilder/FormBuilder/index.js +99 -113
  32. package/FormBuilder/FormBuilder.js.map +7 -0
  33. package/FormBuilder/FormBuilder.stories/index.js +9 -5
  34. package/FormBuilder/FormBuilder.stories.js.map +7 -0
  35. package/FormBuilder/__stories__/Default/index.js +23 -23
  36. package/FormBuilder/__stories__/Default.js.map +7 -0
  37. package/FormBuilder/index.js +6 -2
  38. package/FormBuilder/index.js.map +7 -0
  39. package/FormContext/index.js +7 -3
  40. package/FormContext.js.map +7 -0
  41. package/MultiplicityField/MultiplicityField.stories/index.js +14 -10
  42. package/MultiplicityField/MultiplicityField.stories.js.map +7 -0
  43. package/MultiplicityField/__stories__/Default/index.js +94 -85
  44. package/MultiplicityField/__stories__/Default.js.map +7 -0
  45. package/MultiplicityField/__stories__/PreviewDisplay/index.js +84 -65
  46. package/MultiplicityField/__stories__/PreviewDisplay.js.map +7 -0
  47. package/MultiplicityField/__stories__/WithExactLength/index.js +91 -80
  48. package/MultiplicityField/__stories__/WithExactLength.js.map +7 -0
  49. package/MultiplicityField/__stories__/WithMaxLength/index.js +94 -83
  50. package/MultiplicityField/__stories__/WithMaxLength.js.map +7 -0
  51. package/MultiplicityField/__stories__/WithMinAndMaxLength/index.js +95 -84
  52. package/MultiplicityField/__stories__/WithMinAndMaxLength.js.map +7 -0
  53. package/MultiplicityField/__stories__/WithMinLength/index.js +94 -83
  54. package/MultiplicityField/__stories__/WithMinLength.js.map +7 -0
  55. package/MultiplicityField/add-objects/index.js +100 -131
  56. package/MultiplicityField/add-objects.js.map +7 -0
  57. package/MultiplicityField/index.js +94 -98
  58. package/MultiplicityField/index.js.map +7 -0
  59. package/Questions/Questions/index.js +35 -50
  60. package/Questions/Questions.js.map +7 -0
  61. package/Questions/Questions.stories/index.js +9 -5
  62. package/Questions/Questions.stories.js.map +7 -0
  63. package/Questions/QuestionsContext/index.js +9 -9
  64. package/Questions/QuestionsContext.js.map +7 -0
  65. package/Questions/Step/ReviewStep/index.js +40 -46
  66. package/Questions/Step/ReviewStep.js.map +7 -0
  67. package/Questions/Step/Step/index.js +29 -43
  68. package/Questions/Step/Step.js.map +7 -0
  69. package/Questions/Step/StepArrayReview/index.js +43 -42
  70. package/Questions/Step/StepArrayReview.js.map +7 -0
  71. package/Questions/Step/StepContext/index.js +15 -19
  72. package/Questions/Step/StepContext.js.map +7 -0
  73. package/Questions/Step/StepDescription/index.js +27 -22
  74. package/Questions/Step/StepDescription.js.map +7 -0
  75. package/Questions/Step/StepForm/index.js +32 -39
  76. package/Questions/Step/StepForm.js.map +7 -0
  77. package/Questions/Step/StepQuote/index.js +12 -9
  78. package/Questions/Step/StepQuote.js.map +7 -0
  79. package/Questions/Step/StepTitle/index.js +36 -36
  80. package/Questions/Step/StepTitle.js.map +7 -0
  81. package/Questions/Step/getAddMoreFields/index.js +28 -20
  82. package/Questions/Step/getAddMoreFields.js.map +7 -0
  83. package/Questions/Step/index.js +17 -13
  84. package/Questions/Step/index.js.map +7 -0
  85. package/Questions/Step/types/index.js +1 -1
  86. package/Questions/Step/types.js.map +7 -0
  87. package/Questions/__stories__/Default/index.js +111 -98
  88. package/Questions/__stories__/Default.js.map +7 -0
  89. package/Questions/getNextStep/index.js +10 -10
  90. package/Questions/getNextStep.js.map +7 -0
  91. package/Questions/index.js +7 -3
  92. package/Questions/index.js.map +7 -0
  93. package/Questions/index.spec/index.js +63 -57
  94. package/Questions/index.spec.js.map +7 -0
  95. package/Questions/types/index.js +1 -1
  96. package/Questions/types.js.map +7 -0
  97. package/cjs/Field/FieldBase/index.js +100 -74
  98. package/cjs/Field/FieldBase.js.map +7 -0
  99. package/cjs/Field/FieldBaseContainer/index.js +66 -40
  100. package/cjs/Field/FieldBaseContainer.js.map +7 -0
  101. package/cjs/Field/FieldConditional/index.js +74 -47
  102. package/cjs/Field/FieldConditional.js.map +7 -0
  103. package/cjs/Field/index.js +92 -70
  104. package/cjs/Field/index.js.map +7 -0
  105. package/cjs/Field/types/index.js +4 -5
  106. package/cjs/Field/types.js.map +7 -0
  107. package/cjs/Field/utils/index.js +120 -106
  108. package/cjs/Field/utils.js.map +7 -0
  109. package/cjs/FieldArray/FieldArray.stories/index.js +36 -37
  110. package/cjs/FieldArray/FieldArray.stories.js.map +7 -0
  111. package/cjs/FieldArray/__stories__/Default/index.js +116 -90
  112. package/cjs/FieldArray/__stories__/Default.js.map +7 -0
  113. package/cjs/FieldArray/__stories__/WithExactLength/index.js +116 -90
  114. package/cjs/FieldArray/__stories__/WithExactLength.js.map +7 -0
  115. package/cjs/FieldArray/index.js +75 -60
  116. package/cjs/FieldArray/index.js.map +7 -0
  117. package/cjs/FieldObject/index.js +78 -59
  118. package/cjs/FieldObject/index.js.map +7 -0
  119. package/cjs/Fieldset/FieldsetWithContext/index.js +49 -40
  120. package/cjs/Fieldset/FieldsetWithContext.js.map +7 -0
  121. package/cjs/Fieldset/index.js +61 -36
  122. package/cjs/Fieldset/index.js.map +7 -0
  123. package/cjs/Fieldset/types/index.js +4 -5
  124. package/cjs/Fieldset/types.js.map +7 -0
  125. package/cjs/Form.stories/index.js +15 -8
  126. package/cjs/Form.stories.js.map +7 -0
  127. package/cjs/FormBuilder/FormBuilder/index.js +127 -123
  128. package/cjs/FormBuilder/FormBuilder.js.map +7 -0
  129. package/cjs/FormBuilder/FormBuilder.stories/index.js +35 -25
  130. package/cjs/FormBuilder/FormBuilder.stories.js.map +7 -0
  131. package/cjs/FormBuilder/__stories__/Default/index.js +50 -33
  132. package/cjs/FormBuilder/__stories__/Default.js.map +7 -0
  133. package/cjs/FormBuilder/index.js +30 -7
  134. package/cjs/FormBuilder/index.js.map +7 -0
  135. package/cjs/FormContext/index.js +33 -8
  136. package/cjs/FormContext.js.map +7 -0
  137. package/cjs/MultiplicityField/MultiplicityField.stories/index.js +40 -85
  138. package/cjs/MultiplicityField/MultiplicityField.stories.js.map +7 -0
  139. package/cjs/MultiplicityField/__stories__/Default/index.js +120 -94
  140. package/cjs/MultiplicityField/__stories__/Default.js.map +7 -0
  141. package/cjs/MultiplicityField/__stories__/PreviewDisplay/index.js +93 -74
  142. package/cjs/MultiplicityField/__stories__/PreviewDisplay.js.map +7 -0
  143. package/cjs/MultiplicityField/__stories__/WithExactLength/index.js +117 -89
  144. package/cjs/MultiplicityField/__stories__/WithExactLength.js.map +7 -0
  145. package/cjs/MultiplicityField/__stories__/WithMaxLength/index.js +120 -92
  146. package/cjs/MultiplicityField/__stories__/WithMaxLength.js.map +7 -0
  147. package/cjs/MultiplicityField/__stories__/WithMinAndMaxLength/index.js +121 -93
  148. package/cjs/MultiplicityField/__stories__/WithMinAndMaxLength.js.map +7 -0
  149. package/cjs/MultiplicityField/__stories__/WithMinLength/index.js +120 -92
  150. package/cjs/MultiplicityField/__stories__/WithMinLength.js.map +7 -0
  151. package/cjs/MultiplicityField/add-objects/index.js +124 -137
  152. package/cjs/MultiplicityField/add-objects.js.map +7 -0
  153. package/cjs/MultiplicityField/index.js +121 -107
  154. package/cjs/MultiplicityField/index.js.map +7 -0
  155. package/cjs/Questions/Questions/index.js +61 -59
  156. package/cjs/Questions/Questions.js.map +7 -0
  157. package/cjs/Questions/Questions.stories/index.js +35 -25
  158. package/cjs/Questions/Questions.stories.js.map +7 -0
  159. package/cjs/Questions/QuestionsContext/index.js +35 -14
  160. package/cjs/Questions/QuestionsContext.js.map +7 -0
  161. package/cjs/Questions/Step/ReviewStep/index.js +60 -55
  162. package/cjs/Questions/Step/ReviewStep.js.map +7 -0
  163. package/cjs/Questions/Step/Step/index.js +55 -52
  164. package/cjs/Questions/Step/Step.js.map +7 -0
  165. package/cjs/Questions/Step/StepArrayReview/index.js +61 -51
  166. package/cjs/Questions/Step/StepArrayReview.js.map +7 -0
  167. package/cjs/Questions/Step/StepContext/index.js +41 -24
  168. package/cjs/Questions/Step/StepContext.js.map +7 -0
  169. package/cjs/Questions/Step/StepDescription/index.js +54 -31
  170. package/cjs/Questions/Step/StepDescription.js.map +7 -0
  171. package/cjs/Questions/Step/StepForm/index.js +58 -48
  172. package/cjs/Questions/Step/StepForm.js.map +7 -0
  173. package/cjs/Questions/Step/StepQuote/index.js +38 -15
  174. package/cjs/Questions/Step/StepQuote.js.map +7 -0
  175. package/cjs/Questions/Step/StepTitle/index.js +62 -45
  176. package/cjs/Questions/Step/StepTitle.js.map +7 -0
  177. package/cjs/Questions/Step/getAddMoreFields/index.js +38 -25
  178. package/cjs/Questions/Step/getAddMoreFields.js.map +7 -0
  179. package/cjs/Questions/Step/index.js +42 -143
  180. package/cjs/Questions/Step/index.js.map +7 -0
  181. package/cjs/Questions/Step/types/index.js +4 -5
  182. package/cjs/Questions/Step/types.js.map +7 -0
  183. package/cjs/Questions/__stories__/Default/index.js +131 -107
  184. package/cjs/Questions/__stories__/Default.js.map +7 -0
  185. package/cjs/Questions/getNextStep/index.js +19 -14
  186. package/cjs/Questions/getNextStep.js.map +7 -0
  187. package/cjs/Questions/index.js +31 -20
  188. package/cjs/Questions/index.js.map +7 -0
  189. package/cjs/Questions/index.spec/index.js +81 -61
  190. package/cjs/Questions/index.spec.js.map +7 -0
  191. package/cjs/Questions/types/index.js +4 -5
  192. package/cjs/Questions/types.js.map +7 -0
  193. package/cjs/index.js +31 -21
  194. package/cjs/index.js.map +7 -0
  195. package/cjs/inputs/AutoCompleteInput/AutoComplete.stories/index.js +36 -25
  196. package/cjs/inputs/AutoCompleteInput/AutoComplete.stories.js.map +7 -0
  197. package/cjs/inputs/AutoCompleteInput/__stories__/Default/index.js +70 -53
  198. package/cjs/inputs/AutoCompleteInput/__stories__/Default.js.map +7 -0
  199. package/cjs/inputs/AutoCompleteInput/__stories__/Multiple/index.js +72 -0
  200. package/cjs/inputs/AutoCompleteInput/__stories__/Multiple.js.map +7 -0
  201. package/cjs/inputs/AutoCompleteInput/index.js +58 -40
  202. package/cjs/inputs/AutoCompleteInput/index.js.map +7 -0
  203. package/cjs/inputs/Checkboxes/Checkboxes.stories/index.js +37 -49
  204. package/cjs/inputs/Checkboxes/Checkboxes.stories.js.map +7 -0
  205. package/cjs/inputs/Checkboxes/__stories__/Conditional/index.js +113 -88
  206. package/cjs/inputs/Checkboxes/__stories__/Conditional.js.map +7 -0
  207. package/cjs/inputs/Checkboxes/__stories__/Default/index.js +63 -48
  208. package/cjs/inputs/Checkboxes/__stories__/Default.js.map +7 -0
  209. package/cjs/inputs/Checkboxes/__stories__/WithDivider/index.js +64 -49
  210. package/cjs/inputs/Checkboxes/__stories__/WithDivider.js.map +7 -0
  211. package/cjs/inputs/Checkboxes/index.js +96 -98
  212. package/cjs/inputs/Checkboxes/index.js.map +7 -0
  213. package/cjs/inputs/DateInput/DateInput.stories/index.js +35 -25
  214. package/cjs/inputs/DateInput/DateInput.stories.js.map +7 -0
  215. package/cjs/inputs/DateInput/__stories__/Default/index.js +50 -31
  216. package/cjs/inputs/DateInput/__stories__/Default.js.map +7 -0
  217. package/cjs/inputs/DateInput/index.js +90 -90
  218. package/cjs/inputs/DateInput/index.js.map +7 -0
  219. package/cjs/inputs/FileInput/FileInput.stories/index.js +35 -25
  220. package/cjs/inputs/FileInput/FileInput.stories.js.map +7 -0
  221. package/cjs/inputs/FileInput/__stories__/Default/index.js +46 -29
  222. package/cjs/inputs/FileInput/__stories__/Default.js.map +7 -0
  223. package/cjs/inputs/FileInput/index.js +58 -59
  224. package/cjs/inputs/FileInput/index.js.map +7 -0
  225. package/cjs/inputs/ImageInput/ImageInput.stories/index.js +37 -49
  226. package/cjs/inputs/ImageInput/ImageInput.stories.js.map +7 -0
  227. package/cjs/inputs/ImageInput/__stories__/Default/index.js +54 -35
  228. package/cjs/inputs/ImageInput/__stories__/Default.js.map +7 -0
  229. package/cjs/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js +61 -42
  230. package/cjs/inputs/ImageInput/__stories__/WithInvalidImageDimension.js.map +7 -0
  231. package/cjs/inputs/ImageInput/__stories__/WithInvalidImageSize/index.js +58 -39
  232. package/cjs/inputs/ImageInput/__stories__/WithInvalidImageSize.js.map +7 -0
  233. package/cjs/inputs/ImageInput/index.js +65 -64
  234. package/cjs/inputs/ImageInput/index.js.map +7 -0
  235. package/cjs/inputs/Input/Input.stories/index.js +45 -134
  236. package/cjs/inputs/Input/Input.stories.js.map +7 -0
  237. package/cjs/inputs/Input/__stories__/AFM/index.js +49 -30
  238. package/cjs/inputs/Input/__stories__/AFM.js.map +7 -0
  239. package/cjs/inputs/Input/__stories__/Boolean/index.js +50 -31
  240. package/cjs/inputs/Input/__stories__/Boolean.js.map +7 -0
  241. package/cjs/inputs/Input/__stories__/Default/index.js +50 -31
  242. package/cjs/inputs/Input/__stories__/Default.js.map +7 -0
  243. package/cjs/inputs/Input/__stories__/IBAN/index.js +50 -31
  244. package/cjs/inputs/Input/__stories__/IBAN.js.map +7 -0
  245. package/cjs/inputs/Input/__stories__/Integer/index.js +47 -26
  246. package/cjs/inputs/Input/__stories__/Integer.js.map +7 -0
  247. package/cjs/inputs/Input/__stories__/LandlineNumber/index.js +53 -34
  248. package/cjs/inputs/Input/__stories__/LandlineNumber.js.map +7 -0
  249. package/cjs/inputs/Input/__stories__/MobilePhone/index.js +53 -34
  250. package/cjs/inputs/Input/__stories__/MobilePhone.js.map +7 -0
  251. package/cjs/inputs/Input/__stories__/PhoneNumber/index.js +52 -33
  252. package/cjs/inputs/Input/__stories__/PhoneNumber.js.map +7 -0
  253. package/cjs/inputs/Input/__stories__/PostalCode/index.js +50 -33
  254. package/cjs/inputs/Input/__stories__/PostalCode.js.map +7 -0
  255. package/cjs/inputs/Input/__stories__/TextWithCharacterLimit/index.js +50 -37
  256. package/cjs/inputs/Input/__stories__/TextWithCharacterLimit.js.map +7 -0
  257. package/cjs/inputs/Input/index.js +69 -67
  258. package/cjs/inputs/Input/index.js.map +7 -0
  259. package/cjs/inputs/Label/Label.stories/index.js +35 -25
  260. package/cjs/inputs/Label/Label.stories.js.map +7 -0
  261. package/cjs/inputs/Label/__stories__/Default/index.js +52 -35
  262. package/cjs/inputs/Label/__stories__/Default.js.map +7 -0
  263. package/cjs/inputs/Label/index.js +41 -20
  264. package/cjs/inputs/Label/index.js.map +7 -0
  265. package/cjs/inputs/OtpInput/OtpInput.stories/index.js +35 -25
  266. package/cjs/inputs/OtpInput/OtpInput.stories.js.map +7 -0
  267. package/cjs/inputs/OtpInput/__stories__/Default/index.js +55 -36
  268. package/cjs/inputs/OtpInput/__stories__/Default.js.map +7 -0
  269. package/cjs/inputs/OtpInput/index.js +102 -96
  270. package/cjs/inputs/OtpInput/index.js.map +7 -0
  271. package/cjs/inputs/Radio/Radio.stories/index.js +37 -49
  272. package/cjs/inputs/Radio/Radio.stories.js.map +7 -0
  273. package/cjs/inputs/Radio/__stories__/Conditional/index.js +113 -88
  274. package/cjs/inputs/Radio/__stories__/Conditional.js.map +7 -0
  275. package/cjs/inputs/Radio/__stories__/Default/index.js +67 -53
  276. package/cjs/inputs/Radio/__stories__/Default.js.map +7 -0
  277. package/cjs/inputs/Radio/__stories__/WithDivider/index.js +68 -54
  278. package/cjs/inputs/Radio/__stories__/WithDivider.js.map +7 -0
  279. package/cjs/inputs/Radio/index.js +77 -60
  280. package/cjs/inputs/Radio/index.js.map +7 -0
  281. package/cjs/inputs/Select/Select.stories/index.js +35 -25
  282. package/cjs/inputs/Select/Select.stories.js.map +7 -0
  283. package/cjs/inputs/Select/__stories__/Default/index.js +72 -59
  284. package/cjs/inputs/Select/__stories__/Default.js.map +7 -0
  285. package/cjs/inputs/Select/index.js +46 -36
  286. package/cjs/inputs/Select/index.js.map +7 -0
  287. package/cjs/inputs/index.js +56 -69
  288. package/cjs/inputs/index.js.map +7 -0
  289. package/cjs/internal/index.js +89 -346
  290. package/cjs/internal.js.map +7 -0
  291. package/cjs/lazy/index.js +87 -516
  292. package/cjs/lazy.js.map +7 -0
  293. package/cjs/registry/index.js +156 -137
  294. package/cjs/registry.js.map +7 -0
  295. package/cjs/types/index.js +4 -5
  296. package/cjs/types.js.map +7 -0
  297. package/cjs/utils/index.js +61 -79
  298. package/cjs/utils.js.map +7 -0
  299. package/cjs/validators/index.js +129 -131
  300. package/cjs/validators/index.js.map +7 -0
  301. package/cjs/validators/types/index.js +4 -5
  302. package/cjs/validators/types.js.map +7 -0
  303. package/cjs/validators/utils/afm/index.js +26 -21
  304. package/cjs/validators/utils/afm.js.map +7 -0
  305. package/cjs/validators/utils/file/index.js +31 -46
  306. package/cjs/validators/utils/file.js.map +7 -0
  307. package/cjs/validators/utils/iban/index.js +24 -17
  308. package/cjs/validators/utils/iban.js.map +7 -0
  309. package/cjs/validators/utils/image/index.js +76 -112
  310. package/cjs/validators/utils/image.js.map +7 -0
  311. package/cjs/validators/utils/index.js +70 -158
  312. package/cjs/validators/utils/index.js.map +7 -0
  313. package/cjs/validators/utils/int/index.js +22 -12
  314. package/cjs/validators/utils/int.js.map +7 -0
  315. package/cjs/validators/utils/number/index.js +21 -11
  316. package/cjs/validators/utils/number.js.map +7 -0
  317. package/cjs/validators/utils/otp/index.js +23 -13
  318. package/cjs/validators/utils/otp.js.map +7 -0
  319. package/cjs/validators/utils/phone/index.js +94 -58
  320. package/cjs/validators/utils/phone.js.map +7 -0
  321. package/cjs/validators/utils/postal_code/index.js +24 -16
  322. package/cjs/validators/utils/postal_code.js.map +7 -0
  323. package/cjs/validators/utils/text_limit/index.js +28 -25
  324. package/cjs/validators/utils/text_limit.js.map +7 -0
  325. package/cjs/validators/utils/uuid4/index.js +22 -13
  326. package/cjs/validators/utils/uuid4.js.map +7 -0
  327. package/cjs/validators/validators.spec/index.js +77 -60
  328. package/cjs/validators/validators.spec.js.map +7 -0
  329. package/index.js +8 -4
  330. package/index.js.map +7 -0
  331. package/inputs/AutoCompleteInput/AutoComplete.stories/index.js +10 -5
  332. package/inputs/AutoCompleteInput/AutoComplete.stories.d.ts +1 -0
  333. package/inputs/AutoCompleteInput/AutoComplete.stories.js.map +7 -0
  334. package/inputs/AutoCompleteInput/__stories__/Default/index.js +44 -44
  335. package/inputs/AutoCompleteInput/__stories__/Default.d.ts +1 -0
  336. package/inputs/AutoCompleteInput/__stories__/Default.js.map +7 -0
  337. package/inputs/AutoCompleteInput/__stories__/Multiple/index.js +45 -0
  338. package/inputs/AutoCompleteInput/__stories__/Multiple/package.json +6 -0
  339. package/inputs/AutoCompleteInput/__stories__/Multiple.d.ts +2 -0
  340. package/inputs/AutoCompleteInput/__stories__/Multiple.js.map +7 -0
  341. package/inputs/AutoCompleteInput/index.js +32 -31
  342. package/inputs/AutoCompleteInput/index.js.map +7 -0
  343. package/inputs/Checkboxes/Checkboxes.stories/index.js +11 -7
  344. package/inputs/Checkboxes/Checkboxes.stories.js.map +7 -0
  345. package/inputs/Checkboxes/__stories__/Conditional/index.js +87 -79
  346. package/inputs/Checkboxes/__stories__/Conditional.d.ts +1 -0
  347. package/inputs/Checkboxes/__stories__/Conditional.js.map +7 -0
  348. package/inputs/Checkboxes/__stories__/Default/index.js +36 -38
  349. package/inputs/Checkboxes/__stories__/Default.js.map +7 -0
  350. package/inputs/Checkboxes/__stories__/WithDivider/index.js +37 -39
  351. package/inputs/Checkboxes/__stories__/WithDivider.js.map +7 -0
  352. package/inputs/Checkboxes/index.js +70 -89
  353. package/inputs/Checkboxes/index.js.map +7 -0
  354. package/inputs/DateInput/DateInput.stories/index.js +9 -5
  355. package/inputs/DateInput/DateInput.stories.js.map +7 -0
  356. package/inputs/DateInput/__stories__/Default/index.js +23 -21
  357. package/inputs/DateInput/__stories__/Default.js.map +7 -0
  358. package/inputs/DateInput/index.js +63 -80
  359. package/inputs/DateInput/index.js.map +7 -0
  360. package/inputs/FileInput/FileInput.stories/index.js +9 -5
  361. package/inputs/FileInput/FileInput.stories.js.map +7 -0
  362. package/inputs/FileInput/__stories__/Default/index.js +19 -19
  363. package/inputs/FileInput/__stories__/Default.js.map +7 -0
  364. package/inputs/FileInput/index.js +32 -50
  365. package/inputs/FileInput/index.js.map +7 -0
  366. package/inputs/ImageInput/ImageInput.stories/index.js +11 -7
  367. package/inputs/ImageInput/ImageInput.stories.js.map +7 -0
  368. package/inputs/ImageInput/__stories__/Default/index.js +27 -25
  369. package/inputs/ImageInput/__stories__/Default.js.map +7 -0
  370. package/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js +34 -32
  371. package/inputs/ImageInput/__stories__/WithInvalidImageDimension.js.map +7 -0
  372. package/inputs/ImageInput/__stories__/WithInvalidImageSize/index.js +31 -29
  373. package/inputs/ImageInput/__stories__/WithInvalidImageSize.js.map +7 -0
  374. package/inputs/ImageInput/index.js +38 -55
  375. package/inputs/ImageInput/index.js.map +7 -0
  376. package/inputs/Input/Input.stories/index.js +18 -14
  377. package/inputs/Input/Input.stories.js.map +7 -0
  378. package/inputs/Input/__stories__/AFM/index.js +22 -20
  379. package/inputs/Input/__stories__/AFM.js.map +7 -0
  380. package/inputs/Input/__stories__/Boolean/index.js +23 -21
  381. package/inputs/Input/__stories__/Boolean.js.map +7 -0
  382. package/inputs/Input/__stories__/Default/index.js +23 -21
  383. package/inputs/Input/__stories__/Default.js.map +7 -0
  384. package/inputs/Input/__stories__/IBAN/index.js +23 -21
  385. package/inputs/Input/__stories__/IBAN.js.map +7 -0
  386. package/inputs/Input/__stories__/Integer/index.js +21 -17
  387. package/inputs/Input/__stories__/Integer.js.map +7 -0
  388. package/inputs/Input/__stories__/LandlineNumber/index.js +26 -24
  389. package/inputs/Input/__stories__/LandlineNumber.js.map +7 -0
  390. package/inputs/Input/__stories__/MobilePhone/index.js +26 -24
  391. package/inputs/Input/__stories__/MobilePhone.js.map +7 -0
  392. package/inputs/Input/__stories__/PhoneNumber/index.js +25 -23
  393. package/inputs/Input/__stories__/PhoneNumber.js.map +7 -0
  394. package/inputs/Input/__stories__/PostalCode/index.js +23 -23
  395. package/inputs/Input/__stories__/PostalCode.js.map +7 -0
  396. package/inputs/Input/__stories__/TextWithCharacterLimit/index.js +23 -27
  397. package/inputs/Input/__stories__/TextWithCharacterLimit.js.map +7 -0
  398. package/inputs/Input/index.js +43 -61
  399. package/inputs/Input/index.js.map +7 -0
  400. package/inputs/Label/Label.stories/index.js +9 -5
  401. package/inputs/Label/Label.stories.js.map +7 -0
  402. package/inputs/Label/__stories__/Default/index.js +25 -25
  403. package/inputs/Label/__stories__/Default.js.map +7 -0
  404. package/inputs/Label/index.js +15 -14
  405. package/inputs/Label/index.js.map +7 -0
  406. package/inputs/OtpInput/OtpInput.stories/index.js +9 -5
  407. package/inputs/OtpInput/OtpInput.stories.js.map +7 -0
  408. package/inputs/OtpInput/__stories__/Default/index.js +28 -26
  409. package/inputs/OtpInput/__stories__/Default.js.map +7 -0
  410. package/inputs/OtpInput/index.js +76 -87
  411. package/inputs/OtpInput/index.js.map +7 -0
  412. package/inputs/Radio/Radio.stories/index.js +11 -7
  413. package/inputs/Radio/Radio.stories.js.map +7 -0
  414. package/inputs/Radio/__stories__/Conditional/index.js +87 -79
  415. package/inputs/Radio/__stories__/Conditional.d.ts +1 -0
  416. package/inputs/Radio/__stories__/Conditional.js.map +7 -0
  417. package/inputs/Radio/__stories__/Default/index.js +40 -43
  418. package/inputs/Radio/__stories__/Default.js.map +7 -0
  419. package/inputs/Radio/__stories__/WithDivider/index.js +41 -44
  420. package/inputs/Radio/__stories__/WithDivider.js.map +7 -0
  421. package/inputs/Radio/index.js +51 -54
  422. package/inputs/Radio/index.js.map +7 -0
  423. package/inputs/Select/Select.stories/index.js +9 -5
  424. package/inputs/Select/Select.stories.js.map +7 -0
  425. package/inputs/Select/__stories__/Default/index.js +45 -49
  426. package/inputs/Select/__stories__/Default.js.map +7 -0
  427. package/inputs/Select/index.js +20 -30
  428. package/inputs/Select/index.js.map +7 -0
  429. package/inputs/index.js +21 -9
  430. package/inputs/index.js.map +7 -0
  431. package/internal/index.js +51 -34
  432. package/internal.js.map +7 -0
  433. package/lazy/index.js +63 -395
  434. package/lazy.d.ts +1 -1
  435. package/lazy.js.map +7 -0
  436. package/package.json +6 -7
  437. package/registry/index.js +132 -129
  438. package/registry.js.map +7 -0
  439. package/src/Field/FieldBase.tsx +1 -0
  440. package/src/Field/utils.ts +4 -4
  441. package/src/inputs/AutoCompleteInput/AutoComplete.stories.js +1 -0
  442. package/src/inputs/AutoCompleteInput/__stories__/Default.tsx +1 -0
  443. package/src/inputs/AutoCompleteInput/__stories__/Multiple.tsx +46 -0
  444. package/src/inputs/AutoCompleteInput/index.mdx +23 -0
  445. package/src/inputs/AutoCompleteInput/index.tsx +3 -2
  446. package/src/inputs/Checkboxes/__stories__/Conditional.tsx +2 -3
  447. package/src/inputs/Checkboxes/index.mdx +33 -0
  448. package/src/inputs/Checkboxes/index.tsx +2 -2
  449. package/src/inputs/DateInput/index.mdx +23 -0
  450. package/src/inputs/DateInput/index.tsx +1 -1
  451. package/src/inputs/FileInput/index.mdx +19 -0
  452. package/src/inputs/ImageInput/index.mdx +19 -0
  453. package/src/inputs/Input/index.mdx +90 -3
  454. package/src/inputs/OtpInput/index.mdx +23 -0
  455. package/src/inputs/OtpInput/index.tsx +1 -1
  456. package/src/inputs/Radio/__stories__/Conditional.tsx +2 -0
  457. package/src/inputs/Radio/index.mdx +33 -0
  458. package/src/inputs/Select/index.mdx +17 -0
  459. package/types/index.js +1 -1
  460. package/types.js.map +7 -0
  461. package/utils/index.js +35 -73
  462. package/utils.js.map +7 -0
  463. package/validators/index.js +106 -113
  464. package/validators/index.js.map +7 -0
  465. package/validators/types/index.js +1 -1
  466. package/validators/types.js.map +7 -0
  467. package/validators/utils/afm/index.js +16 -16
  468. package/validators/utils/afm.js.map +7 -0
  469. package/validators/utils/file/index.js +21 -41
  470. package/validators/utils/file.js.map +7 -0
  471. package/validators/utils/iban/index.js +14 -12
  472. package/validators/utils/iban.js.map +7 -0
  473. package/validators/utils/image/index.js +66 -106
  474. package/validators/utils/image.js.map +7 -0
  475. package/validators/utils/index.js +45 -47
  476. package/validators/utils/index.js.map +7 -0
  477. package/validators/utils/int/index.js +12 -7
  478. package/validators/utils/int.js.map +7 -0
  479. package/validators/utils/number/index.js +11 -6
  480. package/validators/utils/number.js.map +7 -0
  481. package/validators/utils/otp/index.js +13 -8
  482. package/validators/utils/otp.js.map +7 -0
  483. package/validators/utils/phone/index.js +82 -51
  484. package/validators/utils/phone.js.map +7 -0
  485. package/validators/utils/postal_code/index.js +14 -11
  486. package/validators/utils/postal_code.js.map +7 -0
  487. package/validators/utils/text_limit/index.js +18 -20
  488. package/validators/utils/text_limit.js.map +7 -0
  489. package/validators/utils/uuid4/index.js +12 -8
  490. package/validators/utils/uuid4.js.map +7 -0
  491. package/validators/validators.spec/index.js +64 -58
  492. package/validators/validators.spec.js.map +7 -0
  493. package/Field/index.mdx +0 -6
  494. package/FieldArray/FieldArray.stories.playwright.json +0 -353
  495. package/FormBuilder/FormBuilder.mdx +0 -256
  496. package/FormBuilder/FormBuilder.stories.playwright.json +0 -52
  497. package/MultiplicityField/MultiplicityField.mdx +0 -590
  498. package/MultiplicityField/MultiplicityField.stories.playwright.json +0 -1370
  499. package/Questions/__snapshots__/index.spec.tsx.snap +0 -596
  500. package/Questions/index.mdx +0 -415
  501. package/cjs/Field/index.mdx +0 -6
  502. package/cjs/FieldArray/FieldArray.stories.playwright.json +0 -353
  503. package/cjs/FormBuilder/FormBuilder.mdx +0 -256
  504. package/cjs/FormBuilder/FormBuilder.stories.playwright.json +0 -52
  505. package/cjs/MultiplicityField/MultiplicityField.mdx +0 -590
  506. package/cjs/MultiplicityField/MultiplicityField.stories.playwright.json +0 -1370
  507. package/cjs/Questions/__snapshots__/index.spec.tsx.snap +0 -596
  508. package/cjs/Questions/index.mdx +0 -415
  509. package/cjs/create-simple-form.mdx +0 -539
  510. package/cjs/index.mdx +0 -51
  511. package/cjs/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -85
  512. package/cjs/inputs/Checkboxes/index.mdx +0 -0
  513. package/cjs/inputs/DateInput/DateInput.stories.playwright.json +0 -72
  514. package/cjs/inputs/FileInput/FileInput.stories.playwright.json +0 -75
  515. package/cjs/inputs/ImageInput/ImageInput.stories.playwright.json +0 -77
  516. package/cjs/inputs/Input/Input.stories.playwright.json +0 -376
  517. package/cjs/inputs/Input/index.mdx +0 -8
  518. package/cjs/inputs/Label/Label.stories.playwright.json +0 -40
  519. package/cjs/inputs/Label/index.mdx +0 -0
  520. package/cjs/inputs/Radio/Radio.stories.playwright.json +0 -73
  521. package/cjs/inputs/Radio/index.mdx +0 -0
  522. package/cjs/inputs/Select/Select.stories.playwright.json +0 -22
  523. package/cjs/installation.mdx +0 -68
  524. package/create-simple-form.mdx +0 -539
  525. package/index.mdx +0 -51
  526. package/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -85
  527. package/inputs/Checkboxes/index.mdx +0 -0
  528. package/inputs/DateInput/DateInput.stories.playwright.json +0 -72
  529. package/inputs/FileInput/FileInput.stories.playwright.json +0 -75
  530. package/inputs/ImageInput/ImageInput.stories.playwright.json +0 -77
  531. package/inputs/Input/Input.stories.playwright.json +0 -376
  532. package/inputs/Input/index.mdx +0 -8
  533. package/inputs/Label/Label.stories.playwright.json +0 -40
  534. package/inputs/Label/index.mdx +0 -0
  535. package/inputs/Radio/Radio.stories.playwright.json +0 -73
  536. package/inputs/Radio/index.mdx +0 -0
  537. package/inputs/Select/Select.stories.playwright.json +0 -22
  538. package/installation.mdx +0 -68
@@ -1,81 +1,87 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["required", "name", "component", "wrapper", "control", "type", "controlled", "enabled", "editable", "defaultValue", "label", "extra", "layout", "error", "register"];
4
- import React from 'react';
5
- import { Controller } from 'react-hook-form';
6
- import FieldBaseContainer from '@digigov/form/Field/FieldBaseContainer';
7
- export var FieldBase = function FieldBase(props) {
8
- var required = props.required,
9
- name = props.name,
10
- Component = props.component,
11
- wrapper = props.wrapper,
12
- control = props.control,
13
- type = props.type,
14
- _props$controlled = props.controlled,
15
- controlled = _props$controlled === void 0 ? false : _props$controlled,
16
- _props$enabled = props.enabled,
17
- enabled = _props$enabled === void 0 ? true : _props$enabled,
18
- editable = props.editable,
19
- defaultValue = props.defaultValue,
20
- label = props.label,
21
- _props$extra = props.extra,
22
- extra = _props$extra === void 0 ? {} : _props$extra,
23
- layout = props.layout,
24
- error = props.error,
25
- register = props.register,
26
- componentProps = _objectWithoutProperties(props, _excluded);
1
+ import React from "react";
2
+ import {Controller} from "react-hook-form";
3
+ import FieldBaseContainer from "@digigov/form/Field/FieldBaseContainer";
4
+ const FieldBase = (props) => {
5
+ const {
6
+ required,
7
+ name,
8
+ component: Component,
9
+ wrapper,
10
+ control,
11
+ type,
12
+ controlled = false,
13
+ enabled = true,
14
+ editable,
15
+ defaultValue,
16
+ label,
17
+ extra = {},
18
+ layout,
19
+ error,
20
+ register,
21
+ ...componentProps
22
+ } = props;
27
23
  if (!enabled) {
28
24
  return null;
29
25
  }
30
26
  if (controlled) {
31
- return /*#__PURE__*/React.createElement(FieldBaseContainer, {
32
- label: label,
33
- layout: layout,
34
- error: error,
35
- wrapper: wrapper,
36
- name: name
37
- }, /*#__PURE__*/React.createElement(Controller, {
38
- control: control,
39
- name: name,
40
- render: function render(_ref) {
41
- var field = _ref.field;
42
- return /*#__PURE__*/React.createElement(Component, _extends({}, field, {
43
- defaultValue: defaultValue,
44
- extra: extra,
27
+ return /* @__PURE__ */ React.createElement(FieldBaseContainer, {
28
+ label,
29
+ layout,
30
+ error,
31
+ wrapper,
32
+ name
33
+ }, /* @__PURE__ */ React.createElement(Controller, {
34
+ control,
35
+ name,
36
+ render: ({field}) => {
37
+ return /* @__PURE__ */ React.createElement(Component, {
38
+ ...field,
39
+ ref: void 0,
40
+ defaultValue,
41
+ extra,
45
42
  error: !!error,
46
- type: type,
43
+ type,
47
44
  "aria-required": !!required,
48
- "aria-describedby": error && "".concat(name, "-error"),
49
- required: required,
50
- disabled: editable === false
51
- }, componentProps));
45
+ "aria-describedby": error && `${name}-error`,
46
+ required,
47
+ disabled: editable === false,
48
+ ...componentProps
49
+ });
52
50
  }
53
51
  }));
54
52
  }
55
- return /*#__PURE__*/React.createElement(FieldBaseContainer, {
56
- label: label,
57
- layout: layout,
58
- error: error,
59
- wrapper: wrapper,
60
- name: name
61
- }, Component !== null && Component !== void 0 && Component.render ? /*#__PURE__*/React.createElement(Component, _extends({}, register(name), {
62
- control: control,
53
+ return /* @__PURE__ */ React.createElement(FieldBaseContainer, {
54
+ label,
55
+ layout,
56
+ error,
57
+ wrapper,
58
+ name
59
+ }, Component?.render ? /* @__PURE__ */ React.createElement(Component, {
60
+ ...register(name),
61
+ control,
63
62
  error: !!error,
64
- extra: extra,
65
- type: type,
63
+ extra,
64
+ type,
66
65
  "aria-required": !!required,
67
- "aria-describedby": error && "".concat(name, "-error"),
68
- required: required,
69
- disabled: editable === false
70
- }, componentProps)) : /*#__PURE__*/React.createElement(Component, _extends({}, register(name), {
71
- register: register,
72
- control: control,
66
+ "aria-describedby": error && `${name}-error`,
67
+ required,
68
+ disabled: editable === false,
69
+ ...componentProps
70
+ }) : /* @__PURE__ */ React.createElement(Component, {
71
+ ...register(name),
72
+ register,
73
+ control,
73
74
  error: !!error,
74
- extra: extra,
75
- type: type,
75
+ extra,
76
+ type,
76
77
  "aria-required": !!required,
77
- "aria-describedby": error && "".concat(name, "-error"),
78
- required: required,
79
- disabled: editable === false
80
- }, componentProps)));
81
- };
78
+ "aria-describedby": error && `${name}-error`,
79
+ required,
80
+ disabled: editable === false,
81
+ ...componentProps
82
+ }));
83
+ };
84
+ export {
85
+ FieldBase
86
+ };
87
+ //# sourceMappingURL=FieldBase.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/Field/FieldBase.tsx"],
4
+ "sourcesContent": ["import React from 'react';\nimport { Controller } from 'react-hook-form';\nimport FieldBaseContainer from '@digigov/form/Field/FieldBaseContainer';\nimport { FieldBaseProps } from '@digigov/form/Field/types';\n\nexport const FieldBase: React.FC<FieldBaseProps> = (props) => {\n const {\n required,\n name,\n component: Component,\n wrapper,\n control,\n type,\n controlled = false,\n enabled = true,\n editable,\n defaultValue,\n label,\n extra = {},\n layout,\n error,\n register,\n ...componentProps\n } = props;\n if (!enabled) {\n return null;\n }\n if (controlled) {\n return (\n <FieldBaseContainer\n label={label}\n layout={layout}\n error={error}\n wrapper={wrapper}\n name={name}\n >\n <Controller\n control={control}\n name={name}\n render={({ field }) => {\n return (\n <Component\n {...field}\n ref={undefined}\n defaultValue={defaultValue}\n extra={extra}\n error={!!error}\n type={type}\n aria-required={!!required}\n aria-describedby={error && `${name}-error`}\n required={required}\n disabled={editable === false}\n {...componentProps}\n />\n );\n }}\n />\n </FieldBaseContainer>\n );\n }\n\n return (\n <FieldBaseContainer\n label={label}\n layout={layout}\n error={error}\n wrapper={wrapper}\n name={name}\n >\n {Component?.render ? (\n <Component\n {...register(name)}\n control={control}\n error={!!error}\n extra={extra}\n type={type}\n aria-required={!!required}\n aria-describedby={error && `${name}-error`}\n required={required}\n disabled={editable === false}\n {...componentProps}\n />\n ) : (\n <Component\n {...register(name)}\n register={register}\n control={control}\n error={!!error}\n extra={extra}\n type={type}\n aria-required={!!required}\n aria-describedby={error && `${name}-error`}\n required={required}\n disabled={editable === false}\n {...componentProps}\n />\n )}\n </FieldBaseContainer>\n );\n};\n"],
5
+ "mappings": "AAAA;AACA;AACA;AAGO,MAAM,YAAsC,CAAC,UAAU;AAC5D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,MACD;AACJ,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA;AAET,MAAI,YAAY;AACd,WACE,oCAAC,oBAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OAEA,oCAAC,YAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,CAAE,WAAY;AACrB,eACE,oCAAC,WAAD;AAAA,aACM;AAAA,UACJ,KAAK;AAAA,UACL;AAAA,UACA;AAAA,UACA,OAAO,CAAC,CAAC;AAAA,UACT;AAAA,UACA,iBAAe,CAAC,CAAC;AAAA,UACjB,oBAAkB,SAAS,GAAG;AAAA,UAC9B;AAAA,UACA,UAAU,aAAa;AAAA,aACnB;AAAA;AAAA;AAAA;AAAA;AASlB,SACE,oCAAC,oBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,WAAW,SACV,oCAAC,WAAD;AAAA,OACM,SAAS;AAAA,IACb;AAAA,IACA,OAAO,CAAC,CAAC;AAAA,IACT;AAAA,IACA;AAAA,IACA,iBAAe,CAAC,CAAC;AAAA,IACjB,oBAAkB,SAAS,GAAG;AAAA,IAC9B;AAAA,IACA,UAAU,aAAa;AAAA,OACnB;AAAA,OAGN,oCAAC,WAAD;AAAA,OACM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,IACA,OAAO,CAAC,CAAC;AAAA,IACT;AAAA,IACA;AAAA,IACA,iBAAe,CAAC,CAAC;AAAA,IACjB,oBAAkB,SAAS,GAAG;AAAA,IAC9B;AAAA,IACA,UAAU,aAAa;AAAA,OACnB;AAAA;AAAA;",
6
+ "names": []
7
+ }
@@ -1,40 +1,46 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import React from 'react';
3
- import Label from '@digigov/form/inputs/Label';
4
- import ErrorMessage from '@digigov/react-core/ErrorMessage';
5
- import FieldContainer from '@digigov/react-core/FieldContainer';
6
- import CoreFieldset from '@digigov/react-core/Fieldset';
7
- import FieldsetLegend from '@digigov/react-core/FieldsetLegend';
8
- import Hint from '@digigov/react-core/Hint';
9
- import LabelContainer from '@digigov/react-core/LabelContainer';
10
- import { useTranslation } from '@digigov/ui/i18n';
11
- export var FieldBaseContainer = function FieldBaseContainer(_ref) {
12
- var name = _ref.name,
13
- wrapper = _ref.wrapper,
14
- label = _ref.label,
15
- children = _ref.children,
16
- error = _ref.error,
17
- layout = _ref.layout;
18
- var _useTranslation = useTranslation(),
19
- t = _useTranslation.t;
20
- var errorMessage = error !== null && error !== void 0 && error.message.key ? error.message.key : (error === null || error === void 0 ? void 0 : error.message) || '';
21
- var errorContext = (error === null || error === void 0 ? void 0 : error.message.context) || {};
22
- if (wrapper === 'fieldset') {
23
- return /*#__PURE__*/React.createElement(FieldContainer, _extends({
24
- error: !!error
25
- }, layout), /*#__PURE__*/React.createElement(CoreFieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
1
+ import React from "react";
2
+ import Label from "@digigov/form/inputs/Label";
3
+ import ErrorMessage from "@digigov/react-core/ErrorMessage";
4
+ import FieldContainer from "@digigov/react-core/FieldContainer";
5
+ import CoreFieldset from "@digigov/react-core/Fieldset";
6
+ import FieldsetLegend from "@digigov/react-core/FieldsetLegend";
7
+ import Hint from "@digigov/react-core/Hint";
8
+ import LabelContainer from "@digigov/react-core/LabelContainer";
9
+ import {useTranslation} from "@digigov/ui/i18n";
10
+ const FieldBaseContainer = ({
11
+ name,
12
+ wrapper,
13
+ label,
14
+ children,
15
+ error,
16
+ layout
17
+ }) => {
18
+ const {t} = useTranslation();
19
+ const errorMessage = error?.message.key ? error.message.key : error?.message || "";
20
+ const errorContext = error?.message.context || {};
21
+ if (wrapper === "fieldset") {
22
+ return /* @__PURE__ */ React.createElement(FieldContainer, {
23
+ error: !!error,
24
+ ...layout
25
+ }, /* @__PURE__ */ React.createElement(CoreFieldset, null, /* @__PURE__ */ React.createElement(FieldsetLegend, {
26
26
  size: "sm"
27
- }, label && label.primary), label && label.secondary && /*#__PURE__*/React.createElement(Hint, null, t(label.secondary)), error && /*#__PURE__*/React.createElement(ErrorMessage, {
28
- id: "".concat(name, "-error")
27
+ }, label && label.primary), label && label.secondary && /* @__PURE__ */ React.createElement(Hint, null, t(label.secondary)), error && /* @__PURE__ */ React.createElement(ErrorMessage, {
28
+ id: `${name}-error`
29
29
  }, t(errorMessage, errorContext)), children));
30
30
  } else {
31
- return /*#__PURE__*/React.createElement(FieldContainer, _extends({
32
- error: !!error
33
- }, layout), /*#__PURE__*/React.createElement(LabelContainer, null, label && /*#__PURE__*/React.createElement(Label, {
34
- label: label
35
- }), error && /*#__PURE__*/React.createElement(ErrorMessage, {
36
- id: "".concat(name, "-error")
31
+ return /* @__PURE__ */ React.createElement(FieldContainer, {
32
+ error: !!error,
33
+ ...layout
34
+ }, /* @__PURE__ */ React.createElement(LabelContainer, null, label && /* @__PURE__ */ React.createElement(Label, {
35
+ label
36
+ }), error && /* @__PURE__ */ React.createElement(ErrorMessage, {
37
+ id: `${name}-error`
37
38
  }, t(errorMessage, errorContext)), children));
38
39
  }
39
40
  };
40
- export default FieldBaseContainer;
41
+ var FieldBaseContainer_default = FieldBaseContainer;
42
+ export {
43
+ FieldBaseContainer,
44
+ FieldBaseContainer_default as default
45
+ };
46
+ //# sourceMappingURL=FieldBaseContainer.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/Field/FieldBaseContainer.tsx"],
4
+ "sourcesContent": ["import React from 'react';\nimport { FieldContainerProps } from '@digigov/form/Field/types';\nimport Label from '@digigov/form/inputs/Label';\nimport ErrorMessage from '@digigov/react-core/ErrorMessage';\nimport FieldContainer from '@digigov/react-core/FieldContainer';\nimport CoreFieldset from '@digigov/react-core/Fieldset';\nimport FieldsetLegend from '@digigov/react-core/FieldsetLegend';\nimport Hint from '@digigov/react-core/Hint';\nimport LabelContainer from '@digigov/react-core/LabelContainer';\nimport { useTranslation } from '@digigov/ui/i18n';\n\nexport const FieldBaseContainer: React.FC<FieldContainerProps> = ({\n name,\n wrapper,\n label,\n children,\n error,\n layout,\n}) => {\n const { t } = useTranslation();\n const errorMessage = error?.message.key\n ? error.message.key\n : error?.message || '';\n const errorContext = error?.message.context || {};\n if (wrapper === 'fieldset') {\n return (\n <FieldContainer error={!!error} {...layout}>\n <CoreFieldset>\n <FieldsetLegend size=\"sm\">{label && label.primary}</FieldsetLegend>\n {label && label.secondary && <Hint>{t(label.secondary)}</Hint>}\n {error && (\n <ErrorMessage id={`${name}-error`}>\n {t(errorMessage, errorContext)}\n </ErrorMessage>\n )}\n {children}\n </CoreFieldset>\n </FieldContainer>\n );\n } else {\n return (\n <FieldContainer error={!!error} {...layout}>\n <LabelContainer>\n {label && <Label label={label} />}\n {error && (\n <ErrorMessage id={`${name}-error`}>\n {t(errorMessage, errorContext)}\n </ErrorMessage>\n )}\n {children}\n </LabelContainer>\n </FieldContainer>\n );\n }\n};\n\nexport default FieldBaseContainer;\n"],
5
+ "mappings": "AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,qBAAoD,CAAC;AAAA,EAChE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,CAAE,KAAM;AACd,QAAM,eAAe,OAAO,QAAQ,MAChC,MAAM,QAAQ,MACd,OAAO,WAAW;AACtB,QAAM,eAAe,OAAO,QAAQ,WAAW;AAC/C,MAAI,YAAY,YAAY;AAC1B,WACE,oCAAC,gBAAD;AAAA,MAAgB,OAAO,CAAC,CAAC;AAAA,SAAW;AAAA,OAClC,oCAAC,cAAD,MACE,oCAAC,gBAAD;AAAA,MAAgB,MAAK;AAAA,OAAM,SAAS,MAAM,UACzC,SAAS,MAAM,aAAa,oCAAC,MAAD,MAAO,EAAE,MAAM,aAC3C,SACC,oCAAC,cAAD;AAAA,MAAc,IAAI,GAAG;AAAA,OAClB,EAAE,cAAc,gBAGpB;AAAA,SAIF;AACL,WACE,oCAAC,gBAAD;AAAA,MAAgB,OAAO,CAAC,CAAC;AAAA,SAAW;AAAA,OAClC,oCAAC,gBAAD,MACG,SAAS,oCAAC,OAAD;AAAA,MAAO;AAAA,QAChB,SACC,oCAAC,cAAD;AAAA,MAAc,IAAI,GAAG;AAAA,OAClB,EAAE,cAAc,gBAGpB;AAAA;AAAA;AAOX,IAAO,6BAAQ;",
6
+ "names": []
7
+ }
@@ -1,59 +1,66 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- import _extends from "@babel/runtime/helpers/extends";
3
- import React from 'react';
4
- import { useWatch } from 'react-hook-form';
5
- import { FieldBase } from '@digigov/form/Field/FieldBase';
6
- import { evaluateFieldWithConditions } from '@digigov/form/Field/utils';
7
- var ChildFieldMemo = /*#__PURE__*/React.memo(function ChildField(_ref) {
8
- var dependencies = _ref.dependencies,
9
- field = _ref.field,
10
- control = _ref.control,
11
- reset = _ref.reset,
12
- register = _ref.register,
13
- error = _ref.error;
14
- var newField = evaluateFieldWithConditions(field, dependencies);
15
- return /*#__PURE__*/React.createElement(FieldBase, _extends({}, newField, {
1
+ import React from "react";
2
+ import {useWatch} from "react-hook-form";
3
+ import {FieldBase} from "@digigov/form/Field/FieldBase";
4
+ import {evaluateFieldWithConditions} from "@digigov/form/Field/utils";
5
+ const ChildFieldMemo = React.memo(function ChildField({
6
+ dependencies,
7
+ field,
8
+ control,
9
+ reset,
10
+ register,
11
+ error
12
+ }) {
13
+ const newField = evaluateFieldWithConditions(field, dependencies);
14
+ return /* @__PURE__ */ React.createElement(FieldBase, {
15
+ ...newField,
16
16
  name: newField.key,
17
- reset: reset,
18
- control: control,
19
- register: register,
20
- error: error
21
- }));
22
- }, function (prev, next) {
17
+ reset,
18
+ control,
19
+ register,
20
+ error
21
+ });
22
+ }, (prev, next) => {
23
23
  if (!prev || !prev.dependencies) {
24
24
  return false;
25
25
  }
26
26
  if (prev.error !== next.error) {
27
27
  return false;
28
28
  }
29
- for (var dep in next.dependencies) {
29
+ for (const dep in next.dependencies) {
30
30
  if (next.dependencies[dep] !== prev.dependencies[dep]) {
31
31
  return false;
32
32
  }
33
33
  }
34
34
  return true;
35
35
  });
36
- export var FieldConditional = function FieldConditional(_ref2) {
37
- var control = _ref2.control,
38
- field = _ref2.field,
39
- register = _ref2.register,
40
- reset = _ref2.reset,
41
- error = _ref2.error;
42
- var dependencyKeys = Object.keys(field.condition);
43
- var dependencyValues = useWatch({
36
+ const FieldConditional = ({
37
+ control,
38
+ field,
39
+ register,
40
+ reset,
41
+ error
42
+ }) => {
43
+ const dependencyKeys = Object.keys(field.condition);
44
+ const dependencyValues = useWatch({
44
45
  name: dependencyKeys,
45
- control: control
46
+ control
46
47
  });
47
- var variables = dependencyKeys.reduce(function (data, fieldKey, index) {
48
- return _extends({}, data, _defineProperty({}, fieldKey, dependencyValues[index]));
49
- }, {});
50
- return /*#__PURE__*/React.createElement(ChildFieldMemo, {
48
+ const variables = dependencyKeys.reduce((data, fieldKey, index) => ({
49
+ ...data,
50
+ [fieldKey]: dependencyValues[index]
51
+ }), {});
52
+ return /* @__PURE__ */ React.createElement(ChildFieldMemo, {
51
53
  dependencies: variables,
52
- field: field,
53
- control: control,
54
- register: register,
55
- reset: reset,
56
- error: error
54
+ field,
55
+ control,
56
+ register,
57
+ reset,
58
+ error
57
59
  });
58
60
  };
59
- export default FieldConditional;
61
+ var FieldConditional_default = FieldConditional;
62
+ export {
63
+ FieldConditional,
64
+ FieldConditional_default as default
65
+ };
66
+ //# sourceMappingURL=FieldConditional.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/Field/FieldConditional.tsx"],
4
+ "sourcesContent": ["import React from 'react';\nimport { useWatch } from 'react-hook-form';\nimport { FieldBase } from '@digigov/form/Field/FieldBase';\nimport {\n ChildFieldMemoProps,\n FieldConditionalProps,\n} from '@digigov/form/Field/types';\nimport { evaluateFieldWithConditions } from '@digigov/form/Field/utils';\n\nconst ChildFieldMemo = React.memo(\n function ChildField({\n dependencies,\n field,\n control,\n reset,\n register,\n error,\n }: ChildFieldMemoProps) {\n const newField = evaluateFieldWithConditions(\n field,\n dependencies as FormData\n );\n return (\n <FieldBase\n {...newField}\n name={newField.key}\n reset={reset}\n control={control}\n register={register}\n error={error}\n />\n );\n },\n (prev, next) => {\n if (!prev || !prev.dependencies) {\n return false;\n }\n if (prev.error !== next.error) {\n return false;\n }\n for (const dep in next.dependencies) {\n if (next.dependencies[dep] !== prev.dependencies[dep]) {\n return false;\n }\n }\n return true;\n }\n);\n\nexport const FieldConditional: React.FC<FieldConditionalProps> = ({\n control,\n field,\n register,\n reset,\n error,\n}) => {\n const dependencyKeys = Object.keys(field.condition);\n const dependencyValues = useWatch({\n name: dependencyKeys,\n control,\n });\n const variables = dependencyKeys.reduce(\n (data, fieldKey, index) => ({\n ...data,\n [fieldKey]: dependencyValues[index],\n }),\n {}\n );\n return (\n <ChildFieldMemo\n dependencies={variables}\n field={field}\n control={control}\n register={register}\n reset={reset}\n error={error}\n />\n );\n};\n\nexport default FieldConditional;\n"],
5
+ "mappings": "AAAA;AACA;AACA;AAKA;AAEA,MAAM,iBAAiB,MAAM,KAC3B,oBAAoB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GACsB;AACtB,QAAM,WAAW,4BACf,OACA;AAEF,SACE,oCAAC,WAAD;AAAA,OACM;AAAA,IACJ,MAAM,SAAS;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,GAIN,CAAC,MAAM,SAAS;AACd,MAAI,CAAC,QAAQ,CAAC,KAAK,cAAc;AAC/B,WAAO;AAAA;AAET,MAAI,KAAK,UAAU,KAAK,OAAO;AAC7B,WAAO;AAAA;AAET,aAAW,OAAO,KAAK,cAAc;AACnC,QAAI,KAAK,aAAa,SAAS,KAAK,aAAa,MAAM;AACrD,aAAO;AAAA;AAAA;AAGX,SAAO;AAAA;AAIJ,MAAM,mBAAoD,CAAC;AAAA,EAChE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,iBAAiB,OAAO,KAAK,MAAM;AACzC,QAAM,mBAAmB,SAAS;AAAA,IAChC,MAAM;AAAA,IACN;AAAA;AAEF,QAAM,YAAY,eAAe,OAC/B,CAAC,MAAM,UAAU,UAAW;AAAA,OACvB;AAAA,KACF,WAAW,iBAAiB;AAAA,MAE/B;AAEF,SACE,oCAAC,gBAAD;AAAA,IACE,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAKN,IAAO,2BAAQ;",
6
+ "names": []
7
+ }
package/Field/index.js CHANGED
@@ -1,70 +1,75 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["name", "children"];
4
- import React, { useMemo } from 'react';
5
- import { FieldBase } from '@digigov/form/Field/FieldBase';
6
- import FieldConditional from '@digigov/form/Field/FieldConditional';
7
- import { useField, calculateField } from '@digigov/form/Field/utils';
8
- import FieldArray from '@digigov/form/FieldArray';
9
- import Multiplicity from '@digigov/form/MultiplicityField';
10
- export var Field = function Field(_ref) {
11
- var name = _ref.name,
12
- children = _ref.children,
13
- customField = _objectWithoutProperties(_ref, _excluded);
14
- var _useField = useField(name, customField !== null && customField !== void 0 && customField.type ? customField : null),
15
- field = _useField.field,
16
- control = _useField.control,
17
- register = _useField.register,
18
- reset = _useField.reset,
19
- error = _useField.error,
20
- componentRegistry = _useField.componentRegistry,
21
- formState = _useField.formState,
22
- setValue = _useField.setValue,
23
- getValues = _useField.getValues,
24
- unregister = _useField.unregister,
25
- trigger = _useField.trigger,
26
- clearErrors = _useField.clearErrors;
27
- var calculatedField = useMemo(function () {
28
- return calculateField(children, field, componentRegistry);
29
- }, [field]);
1
+ import React, {useMemo} from "react";
2
+ import {FieldBase} from "@digigov/form/Field/FieldBase";
3
+ import FieldConditional from "@digigov/form/Field/FieldConditional";
4
+ import {useField, calculateField} from "@digigov/form/Field/utils";
5
+ import FieldArray from "@digigov/form/FieldArray";
6
+ import Multiplicity from "@digigov/form/MultiplicityField";
7
+ const Field = ({
8
+ name,
9
+ children,
10
+ ...customField
11
+ }) => {
12
+ const {
13
+ field,
14
+ control,
15
+ register,
16
+ reset,
17
+ error,
18
+ componentRegistry,
19
+ formState,
20
+ setValue,
21
+ getValues,
22
+ unregister,
23
+ trigger,
24
+ clearErrors
25
+ } = useField(name, customField?.type ? customField : null);
26
+ const calculatedField = useMemo(() => calculateField(children, field, componentRegistry), [field]);
30
27
  if (calculatedField.condition) {
31
- return /*#__PURE__*/React.createElement(FieldConditional, {
32
- control: control,
33
- reset: reset,
34
- register: register,
28
+ return /* @__PURE__ */ React.createElement(FieldConditional, {
29
+ control,
30
+ reset,
31
+ register,
35
32
  field: calculatedField,
36
- error: error
33
+ error
37
34
  });
38
35
  }
39
- if (calculatedField.type === 'array' && !calculatedField.multiplicity) {
36
+ if (calculatedField.type === "array" && !calculatedField.multiplicity) {
40
37
  calculatedField.name = name;
41
- return /*#__PURE__*/React.createElement(FieldArray, _extends({
42
- control: control,
43
- register: register,
44
- error: error,
45
- formState: formState
46
- }, calculatedField));
38
+ return /* @__PURE__ */ React.createElement(FieldArray, {
39
+ control,
40
+ register,
41
+ error,
42
+ formState,
43
+ ...calculatedField
44
+ });
47
45
  }
48
- if (calculatedField.type === 'array' && calculatedField.multiplicity === true) {
46
+ if (calculatedField.type === "array" && calculatedField.multiplicity === true) {
49
47
  calculatedField.name = name;
50
- return /*#__PURE__*/React.createElement(Multiplicity, _extends({
51
- control: control,
52
- register: register,
53
- trigger: trigger,
54
- clearErrors: clearErrors,
55
- error: error,
56
- formState: formState,
57
- setValue: setValue,
58
- getValues: getValues,
59
- unregister: unregister
60
- }, calculatedField));
48
+ return /* @__PURE__ */ React.createElement(Multiplicity, {
49
+ control,
50
+ register,
51
+ trigger,
52
+ clearErrors,
53
+ error,
54
+ formState,
55
+ setValue,
56
+ getValues,
57
+ unregister,
58
+ ...calculatedField
59
+ });
61
60
  }
62
- return /*#__PURE__*/React.createElement(FieldBase, _extends({}, calculatedField, {
63
- name: name,
64
- control: control,
65
- register: register,
66
- reset: reset,
67
- error: error
68
- }));
61
+ return /* @__PURE__ */ React.createElement(FieldBase, {
62
+ ...calculatedField,
63
+ name,
64
+ control,
65
+ register,
66
+ reset,
67
+ error
68
+ });
69
+ };
70
+ var Field_default = Field;
71
+ export {
72
+ Field,
73
+ Field_default as default
69
74
  };
70
- export default Field;
75
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/Field/index.tsx"],
4
+ "sourcesContent": ["import React, { useMemo } from 'react';\nimport { FieldBase } from '@digigov/form/Field/FieldBase';\nimport FieldConditional from '@digigov/form/Field/FieldConditional';\nimport {\n FieldWithCondition,\n CalculatedField,\n FieldProps,\n} from '@digigov/form/Field/types';\nimport { useField, calculateField } from '@digigov/form/Field/utils';\nimport FieldArray from '@digigov/form/FieldArray';\nimport Multiplicity from '@digigov/form/MultiplicityField';\n\nexport const Field: React.FC<FieldProps> = ({\n name,\n children,\n ...customField\n}) => {\n const {\n field,\n control,\n register,\n reset,\n error,\n componentRegistry,\n formState,\n setValue,\n getValues,\n unregister,\n trigger,\n clearErrors,\n } = useField(name, customField?.type ? customField : null);\n const calculatedField: CalculatedField = useMemo(\n () => calculateField(children, field, componentRegistry),\n [field]\n );\n\n if (calculatedField.condition) {\n return (\n <FieldConditional\n control={control}\n reset={reset}\n register={register}\n field={calculatedField as FieldWithCondition}\n error={error}\n />\n );\n }\n if (calculatedField.type === 'array' && !calculatedField.multiplicity) {\n calculatedField.name = name;\n return (\n <FieldArray\n control={control}\n register={register}\n error={error}\n formState={formState}\n {...calculatedField}\n />\n );\n }\n if (\n calculatedField.type === 'array' &&\n calculatedField.multiplicity === true\n ) {\n calculatedField.name = name;\n return (\n <Multiplicity\n control={control}\n register={register}\n trigger={trigger}\n clearErrors={clearErrors}\n error={error}\n formState={formState}\n setValue={setValue}\n getValues={getValues}\n unregister={unregister}\n {...calculatedField}\n />\n );\n }\n return (\n <FieldBase\n {...calculatedField}\n name={name}\n control={control}\n register={register}\n reset={reset}\n error={error}\n />\n );\n};\n\nexport default Field;\n"],
5
+ "mappings": "AAAA;AACA;AACA;AAMA;AACA;AACA;AAEO,MAAM,QAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,KACG;AAAA,MACC;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,SAAS,MAAM,aAAa,OAAO,cAAc;AACrD,QAAM,kBAAmC,QACvC,MAAM,eAAe,UAAU,OAAO,oBACtC,CAAC;AAGH,MAAI,gBAAgB,WAAW;AAC7B,WACE,oCAAC,kBAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA;AAAA;AAIN,MAAI,gBAAgB,SAAS,WAAW,CAAC,gBAAgB,cAAc;AACrE,oBAAgB,OAAO;AACvB,WACE,oCAAC,YAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,SACI;AAAA;AAAA;AAIV,MACE,gBAAgB,SAAS,WACzB,gBAAgB,iBAAiB,MACjC;AACA,oBAAgB,OAAO;AACvB,WACE,oCAAC,cAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,SACI;AAAA;AAAA;AAIV,SACE,oCAAC,WAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAKN,IAAO,gBAAQ;",
6
+ "names": []
7
+ }
@@ -1 +1 @@
1
- export {};
1
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": [],
4
+ "sourcesContent": [],
5
+ "mappings": "",
6
+ "names": []
7
+ }