@digigov/form 1.0.0-8ae63a77 → 1.0.0-8b33e4c8

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