@digigov/form 1.2.0-dcbd7ded → 2.0.0-07ee8440

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 (776) hide show
  1. package/Field/ErrorGroup/index.js +48 -0
  2. package/{Questions/index.spec → Field/ErrorGroup}/package.json +1 -1
  3. package/Field/ErrorGroup.d.ts +15 -0
  4. package/Field/ErrorGroup.js.map +7 -0
  5. package/Field/FieldBase/index.js +112 -76
  6. package/Field/FieldBase.js.map +7 -0
  7. package/Field/FieldBaseContainer/index.js +30 -37
  8. package/Field/FieldBaseContainer.js.map +7 -0
  9. package/Field/FieldConditional/index.js +79 -53
  10. package/Field/FieldConditional.js.map +7 -0
  11. package/Field/index.js +107 -63
  12. package/Field/index.js.map +7 -0
  13. package/Field/types/index.js +1 -1
  14. package/Field/types.d.ts +44 -5
  15. package/Field/types.js.map +7 -0
  16. package/Field/utils/calculateField/index.js +27 -0
  17. package/{FieldArray/FieldArray.stories → Field/utils/calculateField}/package.json +1 -1
  18. package/Field/utils/calculateField.d.ts +2 -0
  19. package/Field/utils/calculateField.js.map +7 -0
  20. package/Field/utils/evaluateFieldWithConditions/index.js +26 -0
  21. package/{inputs/DateInput/__stories__/Default → Field/utils/evaluateFieldWithConditions}/package.json +1 -1
  22. package/Field/utils/evaluateFieldWithConditions.d.ts +2 -0
  23. package/Field/utils/evaluateFieldWithConditions.js.map +7 -0
  24. package/Field/utils/index.d.ts +4 -0
  25. package/Field/utils/index.js +47 -116
  26. package/Field/utils/index.js.map +7 -0
  27. package/Field/utils/useField/index.js +57 -0
  28. package/{FormBuilder/FormBuilder → Field/utils/useField}/package.json +1 -1
  29. package/Field/utils/useField.d.ts +2 -0
  30. package/Field/utils/useField.js.map +7 -0
  31. package/FieldArray/FieldArray.stories.d.ts +3 -2
  32. package/FieldArray/FormDialog/index.js +279 -0
  33. package/{validators/validators.spec → FieldArray/FormDialog}/package.json +1 -1
  34. package/FieldArray/FormDialog.d.ts +53 -0
  35. package/FieldArray/FormDialog.js.map +7 -0
  36. package/FieldArray/__stories__/Default.d.ts +2 -2
  37. package/FieldArray/__stories__/WithExactLength.d.ts +2 -2
  38. package/FieldArray/__stories__/WithModal.d.ts +2 -0
  39. package/FieldArray/index.d.ts +6 -0
  40. package/FieldArray/index.js +108 -59
  41. package/FieldArray/index.js.map +7 -0
  42. package/FieldArray/index.test.d.ts +1 -0
  43. package/FieldObject/index.d.ts +5 -0
  44. package/FieldObject/index.js +74 -52
  45. package/FieldObject/index.js.map +7 -0
  46. package/Fieldset/FieldsetWithContext/index.js +27 -31
  47. package/Fieldset/FieldsetWithContext.js.map +7 -0
  48. package/Fieldset/index.d.ts +1 -1
  49. package/Fieldset/index.js +27 -29
  50. package/Fieldset/index.js.map +7 -0
  51. package/Fieldset/types/index.js +1 -1
  52. package/Fieldset/types.d.ts +3 -2
  53. package/Fieldset/types.js.map +7 -0
  54. package/FormBuilder/FormBuilder.stories.d.ts +3 -1
  55. package/FormBuilder/__stories__/AutoErrorGrouping.d.ts +3 -0
  56. package/FormBuilder/__stories__/Default.d.ts +2 -2
  57. package/FormBuilder/__stories__/ErrorGrouping.d.ts +3 -0
  58. package/FormBuilder/index.d.ts +8 -1
  59. package/FormBuilder/index.js +237 -2
  60. package/FormBuilder/index.js.map +7 -0
  61. package/FormBuilder/index.test.d.ts +1 -0
  62. package/FormBuilder/interaction.test.d.ts +1 -0
  63. package/FormBuilder/scenarios.test.d.ts +88 -0
  64. package/FormContext/index.js +7 -3
  65. package/FormContext.js.map +7 -0
  66. package/MultiplicityField/MultiplicityField.stories.d.ts +6 -6
  67. package/MultiplicityField/__stories__/Default.d.ts +2 -2
  68. package/MultiplicityField/__stories__/PreviewDisplay.d.ts +2 -2
  69. package/MultiplicityField/__stories__/WithExactLength.d.ts +2 -2
  70. package/MultiplicityField/__stories__/WithMaxLength.d.ts +2 -2
  71. package/MultiplicityField/__stories__/WithMinAndMaxLength.d.ts +2 -2
  72. package/MultiplicityField/__stories__/WithMinLength.d.ts +2 -2
  73. package/MultiplicityField/add-objects/index.js +137 -132
  74. package/MultiplicityField/add-objects.d.ts +2 -1
  75. package/MultiplicityField/add-objects.js.map +7 -0
  76. package/MultiplicityField/index.d.ts +2 -19
  77. package/MultiplicityField/index.js +114 -106
  78. package/MultiplicityField/index.js.map +7 -0
  79. package/MultiplicityField/index.test.d.ts +1 -0
  80. package/MultiplicityField/types/index.js +1 -0
  81. package/MultiplicityField/types/package.json +6 -0
  82. package/MultiplicityField/types.d.ts +18 -0
  83. package/MultiplicityField/types.js.map +7 -0
  84. package/Questions/Questions/index.js +48 -56
  85. package/Questions/Questions.js.map +7 -0
  86. package/Questions/Questions.stories.d.ts +1 -1
  87. package/Questions/QuestionsContext/index.js +9 -9
  88. package/Questions/QuestionsContext.d.ts +0 -1
  89. package/Questions/QuestionsContext.js.map +7 -0
  90. package/Questions/Step/ReviewStep/index.js +35 -47
  91. package/Questions/Step/ReviewStep.js.map +7 -0
  92. package/Questions/Step/Step/index.js +39 -47
  93. package/Questions/Step/Step.js.map +7 -0
  94. package/Questions/Step/StepArrayReview/index.js +41 -45
  95. package/Questions/Step/StepArrayReview.js.map +7 -0
  96. package/Questions/Step/StepContext/index.js +15 -19
  97. package/Questions/Step/StepContext.d.ts +0 -1
  98. package/Questions/Step/StepContext.js.map +7 -0
  99. package/Questions/Step/StepDescription/index.js +22 -22
  100. package/Questions/Step/StepDescription.js.map +7 -0
  101. package/Questions/Step/StepForm/index.js +33 -43
  102. package/Questions/Step/StepForm.js.map +7 -0
  103. package/Questions/Step/StepQuote/index.js +10 -9
  104. package/Questions/Step/StepQuote.js.map +7 -0
  105. package/Questions/Step/StepTitle/index.js +41 -38
  106. package/Questions/Step/StepTitle.d.ts +2 -1
  107. package/Questions/Step/StepTitle.js.map +7 -0
  108. package/Questions/Step/getAddMoreFields/index.js +28 -20
  109. package/Questions/Step/getAddMoreFields.js.map +7 -0
  110. package/Questions/Step/index.d.ts +0 -1
  111. package/Questions/Step/index.js +16 -13
  112. package/Questions/Step/index.js.map +7 -0
  113. package/Questions/Step/types/index.js +1 -1
  114. package/Questions/Step/types.d.ts +1 -0
  115. package/Questions/Step/types.js.map +7 -0
  116. package/Questions/__stories__/Default.d.ts +2 -2
  117. package/Questions/getNextStep/index.js +12 -10
  118. package/Questions/getNextStep.js.map +7 -0
  119. package/Questions/index.js +7 -3
  120. package/Questions/index.js.map +7 -0
  121. package/Questions/index.test.d.ts +1 -0
  122. package/Questions/types/index.js +1 -1
  123. package/Questions/types.d.ts +1 -0
  124. package/Questions/types.js.map +7 -0
  125. package/cjs/Field/ErrorGroup/index.js +82 -0
  126. package/cjs/Field/ErrorGroup.js.map +7 -0
  127. package/cjs/Field/FieldBase/index.js +144 -82
  128. package/cjs/Field/FieldBase.js.map +7 -0
  129. package/cjs/Field/FieldBaseContainer/index.js +62 -43
  130. package/cjs/Field/FieldBaseContainer.js.map +7 -0
  131. package/cjs/Field/FieldConditional/index.js +111 -59
  132. package/cjs/Field/FieldConditional.js.map +7 -0
  133. package/cjs/Field/index.js +136 -72
  134. package/cjs/Field/index.js.map +7 -0
  135. package/cjs/Field/types/index.js +16 -5
  136. package/cjs/Field/types.js.map +7 -0
  137. package/cjs/Field/utils/calculateField/index.js +50 -0
  138. package/cjs/Field/utils/calculateField.js.map +7 -0
  139. package/cjs/Field/utils/evaluateFieldWithConditions/index.js +49 -0
  140. package/cjs/Field/utils/evaluateFieldWithConditions.js.map +7 -0
  141. package/cjs/Field/utils/index.js +91 -139
  142. package/cjs/Field/utils/index.js.map +7 -0
  143. package/cjs/Field/utils/useField/index.js +80 -0
  144. package/cjs/Field/utils/useField.js.map +7 -0
  145. package/cjs/FieldArray/FormDialog/index.js +301 -0
  146. package/cjs/FieldArray/FormDialog.js.map +7 -0
  147. package/cjs/FieldArray/index.js +140 -65
  148. package/cjs/FieldArray/index.js.map +7 -0
  149. package/cjs/FieldObject/index.js +103 -61
  150. package/cjs/FieldObject/index.js.map +7 -0
  151. package/cjs/Fieldset/FieldsetWithContext/index.js +54 -40
  152. package/cjs/Fieldset/FieldsetWithContext.js.map +7 -0
  153. package/cjs/Fieldset/index.js +61 -39
  154. package/cjs/Fieldset/index.js.map +7 -0
  155. package/cjs/Fieldset/types/index.js +16 -5
  156. package/cjs/Fieldset/types.js.map +7 -0
  157. package/cjs/FormBuilder/index.js +273 -8
  158. package/cjs/FormBuilder/index.js.map +7 -0
  159. package/cjs/FormContext/index.js +29 -8
  160. package/cjs/FormContext.js.map +7 -0
  161. package/cjs/MultiplicityField/add-objects/index.js +164 -138
  162. package/cjs/MultiplicityField/add-objects.js.map +7 -0
  163. package/cjs/MultiplicityField/index.js +142 -115
  164. package/cjs/MultiplicityField/index.js.map +7 -0
  165. package/cjs/MultiplicityField/types/index.js +16 -0
  166. package/cjs/MultiplicityField/types.js.map +7 -0
  167. package/cjs/Questions/Questions/index.js +80 -65
  168. package/cjs/Questions/Questions.js.map +7 -0
  169. package/cjs/Questions/QuestionsContext/index.js +31 -14
  170. package/cjs/Questions/QuestionsContext.js.map +7 -0
  171. package/cjs/Questions/Step/ReviewStep/index.js +61 -56
  172. package/cjs/Questions/Step/ReviewStep.js.map +7 -0
  173. package/cjs/Questions/Step/Step/index.js +71 -56
  174. package/cjs/Questions/Step/Step.js.map +7 -0
  175. package/cjs/Questions/Step/StepArrayReview/index.js +65 -54
  176. package/cjs/Questions/Step/StepArrayReview.js.map +7 -0
  177. package/cjs/Questions/Step/StepContext/index.js +37 -24
  178. package/cjs/Questions/Step/StepContext.js.map +7 -0
  179. package/cjs/Questions/Step/StepDescription/index.js +55 -31
  180. package/cjs/Questions/Step/StepDescription.js.map +7 -0
  181. package/cjs/Questions/Step/StepForm/index.js +65 -52
  182. package/cjs/Questions/Step/StepForm.js.map +7 -0
  183. package/cjs/Questions/Step/StepQuote/index.js +42 -15
  184. package/cjs/Questions/Step/StepQuote.js.map +7 -0
  185. package/cjs/Questions/Step/StepTitle/index.js +72 -47
  186. package/cjs/Questions/Step/StepTitle.js.map +7 -0
  187. package/cjs/Questions/Step/getAddMoreFields/index.js +50 -25
  188. package/cjs/Questions/Step/getAddMoreFields.js.map +7 -0
  189. package/cjs/Questions/Step/index.js +59 -143
  190. package/cjs/Questions/Step/index.js.map +7 -0
  191. package/cjs/Questions/Step/types/index.js +16 -5
  192. package/cjs/Questions/Step/types.js.map +7 -0
  193. package/cjs/Questions/getNextStep/index.js +33 -14
  194. package/cjs/Questions/getNextStep.js.map +7 -0
  195. package/cjs/Questions/index.js +29 -19
  196. package/cjs/Questions/index.js.map +7 -0
  197. package/cjs/Questions/types/index.js +16 -5
  198. package/cjs/Questions/types.js.map +7 -0
  199. package/cjs/index.js +47 -20
  200. package/cjs/index.js.map +7 -0
  201. package/cjs/inputs/AutoCompleteInput/index.js +92 -46
  202. package/cjs/inputs/AutoCompleteInput/index.js.map +7 -0
  203. package/cjs/inputs/Checkboxes/index.js +101 -96
  204. package/cjs/inputs/Checkboxes/index.js.map +7 -0
  205. package/cjs/inputs/DateInput/index.js +121 -109
  206. package/cjs/inputs/DateInput/index.js.map +7 -0
  207. package/cjs/inputs/DateTimeInput/index.js +206 -0
  208. package/cjs/inputs/DateTimeInput/index.js.map +7 -0
  209. package/cjs/inputs/FileInput/index.js +75 -63
  210. package/cjs/inputs/FileInput/index.js.map +7 -0
  211. package/cjs/inputs/ImageInput/index.js +95 -83
  212. package/cjs/inputs/ImageInput/index.js.map +7 -0
  213. package/cjs/inputs/Input/index.js +105 -71
  214. package/cjs/inputs/Input/index.js.map +7 -0
  215. package/cjs/inputs/Input/inputsInputScenarios/index.js +439 -0
  216. package/cjs/inputs/Input/inputsInputScenarios.js.map +7 -0
  217. package/cjs/inputs/Label/index.js +45 -24
  218. package/cjs/inputs/Label/index.js.map +7 -0
  219. package/cjs/inputs/OtpInput/index.js +142 -112
  220. package/cjs/inputs/OtpInput/index.js.map +7 -0
  221. package/cjs/inputs/Radio/index.js +131 -61
  222. package/cjs/inputs/Radio/index.js.map +7 -0
  223. package/cjs/inputs/Select/index.js +59 -36
  224. package/cjs/inputs/Select/index.js.map +7 -0
  225. package/cjs/inputs/index.js +62 -69
  226. package/cjs/inputs/index.js.map +7 -0
  227. package/cjs/inputs/inputsScenarios/index.js +533 -0
  228. package/cjs/inputs/inputsScenarios.js.map +7 -0
  229. package/cjs/internal/index.js +36 -346
  230. package/cjs/internal.js.map +7 -0
  231. package/cjs/lazy/index.js +109 -516
  232. package/cjs/lazy.js.map +7 -0
  233. package/cjs/locales/el/index.js +35 -0
  234. package/cjs/locales/el.js.map +7 -0
  235. package/cjs/registry/index.js +190 -142
  236. package/cjs/registry.js.map +7 -0
  237. package/cjs/types/index.js +22 -5
  238. package/cjs/types.js.map +7 -0
  239. package/cjs/utils/index.js +79 -83
  240. package/cjs/utils.js.map +7 -0
  241. package/cjs/validators/index.js +131 -164
  242. package/cjs/validators/index.js.map +7 -0
  243. package/cjs/validators/types/index.js +16 -5
  244. package/cjs/validators/types.js.map +7 -0
  245. package/cjs/validators/utils/afm/index.js +38 -21
  246. package/cjs/validators/utils/afm.js.map +7 -0
  247. package/cjs/validators/utils/date/index.js +138 -0
  248. package/cjs/validators/utils/date.js.map +7 -0
  249. package/cjs/validators/utils/datetime/index.js +151 -0
  250. package/cjs/validators/utils/datetime.js.map +7 -0
  251. package/cjs/validators/utils/file/index.js +44 -47
  252. package/cjs/validators/utils/file.js.map +7 -0
  253. package/cjs/validators/utils/iban/index.js +36 -17
  254. package/cjs/validators/utils/iban.js.map +7 -0
  255. package/cjs/validators/utils/image/index.js +88 -112
  256. package/cjs/validators/utils/image.js.map +7 -0
  257. package/cjs/validators/utils/index.js +99 -159
  258. package/cjs/validators/utils/index.js.map +7 -0
  259. package/cjs/validators/utils/int/index.js +35 -13
  260. package/cjs/validators/utils/int.js.map +7 -0
  261. package/cjs/validators/utils/number/index.js +34 -12
  262. package/cjs/validators/utils/number.js.map +7 -0
  263. package/cjs/validators/utils/otp/index.js +35 -13
  264. package/cjs/validators/utils/otp.js.map +7 -0
  265. package/cjs/validators/utils/phone/index.js +113 -58
  266. package/cjs/validators/utils/phone.js.map +7 -0
  267. package/cjs/validators/utils/postal_code/index.js +36 -16
  268. package/cjs/validators/utils/postal_code.js.map +7 -0
  269. package/cjs/validators/utils/text_limit/index.js +40 -25
  270. package/cjs/validators/utils/text_limit.js.map +7 -0
  271. package/cjs/validators/utils/uuid4/index.js +34 -13
  272. package/cjs/validators/utils/uuid4.js.map +7 -0
  273. package/index.d.ts +4 -1
  274. package/index.js +13 -4
  275. package/index.js.map +7 -0
  276. package/inputs/AutoCompleteInput/AutoComplete.stories.d.ts +2 -1
  277. package/inputs/AutoCompleteInput/__stories__/Default.d.ts +3 -2
  278. package/inputs/AutoCompleteInput/__stories__/Multiple.d.ts +3 -0
  279. package/inputs/AutoCompleteInput/index.d.ts +2 -2
  280. package/inputs/AutoCompleteInput/index.js +62 -37
  281. package/inputs/AutoCompleteInput/index.js.map +7 -0
  282. package/inputs/AutoCompleteInput/index.test.d.ts +1 -0
  283. package/inputs/Checkboxes/Checkboxes.stories.d.ts +3 -3
  284. package/inputs/Checkboxes/__stories__/Conditional.d.ts +3 -2
  285. package/inputs/Checkboxes/__stories__/Default.d.ts +2 -2
  286. package/inputs/Checkboxes/__stories__/WithDivider.d.ts +2 -2
  287. package/inputs/Checkboxes/index.d.ts +2 -1
  288. package/inputs/Checkboxes/index.js +73 -87
  289. package/inputs/Checkboxes/index.js.map +7 -0
  290. package/inputs/Checkboxes/index.test.d.ts +1 -0
  291. package/inputs/DateInput/DateInput.stories.d.ts +1 -1
  292. package/inputs/DateInput/__stories__/Default.d.ts +2 -2
  293. package/inputs/DateInput/index.d.ts +3 -4
  294. package/inputs/DateInput/index.js +91 -99
  295. package/inputs/DateInput/index.js.map +7 -0
  296. package/inputs/DateInput/index.test.d.ts +1 -0
  297. package/inputs/DateTimeInput/DateTimeInput.stories.d.ts +7 -0
  298. package/inputs/DateTimeInput/__stories__/Default.d.ts +3 -0
  299. package/inputs/DateTimeInput/index.d.ts +13 -0
  300. package/inputs/DateTimeInput/index.js +176 -0
  301. package/inputs/DateTimeInput/index.js.map +7 -0
  302. package/inputs/DateTimeInput/index.test.d.ts +1 -0
  303. package/inputs/DateTimeInput/package.json +6 -0
  304. package/inputs/FileInput/FileInput.stories.d.ts +1 -1
  305. package/inputs/FileInput/__stories__/Default.d.ts +2 -2
  306. package/inputs/FileInput/index.js +43 -54
  307. package/inputs/FileInput/index.js.map +7 -0
  308. package/inputs/FileInput/index.test.d.ts +1 -0
  309. package/inputs/ImageInput/ImageInput.stories.d.ts +3 -3
  310. package/inputs/ImageInput/__stories__/Default.d.ts +2 -2
  311. package/inputs/ImageInput/__stories__/MaxSize.d.ts +3 -0
  312. package/inputs/ImageInput/__stories__/WithInvalidImageDimension.d.ts +2 -2
  313. package/inputs/ImageInput/__stories__/WithInvalidImageSize.d.ts +2 -2
  314. package/inputs/ImageInput/index.js +63 -75
  315. package/inputs/ImageInput/index.js.map +7 -0
  316. package/inputs/ImageInput/index.test.d.ts +1 -0
  317. package/inputs/Input/Input.stories.d.ts +11 -10
  318. package/inputs/Input/__stories__/AFM.d.ts +2 -2
  319. package/inputs/Input/__stories__/Boolean.d.ts +2 -2
  320. package/inputs/Input/__stories__/IBAN.d.ts +2 -2
  321. package/inputs/Input/__stories__/Integer.d.ts +2 -2
  322. package/inputs/Input/__stories__/LandlineNumber.d.ts +2 -2
  323. package/inputs/Input/__stories__/MobilePhone.d.ts +2 -2
  324. package/inputs/Input/__stories__/PhoneNumber.d.ts +2 -2
  325. package/inputs/Input/__stories__/PostalCode.d.ts +2 -2
  326. package/inputs/Input/__stories__/String.d.ts +3 -0
  327. package/inputs/Input/__stories__/StringWithTrimValidation.d.ts +3 -0
  328. package/inputs/Input/__stories__/TextWithLimit.d.ts +3 -0
  329. package/inputs/Input/index.js +74 -66
  330. package/inputs/Input/index.js.map +7 -0
  331. package/inputs/Input/index.test.d.ts +1 -0
  332. package/inputs/Input/inputsInputScenarios/index.js +406 -0
  333. package/{FieldArray/__stories__/Default → inputs/Input/inputsInputScenarios}/package.json +1 -1
  334. package/inputs/Input/inputsInputScenarios.d.ts +57 -0
  335. package/inputs/Input/inputsInputScenarios.js.map +7 -0
  336. package/inputs/Label/Label.stories.d.ts +1 -1
  337. package/inputs/Label/__stories__/Default.d.ts +2 -2
  338. package/inputs/Label/index.d.ts +1 -3
  339. package/inputs/Label/index.js +12 -17
  340. package/inputs/Label/index.js.map +7 -0
  341. package/inputs/Label/index.test.d.ts +1 -0
  342. package/inputs/OtpInput/OtpInput.stories.d.ts +1 -1
  343. package/inputs/OtpInput/__stories__/Default.d.ts +2 -2
  344. package/inputs/OtpInput/index.d.ts +9 -2
  345. package/inputs/OtpInput/index.js +109 -103
  346. package/inputs/OtpInput/index.js.map +7 -0
  347. package/inputs/OtpInput/index.test.d.ts +1 -0
  348. package/inputs/Radio/Radio.stories.d.ts +3 -3
  349. package/inputs/Radio/__stories__/Conditional.d.ts +3 -2
  350. package/inputs/Radio/__stories__/Default.d.ts +2 -2
  351. package/inputs/Radio/__stories__/WithDivider.d.ts +2 -2
  352. package/inputs/Radio/index.d.ts +6 -1
  353. package/inputs/Radio/index.js +102 -55
  354. package/inputs/Radio/index.js.map +7 -0
  355. package/inputs/Radio/index.test.d.ts +1 -0
  356. package/inputs/Select/Select.stories.d.ts +1 -1
  357. package/inputs/Select/__stories__/Default.d.ts +2 -2
  358. package/inputs/Select/index.d.ts +1 -1
  359. package/inputs/Select/index.js +31 -31
  360. package/inputs/Select/index.js.map +7 -0
  361. package/inputs/Select/index.test.d.ts +1 -0
  362. package/inputs/index.js +21 -9
  363. package/inputs/index.js.map +7 -0
  364. package/inputs/inputsScenarios/index.js +499 -0
  365. package/inputs/inputsScenarios/package.json +6 -0
  366. package/inputs/inputsScenarios.d.ts +296 -0
  367. package/inputs/inputsScenarios.js.map +7 -0
  368. package/internal/index.js +10 -34
  369. package/internal.d.ts +2 -31
  370. package/internal.js.map +7 -0
  371. package/lazy/index.js +75 -393
  372. package/locales/el/index.js +6 -0
  373. package/{Form.stories → locales/el}/package.json +1 -1
  374. package/locales/el.d.ts +2 -0
  375. package/locales/el.js.map +7 -0
  376. package/package.json +7 -8
  377. package/registry/index.js +126 -99
  378. package/src/Field/ErrorGroup.tsx +84 -0
  379. package/src/Field/FieldBase.tsx +36 -22
  380. package/src/Field/FieldBaseContainer.tsx +7 -4
  381. package/src/Field/FieldConditional.tsx +5 -1
  382. package/src/Field/index.tsx +27 -3
  383. package/src/Field/types.tsx +73 -5
  384. package/src/Field/utils/calculateField.ts +49 -0
  385. package/src/Field/utils/evaluateFieldWithConditions.ts +30 -0
  386. package/src/Field/utils/index.ts +82 -0
  387. package/src/Field/utils/useField.ts +58 -0
  388. package/src/FieldArray/FieldArray.stories.js +3 -2
  389. package/src/FieldArray/FormDialog.tsx +378 -0
  390. package/src/FieldArray/__stories__/Default.tsx +1 -0
  391. package/src/FieldArray/__stories__/WithExactLength.tsx +1 -0
  392. package/src/FieldArray/__stories__/WithModal.tsx +159 -0
  393. package/src/FieldArray/index.test.tsx +28 -0
  394. package/src/FieldArray/index.tsx +92 -39
  395. package/src/FieldObject/index.tsx +27 -8
  396. package/src/Fieldset/index.tsx +5 -5
  397. package/src/Fieldset/types.tsx +5 -3
  398. package/src/FormBuilder/FormBuilder.stories.js +3 -1
  399. package/src/FormBuilder/__stories__/AutoErrorGrouping.tsx +63 -0
  400. package/src/FormBuilder/__stories__/ErrorGrouping.tsx +43 -0
  401. package/{FormBuilder/FormBuilder.mdx → src/FormBuilder/doc.mdx} +20 -33
  402. package/src/FormBuilder/index.test.tsx +28 -0
  403. package/src/FormBuilder/index.tsx +263 -1
  404. package/src/FormBuilder/interaction.test.tsx +32 -0
  405. package/src/FormBuilder/scenarios.test.tsx +1978 -0
  406. package/src/FormContext.tsx +1 -2
  407. package/src/MultiplicityField/MultiplicityField.stories.js +6 -6
  408. package/src/MultiplicityField/__stories__/PreviewDisplay.tsx +2 -2
  409. package/src/MultiplicityField/__stories__/WithExactLength.tsx +1 -1
  410. package/src/MultiplicityField/__stories__/WithMaxLength.tsx +1 -1
  411. package/src/MultiplicityField/__stories__/WithMinAndMaxLength.tsx +1 -1
  412. package/src/MultiplicityField/__stories__/WithMinLength.tsx +1 -1
  413. package/src/MultiplicityField/add-objects.tsx +31 -15
  414. package/{MultiplicityField/MultiplicityField.mdx → src/MultiplicityField/doc.mdx} +12 -16
  415. package/src/MultiplicityField/index.test.tsx +40 -0
  416. package/src/MultiplicityField/index.tsx +21 -34
  417. package/src/MultiplicityField/types.ts +21 -0
  418. package/src/Questions/Questions.stories.js +1 -1
  419. package/src/Questions/Questions.tsx +4 -4
  420. package/src/Questions/Step/StepArrayReview.tsx +1 -1
  421. package/src/Questions/Step/StepTitle.tsx +5 -3
  422. package/src/Questions/Step/index.ts +0 -1
  423. package/src/Questions/Step/types.tsx +1 -0
  424. package/src/Questions/__snapshots__/index.spec.tsx.snap +73 -587
  425. package/src/Questions/{index.mdx → doc.mdx} +13 -16
  426. package/src/Questions/index.spec.tsx +17 -5
  427. package/src/Questions/index.test.tsx +20 -0
  428. package/src/Questions/types.tsx +1 -0
  429. package/src/create-simple-form.mdx +2 -6
  430. package/{index.mdx → src/doc.mdx} +4 -8
  431. package/src/index.ts +4 -1
  432. package/src/inputs/AutoCompleteInput/AutoComplete.stories.js +2 -1
  433. package/src/inputs/AutoCompleteInput/__stories__/Default.tsx +19 -18
  434. package/src/inputs/AutoCompleteInput/__stories__/Multiple.tsx +47 -0
  435. package/src/inputs/AutoCompleteInput/doc.mdx +18 -0
  436. package/src/inputs/AutoCompleteInput/index.test.tsx +24 -0
  437. package/src/inputs/AutoCompleteInput/index.tsx +46 -29
  438. package/src/inputs/Checkboxes/Checkboxes.stories.js +3 -3
  439. package/src/inputs/Checkboxes/__stories__/Conditional.tsx +2 -3
  440. package/src/inputs/Checkboxes/doc.mdx +23 -0
  441. package/src/inputs/Checkboxes/index.test.tsx +28 -0
  442. package/src/inputs/Checkboxes/index.tsx +39 -33
  443. package/src/inputs/DateInput/DateInput.stories.js +1 -1
  444. package/src/inputs/DateInput/__stories__/Default.tsx +16 -15
  445. package/src/inputs/DateInput/doc.mdx +16 -0
  446. package/src/inputs/DateInput/index.test.tsx +20 -0
  447. package/src/inputs/DateInput/index.tsx +11 -9
  448. package/src/inputs/DateTimeInput/DateTimeInput.stories.js +8 -0
  449. package/src/inputs/DateTimeInput/__stories__/Default.tsx +25 -0
  450. package/src/inputs/DateTimeInput/doc.mdx +16 -0
  451. package/src/inputs/DateTimeInput/index.test.tsx +20 -0
  452. package/src/inputs/DateTimeInput/index.tsx +189 -0
  453. package/src/inputs/FileInput/FileInput.stories.js +1 -1
  454. package/src/inputs/FileInput/doc.mdx +15 -0
  455. package/src/inputs/FileInput/index.test.tsx +20 -0
  456. package/src/inputs/FileInput/index.tsx +8 -9
  457. package/src/inputs/ImageInput/ImageInput.stories.js +3 -3
  458. package/src/inputs/ImageInput/__stories__/MaxSize.tsx +37 -0
  459. package/src/inputs/ImageInput/__stories__/WithInvalidImageDimension.tsx +2 -0
  460. package/src/inputs/ImageInput/doc.mdx +23 -0
  461. package/src/inputs/ImageInput/index.test.tsx +32 -0
  462. package/src/inputs/ImageInput/index.tsx +16 -16
  463. package/src/inputs/Input/Input.stories.js +11 -10
  464. package/src/inputs/Input/__stories__/LandlineNumber.tsx +2 -1
  465. package/src/inputs/Input/__stories__/MobilePhone.tsx +1 -0
  466. package/src/inputs/Input/__stories__/PhoneNumber.tsx +1 -0
  467. package/src/inputs/Input/__stories__/PostalCode.tsx +1 -0
  468. package/src/inputs/Input/__stories__/{Default.tsx → String.tsx} +2 -2
  469. package/src/inputs/Input/__stories__/StringWithTrimValidation.tsx +26 -0
  470. package/src/inputs/Input/__stories__/{TextWithCharacterLimit.tsx → TextWithLimit.tsx} +3 -2
  471. package/src/inputs/Input/doc.mdx +56 -0
  472. package/src/inputs/Input/index.test.tsx +60 -0
  473. package/src/inputs/Input/index.tsx +40 -30
  474. package/src/inputs/Input/inputsInputScenarios.ts +404 -0
  475. package/src/inputs/Label/Label.stories.js +1 -1
  476. package/src/inputs/Label/__stories__/Default.tsx +3 -1
  477. package/src/inputs/Label/doc.mdx +14 -0
  478. package/src/inputs/Label/index.test.tsx +20 -0
  479. package/src/inputs/Label/index.tsx +3 -10
  480. package/src/inputs/OtpInput/OtpInput.stories.js +1 -1
  481. package/src/inputs/OtpInput/doc.mdx +16 -0
  482. package/src/inputs/OtpInput/index.test.tsx +20 -0
  483. package/src/inputs/OtpInput/index.tsx +4 -3
  484. package/src/inputs/Radio/Radio.stories.js +3 -3
  485. package/src/inputs/Radio/__stories__/Conditional.tsx +4 -1
  486. package/src/inputs/Radio/doc.mdx +23 -0
  487. package/src/inputs/Radio/index.test.tsx +28 -0
  488. package/src/inputs/Radio/index.tsx +79 -9
  489. package/src/inputs/Select/Select.stories.js +1 -1
  490. package/src/inputs/Select/doc.mdx +13 -0
  491. package/src/inputs/Select/index.test.tsx +20 -0
  492. package/src/inputs/Select/index.tsx +11 -4
  493. package/src/inputs/inputsScenarios.ts +496 -0
  494. package/src/installation.mdx +2 -5
  495. package/src/internal.ts +2 -31
  496. package/src/lazy.js +76 -59
  497. package/src/locales/el.ts +3 -0
  498. package/src/registry.js +109 -89
  499. package/src/types.tsx +11 -64
  500. package/src/utils.ts +34 -33
  501. package/src/validators/index.ts +90 -84
  502. package/src/validators/utils/date.ts +107 -0
  503. package/src/validators/utils/datetime.ts +130 -0
  504. package/src/validators/utils/file.ts +11 -9
  505. package/src/validators/utils/index.ts +2 -0
  506. package/src/validators/utils/int.ts +1 -1
  507. package/src/validators/utils/number.ts +1 -1
  508. package/src/validators/utils/phone.ts +63 -72
  509. package/src/validators/utils/postal_code.ts +1 -1
  510. package/src/validators/utils/uuid4.ts +2 -1
  511. package/src/validators/validators.spec.ts +6 -40
  512. package/types/index.js +2 -1
  513. package/types.d.ts +6 -35
  514. package/types.js.map +7 -0
  515. package/utils/index.js +57 -77
  516. package/utils.js.map +7 -0
  517. package/validators/index.js +112 -150
  518. package/validators/index.js.map +7 -0
  519. package/validators/types/index.js +1 -1
  520. package/validators/types.js.map +7 -0
  521. package/validators/utils/afm/index.js +16 -16
  522. package/validators/utils/afm.js.map +7 -0
  523. package/validators/utils/date/index.js +103 -0
  524. package/validators/utils/date/package.json +6 -0
  525. package/validators/utils/date.d.ts +9 -0
  526. package/validators/utils/date.js.map +7 -0
  527. package/validators/utils/datetime/index.js +116 -0
  528. package/{Questions/Questions.stories → validators/utils/datetime}/package.json +1 -1
  529. package/validators/utils/datetime.d.ts +9 -0
  530. package/validators/utils/datetime.js.map +7 -0
  531. package/validators/utils/file/index.js +22 -42
  532. package/validators/utils/file.js.map +7 -0
  533. package/validators/utils/iban/index.js +14 -12
  534. package/validators/utils/iban.js.map +7 -0
  535. package/validators/utils/image/index.js +66 -106
  536. package/validators/utils/image.js.map +7 -0
  537. package/validators/utils/index.d.ts +2 -0
  538. package/validators/utils/index.js +56 -48
  539. package/validators/utils/index.js.map +7 -0
  540. package/validators/utils/int/index.js +13 -8
  541. package/validators/utils/int.js.map +7 -0
  542. package/validators/utils/number/index.js +12 -7
  543. package/validators/utils/number.js.map +7 -0
  544. package/validators/utils/otp/index.js +13 -8
  545. package/validators/utils/otp.js.map +7 -0
  546. package/validators/utils/phone/index.js +89 -51
  547. package/validators/utils/phone.d.ts +1 -1
  548. package/validators/utils/phone.js.map +7 -0
  549. package/validators/utils/postal_code/index.js +14 -11
  550. package/validators/utils/postal_code.d.ts +1 -1
  551. package/validators/utils/postal_code.js.map +7 -0
  552. package/validators/utils/text_limit/index.js +18 -20
  553. package/validators/utils/text_limit.js.map +7 -0
  554. package/validators/utils/uuid4/index.js +12 -8
  555. package/validators/utils/uuid4.js.map +7 -0
  556. package/Field/utils.d.ts +0 -5
  557. package/FieldArray/FieldArray.stories/index.js +0 -8
  558. package/FieldArray/FieldArray.stories.playwright.json +0 -353
  559. package/FieldArray/__stories__/Default/index.js +0 -88
  560. package/FieldArray/__stories__/WithExactLength/index.js +0 -88
  561. package/FieldArray/__stories__/WithExactLength/package.json +0 -6
  562. package/Form.stories/index.js +0 -3
  563. package/FormBuilder/FormBuilder/index.js +0 -152
  564. package/FormBuilder/FormBuilder.d.ts +0 -5
  565. package/FormBuilder/FormBuilder.stories/index.js +0 -7
  566. package/FormBuilder/FormBuilder.stories/package.json +0 -6
  567. package/FormBuilder/FormBuilder.stories.playwright.json +0 -52
  568. package/FormBuilder/__stories__/Default/index.js +0 -26
  569. package/FormBuilder/__stories__/Default/package.json +0 -6
  570. package/MultiplicityField/MultiplicityField.stories/index.js +0 -12
  571. package/MultiplicityField/MultiplicityField.stories/package.json +0 -6
  572. package/MultiplicityField/MultiplicityField.stories.playwright.json +0 -1370
  573. package/MultiplicityField/__stories__/Default/index.js +0 -95
  574. package/MultiplicityField/__stories__/Default/package.json +0 -6
  575. package/MultiplicityField/__stories__/PreviewDisplay/index.js +0 -72
  576. package/MultiplicityField/__stories__/PreviewDisplay/package.json +0 -6
  577. package/MultiplicityField/__stories__/WithExactLength/index.js +0 -90
  578. package/MultiplicityField/__stories__/WithExactLength/package.json +0 -6
  579. package/MultiplicityField/__stories__/WithMaxLength/index.js +0 -93
  580. package/MultiplicityField/__stories__/WithMaxLength/package.json +0 -6
  581. package/MultiplicityField/__stories__/WithMinAndMaxLength/index.js +0 -94
  582. package/MultiplicityField/__stories__/WithMinAndMaxLength/package.json +0 -6
  583. package/MultiplicityField/__stories__/WithMinLength/index.js +0 -93
  584. package/MultiplicityField/__stories__/WithMinLength/package.json +0 -6
  585. package/Questions/Questions.stories/index.js +0 -7
  586. package/Questions/__snapshots__/index.spec.tsx.snap +0 -596
  587. package/Questions/__stories__/Default/index.js +0 -102
  588. package/Questions/__stories__/Default/package.json +0 -6
  589. package/Questions/index.mdx +0 -415
  590. package/Questions/index.spec/index.js +0 -59
  591. package/cjs/Field/index.mdx +0 -6
  592. package/cjs/FieldArray/FieldArray.stories/index.js +0 -38
  593. package/cjs/FieldArray/FieldArray.stories.playwright.json +0 -353
  594. package/cjs/FieldArray/__stories__/Default/index.js +0 -98
  595. package/cjs/FieldArray/__stories__/WithExactLength/index.js +0 -98
  596. package/cjs/Form.stories/index.js +0 -9
  597. package/cjs/FormBuilder/FormBuilder/index.js +0 -162
  598. package/cjs/FormBuilder/FormBuilder.mdx +0 -256
  599. package/cjs/FormBuilder/FormBuilder.stories/index.js +0 -26
  600. package/cjs/FormBuilder/FormBuilder.stories.playwright.json +0 -52
  601. package/cjs/FormBuilder/__stories__/Default/index.js +0 -36
  602. package/cjs/MultiplicityField/MultiplicityField.mdx +0 -590
  603. package/cjs/MultiplicityField/MultiplicityField.stories/index.js +0 -86
  604. package/cjs/MultiplicityField/MultiplicityField.stories.playwright.json +0 -1370
  605. package/cjs/MultiplicityField/__stories__/Default/index.js +0 -105
  606. package/cjs/MultiplicityField/__stories__/PreviewDisplay/index.js +0 -82
  607. package/cjs/MultiplicityField/__stories__/WithExactLength/index.js +0 -100
  608. package/cjs/MultiplicityField/__stories__/WithMaxLength/index.js +0 -103
  609. package/cjs/MultiplicityField/__stories__/WithMinAndMaxLength/index.js +0 -104
  610. package/cjs/MultiplicityField/__stories__/WithMinLength/index.js +0 -103
  611. package/cjs/Questions/Questions.stories/index.js +0 -26
  612. package/cjs/Questions/__snapshots__/index.spec.tsx.snap +0 -596
  613. package/cjs/Questions/__stories__/Default/index.js +0 -113
  614. package/cjs/Questions/index.mdx +0 -415
  615. package/cjs/Questions/index.spec/index.js +0 -63
  616. package/cjs/create-simple-form.mdx +0 -539
  617. package/cjs/index.mdx +0 -51
  618. package/cjs/inputs/AutoCompleteInput/AutoComplete.stories/index.js +0 -26
  619. package/cjs/inputs/AutoCompleteInput/__stories__/Default/index.js +0 -56
  620. package/cjs/inputs/Checkboxes/Checkboxes.stories/index.js +0 -50
  621. package/cjs/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -85
  622. package/cjs/inputs/Checkboxes/__stories__/Conditional/index.js +0 -102
  623. package/cjs/inputs/Checkboxes/__stories__/Default/index.js +0 -50
  624. package/cjs/inputs/Checkboxes/__stories__/WithDivider/index.js +0 -51
  625. package/cjs/inputs/Checkboxes/index.mdx +0 -0
  626. package/cjs/inputs/DateInput/DateInput.stories/index.js +0 -26
  627. package/cjs/inputs/DateInput/DateInput.stories.playwright.json +0 -72
  628. package/cjs/inputs/DateInput/__stories__/Default/index.js +0 -33
  629. package/cjs/inputs/FileInput/FileInput.stories/index.js +0 -26
  630. package/cjs/inputs/FileInput/FileInput.stories.playwright.json +0 -75
  631. package/cjs/inputs/FileInput/__stories__/Default/index.js +0 -30
  632. package/cjs/inputs/ImageInput/ImageInput.stories/index.js +0 -50
  633. package/cjs/inputs/ImageInput/ImageInput.stories.playwright.json +0 -77
  634. package/cjs/inputs/ImageInput/__stories__/Default/index.js +0 -38
  635. package/cjs/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js +0 -46
  636. package/cjs/inputs/ImageInput/__stories__/WithInvalidImageSize/index.js +0 -43
  637. package/cjs/inputs/Input/Input.stories/index.js +0 -134
  638. package/cjs/inputs/Input/Input.stories.playwright.json +0 -376
  639. package/cjs/inputs/Input/__stories__/AFM/index.js +0 -32
  640. package/cjs/inputs/Input/__stories__/Boolean/index.js +0 -33
  641. package/cjs/inputs/Input/__stories__/Default/index.js +0 -33
  642. package/cjs/inputs/Input/__stories__/IBAN/index.js +0 -33
  643. package/cjs/inputs/Input/__stories__/Integer/index.js +0 -41
  644. package/cjs/inputs/Input/__stories__/LandlineNumber/index.js +0 -36
  645. package/cjs/inputs/Input/__stories__/MobilePhone/index.js +0 -36
  646. package/cjs/inputs/Input/__stories__/PhoneNumber/index.js +0 -35
  647. package/cjs/inputs/Input/__stories__/PostalCode/index.js +0 -35
  648. package/cjs/inputs/Input/__stories__/TextWithCharacterLimit/index.js +0 -39
  649. package/cjs/inputs/Input/index.mdx +0 -8
  650. package/cjs/inputs/Label/Label.stories/index.js +0 -26
  651. package/cjs/inputs/Label/Label.stories.playwright.json +0 -40
  652. package/cjs/inputs/Label/__stories__/Default/index.js +0 -37
  653. package/cjs/inputs/Label/index.mdx +0 -0
  654. package/cjs/inputs/OtpInput/OtpInput.stories/index.js +0 -26
  655. package/cjs/inputs/OtpInput/__stories__/Default/index.js +0 -39
  656. package/cjs/inputs/Radio/Radio.stories/index.js +0 -50
  657. package/cjs/inputs/Radio/Radio.stories.playwright.json +0 -73
  658. package/cjs/inputs/Radio/__stories__/Conditional/index.js +0 -102
  659. package/cjs/inputs/Radio/__stories__/Default/index.js +0 -55
  660. package/cjs/inputs/Radio/__stories__/WithDivider/index.js +0 -56
  661. package/cjs/inputs/Radio/index.mdx +0 -0
  662. package/cjs/inputs/Select/Select.stories/index.js +0 -26
  663. package/cjs/inputs/Select/Select.stories.playwright.json +0 -22
  664. package/cjs/inputs/Select/__stories__/Default/index.js +0 -61
  665. package/cjs/installation.mdx +0 -68
  666. package/cjs/validators/validators.spec/index.js +0 -87
  667. package/create-simple-form.mdx +0 -539
  668. package/inputs/AutoCompleteInput/AutoComplete.stories/index.js +0 -7
  669. package/inputs/AutoCompleteInput/AutoComplete.stories/package.json +0 -6
  670. package/inputs/AutoCompleteInput/__stories__/Default/index.js +0 -46
  671. package/inputs/AutoCompleteInput/__stories__/Default/package.json +0 -6
  672. package/inputs/Checkboxes/Checkboxes.stories/index.js +0 -9
  673. package/inputs/Checkboxes/Checkboxes.stories/package.json +0 -6
  674. package/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -85
  675. package/inputs/Checkboxes/__stories__/Conditional/index.js +0 -92
  676. package/inputs/Checkboxes/__stories__/Conditional/package.json +0 -6
  677. package/inputs/Checkboxes/__stories__/Default/index.js +0 -40
  678. package/inputs/Checkboxes/__stories__/Default/package.json +0 -6
  679. package/inputs/Checkboxes/__stories__/WithDivider/index.js +0 -41
  680. package/inputs/Checkboxes/__stories__/WithDivider/package.json +0 -6
  681. package/inputs/Checkboxes/index.mdx +0 -0
  682. package/inputs/DateInput/DateInput.stories/index.js +0 -7
  683. package/inputs/DateInput/DateInput.stories/package.json +0 -6
  684. package/inputs/DateInput/DateInput.stories.playwright.json +0 -72
  685. package/inputs/DateInput/__stories__/Default/index.js +0 -23
  686. package/inputs/FileInput/FileInput.stories/index.js +0 -7
  687. package/inputs/FileInput/FileInput.stories/package.json +0 -6
  688. package/inputs/FileInput/FileInput.stories.playwright.json +0 -75
  689. package/inputs/FileInput/__stories__/Default/index.js +0 -20
  690. package/inputs/FileInput/__stories__/Default/package.json +0 -6
  691. package/inputs/ImageInput/ImageInput.stories/index.js +0 -9
  692. package/inputs/ImageInput/ImageInput.stories/package.json +0 -6
  693. package/inputs/ImageInput/ImageInput.stories.playwright.json +0 -77
  694. package/inputs/ImageInput/__stories__/Default/index.js +0 -28
  695. package/inputs/ImageInput/__stories__/Default/package.json +0 -6
  696. package/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js +0 -36
  697. package/inputs/ImageInput/__stories__/WithInvalidImageDimension/package.json +0 -6
  698. package/inputs/ImageInput/__stories__/WithInvalidImageSize/index.js +0 -33
  699. package/inputs/ImageInput/__stories__/WithInvalidImageSize/package.json +0 -6
  700. package/inputs/Input/Input.stories/index.js +0 -16
  701. package/inputs/Input/Input.stories/package.json +0 -6
  702. package/inputs/Input/Input.stories.playwright.json +0 -376
  703. package/inputs/Input/__stories__/AFM/index.js +0 -22
  704. package/inputs/Input/__stories__/AFM/package.json +0 -6
  705. package/inputs/Input/__stories__/Boolean/index.js +0 -23
  706. package/inputs/Input/__stories__/Boolean/package.json +0 -6
  707. package/inputs/Input/__stories__/Default/index.js +0 -23
  708. package/inputs/Input/__stories__/Default/package.json +0 -6
  709. package/inputs/Input/__stories__/Default.d.ts +0 -3
  710. package/inputs/Input/__stories__/IBAN/index.js +0 -23
  711. package/inputs/Input/__stories__/IBAN/package.json +0 -6
  712. package/inputs/Input/__stories__/Integer/index.js +0 -31
  713. package/inputs/Input/__stories__/Integer/package.json +0 -6
  714. package/inputs/Input/__stories__/LandlineNumber/index.js +0 -26
  715. package/inputs/Input/__stories__/LandlineNumber/package.json +0 -6
  716. package/inputs/Input/__stories__/MobilePhone/index.js +0 -26
  717. package/inputs/Input/__stories__/MobilePhone/package.json +0 -6
  718. package/inputs/Input/__stories__/PhoneNumber/index.js +0 -25
  719. package/inputs/Input/__stories__/PhoneNumber/package.json +0 -6
  720. package/inputs/Input/__stories__/PostalCode/index.js +0 -25
  721. package/inputs/Input/__stories__/PostalCode/package.json +0 -6
  722. package/inputs/Input/__stories__/TextWithCharacterLimit/index.js +0 -29
  723. package/inputs/Input/__stories__/TextWithCharacterLimit/package.json +0 -6
  724. package/inputs/Input/__stories__/TextWithCharacterLimit.d.ts +0 -3
  725. package/inputs/Input/index.mdx +0 -8
  726. package/inputs/Label/Label.stories/index.js +0 -7
  727. package/inputs/Label/Label.stories/package.json +0 -6
  728. package/inputs/Label/Label.stories.playwright.json +0 -40
  729. package/inputs/Label/__stories__/Default/index.js +0 -27
  730. package/inputs/Label/__stories__/Default/package.json +0 -6
  731. package/inputs/Label/index.mdx +0 -0
  732. package/inputs/OtpInput/OtpInput.stories/index.js +0 -7
  733. package/inputs/OtpInput/OtpInput.stories/package.json +0 -6
  734. package/inputs/OtpInput/__stories__/Default/index.js +0 -29
  735. package/inputs/OtpInput/__stories__/Default/package.json +0 -6
  736. package/inputs/Radio/Radio.stories/index.js +0 -9
  737. package/inputs/Radio/Radio.stories/package.json +0 -6
  738. package/inputs/Radio/Radio.stories.playwright.json +0 -73
  739. package/inputs/Radio/__stories__/Conditional/index.js +0 -92
  740. package/inputs/Radio/__stories__/Conditional/package.json +0 -6
  741. package/inputs/Radio/__stories__/Default/index.js +0 -45
  742. package/inputs/Radio/__stories__/Default/package.json +0 -6
  743. package/inputs/Radio/__stories__/WithDivider/index.js +0 -46
  744. package/inputs/Radio/__stories__/WithDivider/package.json +0 -6
  745. package/inputs/Radio/index.mdx +0 -0
  746. package/inputs/Select/Select.stories/index.js +0 -7
  747. package/inputs/Select/Select.stories/package.json +0 -6
  748. package/inputs/Select/Select.stories.playwright.json +0 -22
  749. package/inputs/Select/__stories__/Default/index.js +0 -51
  750. package/inputs/Select/__stories__/Default/package.json +0 -6
  751. package/installation.mdx +0 -68
  752. package/lazy.d.ts +0 -69
  753. package/registry.d.ts +0 -64
  754. package/src/Field/index.mdx +0 -6
  755. package/src/Field/utils.ts +0 -191
  756. package/src/FieldArray/FieldArray.stories.playwright.json +0 -353
  757. package/src/FormBuilder/FormBuilder.mdx +0 -256
  758. package/src/FormBuilder/FormBuilder.stories.playwright.json +0 -52
  759. package/src/FormBuilder/FormBuilder.tsx +0 -166
  760. package/src/MultiplicityField/MultiplicityField.mdx +0 -590
  761. package/src/MultiplicityField/MultiplicityField.stories.playwright.json +0 -1370
  762. package/src/index.mdx +0 -51
  763. package/src/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -85
  764. package/src/inputs/Checkboxes/index.mdx +0 -0
  765. package/src/inputs/DateInput/DateInput.stories.playwright.json +0 -72
  766. package/src/inputs/FileInput/FileInput.stories.playwright.json +0 -75
  767. package/src/inputs/ImageInput/ImageInput.stories.playwright.json +0 -77
  768. package/src/inputs/Input/Input.stories.playwright.json +0 -376
  769. package/src/inputs/Input/index.mdx +0 -8
  770. package/src/inputs/Label/Label.stories.playwright.json +0 -40
  771. package/src/inputs/Label/index.mdx +0 -0
  772. package/src/inputs/Radio/Radio.stories.playwright.json +0 -73
  773. package/src/inputs/Radio/index.mdx +0 -0
  774. package/src/inputs/Select/Select.stories.playwright.json +0 -22
  775. package/validators/validators.spec/index.js +0 -85
  776. /package/{Field/index.mdx → src/Field/doc.mdx} +0 -0
@@ -1,131 +1,123 @@
1
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
2
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
- var _excluded = ["label"],
4
- _excluded2 = ["name", "type"];
5
- import React, { useMemo, useState } from 'react';
6
- import dayjs from 'dayjs';
7
- import customParseFormat from 'dayjs/plugin/customParseFormat';
8
- import DateInputContainer from '@digigov/react-core/DateInputContainer';
9
- import CoreDateInputItem from '@digigov/react-core/DateInputItem';
10
- import { useTranslation } from '@digigov/ui/i18n';
1
+ import React, { useMemo, useState } from "react";
2
+ import dayjs from "dayjs";
3
+ import customParseFormat from "dayjs/plugin/customParseFormat";
4
+ import {
5
+ DateInputContainer,
6
+ DateInputItem
7
+ } from "@digigov/ui/form/DateInputContainer";
8
+ import { useTranslation } from "@digigov/ui/i18n";
11
9
  dayjs.extend(customParseFormat);
12
10
  function useDate(value, onChange) {
13
- var _useMemo = useMemo(function () {
14
- if (!value || value.length === 0) {
15
- onChange('');
16
- return ['', '', ''];
17
- }
18
- var _value$split = value.split('/'),
19
- _value$split2 = _slicedToArray(_value$split, 3),
20
- day = _value$split2[0],
21
- month = _value$split2[1],
22
- year = _value$split2[2];
23
- return [year, month, day];
24
- }, [value]),
25
- _useMemo2 = _slicedToArray(_useMemo, 3),
26
- year = _useMemo2[0],
27
- month = _useMemo2[1],
28
- day = _useMemo2[2];
29
- function set(year, month, day) {
30
- var value = "".concat(day || '', "/").concat(month || '', "/").concat(year || '');
31
- if (!year && !month && !day) {
11
+ const [year, month, day] = useMemo(() => {
12
+ if (!value || value.length === 0) {
13
+ onChange("");
14
+ return ["", "", ""];
15
+ }
16
+ const [day2, month2, year2] = value.split("/");
17
+ return [year2, month2, day2];
18
+ }, [value]);
19
+ function set(year2, month2, day2) {
20
+ const value2 = `${day2 || ""}/${month2 || ""}/${year2 || ""}`;
21
+ if (!year2 && !month2 && !day2) {
32
22
  onChange(null);
33
23
  } else {
34
- onChange(value);
24
+ onChange(value2);
35
25
  }
36
26
  }
37
27
  function setYear(evt) {
38
- var val = evt.target.value;
28
+ const val = evt.target.value.trim();
39
29
  set(val, month, day);
40
30
  }
41
31
  function setMonth(evt, cast) {
42
- var val = evt.target.value;
32
+ let val = evt.target.value.trim();
43
33
  if (cast && val && val.length === 1) {
44
- val = '0' + val;
34
+ val = "0" + val;
45
35
  }
46
36
  set(year, val, day);
47
37
  }
48
38
  function setDay(evt, cast) {
49
- var val = evt.target.value;
39
+ let val = evt.target.value.trim();
50
40
  if (cast && val && val.length === 1) {
51
- val = '0' + val;
41
+ val = "0" + val;
52
42
  }
53
43
  set(year, month, val);
54
44
  }
55
45
  return {
56
- day: day,
57
- month: month,
58
- year: year,
59
- setYear: setYear,
60
- setMonth: setMonth,
61
- setDay: setDay
46
+ day,
47
+ month,
48
+ year,
49
+ setYear,
50
+ setMonth,
51
+ setDay
62
52
  };
63
53
  }
64
- var VALID_FORMATS = ['DD/MM/YYYY'];
65
- var makeDate = function makeDate(val) {
66
- var date = dayjs(val, VALID_FORMATS, true);
54
+ const VALID_FORMATS = ["DD/MM/YYYY"];
55
+ const makeDate = (val) => {
56
+ const date = dayjs(val, VALID_FORMATS, true);
67
57
  if (date.isValid()) {
68
- return date.format('DD/MM/YYYY');
58
+ return date.format("DD/MM/YYYY");
69
59
  }
70
- return '';
60
+ return "";
71
61
  };
72
- var DatePart = function DatePart(_ref) {
73
- var label = _ref.label,
74
- props = _objectWithoutProperties(_ref, _excluded);
75
- return /*#__PURE__*/React.createElement(CoreDateInputItem, props, label);
62
+ const DatePart = ({ label, ...props }) => {
63
+ return /* @__PURE__ */ React.createElement(DateInputItem, { ...props }, label);
76
64
  };
77
- export var DateInput = function DateInput(_ref2) {
78
- var name = _ref2.name,
79
- type = _ref2.type,
80
- props = _objectWithoutProperties(_ref2, _excluded2);
81
- var _useTranslation = useTranslation(),
82
- t = _useTranslation.t;
83
- var _useState = useState(props.value),
84
- _useState2 = _slicedToArray(_useState, 1),
85
- initial = _useState2[0];
86
- var value = useMemo(function () {
65
+ const DateInput = ({ name, ...props }) => {
66
+ const { t } = useTranslation();
67
+ const [initial] = useState(props.value);
68
+ const value = useMemo(() => {
87
69
  if (initial === props.value) {
88
70
  return makeDate(props.value);
89
71
  }
90
72
  return props.value;
91
73
  }, [props.value, initial]);
92
- var date = useDate(value || makeDate(props.defaultValue), props.onChange);
93
- return /*#__PURE__*/React.createElement(DateInputContainer, null, /*#__PURE__*/React.createElement(DatePart, {
94
- label: t('form.label.day'),
95
- onChange: date.setDay,
96
- onBlur: function onBlur(e) {
97
- return date.setDay(e, true);
98
- },
99
- value: date.day,
100
- width: 2,
101
- name: "".concat(name, "-day"),
102
- maxLength: "2",
103
- disabled: props.disabled,
104
- "aria-required": props['aria-required'],
105
- error: !date.day ? props.error : false
106
- }), /*#__PURE__*/React.createElement(DatePart, {
107
- label: t('form.label.month'),
108
- onChange: date.setMonth,
109
- onBlur: function onBlur(e) {
110
- return date.setMonth(e, true);
111
- },
112
- value: date.month,
113
- width: 2,
114
- name: "".concat(props.name, "-month"),
115
- maxLength: "2",
116
- disabled: props.disabled,
117
- "aria-required": props['aria-required'],
118
- error: !date.month ? props.error : false
119
- }), /*#__PURE__*/React.createElement(DatePart, {
120
- label: t('form.label.year'),
121
- onChange: date.setYear,
122
- value: date.year,
123
- width: 4,
124
- name: "".concat(props.name, "-year"),
125
- maxLength: "4",
126
- disabled: props.disabled,
127
- "aria-required": props['aria-required'],
128
- error: !date.year ? props.error : false
129
- }));
74
+ const date = useDate(value || makeDate(props.defaultValue), props.onChange);
75
+ return /* @__PURE__ */ React.createElement(DateInputContainer, null, /* @__PURE__ */ React.createElement(
76
+ DatePart,
77
+ {
78
+ label: t("form.label.day"),
79
+ onChange: date.setDay,
80
+ onBlur: (e) => date.setDay(e, true),
81
+ value: date.day,
82
+ width: 2,
83
+ name: `${name}-day`,
84
+ maxLength: "2",
85
+ disabled: props.disabled,
86
+ "aria-required": props["aria-required"],
87
+ error: !date.day ? props.error : false
88
+ }
89
+ ), /* @__PURE__ */ React.createElement(
90
+ DatePart,
91
+ {
92
+ label: t("form.label.month"),
93
+ onChange: date.setMonth,
94
+ onBlur: (e) => date.setMonth(e, true),
95
+ value: date.month,
96
+ width: 2,
97
+ name: `${name}-month`,
98
+ maxLength: "2",
99
+ disabled: props.disabled,
100
+ "aria-required": props["aria-required"],
101
+ error: !date.month ? props.error : false
102
+ }
103
+ ), /* @__PURE__ */ React.createElement(
104
+ DatePart,
105
+ {
106
+ label: t("form.label.year"),
107
+ onChange: date.setYear,
108
+ value: date.year,
109
+ width: 4,
110
+ name: `${name}-year`,
111
+ maxLength: "4",
112
+ disabled: props.disabled,
113
+ "aria-required": props["aria-required"],
114
+ error: !date.year ? props.error : false
115
+ }
116
+ ));
117
+ };
118
+ var DateInput_default = DateInput;
119
+ export {
120
+ DateInput,
121
+ DateInput_default as default
130
122
  };
131
- export default DateInput;
123
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/inputs/DateInput/index.tsx"],
4
+ "sourcesContent": ["import React, { useMemo, useState } from 'react';\nimport dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\nimport { UncontrolledFieldProps } from '@digigov/form/Field/types';\nimport {\n DateInputContainer,\n DateInputItem,\n} from '@digigov/ui/form/DateInputContainer';\nimport { useTranslation } from '@digigov/ui/i18n';\ndayjs.extend(customParseFormat);\n\nexport interface DateInputProps extends Omit<UncontrolledFieldProps, 'extra'> {\n extra?: {\n max?: string;\n min?: string;\n };\n}\n\nfunction useDate(value, onChange) {\n const [year, month, day] = useMemo(() => {\n if (!value || value.length === 0) {\n onChange('');\n return ['', '', ''];\n }\n const [day, month, year] = value.split('/');\n return [year, month, day];\n }, [value]);\n\n function set(year, month, day) {\n const value = `${day || ''}/${month || ''}/${year || ''}`;\n if (!year && !month && !day) {\n onChange(null);\n } else {\n onChange(value);\n }\n }\n\n function setYear(evt) {\n const val = evt.target.value.trim();\n set(val, month, day);\n }\n\n function setMonth(evt, cast) {\n let val = evt.target.value.trim();\n if (cast && val && val.length === 1) {\n val = '0' + val;\n }\n set(year, val, day);\n }\n\n function setDay(evt, cast) {\n let val = evt.target.value.trim();\n if (cast && val && val.length === 1) {\n val = '0' + val;\n }\n set(year, month, val);\n }\n\n return {\n day,\n month,\n year,\n setYear,\n setMonth,\n setDay,\n };\n}\n\nconst VALID_FORMATS = ['DD/MM/YYYY'];\n\nconst makeDate = (val) => {\n const date = dayjs(val, VALID_FORMATS, true);\n if (date.isValid()) {\n return date.format('DD/MM/YYYY');\n }\n return '';\n};\n\nconst DatePart = ({ label, ...props }) => {\n return <DateInputItem {...props}>{label}</DateInputItem>;\n};\n\nexport const DateInput = ({ name, ...props }) => {\n const { t } = useTranslation();\n const [initial] = useState(props.value);\n const value = useMemo(() => {\n if (initial === props.value) {\n return makeDate(props.value);\n }\n return props.value;\n }, [props.value, initial]);\n\n const date = useDate(value || makeDate(props.defaultValue), props.onChange);\n\n return (\n <DateInputContainer>\n <DatePart\n label={t('form.label.day')}\n onChange={date.setDay}\n onBlur={(e) => date.setDay(e, true)}\n value={date.day}\n width={2}\n name={`${name}-day`}\n maxLength=\"2\"\n disabled={props.disabled}\n aria-required={props['aria-required']}\n error={!date.day ? props.error : false}\n />\n <DatePart\n label={t('form.label.month')}\n onChange={date.setMonth}\n onBlur={(e) => date.setMonth(e, true)}\n value={date.month}\n width={2}\n name={`${name}-month`}\n maxLength=\"2\"\n disabled={props.disabled}\n aria-required={props['aria-required']}\n error={!date.month ? props.error : false}\n />\n <DatePart\n label={t('form.label.year')}\n onChange={date.setYear}\n value={date.year}\n width={4}\n name={`${name}-year`}\n maxLength=\"4\"\n disabled={props.disabled}\n aria-required={props['aria-required']}\n error={!date.year ? props.error : false}\n />\n </DateInputContainer>\n );\n};\n\nexport default DateInput;\n"],
5
+ "mappings": "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",
6
+ "names": ["day", "month", "year", "value"]
7
+ }
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,7 @@
1
+ declare namespace _default {
2
+ export let title: string;
3
+ export { Default as component };
4
+ }
5
+ export default _default;
6
+ export { Default };
7
+ import { Default } from './__stories__/Default';
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ export declare const Default: () => React.JSX.Element;
3
+ export default Default;
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { UncontrolledFieldProps } from '@digigov/form/Field/types';
3
+ export interface DateTimeInputProps extends Omit<UncontrolledFieldProps, 'extra'> {
4
+ extra?: {
5
+ max?: string;
6
+ min?: string;
7
+ };
8
+ }
9
+ export declare const DateTimeInput: ({ name, ...props }: {
10
+ [x: string]: any;
11
+ name: any;
12
+ }) => React.JSX.Element;
13
+ export default DateTimeInput;
@@ -0,0 +1,176 @@
1
+ import React, { useMemo, useState } from "react";
2
+ import dayjs from "dayjs";
3
+ import customParseFormat from "dayjs/plugin/customParseFormat";
4
+ import {
5
+ DateInputContainer,
6
+ DateInputItem
7
+ } from "@digigov/ui/form/DateInputContainer";
8
+ import { useTranslation } from "@digigov/ui/i18n";
9
+ dayjs.extend(customParseFormat);
10
+ function useDateTime(value, onChange) {
11
+ const [year, month, day, hours, minutes] = useMemo(() => {
12
+ if (!value || value.length === 0) {
13
+ onChange("");
14
+ return ["", "", "", "", ""];
15
+ }
16
+ const [datePart, timePart] = value.split(" ");
17
+ const [day2, month2, year2] = datePart.split("/");
18
+ const [hours2, minutes2] = timePart ? timePart.split(":") : ["", ""];
19
+ return [year2, month2, day2, hours2, minutes2];
20
+ }, [value]);
21
+ function set(year2, month2, day2, hours2, minutes2) {
22
+ const datePart = `${day2 || ""}/${month2 || ""}/${year2 || ""}`;
23
+ const timePart = hours2 || minutes2 ? `${hours2 || ""}:${minutes2 || ""}` : "";
24
+ const value2 = timePart ? `${datePart} ${timePart}` : datePart;
25
+ if (!year2 && !month2 && !day2 && !hours2 && !minutes2) {
26
+ onChange(null);
27
+ } else {
28
+ onChange(value2);
29
+ }
30
+ }
31
+ function setYear(evt) {
32
+ const val = evt.target.value;
33
+ set(val, month, day, hours, minutes);
34
+ }
35
+ function setMonth(evt, cast) {
36
+ let val = evt.target.value;
37
+ if (cast && val && val.length === 1) {
38
+ val = "0" + val;
39
+ }
40
+ set(year, val, day, hours, minutes);
41
+ }
42
+ function setDay(evt, cast) {
43
+ let val = evt.target.value;
44
+ if (cast && val && val.length === 1) {
45
+ val = "0" + val;
46
+ }
47
+ set(year, month, val, hours, minutes);
48
+ }
49
+ function setHours(evt, cast) {
50
+ let val = evt.target.value;
51
+ if (cast && val && val.length === 1) {
52
+ val = "0" + val;
53
+ }
54
+ set(year, month, day, val, minutes);
55
+ }
56
+ function setMinutes(evt, cast) {
57
+ let val = evt.target.value;
58
+ if (cast && val && val.length === 1) {
59
+ val = "0" + val;
60
+ }
61
+ set(year, month, day, hours, val);
62
+ }
63
+ return {
64
+ day,
65
+ month,
66
+ year,
67
+ hours,
68
+ minutes,
69
+ setYear,
70
+ setMonth,
71
+ setDay,
72
+ setHours,
73
+ setMinutes
74
+ };
75
+ }
76
+ const VALID_FORMATS = ["DD/MM/YYYY HH:mm", "DD/MM/YYYY"];
77
+ const makeDateTime = (val) => {
78
+ const date = dayjs(val, VALID_FORMATS, true);
79
+ if (date.isValid()) {
80
+ return date.format("DD/MM/YYYY HH:mm");
81
+ }
82
+ return "";
83
+ };
84
+ const DateTimePart = ({ label, ...props }) => {
85
+ return /* @__PURE__ */ React.createElement(DateInputItem, { ...props }, label);
86
+ };
87
+ const DateTimeInput = ({ name, ...props }) => {
88
+ const { t } = useTranslation();
89
+ const [initial] = useState(props.value);
90
+ const value = useMemo(() => {
91
+ if (initial === props.value) {
92
+ return makeDateTime(props.value);
93
+ }
94
+ return props.value;
95
+ }, [props.value, initial]);
96
+ const datetime = useDateTime(
97
+ value || makeDateTime(props.defaultValue),
98
+ props.onChange
99
+ );
100
+ return /* @__PURE__ */ React.createElement(DateInputContainer, null, /* @__PURE__ */ React.createElement(
101
+ DateTimePart,
102
+ {
103
+ label: t("form.label.day"),
104
+ onChange: datetime.setDay,
105
+ onBlur: (e) => datetime.setDay(e, true),
106
+ value: datetime.day,
107
+ width: 2,
108
+ name: `${name}-day`,
109
+ maxLength: "2",
110
+ disabled: props.disabled,
111
+ "aria-required": props["aria-required"],
112
+ error: !datetime.day ? props.error : false
113
+ }
114
+ ), /* @__PURE__ */ React.createElement(
115
+ DateTimePart,
116
+ {
117
+ label: t("form.label.month"),
118
+ onChange: datetime.setMonth,
119
+ onBlur: (e) => datetime.setMonth(e, true),
120
+ value: datetime.month,
121
+ width: 2,
122
+ name: `${name}-month`,
123
+ maxLength: "2",
124
+ disabled: props.disabled,
125
+ "aria-required": props["aria-required"],
126
+ error: !datetime.month ? props.error : false
127
+ }
128
+ ), /* @__PURE__ */ React.createElement(
129
+ DateTimePart,
130
+ {
131
+ label: t("form.label.year"),
132
+ onChange: datetime.setYear,
133
+ value: datetime.year,
134
+ width: 4,
135
+ name: `${name}-year`,
136
+ maxLength: "4",
137
+ disabled: props.disabled,
138
+ "aria-required": props["aria-required"],
139
+ error: !datetime.year ? props.error : false
140
+ }
141
+ ), /* @__PURE__ */ React.createElement(
142
+ DateTimePart,
143
+ {
144
+ label: t("form.label.hours"),
145
+ onChange: datetime.setHours,
146
+ onBlur: (e) => datetime.setHours(e, true),
147
+ value: datetime.hours,
148
+ width: 2,
149
+ name: `${name}-hours`,
150
+ maxLength: "2",
151
+ disabled: props.disabled,
152
+ "aria-required": props["aria-required"],
153
+ error: !datetime.hours ? props.error : false
154
+ }
155
+ ), /* @__PURE__ */ React.createElement(
156
+ DateTimePart,
157
+ {
158
+ label: t("form.label.minutes"),
159
+ onChange: datetime.setMinutes,
160
+ onBlur: (e) => datetime.setMinutes(e, true),
161
+ value: datetime.minutes,
162
+ width: 2,
163
+ name: `${name}-minutes`,
164
+ maxLength: "2",
165
+ disabled: props.disabled,
166
+ "aria-required": props["aria-required"],
167
+ error: !datetime.minutes ? props.error : false
168
+ }
169
+ ));
170
+ };
171
+ var DateTimeInput_default = DateTimeInput;
172
+ export {
173
+ DateTimeInput,
174
+ DateTimeInput_default as default
175
+ };
176
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/inputs/DateTimeInput/index.tsx"],
4
+ "sourcesContent": ["import React, { useMemo, useState } from 'react';\nimport dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\nimport { UncontrolledFieldProps } from '@digigov/form/Field/types';\nimport {\n DateInputContainer,\n DateInputItem,\n} from '@digigov/ui/form/DateInputContainer';\nimport { useTranslation } from '@digigov/ui/i18n';\ndayjs.extend(customParseFormat);\n\nexport interface DateTimeInputProps\n extends Omit<UncontrolledFieldProps, 'extra'> {\n extra?: {\n max?: string;\n min?: string;\n };\n}\n\nfunction useDateTime(value, onChange) {\n const [year, month, day, hours, minutes] = useMemo(() => {\n if (!value || value.length === 0) {\n onChange('');\n return ['', '', '', '', ''];\n }\n const [datePart, timePart] = value.split(' ');\n const [day, month, year] = datePart.split('/');\n const [hours, minutes] = timePart ? timePart.split(':') : ['', ''];\n return [year, month, day, hours, minutes];\n }, [value]);\n\n function set(year, month, day, hours, minutes) {\n const datePart = `${day || ''}/${month || ''}/${year || ''}`;\n const timePart = hours || minutes ? `${hours || ''}:${minutes || ''}` : '';\n const value = timePart ? `${datePart} ${timePart}` : datePart;\n\n if (!year && !month && !day && !hours && !minutes) {\n onChange(null);\n } else {\n onChange(value);\n }\n }\n\n function setYear(evt) {\n const val = evt.target.value;\n set(val, month, day, hours, minutes);\n }\n\n function setMonth(evt, cast) {\n let val = evt.target.value;\n if (cast && val && val.length === 1) {\n val = '0' + val;\n }\n set(year, val, day, hours, minutes);\n }\n\n function setDay(evt, cast) {\n let val = evt.target.value;\n if (cast && val && val.length === 1) {\n val = '0' + val;\n }\n set(year, month, val, hours, minutes);\n }\n\n function setHours(evt, cast) {\n let val = evt.target.value;\n if (cast && val && val.length === 1) {\n val = '0' + val;\n }\n set(year, month, day, val, minutes);\n }\n\n function setMinutes(evt, cast) {\n let val = evt.target.value;\n if (cast && val && val.length === 1) {\n val = '0' + val;\n }\n set(year, month, day, hours, val);\n }\n\n return {\n day,\n month,\n year,\n hours,\n minutes,\n setYear,\n setMonth,\n setDay,\n setHours,\n setMinutes,\n };\n}\n\nconst VALID_FORMATS = ['DD/MM/YYYY HH:mm', 'DD/MM/YYYY'];\n\nconst makeDateTime = (val) => {\n const date = dayjs(val, VALID_FORMATS, true);\n if (date.isValid()) {\n return date.format('DD/MM/YYYY HH:mm');\n }\n return '';\n};\n\nconst DateTimePart = ({ label, ...props }) => {\n return <DateInputItem {...props}>{label}</DateInputItem>;\n};\n\nexport const DateTimeInput = ({ name, ...props }) => {\n const { t } = useTranslation();\n const [initial] = useState(props.value);\n const value = useMemo(() => {\n if (initial === props.value) {\n return makeDateTime(props.value);\n }\n return props.value;\n }, [props.value, initial]);\n\n const datetime = useDateTime(\n value || makeDateTime(props.defaultValue),\n props.onChange\n );\n\n return (\n <DateInputContainer>\n <DateTimePart\n label={t('form.label.day')}\n onChange={datetime.setDay}\n onBlur={(e) => datetime.setDay(e, true)}\n value={datetime.day}\n width={2}\n name={`${name}-day`}\n maxLength=\"2\"\n disabled={props.disabled}\n aria-required={props['aria-required']}\n error={!datetime.day ? props.error : false}\n />\n <DateTimePart\n label={t('form.label.month')}\n onChange={datetime.setMonth}\n onBlur={(e) => datetime.setMonth(e, true)}\n value={datetime.month}\n width={2}\n name={`${name}-month`}\n maxLength=\"2\"\n disabled={props.disabled}\n aria-required={props['aria-required']}\n error={!datetime.month ? props.error : false}\n />\n <DateTimePart\n label={t('form.label.year')}\n onChange={datetime.setYear}\n value={datetime.year}\n width={4}\n name={`${name}-year`}\n maxLength=\"4\"\n disabled={props.disabled}\n aria-required={props['aria-required']}\n error={!datetime.year ? props.error : false}\n />\n <DateTimePart\n label={t('form.label.hours')}\n onChange={datetime.setHours}\n onBlur={(e) => datetime.setHours(e, true)}\n value={datetime.hours}\n width={2}\n name={`${name}-hours`}\n maxLength=\"2\"\n disabled={props.disabled}\n aria-required={props['aria-required']}\n error={!datetime.hours ? props.error : false}\n />\n <DateTimePart\n label={t('form.label.minutes')}\n onChange={datetime.setMinutes}\n onBlur={(e) => datetime.setMinutes(e, true)}\n value={datetime.minutes}\n width={2}\n name={`${name}-minutes`}\n maxLength=\"2\"\n disabled={props.disabled}\n aria-required={props['aria-required']}\n error={!datetime.minutes ? props.error : false}\n />\n </DateInputContainer>\n );\n};\n\nexport default DateTimeInput;\n"],
5
+ "mappings": "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",
6
+ "names": ["day", "month", "year", "hours", "minutes", "value"]
7
+ }
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,6 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "./index.js",
4
+ "types": "./index.d.ts",
5
+ "main": "../../cjs/inputs/DateTimeInput/index.js"
6
+ }
@@ -4,5 +4,5 @@ declare namespace _default {
4
4
  export let displayName: string;
5
5
  }
6
6
  export default _default;
7
- export * from "@digigov/form/inputs/FileInput/__stories__/Default";
7
+ export { Default } from "@digigov/form/inputs/FileInput/__stories__/Default";
8
8
  import FileInput from '@digigov/form/inputs/FileInput';
@@ -1,3 +1,3 @@
1
- /// <reference types="react" />
2
- export declare const Default: () => JSX.Element;
1
+ import React from 'react';
2
+ export declare const Default: () => React.JSX.Element;
3
3
  export default Default;
@@ -1,58 +1,47 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- import _extends from "@babel/runtime/helpers/extends";
3
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
5
- var _excluded = ["name", "extra", "disabled", "reset", "onChange"];
6
- import React, { useState } from 'react';
7
- import FileUpload from '@digigov/react-core/FileUpload';
8
- import FileUploadContainer from '@digigov/react-core/FileUploadContainer';
9
- import CoreHint from '@digigov/react-core/Hint';
10
- import Button from '@digigov/ui/form/Button';
11
- import { useTranslation } from '@digigov/ui/i18n';
12
- import Paragraph from '@digigov/ui/typography/Paragraph';
13
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
14
- export var FileInput = /*#__PURE__*/React.forwardRef(function FileInput(_ref, ref) {
15
- var name = _ref.name,
16
- _ref$extra = _ref.extra,
17
- extra = _ref$extra === void 0 ? {} : _ref$extra,
18
- disabled = _ref.disabled,
19
- reset = _ref.reset,
20
- onChange = _ref.onChange,
21
- props = _objectWithoutProperties(_ref, _excluded);
22
- var _useTranslation = useTranslation(),
23
- t = _useTranslation.t;
24
- var _useState = useState([]),
25
- _useState2 = _slicedToArray(_useState, 2),
26
- files = _useState2[0],
27
- setFiles = _useState2[1];
28
- var handleChange = function handleChange(e) {
29
- var target = e.target;
30
- var selectedFiles = Array.from(target.files).map(function (_ref2) {
31
- var name = _ref2.name;
32
- return name;
33
- });
1
+ import React, { useState } from "react";
2
+ import { Button } from "@digigov/ui/form/Button";
3
+ import { FileUpload, FileUploadContainer } from "@digigov/ui/form/FileUpload";
4
+ import { useTranslation } from "@digigov/ui/i18n";
5
+ import { Hint } from "@digigov/ui/typography/Hint";
6
+ import { Paragraph } from "@digigov/ui/typography/Paragraph";
7
+ const FileInput = React.forwardRef(function FileInput2({ name, disabled, reset, onChange, ...props }, ref) {
8
+ const { t } = useTranslation();
9
+ const [files, setFiles] = useState([]);
10
+ const handleChange = (e) => {
11
+ const target = e.target;
12
+ const selectedFiles = Array.from(
13
+ target.files
14
+ ).map(({ name: name2 }) => name2);
34
15
  setFiles(selectedFiles);
35
- // proceed calling the onChange provided
36
- // by react-hook-form
37
16
  onChange(e);
38
17
  };
39
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FileUploadContainer, {
40
- hasFiles: files && files.length > 0
41
- }, files !== null && files !== void 0 && files.length ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Paragraph, null, /*#__PURE__*/React.createElement("b", null, t('upload.file'), ":"), " ", "".concat(files.join(', ')))) : /*#__PURE__*/React.createElement(CoreHint, null, t('upload.no_file')), /*#__PURE__*/React.createElement(FileUpload, _extends({
42
- ref: ref,
43
- hasFiles: !!(files !== null && files !== void 0 && files.length),
44
- name: name,
45
- disabled: disabled,
46
- onChange: handleChange
47
- }, _extends({}, props, {
48
- required: undefined
49
- })), files !== null && files !== void 0 && files.length ? t('upload.change_file') : t('upload.choose_file')), files !== undefined && files.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
50
- variant: "link",
51
- onClick: function onClick(event) {
52
- event.preventDefault();
53
- reset(_defineProperty({}, name, ''));
54
- setFiles(undefined);
55
- }
56
- }, t('upload.reset_file')))));
18
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FileUploadContainer, { hasFiles: files && files.length > 0 }, files?.length ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Paragraph, null, /* @__PURE__ */ React.createElement("b", null, t("upload.file"), ":"), " ", `${files.join(", ")}`)) : /* @__PURE__ */ React.createElement(Hint, null, t("upload.no_file")), /* @__PURE__ */ React.createElement(
19
+ FileUpload,
20
+ {
21
+ ref,
22
+ hasFiles: !!files?.length,
23
+ name,
24
+ disabled,
25
+ onChange: handleChange,
26
+ ...{ ...props, required: void 0, Field: void 0 }
27
+ },
28
+ files?.length ? t("upload.change_file") : t("upload.choose_file")
29
+ ), files !== void 0 && files.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
30
+ Button,
31
+ {
32
+ variant: "link",
33
+ onClick: (event) => {
34
+ event.preventDefault();
35
+ reset({ [name]: "" });
36
+ setFiles(void 0);
37
+ }
38
+ },
39
+ t("upload.reset_file")
40
+ ))));
57
41
  });
58
- export default FileInput;
42
+ var FileInput_default = FileInput;
43
+ export {
44
+ FileInput,
45
+ FileInput_default as default
46
+ };
47
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/inputs/FileInput/index.tsx"],
4
+ "sourcesContent": ["import React, { useState } from 'react';\nimport { UncontrolledFieldProps } from '@digigov/form/Field/types';\nimport { Button } from '@digigov/ui/form/Button';\nimport { FileUpload, FileUploadContainer } from '@digigov/ui/form/FileUpload';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\nexport interface FileInputProps extends Omit<UncontrolledFieldProps, 'extra'> {\n extra?: {\n className?: string;\n multiple?: boolean;\n accept?: string;\n limit: {\n maxSize?: number;\n };\n };\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const FileInput: React.FC<any> = React.forwardRef(function FileInput(\n { name, disabled, reset, onChange, ...props },\n ref: any\n) {\n const { t } = useTranslation();\n const [files, setFiles] = useState<string[] | undefined>([]);\n const handleChange = (e) => {\n const target = e.target as HTMLInputElement;\n const selectedFiles = Array.from(\n target.files as ArrayLike<{ name: string }>\n ).map(({ name }) => name);\n setFiles(selectedFiles);\n // proceed calling the onChange provided\n // by react-hook-form\n onChange(e);\n };\n return (\n <>\n <FileUploadContainer hasFiles={files && files.length > 0}>\n {files?.length ? (\n <>\n <Paragraph>\n <b>{t('upload.file')}:</b> {`${files.join(', ')}`}\n </Paragraph>\n </>\n ) : (\n <Hint>{t('upload.no_file')}</Hint>\n )}\n <FileUpload\n ref={ref}\n hasFiles={!!files?.length}\n name={name}\n disabled={disabled}\n onChange={handleChange}\n {...{ ...props, required: undefined, Field: undefined }}\n >\n {files?.length ? t('upload.change_file') : t('upload.choose_file')}\n </FileUpload>\n {files !== undefined && files.length > 0 && (\n <>\n <Button\n variant=\"link\"\n onClick={(event) => {\n event.preventDefault();\n reset({ [name]: '' });\n setFiles(undefined);\n }}\n >\n {t('upload.reset_file')}\n </Button>\n </>\n )}\n </FileUploadContainer>\n </>\n );\n});\n\nexport default FileInput;\n"],
5
+ "mappings": "AAAA,OAAO,SAAS,gBAAgB;AAEhC,SAAS,cAAc;AACvB,SAAS,YAAY,2BAA2B;AAChD,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,iBAAiB;AAanB,MAAM,YAA2B,MAAM,WAAW,SAASA,WAChE,EAAE,MAAM,UAAU,OAAO,UAAU,GAAG,MAAM,GAC5C,KACA;AACA,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA+B,CAAC,CAAC;AAC3D,QAAM,eAAe,CAAC,MAAM;AAC1B,UAAM,SAAS,EAAE;AACjB,UAAM,gBAAgB,MAAM;AAAA,MAC1B,OAAO;AAAA,IACT,EAAE,IAAI,CAAC,EAAE,MAAAC,MAAK,MAAMA,KAAI;AACxB,aAAS,aAAa;AAGtB,aAAS,CAAC;AAAA,EACZ;AACA,SACE,0DACE,oCAAC,uBAAoB,UAAU,SAAS,MAAM,SAAS,KACpD,OAAO,SACN,0DACE,oCAAC,iBACC,oCAAC,WAAG,EAAE,aAAa,GAAE,GAAC,GAAI,KAAE,GAAG,MAAM,KAAK,IAAI,CAAC,EACjD,CACF,IAEA,oCAAC,YAAM,EAAE,gBAAgB,CAAE,GAE7B;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,UAAU,CAAC,CAAC,OAAO;AAAA,MACnB;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACT,GAAG,EAAE,GAAG,OAAO,UAAU,QAAW,OAAO,OAAU;AAAA;AAAA,IAErD,OAAO,SAAS,EAAE,oBAAoB,IAAI,EAAE,oBAAoB;AAAA,EACnE,GACC,UAAU,UAAa,MAAM,SAAS,KACrC,0DACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAS,CAAC,UAAU;AAClB,cAAM,eAAe;AACrB,cAAM,EAAE,CAAC,IAAI,GAAG,GAAG,CAAC;AACpB,iBAAS,MAAS;AAAA,MACpB;AAAA;AAAA,IAEC,EAAE,mBAAmB;AAAA,EACxB,CACF,CAEJ,CACF;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
6
+ "names": ["FileInput", "name"]
7
+ }
@@ -0,0 +1 @@
1
+ export {};
@@ -4,7 +4,7 @@ declare namespace _default {
4
4
  export let displayName: string;
5
5
  }
6
6
  export default _default;
7
- export * from "@digigov/form/inputs/ImageInput/__stories__/Default";
8
- export * from "@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageSize";
9
- export * from "@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageDimension";
7
+ export { Default } from "@digigov/form/inputs/ImageInput/__stories__/Default";
8
+ export { WithInvalidImageDimension } from "@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageDimension";
9
+ export { MaxSize } from "@digigov/form/inputs/ImageInput/__stories__/MaxSize";
10
10
  import ImageInput from '@digigov/form/inputs/ImageInput';