@digigov/form 1.0.0-290a96e2 → 1.0.0-47312a12

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 (474) hide show
  1. package/Field/FieldBase.js +14 -31
  2. package/Field/FieldBaseContainer.js +19 -41
  3. package/Field/FieldConditional.js +14 -33
  4. package/Field/index.js +18 -45
  5. package/Field/package.json +6 -0
  6. package/Field/types.js +1 -5
  7. package/Field/utils.js +30 -63
  8. package/FieldArray/FieldArray.stories.js +5 -42
  9. package/FieldArray/__stories__/Default.js +11 -32
  10. package/FieldArray/__stories__/WithExactLength.js +11 -32
  11. package/FieldArray/index.js +19 -41
  12. package/FieldArray/package.json +6 -0
  13. package/FieldObject/index.js +16 -41
  14. package/FieldObject/package.json +6 -0
  15. package/Fieldset/FieldsetWithContext.js +13 -35
  16. package/Fieldset/index.js +21 -51
  17. package/Fieldset/package.json +6 -0
  18. package/Fieldset/types.js +1 -5
  19. package/Form.stories.js +2 -9
  20. package/FormBuilder/FormBuilder.js +33 -62
  21. package/FormBuilder/FormBuilder.stories.js +4 -28
  22. package/FormBuilder/__stories__/Default.js +8 -29
  23. package/FormBuilder/index.js +2 -11
  24. package/FormBuilder/package.json +6 -0
  25. package/FormContext.js +3 -12
  26. package/MultiplicityField/MultiplicityField.stories.js +9 -98
  27. package/MultiplicityField/__stories__/Default.js +11 -32
  28. package/MultiplicityField/__stories__/PreviewDisplay.js +29 -52
  29. package/MultiplicityField/__stories__/WithExactLength.js +11 -32
  30. package/MultiplicityField/__stories__/WithMaxLength.js +11 -32
  31. package/MultiplicityField/__stories__/WithMinAndMaxLength.js +11 -32
  32. package/MultiplicityField/__stories__/WithMinLength.js +11 -32
  33. package/MultiplicityField/add-objects.js +25 -49
  34. package/MultiplicityField/index.js +26 -55
  35. package/MultiplicityField/package.json +6 -0
  36. package/Questions/Questions.js +14 -35
  37. package/Questions/Questions.stories.js +4 -28
  38. package/Questions/QuestionsContext.js +3 -12
  39. package/Questions/Step/ReviewStep.js +21 -47
  40. package/Questions/Step/Step.js +18 -42
  41. package/Questions/Step/StepArrayReview.js +23 -52
  42. package/Questions/Step/StepContext.js +3 -13
  43. package/Questions/Step/StepDescription.js +14 -42
  44. package/Questions/Step/StepForm.js +19 -45
  45. package/Questions/Step/StepQuote.js +8 -23
  46. package/Questions/Step/StepTitle.js +17 -48
  47. package/Questions/Step/getAddMoreFields.js +2 -11
  48. package/Questions/Step/index.d.ts +4 -4
  49. package/Questions/Step/index.js +13 -153
  50. package/Questions/Step/package.json +6 -0
  51. package/Questions/Step/types.js +1 -5
  52. package/Questions/__stories__/Default.js +24 -51
  53. package/Questions/getNextStep.js +1 -8
  54. package/Questions/index.js +3 -25
  55. package/Questions/index.spec.js +12 -23
  56. package/Questions/package.json +6 -0
  57. package/Questions/types.js +1 -5
  58. package/{es → cjs}/Field/FieldBase.js +31 -14
  59. package/cjs/Field/FieldBaseContainer.js +65 -0
  60. package/cjs/Field/FieldConditional.js +81 -0
  61. package/cjs/Field/index.js +103 -0
  62. package/cjs/Field/types.js +5 -0
  63. package/{es → cjs}/Field/utils.js +63 -30
  64. package/cjs/FieldArray/FieldArray.stories.js +45 -0
  65. package/cjs/FieldArray/__stories__/Default.js +111 -0
  66. package/cjs/FieldArray/__stories__/WithExactLength.js +111 -0
  67. package/cjs/FieldArray/index.js +87 -0
  68. package/cjs/FieldObject/index.js +83 -0
  69. package/cjs/Fieldset/FieldsetWithContext.js +63 -0
  70. package/cjs/Fieldset/index.js +64 -0
  71. package/cjs/Fieldset/types.js +5 -0
  72. package/cjs/Form.stories.js +10 -0
  73. package/{esm → cjs}/FormBuilder/FormBuilder.js +62 -33
  74. package/cjs/FormBuilder/FormBuilder.stories.js +31 -0
  75. package/cjs/FormBuilder/__stories__/Default.js +49 -0
  76. package/cjs/FormBuilder/index.js +11 -0
  77. package/cjs/FormContext.js +14 -0
  78. package/cjs/MultiplicityField/MultiplicityField.stories.js +101 -0
  79. package/{es → cjs}/MultiplicityField/__stories__/Default.js +32 -11
  80. package/cjs/MultiplicityField/__stories__/PreviewDisplay.js +106 -0
  81. package/{esm → cjs}/MultiplicityField/__stories__/WithExactLength.js +32 -11
  82. package/{es → cjs}/MultiplicityField/__stories__/WithMaxLength.js +32 -11
  83. package/{es → cjs}/MultiplicityField/__stories__/WithMinAndMaxLength.js +32 -11
  84. package/{esm → cjs}/MultiplicityField/__stories__/WithMinLength.js +32 -11
  85. package/{esm → cjs}/MultiplicityField/add-objects.js +49 -25
  86. package/cjs/MultiplicityField/index.js +143 -0
  87. package/cjs/Questions/Questions.js +105 -0
  88. package/cjs/Questions/Questions.stories.js +31 -0
  89. package/cjs/Questions/QuestionsContext.js +20 -0
  90. package/cjs/Questions/Step/ReviewStep.js +79 -0
  91. package/cjs/Questions/Step/Step.js +93 -0
  92. package/cjs/Questions/Step/StepArrayReview.js +79 -0
  93. package/{esm → cjs}/Questions/Step/StepContext.js +13 -3
  94. package/cjs/Questions/Step/StepDescription.js +55 -0
  95. package/cjs/Questions/Step/StepForm.js +74 -0
  96. package/cjs/Questions/Step/StepQuote.js +26 -0
  97. package/cjs/Questions/Step/StepTitle.js +75 -0
  98. package/{es → cjs}/Questions/Step/getAddMoreFields.js +11 -2
  99. package/cjs/Questions/Step/index.js +170 -0
  100. package/cjs/Questions/Step/types.js +5 -0
  101. package/cjs/Questions/__stories__/Default.js +135 -0
  102. package/{esm → cjs}/Questions/getNextStep.js +8 -1
  103. package/cjs/Questions/index.js +25 -0
  104. package/cjs/Questions/index.spec.js +73 -0
  105. package/cjs/Questions/types.js +5 -0
  106. package/cjs/index.js +28 -0
  107. package/cjs/inputs/AutoComplete/AutoComplete.stories.js +31 -0
  108. package/cjs/inputs/AutoComplete/__stories__/Default.js +71 -0
  109. package/cjs/inputs/AutoComplete/index.js +68 -0
  110. package/cjs/inputs/Checkboxes/Checkboxes.stories.js +59 -0
  111. package/{es → cjs}/inputs/Checkboxes/__stories__/Conditional.js +28 -8
  112. package/cjs/inputs/Checkboxes/__stories__/Default.js +62 -0
  113. package/cjs/inputs/Checkboxes/__stories__/WithDivider.js +63 -0
  114. package/cjs/inputs/Checkboxes/index.js +127 -0
  115. package/cjs/inputs/DateInput/DateInput.stories.js +31 -0
  116. package/cjs/inputs/DateInput/__stories__/Default.js +45 -0
  117. package/cjs/inputs/DateInput/index.js +181 -0
  118. package/cjs/inputs/FileInput/FileInput.stories.js +31 -0
  119. package/cjs/inputs/FileInput/__stories__/Default.js +42 -0
  120. package/cjs/inputs/FileInput/index.js +92 -0
  121. package/cjs/inputs/Input/Input.stories.js +143 -0
  122. package/cjs/inputs/Input/__stories__/AFM.js +44 -0
  123. package/cjs/inputs/Input/__stories__/Boolean.js +45 -0
  124. package/cjs/inputs/Input/__stories__/Default.js +45 -0
  125. package/cjs/inputs/Input/__stories__/IBAN.js +45 -0
  126. package/cjs/inputs/Input/__stories__/Integer.js +53 -0
  127. package/cjs/inputs/Input/__stories__/MobilePhone.js +44 -0
  128. package/cjs/inputs/Input/__stories__/PhoneNumber.js +44 -0
  129. package/cjs/inputs/Input/__stories__/PostalCode.js +47 -0
  130. package/cjs/inputs/Input/__stories__/TextWithCharacterLimit.js +51 -0
  131. package/cjs/inputs/Input/index.js +96 -0
  132. package/cjs/inputs/Label/Label.stories.js +31 -0
  133. package/cjs/inputs/Label/__stories__/Default.js +49 -0
  134. package/cjs/inputs/Label/index.js +41 -0
  135. package/cjs/inputs/OtpInput/OtpInput.stories.js +31 -0
  136. package/cjs/inputs/OtpInput/__stories__/Default.js +52 -0
  137. package/cjs/inputs/OtpInput/index.js +182 -0
  138. package/cjs/inputs/Radio/Radio.stories.js +59 -0
  139. package/{es → cjs}/inputs/Radio/__stories__/Conditional.js +28 -8
  140. package/cjs/inputs/Radio/__stories__/Default.js +67 -0
  141. package/cjs/inputs/Radio/__stories__/WithDivider.js +68 -0
  142. package/cjs/inputs/Radio/index.js +82 -0
  143. package/cjs/inputs/Select/Select.stories.js +31 -0
  144. package/cjs/inputs/Select/__stories__/Default.js +73 -0
  145. package/cjs/inputs/Select/index.js +49 -0
  146. package/cjs/inputs/index.js +71 -0
  147. package/cjs/internal.js +391 -0
  148. package/cjs/registry.js +208 -0
  149. package/cjs/types.js +5 -0
  150. package/{es → cjs}/utils.js +26 -12
  151. package/{es → cjs}/validators/index.js +54 -26
  152. package/cjs/validators/types.js +5 -0
  153. package/{es → cjs}/validators/utils/afm.js +13 -3
  154. package/{es → cjs}/validators/utils/file.js +12 -2
  155. package/{esm → cjs}/validators/utils/iban.js +13 -2
  156. package/cjs/validators/utils/index.js +229 -0
  157. package/{esm → cjs}/validators/utils/int.js +14 -3
  158. package/cjs/validators/utils/number.js +27 -0
  159. package/{esm → cjs}/validators/utils/otp.js +14 -3
  160. package/{esm → cjs}/validators/utils/phone.js +28 -6
  161. package/{es → cjs}/validators/utils/postal_code.js +14 -3
  162. package/{esm → cjs}/validators/utils/text_limit.js +14 -3
  163. package/{esm → cjs}/validators/utils/uuid4.js +13 -3
  164. package/cjs/validators/validators.spec.js +88 -0
  165. package/index.js +8 -28
  166. package/inputs/AutoComplete/AutoComplete.stories.js +4 -28
  167. package/inputs/AutoComplete/__stories__/Default.js +13 -35
  168. package/inputs/AutoComplete/index.js +12 -35
  169. package/inputs/AutoComplete/package.json +6 -0
  170. package/inputs/Checkboxes/Checkboxes.stories.js +6 -56
  171. package/inputs/Checkboxes/__stories__/Conditional.js +8 -28
  172. package/inputs/Checkboxes/__stories__/Default.js +8 -28
  173. package/inputs/Checkboxes/__stories__/WithDivider.js +8 -28
  174. package/inputs/Checkboxes/index.js +25 -52
  175. package/inputs/Checkboxes/package.json +6 -0
  176. package/inputs/DateInput/DateInput.stories.js +4 -28
  177. package/inputs/DateInput/__stories__/Default.js +8 -46
  178. package/inputs/DateInput/index.js +26 -52
  179. package/inputs/DateInput/package.json +6 -0
  180. package/inputs/FileInput/FileInput.stories.js +4 -28
  181. package/inputs/FileInput/__stories__/Default.js +8 -28
  182. package/inputs/FileInput/index.js +22 -52
  183. package/inputs/FileInput/package.json +6 -0
  184. package/inputs/Input/Input.stories.js +12 -140
  185. package/inputs/Input/__stories__/AFM.js +8 -28
  186. package/inputs/Input/__stories__/Boolean.js +8 -28
  187. package/inputs/Input/__stories__/Default.js +8 -28
  188. package/inputs/Input/__stories__/IBAN.js +8 -28
  189. package/inputs/Input/__stories__/Integer.js +9 -29
  190. package/inputs/Input/__stories__/MobilePhone.js +8 -28
  191. package/inputs/Input/__stories__/PhoneNumber.js +8 -28
  192. package/inputs/Input/__stories__/PostalCode.js +8 -28
  193. package/inputs/Input/__stories__/TextWithCharacterLimit.js +8 -28
  194. package/inputs/Input/index.js +19 -40
  195. package/inputs/Input/package.json +6 -0
  196. package/inputs/Label/Label.stories.js +4 -28
  197. package/inputs/Label/__stories__/Default.js +9 -29
  198. package/inputs/Label/index.js +9 -25
  199. package/inputs/Label/package.json +6 -0
  200. package/inputs/OtpInput/OtpInput.stories.js +4 -28
  201. package/inputs/OtpInput/__stories__/Default.js +9 -30
  202. package/inputs/OtpInput/index.js +28 -53
  203. package/inputs/OtpInput/package.json +6 -0
  204. package/inputs/Radio/Radio.stories.js +6 -56
  205. package/inputs/Radio/__stories__/Conditional.js +8 -28
  206. package/inputs/Radio/__stories__/Default.js +9 -29
  207. package/inputs/Radio/__stories__/WithDivider.js +9 -29
  208. package/inputs/Radio/index.js +24 -45
  209. package/inputs/Radio/package.json +6 -0
  210. package/inputs/Select/Select.stories.js +4 -28
  211. package/inputs/Select/__stories__/Default.js +9 -29
  212. package/inputs/Select/index.js +12 -29
  213. package/inputs/Select/package.json +6 -0
  214. package/inputs/index.js +8 -71
  215. package/inputs/package.json +6 -0
  216. package/internal.js +34 -391
  217. package/package.json +6 -6
  218. package/registry.js +61 -133
  219. package/src/Questions/Step/index.ts +4 -4
  220. package/src/inputs/DateInput/__stories__/Default.tsx +0 -16
  221. package/src/inputs/Radio/__stories__/Default.tsx +1 -1
  222. package/src/inputs/Radio/__stories__/WithDivider.tsx +1 -1
  223. package/src/inputs/Select/__stories__/Default.tsx +1 -1
  224. package/types.js +1 -5
  225. package/utils.js +12 -26
  226. package/validators/index.js +26 -54
  227. package/validators/package.json +6 -0
  228. package/validators/types.js +1 -5
  229. package/validators/utils/afm.js +3 -13
  230. package/validators/utils/file.js +2 -12
  231. package/validators/utils/iban.js +2 -13
  232. package/validators/utils/index.js +12 -139
  233. package/validators/utils/int.js +3 -14
  234. package/validators/utils/number.js +3 -14
  235. package/validators/utils/otp.js +3 -14
  236. package/validators/utils/package.json +6 -0
  237. package/validators/utils/phone.js +6 -28
  238. package/validators/utils/postal_code.js +3 -14
  239. package/validators/utils/text_limit.js +3 -14
  240. package/validators/utils/uuid4.js +3 -13
  241. package/validators/validators.spec.js +29 -32
  242. package/es/Field/FieldBaseContainer.js +0 -43
  243. package/es/Field/FieldConditional.js +0 -62
  244. package/es/Field/index.js +0 -76
  245. package/es/Field/types.js +0 -1
  246. package/es/FieldArray/FieldArray.stories.js +0 -8
  247. package/es/FieldArray/__stories__/Default.js +0 -90
  248. package/es/FieldArray/__stories__/WithExactLength.js +0 -90
  249. package/es/FieldArray/index.js +0 -65
  250. package/es/FieldObject/index.js +0 -58
  251. package/es/Fieldset/FieldsetWithContext.js +0 -41
  252. package/es/Fieldset/index.js +0 -34
  253. package/es/Fieldset/types.js +0 -1
  254. package/es/Form.stories.js +0 -3
  255. package/es/FormBuilder/FormBuilder.js +0 -160
  256. package/es/FormBuilder/FormBuilder.stories.js +0 -7
  257. package/es/FormBuilder/__stories__/Default.js +0 -28
  258. package/es/FormBuilder/index.js +0 -2
  259. package/es/FormContext.js +0 -5
  260. package/es/MultiplicityField/MultiplicityField.stories.js +0 -12
  261. package/es/MultiplicityField/__stories__/PreviewDisplay.js +0 -83
  262. package/es/MultiplicityField/__stories__/WithExactLength.js +0 -92
  263. package/es/MultiplicityField/__stories__/WithMinLength.js +0 -95
  264. package/es/MultiplicityField/add-objects.js +0 -160
  265. package/es/MultiplicityField/index.js +0 -114
  266. package/es/Questions/Questions.js +0 -84
  267. package/es/Questions/Questions.stories.js +0 -7
  268. package/es/Questions/QuestionsContext.js +0 -11
  269. package/es/Questions/Step/ReviewStep.js +0 -53
  270. package/es/Questions/Step/Step.js +0 -69
  271. package/es/Questions/Step/StepArrayReview.js +0 -50
  272. package/es/Questions/Step/StepContext.js +0 -27
  273. package/es/Questions/Step/StepDescription.js +0 -27
  274. package/es/Questions/Step/StepForm.js +0 -48
  275. package/es/Questions/Step/StepQuote.js +0 -11
  276. package/es/Questions/Step/StepTitle.js +0 -44
  277. package/es/Questions/Step/index.js +0 -13
  278. package/es/Questions/Step/types.js +0 -1
  279. package/es/Questions/__stories__/Default.js +0 -108
  280. package/es/Questions/getNextStep.js +0 -23
  281. package/es/Questions/index.js +0 -3
  282. package/es/Questions/index.spec.js +0 -62
  283. package/es/Questions/types.js +0 -1
  284. package/es/index.js +0 -3
  285. package/es/inputs/AutoComplete/AutoComplete.stories.js +0 -7
  286. package/es/inputs/AutoComplete/__stories__/Default.js +0 -49
  287. package/es/inputs/AutoComplete/index.js +0 -45
  288. package/es/inputs/Checkboxes/Checkboxes.stories.js +0 -9
  289. package/es/inputs/Checkboxes/__stories__/Default.js +0 -42
  290. package/es/inputs/Checkboxes/__stories__/WithDivider.js +0 -43
  291. package/es/inputs/Checkboxes/index.js +0 -100
  292. package/es/inputs/DateInput/DateInput.stories.js +0 -7
  293. package/es/inputs/DateInput/__stories__/Default.js +0 -43
  294. package/es/inputs/DateInput/index.js +0 -155
  295. package/es/inputs/FileInput/FileInput.stories.js +0 -7
  296. package/es/inputs/FileInput/__stories__/Default.js +0 -22
  297. package/es/inputs/FileInput/index.js +0 -62
  298. package/es/inputs/Input/Input.stories.js +0 -15
  299. package/es/inputs/Input/__stories__/AFM.js +0 -24
  300. package/es/inputs/Input/__stories__/Boolean.js +0 -25
  301. package/es/inputs/Input/__stories__/Default.js +0 -25
  302. package/es/inputs/Input/__stories__/IBAN.js +0 -25
  303. package/es/inputs/Input/__stories__/Integer.js +0 -33
  304. package/es/inputs/Input/__stories__/MobilePhone.js +0 -24
  305. package/es/inputs/Input/__stories__/PhoneNumber.js +0 -24
  306. package/es/inputs/Input/__stories__/PostalCode.js +0 -27
  307. package/es/inputs/Input/__stories__/TextWithCharacterLimit.js +0 -31
  308. package/es/inputs/Input/index.js +0 -75
  309. package/es/inputs/Label/Label.stories.js +0 -7
  310. package/es/inputs/Label/__stories__/Default.js +0 -29
  311. package/es/inputs/Label/index.js +0 -25
  312. package/es/inputs/OtpInput/OtpInput.stories.js +0 -7
  313. package/es/inputs/OtpInput/__stories__/Default.js +0 -31
  314. package/es/inputs/OtpInput/index.js +0 -157
  315. package/es/inputs/Radio/Radio.stories.js +0 -9
  316. package/es/inputs/Radio/__stories__/Default.js +0 -47
  317. package/es/inputs/Radio/__stories__/WithDivider.js +0 -48
  318. package/es/inputs/Radio/index.js +0 -61
  319. package/es/inputs/Select/Select.stories.js +0 -7
  320. package/es/inputs/Select/__stories__/Default.js +0 -53
  321. package/es/inputs/Select/index.js +0 -32
  322. package/es/inputs/index.js +0 -8
  323. package/es/internal.js +0 -34
  324. package/es/registry.js +0 -136
  325. package/es/types.js +0 -1
  326. package/es/validators/types.js +0 -1
  327. package/es/validators/utils/iban.js +0 -123
  328. package/es/validators/utils/index.js +0 -102
  329. package/es/validators/utils/int.js +0 -20
  330. package/es/validators/utils/number.js +0 -16
  331. package/es/validators/utils/otp.js +0 -26
  332. package/es/validators/utils/phone.js +0 -122
  333. package/es/validators/utils/text_limit.js +0 -54
  334. package/es/validators/utils/uuid4.js +0 -20
  335. package/es/validators/validators.spec.js +0 -85
  336. package/esm/Field/FieldBase.js +0 -84
  337. package/esm/Field/FieldBaseContainer.js +0 -43
  338. package/esm/Field/FieldConditional.js +0 -62
  339. package/esm/Field/index.js +0 -76
  340. package/esm/Field/index.mdx +0 -6
  341. package/esm/Field/types.js +0 -1
  342. package/esm/Field/utils.js +0 -162
  343. package/esm/FieldArray/FieldArray.stories.js +0 -8
  344. package/esm/FieldArray/FieldArray.stories.playwright.json +0 -353
  345. package/esm/FieldArray/__stories__/Default.js +0 -90
  346. package/esm/FieldArray/__stories__/WithExactLength.js +0 -90
  347. package/esm/FieldArray/index.js +0 -65
  348. package/esm/FieldObject/index.js +0 -58
  349. package/esm/Fieldset/FieldsetWithContext.js +0 -41
  350. package/esm/Fieldset/index.js +0 -34
  351. package/esm/Fieldset/types.js +0 -1
  352. package/esm/Form.stories.js +0 -3
  353. package/esm/FormBuilder/FormBuilder.mdx +0 -256
  354. package/esm/FormBuilder/FormBuilder.stories.js +0 -7
  355. package/esm/FormBuilder/FormBuilder.stories.playwright.json +0 -52
  356. package/esm/FormBuilder/__stories__/Default.js +0 -28
  357. package/esm/FormBuilder/index.js +0 -2
  358. package/esm/FormContext.js +0 -5
  359. package/esm/MultiplicityField/MultiplicityField.mdx +0 -590
  360. package/esm/MultiplicityField/MultiplicityField.stories.js +0 -12
  361. package/esm/MultiplicityField/MultiplicityField.stories.playwright.json +0 -1370
  362. package/esm/MultiplicityField/__stories__/Default.js +0 -97
  363. package/esm/MultiplicityField/__stories__/PreviewDisplay.js +0 -83
  364. package/esm/MultiplicityField/__stories__/WithMaxLength.js +0 -95
  365. package/esm/MultiplicityField/__stories__/WithMinAndMaxLength.js +0 -96
  366. package/esm/MultiplicityField/index.js +0 -114
  367. package/esm/Questions/Questions.js +0 -84
  368. package/esm/Questions/Questions.stories.js +0 -7
  369. package/esm/Questions/QuestionsContext.js +0 -11
  370. package/esm/Questions/Step/ReviewStep.js +0 -53
  371. package/esm/Questions/Step/Step.js +0 -69
  372. package/esm/Questions/Step/StepArrayReview.js +0 -50
  373. package/esm/Questions/Step/StepDescription.js +0 -27
  374. package/esm/Questions/Step/StepForm.js +0 -48
  375. package/esm/Questions/Step/StepQuote.js +0 -11
  376. package/esm/Questions/Step/StepTitle.js +0 -44
  377. package/esm/Questions/Step/getAddMoreFields.js +0 -22
  378. package/esm/Questions/Step/index.js +0 -13
  379. package/esm/Questions/Step/types.js +0 -1
  380. package/esm/Questions/__snapshots__/index.spec.tsx.snap +0 -596
  381. package/esm/Questions/__stories__/Default.js +0 -108
  382. package/esm/Questions/index.js +0 -3
  383. package/esm/Questions/index.mdx +0 -415
  384. package/esm/Questions/index.spec.js +0 -62
  385. package/esm/Questions/types.js +0 -1
  386. package/esm/create-simple-form.mdx +0 -539
  387. package/esm/index.js +0 -8
  388. package/esm/index.mdx +0 -51
  389. package/esm/inputs/AutoComplete/AutoComplete.stories.js +0 -7
  390. package/esm/inputs/AutoComplete/__stories__/Default.js +0 -49
  391. package/esm/inputs/AutoComplete/index.js +0 -45
  392. package/esm/inputs/Checkboxes/Checkboxes.stories.js +0 -9
  393. package/esm/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -85
  394. package/esm/inputs/Checkboxes/__stories__/Conditional.js +0 -95
  395. package/esm/inputs/Checkboxes/__stories__/Default.js +0 -42
  396. package/esm/inputs/Checkboxes/__stories__/WithDivider.js +0 -43
  397. package/esm/inputs/Checkboxes/index.js +0 -100
  398. package/esm/inputs/Checkboxes/index.mdx +0 -0
  399. package/esm/inputs/DateInput/DateInput.stories.js +0 -7
  400. package/esm/inputs/DateInput/DateInput.stories.playwright.json +0 -72
  401. package/esm/inputs/DateInput/__stories__/Default.js +0 -43
  402. package/esm/inputs/DateInput/index.js +0 -155
  403. package/esm/inputs/FileInput/FileInput.stories.js +0 -7
  404. package/esm/inputs/FileInput/FileInput.stories.playwright.json +0 -75
  405. package/esm/inputs/FileInput/__stories__/Default.js +0 -22
  406. package/esm/inputs/FileInput/index.js +0 -62
  407. package/esm/inputs/Input/Input.stories.js +0 -15
  408. package/esm/inputs/Input/Input.stories.playwright.json +0 -376
  409. package/esm/inputs/Input/__stories__/AFM.js +0 -24
  410. package/esm/inputs/Input/__stories__/Boolean.js +0 -25
  411. package/esm/inputs/Input/__stories__/Default.js +0 -25
  412. package/esm/inputs/Input/__stories__/IBAN.js +0 -25
  413. package/esm/inputs/Input/__stories__/Integer.js +0 -33
  414. package/esm/inputs/Input/__stories__/MobilePhone.js +0 -24
  415. package/esm/inputs/Input/__stories__/PhoneNumber.js +0 -24
  416. package/esm/inputs/Input/__stories__/PostalCode.js +0 -27
  417. package/esm/inputs/Input/__stories__/TextWithCharacterLimit.js +0 -31
  418. package/esm/inputs/Input/index.js +0 -75
  419. package/esm/inputs/Input/index.mdx +0 -8
  420. package/esm/inputs/Label/Label.stories.js +0 -7
  421. package/esm/inputs/Label/Label.stories.playwright.json +0 -40
  422. package/esm/inputs/Label/__stories__/Default.js +0 -29
  423. package/esm/inputs/Label/index.js +0 -25
  424. package/esm/inputs/Label/index.mdx +0 -0
  425. package/esm/inputs/OtpInput/OtpInput.stories.js +0 -7
  426. package/esm/inputs/OtpInput/__stories__/Default.js +0 -31
  427. package/esm/inputs/OtpInput/index.js +0 -157
  428. package/esm/inputs/Radio/Radio.stories.js +0 -9
  429. package/esm/inputs/Radio/Radio.stories.playwright.json +0 -73
  430. package/esm/inputs/Radio/__stories__/Conditional.js +0 -95
  431. package/esm/inputs/Radio/__stories__/Default.js +0 -47
  432. package/esm/inputs/Radio/__stories__/WithDivider.js +0 -48
  433. package/esm/inputs/Radio/index.js +0 -61
  434. package/esm/inputs/Radio/index.mdx +0 -0
  435. package/esm/inputs/Select/Select.stories.js +0 -7
  436. package/esm/inputs/Select/Select.stories.playwright.json +0 -22
  437. package/esm/inputs/Select/__stories__/Default.js +0 -53
  438. package/esm/inputs/Select/index.js +0 -32
  439. package/esm/inputs/index.js +0 -8
  440. package/esm/installation.mdx +0 -68
  441. package/esm/internal.js +0 -34
  442. package/esm/registry.js +0 -136
  443. package/esm/types.js +0 -1
  444. package/esm/utils.js +0 -99
  445. package/esm/validators/index.js +0 -186
  446. package/esm/validators/types.js +0 -1
  447. package/esm/validators/utils/afm.js +0 -35
  448. package/esm/validators/utils/file.js +0 -52
  449. package/esm/validators/utils/index.js +0 -102
  450. package/esm/validators/utils/number.js +0 -16
  451. package/esm/validators/utils/postal_code.js +0 -29
  452. package/esm/validators/validators.spec.js +0 -85
  453. /package/{es → cjs}/Field/index.mdx +0 -0
  454. /package/{es → cjs}/FieldArray/FieldArray.stories.playwright.json +0 -0
  455. /package/{es → cjs}/FormBuilder/FormBuilder.mdx +0 -0
  456. /package/{es → cjs}/FormBuilder/FormBuilder.stories.playwright.json +0 -0
  457. /package/{es → cjs}/MultiplicityField/MultiplicityField.mdx +0 -0
  458. /package/{es → cjs}/MultiplicityField/MultiplicityField.stories.playwright.json +0 -0
  459. /package/{es → cjs}/Questions/__snapshots__/index.spec.tsx.snap +0 -0
  460. /package/{es → cjs}/Questions/index.mdx +0 -0
  461. /package/{es → cjs}/create-simple-form.mdx +0 -0
  462. /package/{es → cjs}/index.mdx +0 -0
  463. /package/{es → cjs}/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -0
  464. /package/{es → cjs}/inputs/Checkboxes/index.mdx +0 -0
  465. /package/{es → cjs}/inputs/DateInput/DateInput.stories.playwright.json +0 -0
  466. /package/{es → cjs}/inputs/FileInput/FileInput.stories.playwright.json +0 -0
  467. /package/{es → cjs}/inputs/Input/Input.stories.playwright.json +0 -0
  468. /package/{es → cjs}/inputs/Input/index.mdx +0 -0
  469. /package/{es → cjs}/inputs/Label/Label.stories.playwright.json +0 -0
  470. /package/{es → cjs}/inputs/Label/index.mdx +0 -0
  471. /package/{es → cjs}/inputs/Radio/Radio.stories.playwright.json +0 -0
  472. /package/{es → cjs}/inputs/Radio/index.mdx +0 -0
  473. /package/{es → cjs}/inputs/Select/Select.stories.playwright.json +0 -0
  474. /package/{es → cjs}/installation.mdx +0 -0
@@ -1,26 +1,7 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports.WithExactLength = void 0;
11
-
12
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
-
14
- var _react = _interopRequireDefault(require("react"));
15
-
16
- var _form = _interopRequireWildcard(require("@digigov/form"));
17
-
18
- var _Button = require("@digigov/ui/form/Button");
19
-
20
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
-
22
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
-
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import React from 'react';
3
+ import FormBuilder, { Field } from "../..";
4
+ import { Button } from '@digigov/ui/form/Button';
24
5
  var fields = [{
25
6
  key: 'string',
26
7
  type: 'string',
@@ -92,20 +73,18 @@ var fields = [{
92
73
  }
93
74
  }];
94
75
 
95
- var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
76
+ var _ref = /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
96
77
 
97
- var WithExactLength = function WithExactLength() {
98
- return /*#__PURE__*/_react["default"].createElement(_form["default"], {
78
+ export var WithExactLength = function WithExactLength() {
79
+ return /*#__PURE__*/React.createElement(FormBuilder, {
99
80
  onSubmit: function onSubmit(data) {
100
81
  console.log(data);
101
82
  }
102
- }, /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({
83
+ }, /*#__PURE__*/React.createElement(Field, _extends({
103
84
  name: "string"
104
- }, fields[0])), /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({
85
+ }, fields[0])), /*#__PURE__*/React.createElement(Field, _extends({
105
86
  name: "multiplicity"
106
- }, fields[1])), /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({
87
+ }, fields[1])), /*#__PURE__*/React.createElement(Field, _extends({
107
88
  name: "phonenumber"
108
89
  }, fields[2])), _ref);
109
- };
110
-
111
- exports.WithExactLength = WithExactLength;
90
+ };
@@ -1,33 +1,14 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = exports.FieldArray = void 0;
9
-
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
-
14
- var _react = _interopRequireDefault(require("react"));
15
-
16
- var _reactHookForm = require("react-hook-form");
17
-
18
- var _FieldBaseContainer = _interopRequireDefault(require("@digigov/form/Field/FieldBaseContainer"));
19
-
20
- var _FieldObject = _interopRequireDefault(require("@digigov/form/FieldObject"));
21
-
22
- var _Fieldset = require("@digigov/form/Fieldset");
23
-
24
- var _Fieldset2 = _interopRequireDefault(require("@digigov/react-core/Fieldset"));
25
-
26
- var _ui = require("@digigov/ui");
27
-
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
28
3
  var _excluded = ["name", "register", "control", "formState", "error", "layout", "label"];
29
-
30
- var FieldArray = function FieldArray(_ref) {
4
+ import React from 'react';
5
+ import { useFieldArray } from 'react-hook-form';
6
+ import FieldContainer from "../Field/FieldBaseContainer";
7
+ import FieldObject from "../FieldObject";
8
+ import { FieldsetLabel } from "../Fieldset";
9
+ import Fieldset from '@digigov/react-core/Fieldset';
10
+ import { Button, Card, Hint } from '@digigov/ui';
11
+ export var FieldArray = function FieldArray(_ref) {
31
12
  var _customField$extra, _customField$extra$la, _customField$extra4, _customField$extra4$l;
32
13
 
33
14
  var name = _ref.name,
@@ -37,9 +18,9 @@ var FieldArray = function FieldArray(_ref) {
37
18
  error = _ref.error,
38
19
  layout = _ref.layout,
39
20
  label = _ref.label,
40
- customField = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
21
+ customField = _objectWithoutProperties(_ref, _excluded);
41
22
 
42
- var _useFieldArray = (0, _reactHookForm.useFieldArray)({
23
+ var _useFieldArray = useFieldArray({
43
24
  control: control,
44
25
  name: name
45
26
  }),
@@ -47,32 +28,32 @@ var FieldArray = function FieldArray(_ref) {
47
28
  append = _useFieldArray.append,
48
29
  remove = _useFieldArray.remove;
49
30
 
50
- return /*#__PURE__*/_react["default"].createElement(_FieldBaseContainer["default"], {
31
+ return /*#__PURE__*/React.createElement(FieldContainer, {
51
32
  label: label,
52
33
  layout: layout,
53
34
  error: formState.isSubmitted && !formState.isSubmitting && error !== null && error !== void 0 && error.message && error ? error : undefined,
54
35
  wrapper: "fieldset",
55
36
  name: name
56
- }, fields.length === 0 && /*#__PURE__*/_react["default"].createElement(_ui.Hint, null, (_customField$extra = customField.extra) === null || _customField$extra === void 0 ? void 0 : (_customField$extra$la = _customField$extra.label.object) === null || _customField$extra$la === void 0 ? void 0 : _customField$extra$la.nothing_added), fields.map(function (field, index) {
37
+ }, fields.length === 0 && /*#__PURE__*/React.createElement(Hint, null, (_customField$extra = customField.extra) === null || _customField$extra === void 0 ? void 0 : (_customField$extra$la = _customField$extra.label.object) === null || _customField$extra$la === void 0 ? void 0 : _customField$extra$la.nothing_added), fields.map(function (field, index) {
57
38
  var _customField$extra2, _customField$extra3;
58
39
 
59
- return /*#__PURE__*/_react["default"].createElement(_ui.Card, {
40
+ return /*#__PURE__*/React.createElement(Card, {
60
41
  variant: "border",
61
42
  key: field.id
62
- }, /*#__PURE__*/_react["default"].createElement(_Fieldset2["default"], null, /*#__PURE__*/_react["default"].createElement(_Fieldset.FieldsetLabel, null, (_customField$extra2 = customField.extra) === null || _customField$extra2 === void 0 ? void 0 : _customField$extra2.label.object.title, " ", index + 1), /*#__PURE__*/_react["default"].createElement(_FieldObject["default"], (0, _extends2["default"])({
43
+ }, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLabel, null, (_customField$extra2 = customField.extra) === null || _customField$extra2 === void 0 ? void 0 : _customField$extra2.label.object.title, " ", index + 1), /*#__PURE__*/React.createElement(FieldObject, _extends({
63
44
  name: "".concat(name, ".").concat(index),
64
45
  error: Array.isArray(error) && error[index],
65
46
  formState: formState,
66
47
  register: register,
67
48
  control: control
68
- }, (_customField$extra3 = customField.extra) === null || _customField$extra3 === void 0 ? void 0 : _customField$extra3.of)), /*#__PURE__*/_react["default"].createElement(_ui.Button, {
49
+ }, (_customField$extra3 = customField.extra) === null || _customField$extra3 === void 0 ? void 0 : _customField$extra3.of)), /*#__PURE__*/React.createElement(Button, {
69
50
  type: "button",
70
51
  color: "warning",
71
52
  onClick: function onClick() {
72
53
  return remove(index);
73
54
  }
74
55
  }, "Remove")));
75
- }), /*#__PURE__*/_react["default"].createElement(_ui.Button, {
56
+ }), /*#__PURE__*/React.createElement(Button, {
76
57
  type: "button",
77
58
  color: "secondary",
78
59
  onClick: function onClick(ev) {
@@ -81,7 +62,4 @@ var FieldArray = function FieldArray(_ref) {
81
62
  }
82
63
  }, (_customField$extra4 = customField.extra) === null || _customField$extra4 === void 0 ? void 0 : (_customField$extra4$l = _customField$extra4.label.object) === null || _customField$extra4$l === void 0 ? void 0 : _customField$extra4$l.add));
83
64
  };
84
-
85
- exports.FieldArray = FieldArray;
86
- var _default = FieldArray;
87
- exports["default"] = _default;
65
+ export default FieldArray;
@@ -0,0 +1,6 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "./index.js",
4
+ "types": "./index.d.ts",
5
+ "main": "../cjs/FieldArray/index.js"
6
+ }
@@ -1,33 +1,11 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports["default"] = exports.FieldObject = void 0;
11
-
12
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
-
14
- var _react = _interopRequireWildcard(require("react"));
15
-
16
- var _FieldBase = require("@digigov/form/Field/FieldBase");
17
-
18
- var _utils = require("@digigov/form/Field/utils");
19
-
20
- var _Fieldset = _interopRequireWildcard(require("@digigov/form/Fieldset"));
21
-
22
- var _reactCore = require("@digigov/react-core");
23
-
24
- var _i18n = require("@digigov/ui/i18n");
25
-
26
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
27
-
28
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
29
-
30
- var FieldObject = function FieldObject(_ref) {
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import React, { useMemo } from 'react';
3
+ import { FieldBase } from "../Field/FieldBase";
4
+ import { calculateField } from "../Field/utils";
5
+ import Fieldset, { FieldsetCaption } from "../Fieldset";
6
+ import { FieldsetLegend } from '@digigov/react-core';
7
+ import { useTranslation } from '@digigov/ui/i18n';
8
+ export var FieldObject = function FieldObject(_ref) {
31
9
  var name = _ref.name,
32
10
  label = _ref.label,
33
11
  extra = _ref.extra,
@@ -36,13 +14,13 @@ var FieldObject = function FieldObject(_ref) {
36
14
  reset = _ref.reset,
37
15
  formState = _ref.formState;
38
16
 
39
- var _useTranslation = (0, _i18n.useTranslation)(),
17
+ var _useTranslation = useTranslation(),
40
18
  t = _useTranslation.t;
41
19
 
42
- return /*#__PURE__*/_react["default"].createElement(_Fieldset["default"], null, (label === null || label === void 0 ? void 0 : label.primary) && /*#__PURE__*/_react["default"].createElement(_reactCore.FieldsetLegend, {
20
+ return /*#__PURE__*/React.createElement(Fieldset, null, (label === null || label === void 0 ? void 0 : label.primary) && /*#__PURE__*/React.createElement(FieldsetLegend, {
43
21
  size: "sm"
44
- }, t(label.primary)), (label === null || label === void 0 ? void 0 : label.secondary) && /*#__PURE__*/_react["default"].createElement(_Fieldset.FieldsetCaption, null, t(label.secondary)), extra === null || extra === void 0 ? void 0 : extra.fields.map(function (field) {
45
- return /*#__PURE__*/_react["default"].createElement(FieldObjectItem, {
22
+ }, t(label.primary)), (label === null || label === void 0 ? void 0 : label.secondary) && /*#__PURE__*/React.createElement(FieldsetCaption, null, t(label.secondary)), extra === null || extra === void 0 ? void 0 : extra.fields.map(function (field) {
23
+ return /*#__PURE__*/React.createElement(FieldObjectItem, {
46
24
  key: "".concat(name, ".").concat(field.key),
47
25
  name: "".concat(name, ".").concat(field.key),
48
26
  control: control,
@@ -55,8 +33,6 @@ var FieldObject = function FieldObject(_ref) {
55
33
  }));
56
34
  };
57
35
 
58
- exports.FieldObject = FieldObject;
59
-
60
36
  var FieldObjectItem = function FieldObjectItem(_ref2) {
61
37
  var name = _ref2.name,
62
38
  children = _ref2.children,
@@ -66,11 +42,11 @@ var FieldObjectItem = function FieldObjectItem(_ref2) {
66
42
  formState = _ref2.formState,
67
43
  reset = _ref2.reset,
68
44
  register = _ref2.register;
69
- var calculatedField = (0, _react.useMemo)(function () {
70
- return (0, _utils.calculateField)(children, field);
45
+ var calculatedField = useMemo(function () {
46
+ return calculateField(children, field);
71
47
  }, [field]);
72
48
  var customError = error ? error : formState === null || formState === void 0 ? void 0 : formState.errors[name];
73
- return /*#__PURE__*/_react["default"].createElement(_FieldBase.FieldBase, (0, _extends2["default"])({}, calculatedField, {
49
+ return /*#__PURE__*/React.createElement(FieldBase, _extends({}, calculatedField, {
74
50
  name: name,
75
51
  control: control,
76
52
  reset: reset,
@@ -79,5 +55,4 @@ var FieldObjectItem = function FieldObjectItem(_ref2) {
79
55
  }));
80
56
  };
81
57
 
82
- var _default = FieldObject;
83
- exports["default"] = _default;
58
+ export default FieldObject;
@@ -0,0 +1,6 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "./index.js",
4
+ "types": "./index.d.ts",
5
+ "main": "../cjs/FieldObject/index.js"
6
+ }
@@ -1,29 +1,9 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports.FieldsetWithContext = void 0;
11
-
12
- var _react = _interopRequireWildcard(require("react"));
13
-
14
- var _Field = _interopRequireDefault(require("@digigov/form/Field"));
15
-
16
- var _Fieldset = require("@digigov/form/Fieldset/");
17
-
18
- var _FormContext = require("@digigov/form/FormContext");
19
-
20
- var _i18n = require("@digigov/ui/i18n");
21
-
22
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
-
24
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
-
26
- var FieldsetWithContext = function FieldsetWithContext(_ref) {
1
+ import React, { useContext, useMemo } from 'react';
2
+ import Field from "../Field";
3
+ import { Fieldset, FieldsetLabel, FieldsetCaption, FieldsetBody } from "./";
4
+ import { FormContext } from "../FormContext";
5
+ import { useTranslation } from '@digigov/ui/i18n';
6
+ export var FieldsetWithContext = function FieldsetWithContext(_ref) {
27
7
  var name = _ref.name;
28
8
 
29
9
  var _useFieldset = useFieldset(name),
@@ -31,14 +11,14 @@ var FieldsetWithContext = function FieldsetWithContext(_ref) {
31
11
  body = _useFieldset.body,
32
12
  fields = _useFieldset.fields;
33
13
 
34
- var _useTranslation = (0, _i18n.useTranslation)(),
14
+ var _useTranslation = useTranslation(),
35
15
  t = _useTranslation.t;
36
16
 
37
- var _ref2 = /*#__PURE__*/_react["default"].createElement(_Fieldset.FieldsetBody, null, body);
17
+ var _ref2 = /*#__PURE__*/React.createElement(FieldsetBody, null, body);
38
18
 
39
- return (0, _react.useMemo)(function () {
40
- return /*#__PURE__*/_react["default"].createElement(_Fieldset.Fieldset, null, (label === null || label === void 0 ? void 0 : label.primary) && /*#__PURE__*/_react["default"].createElement(_Fieldset.FieldsetLabel, null, t(label.primary)), (label === null || label === void 0 ? void 0 : label.secondary) && /*#__PURE__*/_react["default"].createElement(_Fieldset.FieldsetCaption, null, t(label.secondary)), body && _ref2, fields.map(function (field) {
41
- return /*#__PURE__*/_react["default"].createElement(_Field["default"], {
19
+ return useMemo(function () {
20
+ return /*#__PURE__*/React.createElement(Fieldset, null, (label === null || label === void 0 ? void 0 : label.primary) && /*#__PURE__*/React.createElement(FieldsetLabel, null, t(label.primary)), (label === null || label === void 0 ? void 0 : label.secondary) && /*#__PURE__*/React.createElement(FieldsetCaption, null, t(label.secondary)), body && _ref2, fields.map(function (field) {
21
+ return /*#__PURE__*/React.createElement(Field, {
42
22
  key: field,
43
23
  name: field
44
24
  });
@@ -46,14 +26,12 @@ var FieldsetWithContext = function FieldsetWithContext(_ref) {
46
26
  }, [label === null || label === void 0 ? void 0 : label.primary, label === null || label === void 0 ? void 0 : label.secondary, body, fields]);
47
27
  };
48
28
 
49
- exports.FieldsetWithContext = FieldsetWithContext;
50
-
51
29
  var useFieldset = function useFieldset(name) {
52
- var _useContext = (0, _react.useContext)(_FormContext.FormContext),
30
+ var _useContext = useContext(FormContext),
53
31
  fieldsetsMap = _useContext.fieldsetsMap;
54
32
 
55
33
  if (fieldsetsMap && fieldsetsMap[name]) {
56
- return (0, _react.useMemo)(function () {
34
+ return useMemo(function () {
57
35
  return fieldsetsMap[name];
58
36
  }, [name]);
59
37
  } else {
package/Fieldset/index.js CHANGED
@@ -1,64 +1,34 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- Object.defineProperty(exports, "Fieldset", {
9
- enumerable: true,
10
- get: function get() {
11
- return _Fieldset["default"];
12
- }
13
- });
14
- exports["default"] = exports.FieldsetLabel = exports.FieldsetCaption = exports.FieldsetBody = void 0;
15
-
16
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
17
-
18
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
19
-
20
- var _react = _interopRequireDefault(require("react"));
21
-
22
- var _Fieldset = _interopRequireDefault(require("@digigov/react-core/Fieldset"));
23
-
24
- var _FieldsetLegend = _interopRequireDefault(require("@digigov/react-core/FieldsetLegend"));
25
-
26
- var _Hint = _interopRequireDefault(require("@digigov/react-core/Hint"));
27
-
28
- var _Grid = _interopRequireDefault(require("@digigov/ui/layouts/Grid"));
29
-
30
- var _NormalText = _interopRequireDefault(require("@digigov/ui/typography/NormalText"));
31
-
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
32
3
  var _excluded = ["children"],
33
4
  _excluded2 = ["children"];
34
-
35
- var FieldsetLabel = function FieldsetLabel(_ref) {
5
+ import React from 'react';
6
+ import Fieldset from '@digigov/react-core/Fieldset';
7
+ import FieldsetLegend from '@digigov/react-core/FieldsetLegend';
8
+ import Hint from '@digigov/react-core/Hint';
9
+ import Grid from '@digigov/ui/layouts/Grid';
10
+ import NormalText from '@digigov/ui/typography/NormalText';
11
+ export var FieldsetLabel = function FieldsetLabel(_ref) {
36
12
  var children = _ref.children,
37
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
38
- return /*#__PURE__*/_react["default"].createElement(_FieldsetLegend["default"], (0, _extends2["default"])({
13
+ props = _objectWithoutProperties(_ref, _excluded);
14
+
15
+ return /*#__PURE__*/React.createElement(FieldsetLegend, _extends({
39
16
  heading: true,
40
17
  size: "xl"
41
18
  }, props), children);
42
19
  };
43
-
44
- exports.FieldsetLabel = FieldsetLabel;
45
-
46
- var FieldsetCaption = function FieldsetCaption(_ref2) {
20
+ export var FieldsetCaption = function FieldsetCaption(_ref2) {
47
21
  var children = _ref2.children,
48
- props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
49
- return /*#__PURE__*/_react["default"].createElement(_Hint["default"], props, children);
50
- };
51
-
52
- exports.FieldsetCaption = FieldsetCaption;
22
+ props = _objectWithoutProperties(_ref2, _excluded2);
53
23
 
54
- var FieldsetBody = function FieldsetBody(_ref3) {
24
+ return /*#__PURE__*/React.createElement(Hint, props, children);
25
+ };
26
+ export var FieldsetBody = function FieldsetBody(_ref3) {
55
27
  var children = _ref3.children;
56
- return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
28
+ return /*#__PURE__*/React.createElement(Grid, {
57
29
  item: true,
58
30
  xs: 12
59
- }, /*#__PURE__*/_react["default"].createElement(_NormalText["default"], null, children));
31
+ }, /*#__PURE__*/React.createElement(NormalText, null, children));
60
32
  };
61
-
62
- exports.FieldsetBody = FieldsetBody;
63
- var _default = _Fieldset["default"];
64
- exports["default"] = _default;
33
+ export { Fieldset };
34
+ export default Fieldset;
@@ -0,0 +1,6 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "./index.js",
4
+ "types": "./index.d.ts",
5
+ "main": "../cjs/Fieldset/index.js"
6
+ }
package/Fieldset/types.js CHANGED
@@ -1,5 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
1
+ export {};
package/Form.stories.js CHANGED
@@ -1,10 +1,3 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
- var _default = {
1
+ export default {
8
2
  title: 'Digigov Form'
9
- };
10
- exports["default"] = _default;
3
+ };
@@ -1,44 +1,19 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports["default"] = exports.FormBuilder = exports.FormBase = void 0;
11
-
12
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
- var _extends4 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
15
-
16
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
17
-
18
- var _react = _interopRequireWildcard(require("react"));
19
-
20
- var _reactHookForm = require("react-hook-form");
21
-
22
- var _Field = _interopRequireDefault(require("@digigov/form/Field"));
23
-
24
- var _Fieldset = _interopRequireDefault(require("@digigov/form/Fieldset"));
25
-
26
- var _FormContext = require("@digigov/form/FormContext");
27
-
28
- var _utils = require("@digigov/form/utils");
29
-
30
- var _validators = require("@digigov/form/validators");
31
-
32
- var _Form = require("@digigov/react-core/Form");
33
-
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
+ import _extends from "@babel/runtime/helpers/extends";
3
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
34
4
  var _excluded = ["onSubmit", "children", "registerField", "fieldsMap", "fieldsetsMap", "resolver", "mode", "initial", "reValidateMode", "shouldFocusError", "criteriaMode", "componentRegistry", "grid"],
35
5
  _excluded2 = ["fields", "fieldsets", "initial", "onSubmit", "children", "reValidateMode", "mode", "shouldFocusError", "criteriaMode", "auto", "validatorRegistry", "componentRegistry", "grid"];
36
6
 
37
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
38
-
39
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
40
-
41
- var FormBase = /*#__PURE__*/_react["default"].forwardRef(function FormBase(_ref, ref) {
7
+ /* eslint-disable @typescript-eslint/no-explicit-any */
8
+ import React, { useCallback, useRef } from 'react';
9
+ import { useForm } from 'react-hook-form';
10
+ import Field from "../Field";
11
+ import Fieldset from "../Fieldset";
12
+ import { FormContext } from "../FormContext";
13
+ import { yupResolver } from "../utils";
14
+ import { useValidationSchema } from "../validators";
15
+ import { Form } from '@digigov/react-core/Form';
16
+ export var FormBase = /*#__PURE__*/React.forwardRef(function FormBase(_ref, ref) {
42
17
  var onSubmit = _ref.onSubmit,
43
18
  children = _ref.children,
44
19
  registerField = _ref.registerField,
@@ -52,8 +27,9 @@ var FormBase = /*#__PURE__*/_react["default"].forwardRef(function FormBase(_ref,
52
27
  criteriaMode = _ref.criteriaMode,
53
28
  componentRegistry = _ref.componentRegistry,
54
29
  grid = _ref.grid,
55
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
56
- var form = (0, _reactHookForm.useForm)({
30
+ props = _objectWithoutProperties(_ref, _excluded);
31
+
32
+ var form = useForm({
57
33
  resolver: resolver,
58
34
  mode: mode,
59
35
  defaultValues: initial,
@@ -61,7 +37,7 @@ var FormBase = /*#__PURE__*/_react["default"].forwardRef(function FormBase(_ref,
61
37
  shouldFocusError: shouldFocusError,
62
38
  criteriaMode: criteriaMode
63
39
  });
64
- var handleSubmit = (0, _react.useCallback)(function (data) {
40
+ var handleSubmit = useCallback(function (data) {
65
41
  onSubmit && onSubmit(data);
66
42
  }, [onSubmit]);
67
43
  var ctx = {
@@ -83,18 +59,15 @@ var FormBase = /*#__PURE__*/_react["default"].forwardRef(function FormBase(_ref,
83
59
  componentRegistry: componentRegistry,
84
60
  setError: form.setError
85
61
  };
86
- return /*#__PURE__*/_react["default"].createElement(_FormContext.FormContext.Provider, {
62
+ return /*#__PURE__*/React.createElement(FormContext.Provider, {
87
63
  value: ctx
88
- }, /*#__PURE__*/_react["default"].createElement(_Form.Form, (0, _extends4["default"])({
64
+ }, /*#__PURE__*/React.createElement(Form, _extends({
89
65
  grid: grid,
90
66
  onSubmit: form.handleSubmit(handleSubmit),
91
67
  ref: ref
92
68
  }, props), children));
93
69
  });
94
-
95
- exports.FormBase = FormBase;
96
-
97
- var FormBuilder = /*#__PURE__*/_react["default"].forwardRef(function FormBuilder(_ref2, ref) {
70
+ export var FormBuilder = /*#__PURE__*/React.forwardRef(function FormBuilder(_ref2, ref) {
98
71
  var _ref2$fields = _ref2.fields,
99
72
  fields = _ref2$fields === void 0 ? [] : _ref2$fields,
100
73
  fieldsets = _ref2.fieldsets,
@@ -116,13 +89,14 @@ var FormBuilder = /*#__PURE__*/_react["default"].forwardRef(function FormBuilder
116
89
  componentRegistry = _ref2.componentRegistry,
117
90
  _ref2$grid = _ref2.grid,
118
91
  grid = _ref2$grid === void 0 ? false : _ref2$grid,
119
- props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
120
- var fieldsState = (0, _react.useRef)(fields);
121
- var setFieldsState = (0, _react.useCallback)(function (newFields) {
92
+ props = _objectWithoutProperties(_ref2, _excluded2);
93
+
94
+ var fieldsState = useRef(fields);
95
+ var setFieldsState = useCallback(function (newFields) {
122
96
  fieldsState.current = newFields;
123
97
  }, []);
124
- var schema = (0, _validators.useValidationSchema)(fieldsState, validatorRegistry);
125
- var registerField = (0, _react.useCallback)(function (field) {
98
+ var schema = useValidationSchema(fieldsState, validatorRegistry);
99
+ var registerField = useCallback(function (field) {
126
100
  var fieldIndex = fieldsState.current.findIndex(function (f) {
127
101
  return f.key === field.key;
128
102
  });
@@ -141,24 +115,24 @@ var FormBuilder = /*#__PURE__*/_react["default"].forwardRef(function FormBuilder
141
115
  var fieldChildren;
142
116
 
143
117
  if (schema) {
144
- resolver = (0, _utils.yupResolver)(schema);
118
+ resolver = yupResolver(schema);
145
119
  fieldsMap = fields ? fields.reduce(function (map, field) {
146
- return (0, _extends4["default"])({}, map, (0, _defineProperty2["default"])({}, field.key, field));
120
+ return _extends({}, map, _defineProperty({}, field.key, field));
147
121
  }, {}) : {};
148
122
  fieldsetsMap = fieldsets && fieldsets.reduce(function (map, fieldset) {
149
- return (0, _extends4["default"])({}, map, (0, _defineProperty2["default"])({}, fieldset.key, fieldset));
123
+ return _extends({}, map, _defineProperty({}, fieldset.key, fieldset));
150
124
  }, {});
151
125
 
152
126
  if (auto) {
153
127
  if (fieldsets) {
154
128
  fieldChildren = fieldsets.map(function (fieldset) {
155
- return /*#__PURE__*/_react["default"].createElement(_Fieldset["default"], {
129
+ return /*#__PURE__*/React.createElement(Fieldset, {
156
130
  key: fieldset.key
157
131
  });
158
132
  });
159
133
  } else if (fields) {
160
134
  fieldChildren = fields.map(function (field) {
161
- return /*#__PURE__*/_react["default"].createElement(_Field["default"], {
135
+ return /*#__PURE__*/React.createElement(Field, {
162
136
  key: field.key,
163
137
  name: field.key
164
138
  });
@@ -167,7 +141,7 @@ var FormBuilder = /*#__PURE__*/_react["default"].forwardRef(function FormBuilder
167
141
  }
168
142
  }
169
143
 
170
- return /*#__PURE__*/_react["default"].createElement(FormBase, (0, _extends4["default"])({
144
+ return /*#__PURE__*/React.createElement(FormBase, _extends({
171
145
  resolver: resolver,
172
146
  fieldsetsMap: fieldsetsMap,
173
147
  fieldsMap: fieldsMap,
@@ -183,7 +157,4 @@ var FormBuilder = /*#__PURE__*/_react["default"].forwardRef(function FormBuilder
183
157
  grid: grid
184
158
  }, props), fieldChildren, children);
185
159
  });
186
-
187
- exports.FormBuilder = FormBuilder;
188
- var _default = FormBuilder;
189
- exports["default"] = _default;
160
+ export default FormBuilder;