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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (538) hide show
  1. package/Field/FieldBase/index.js +74 -68
  2. package/Field/FieldBase.js.map +7 -0
  3. package/Field/FieldBaseContainer/index.js +40 -34
  4. package/Field/FieldBaseContainer.js.map +7 -0
  5. package/Field/FieldConditional/index.js +48 -41
  6. package/Field/FieldConditional.js.map +7 -0
  7. package/Field/index.js +66 -61
  8. package/Field/index.js.map +7 -0
  9. package/Field/types/index.js +1 -1
  10. package/Field/types.js.map +7 -0
  11. package/Field/utils/index.js +84 -85
  12. package/Field/utils.js.map +7 -0
  13. package/FieldArray/FieldArray.stories/index.js +10 -6
  14. package/FieldArray/FieldArray.stories.js.map +7 -0
  15. package/FieldArray/__stories__/Default/index.js +90 -81
  16. package/FieldArray/__stories__/Default.js.map +7 -0
  17. package/FieldArray/__stories__/WithExactLength/index.js +90 -81
  18. package/FieldArray/__stories__/WithExactLength.js.map +7 -0
  19. package/FieldArray/index.js +49 -54
  20. package/FieldArray/index.js.map +7 -0
  21. package/FieldObject/index.js +52 -50
  22. package/FieldObject/index.js.map +7 -0
  23. package/Fieldset/FieldsetWithContext/index.js +28 -31
  24. package/Fieldset/FieldsetWithContext.js.map +7 -0
  25. package/Fieldset/index.js +33 -26
  26. package/Fieldset/index.js.map +7 -0
  27. package/Fieldset/types/index.js +1 -1
  28. package/Fieldset/types.js.map +7 -0
  29. package/Form.stories/index.js +7 -3
  30. package/Form.stories.js.map +7 -0
  31. package/FormBuilder/FormBuilder/index.js +99 -113
  32. package/FormBuilder/FormBuilder.js.map +7 -0
  33. package/FormBuilder/FormBuilder.stories/index.js +9 -5
  34. package/FormBuilder/FormBuilder.stories.js.map +7 -0
  35. package/FormBuilder/__stories__/Default/index.js +23 -23
  36. package/FormBuilder/__stories__/Default.js.map +7 -0
  37. package/FormBuilder/index.js +6 -2
  38. package/FormBuilder/index.js.map +7 -0
  39. package/FormContext/index.js +7 -3
  40. package/FormContext.js.map +7 -0
  41. package/MultiplicityField/MultiplicityField.stories/index.js +14 -10
  42. package/MultiplicityField/MultiplicityField.stories.js.map +7 -0
  43. package/MultiplicityField/__stories__/Default/index.js +94 -85
  44. package/MultiplicityField/__stories__/Default.js.map +7 -0
  45. package/MultiplicityField/__stories__/PreviewDisplay/index.js +84 -65
  46. package/MultiplicityField/__stories__/PreviewDisplay.js.map +7 -0
  47. package/MultiplicityField/__stories__/WithExactLength/index.js +91 -80
  48. package/MultiplicityField/__stories__/WithExactLength.js.map +7 -0
  49. package/MultiplicityField/__stories__/WithMaxLength/index.js +94 -83
  50. package/MultiplicityField/__stories__/WithMaxLength.js.map +7 -0
  51. package/MultiplicityField/__stories__/WithMinAndMaxLength/index.js +95 -84
  52. package/MultiplicityField/__stories__/WithMinAndMaxLength.js.map +7 -0
  53. package/MultiplicityField/__stories__/WithMinLength/index.js +94 -83
  54. package/MultiplicityField/__stories__/WithMinLength.js.map +7 -0
  55. package/MultiplicityField/add-objects/index.js +100 -131
  56. package/MultiplicityField/add-objects.js.map +7 -0
  57. package/MultiplicityField/index.js +94 -98
  58. package/MultiplicityField/index.js.map +7 -0
  59. package/Questions/Questions/index.js +35 -50
  60. package/Questions/Questions.js.map +7 -0
  61. package/Questions/Questions.stories/index.js +9 -5
  62. package/Questions/Questions.stories.js.map +7 -0
  63. package/Questions/QuestionsContext/index.js +9 -9
  64. package/Questions/QuestionsContext.js.map +7 -0
  65. package/Questions/Step/ReviewStep/index.js +40 -46
  66. package/Questions/Step/ReviewStep.js.map +7 -0
  67. package/Questions/Step/Step/index.js +29 -43
  68. package/Questions/Step/Step.js.map +7 -0
  69. package/Questions/Step/StepArrayReview/index.js +43 -42
  70. package/Questions/Step/StepArrayReview.js.map +7 -0
  71. package/Questions/Step/StepContext/index.js +15 -19
  72. package/Questions/Step/StepContext.js.map +7 -0
  73. package/Questions/Step/StepDescription/index.js +27 -22
  74. package/Questions/Step/StepDescription.js.map +7 -0
  75. package/Questions/Step/StepForm/index.js +32 -39
  76. package/Questions/Step/StepForm.js.map +7 -0
  77. package/Questions/Step/StepQuote/index.js +12 -9
  78. package/Questions/Step/StepQuote.js.map +7 -0
  79. package/Questions/Step/StepTitle/index.js +36 -36
  80. package/Questions/Step/StepTitle.js.map +7 -0
  81. package/Questions/Step/getAddMoreFields/index.js +28 -20
  82. package/Questions/Step/getAddMoreFields.js.map +7 -0
  83. package/Questions/Step/index.js +17 -13
  84. package/Questions/Step/index.js.map +7 -0
  85. package/Questions/Step/types/index.js +1 -1
  86. package/Questions/Step/types.js.map +7 -0
  87. package/Questions/__stories__/Default/index.js +111 -98
  88. package/Questions/__stories__/Default.js.map +7 -0
  89. package/Questions/getNextStep/index.js +10 -10
  90. package/Questions/getNextStep.js.map +7 -0
  91. package/Questions/index.js +7 -3
  92. package/Questions/index.js.map +7 -0
  93. package/Questions/index.spec/index.js +63 -57
  94. package/Questions/index.spec.js.map +7 -0
  95. package/Questions/types/index.js +1 -1
  96. package/Questions/types.js.map +7 -0
  97. package/cjs/Field/FieldBase/index.js +100 -74
  98. package/cjs/Field/FieldBase.js.map +7 -0
  99. package/cjs/Field/FieldBaseContainer/index.js +66 -40
  100. package/cjs/Field/FieldBaseContainer.js.map +7 -0
  101. package/cjs/Field/FieldConditional/index.js +74 -47
  102. package/cjs/Field/FieldConditional.js.map +7 -0
  103. package/cjs/Field/index.js +92 -70
  104. package/cjs/Field/index.js.map +7 -0
  105. package/cjs/Field/types/index.js +4 -5
  106. package/cjs/Field/types.js.map +7 -0
  107. package/cjs/Field/utils/index.js +120 -106
  108. package/cjs/Field/utils.js.map +7 -0
  109. package/cjs/FieldArray/FieldArray.stories/index.js +36 -37
  110. package/cjs/FieldArray/FieldArray.stories.js.map +7 -0
  111. package/cjs/FieldArray/__stories__/Default/index.js +116 -90
  112. package/cjs/FieldArray/__stories__/Default.js.map +7 -0
  113. package/cjs/FieldArray/__stories__/WithExactLength/index.js +116 -90
  114. package/cjs/FieldArray/__stories__/WithExactLength.js.map +7 -0
  115. package/cjs/FieldArray/index.js +75 -60
  116. package/cjs/FieldArray/index.js.map +7 -0
  117. package/cjs/FieldObject/index.js +78 -59
  118. package/cjs/FieldObject/index.js.map +7 -0
  119. package/cjs/Fieldset/FieldsetWithContext/index.js +49 -40
  120. package/cjs/Fieldset/FieldsetWithContext.js.map +7 -0
  121. package/cjs/Fieldset/index.js +61 -36
  122. package/cjs/Fieldset/index.js.map +7 -0
  123. package/cjs/Fieldset/types/index.js +4 -5
  124. package/cjs/Fieldset/types.js.map +7 -0
  125. package/cjs/Form.stories/index.js +15 -8
  126. package/cjs/Form.stories.js.map +7 -0
  127. package/cjs/FormBuilder/FormBuilder/index.js +127 -123
  128. package/cjs/FormBuilder/FormBuilder.js.map +7 -0
  129. package/cjs/FormBuilder/FormBuilder.stories/index.js +35 -25
  130. package/cjs/FormBuilder/FormBuilder.stories.js.map +7 -0
  131. package/cjs/FormBuilder/__stories__/Default/index.js +50 -33
  132. package/cjs/FormBuilder/__stories__/Default.js.map +7 -0
  133. package/cjs/FormBuilder/index.js +30 -7
  134. package/cjs/FormBuilder/index.js.map +7 -0
  135. package/cjs/FormContext/index.js +33 -8
  136. package/cjs/FormContext.js.map +7 -0
  137. package/cjs/MultiplicityField/MultiplicityField.stories/index.js +40 -85
  138. package/cjs/MultiplicityField/MultiplicityField.stories.js.map +7 -0
  139. package/cjs/MultiplicityField/__stories__/Default/index.js +120 -94
  140. package/cjs/MultiplicityField/__stories__/Default.js.map +7 -0
  141. package/cjs/MultiplicityField/__stories__/PreviewDisplay/index.js +93 -74
  142. package/cjs/MultiplicityField/__stories__/PreviewDisplay.js.map +7 -0
  143. package/cjs/MultiplicityField/__stories__/WithExactLength/index.js +117 -89
  144. package/cjs/MultiplicityField/__stories__/WithExactLength.js.map +7 -0
  145. package/cjs/MultiplicityField/__stories__/WithMaxLength/index.js +120 -92
  146. package/cjs/MultiplicityField/__stories__/WithMaxLength.js.map +7 -0
  147. package/cjs/MultiplicityField/__stories__/WithMinAndMaxLength/index.js +121 -93
  148. package/cjs/MultiplicityField/__stories__/WithMinAndMaxLength.js.map +7 -0
  149. package/cjs/MultiplicityField/__stories__/WithMinLength/index.js +120 -92
  150. package/cjs/MultiplicityField/__stories__/WithMinLength.js.map +7 -0
  151. package/cjs/MultiplicityField/add-objects/index.js +124 -137
  152. package/cjs/MultiplicityField/add-objects.js.map +7 -0
  153. package/cjs/MultiplicityField/index.js +121 -107
  154. package/cjs/MultiplicityField/index.js.map +7 -0
  155. package/cjs/Questions/Questions/index.js +61 -59
  156. package/cjs/Questions/Questions.js.map +7 -0
  157. package/cjs/Questions/Questions.stories/index.js +35 -25
  158. package/cjs/Questions/Questions.stories.js.map +7 -0
  159. package/cjs/Questions/QuestionsContext/index.js +35 -14
  160. package/cjs/Questions/QuestionsContext.js.map +7 -0
  161. package/cjs/Questions/Step/ReviewStep/index.js +60 -55
  162. package/cjs/Questions/Step/ReviewStep.js.map +7 -0
  163. package/cjs/Questions/Step/Step/index.js +55 -52
  164. package/cjs/Questions/Step/Step.js.map +7 -0
  165. package/cjs/Questions/Step/StepArrayReview/index.js +61 -51
  166. package/cjs/Questions/Step/StepArrayReview.js.map +7 -0
  167. package/cjs/Questions/Step/StepContext/index.js +41 -24
  168. package/cjs/Questions/Step/StepContext.js.map +7 -0
  169. package/cjs/Questions/Step/StepDescription/index.js +54 -31
  170. package/cjs/Questions/Step/StepDescription.js.map +7 -0
  171. package/cjs/Questions/Step/StepForm/index.js +58 -48
  172. package/cjs/Questions/Step/StepForm.js.map +7 -0
  173. package/cjs/Questions/Step/StepQuote/index.js +38 -15
  174. package/cjs/Questions/Step/StepQuote.js.map +7 -0
  175. package/cjs/Questions/Step/StepTitle/index.js +62 -45
  176. package/cjs/Questions/Step/StepTitle.js.map +7 -0
  177. package/cjs/Questions/Step/getAddMoreFields/index.js +38 -25
  178. package/cjs/Questions/Step/getAddMoreFields.js.map +7 -0
  179. package/cjs/Questions/Step/index.js +42 -143
  180. package/cjs/Questions/Step/index.js.map +7 -0
  181. package/cjs/Questions/Step/types/index.js +4 -5
  182. package/cjs/Questions/Step/types.js.map +7 -0
  183. package/cjs/Questions/__stories__/Default/index.js +131 -107
  184. package/cjs/Questions/__stories__/Default.js.map +7 -0
  185. package/cjs/Questions/getNextStep/index.js +19 -14
  186. package/cjs/Questions/getNextStep.js.map +7 -0
  187. package/cjs/Questions/index.js +31 -20
  188. package/cjs/Questions/index.js.map +7 -0
  189. package/cjs/Questions/index.spec/index.js +81 -61
  190. package/cjs/Questions/index.spec.js.map +7 -0
  191. package/cjs/Questions/types/index.js +4 -5
  192. package/cjs/Questions/types.js.map +7 -0
  193. package/cjs/index.js +31 -21
  194. package/cjs/index.js.map +7 -0
  195. package/cjs/inputs/AutoCompleteInput/AutoComplete.stories/index.js +36 -25
  196. package/cjs/inputs/AutoCompleteInput/AutoComplete.stories.js.map +7 -0
  197. package/cjs/inputs/AutoCompleteInput/__stories__/Default/index.js +70 -53
  198. package/cjs/inputs/AutoCompleteInput/__stories__/Default.js.map +7 -0
  199. package/cjs/inputs/AutoCompleteInput/__stories__/Multiple/index.js +72 -0
  200. package/cjs/inputs/AutoCompleteInput/__stories__/Multiple.js.map +7 -0
  201. package/cjs/inputs/AutoCompleteInput/index.js +58 -40
  202. package/cjs/inputs/AutoCompleteInput/index.js.map +7 -0
  203. package/cjs/inputs/Checkboxes/Checkboxes.stories/index.js +37 -49
  204. package/cjs/inputs/Checkboxes/Checkboxes.stories.js.map +7 -0
  205. package/cjs/inputs/Checkboxes/__stories__/Conditional/index.js +113 -88
  206. package/cjs/inputs/Checkboxes/__stories__/Conditional.js.map +7 -0
  207. package/cjs/inputs/Checkboxes/__stories__/Default/index.js +63 -48
  208. package/cjs/inputs/Checkboxes/__stories__/Default.js.map +7 -0
  209. package/cjs/inputs/Checkboxes/__stories__/WithDivider/index.js +64 -49
  210. package/cjs/inputs/Checkboxes/__stories__/WithDivider.js.map +7 -0
  211. package/cjs/inputs/Checkboxes/index.js +96 -98
  212. package/cjs/inputs/Checkboxes/index.js.map +7 -0
  213. package/cjs/inputs/DateInput/DateInput.stories/index.js +35 -25
  214. package/cjs/inputs/DateInput/DateInput.stories.js.map +7 -0
  215. package/cjs/inputs/DateInput/__stories__/Default/index.js +50 -31
  216. package/cjs/inputs/DateInput/__stories__/Default.js.map +7 -0
  217. package/cjs/inputs/DateInput/index.js +90 -90
  218. package/cjs/inputs/DateInput/index.js.map +7 -0
  219. package/cjs/inputs/FileInput/FileInput.stories/index.js +35 -25
  220. package/cjs/inputs/FileInput/FileInput.stories.js.map +7 -0
  221. package/cjs/inputs/FileInput/__stories__/Default/index.js +46 -29
  222. package/cjs/inputs/FileInput/__stories__/Default.js.map +7 -0
  223. package/cjs/inputs/FileInput/index.js +58 -59
  224. package/cjs/inputs/FileInput/index.js.map +7 -0
  225. package/cjs/inputs/ImageInput/ImageInput.stories/index.js +37 -49
  226. package/cjs/inputs/ImageInput/ImageInput.stories.js.map +7 -0
  227. package/cjs/inputs/ImageInput/__stories__/Default/index.js +54 -35
  228. package/cjs/inputs/ImageInput/__stories__/Default.js.map +7 -0
  229. package/cjs/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js +61 -42
  230. package/cjs/inputs/ImageInput/__stories__/WithInvalidImageDimension.js.map +7 -0
  231. package/cjs/inputs/ImageInput/__stories__/WithInvalidImageSize/index.js +58 -39
  232. package/cjs/inputs/ImageInput/__stories__/WithInvalidImageSize.js.map +7 -0
  233. package/cjs/inputs/ImageInput/index.js +65 -64
  234. package/cjs/inputs/ImageInput/index.js.map +7 -0
  235. package/cjs/inputs/Input/Input.stories/index.js +45 -134
  236. package/cjs/inputs/Input/Input.stories.js.map +7 -0
  237. package/cjs/inputs/Input/__stories__/AFM/index.js +49 -30
  238. package/cjs/inputs/Input/__stories__/AFM.js.map +7 -0
  239. package/cjs/inputs/Input/__stories__/Boolean/index.js +50 -31
  240. package/cjs/inputs/Input/__stories__/Boolean.js.map +7 -0
  241. package/cjs/inputs/Input/__stories__/Default/index.js +50 -31
  242. package/cjs/inputs/Input/__stories__/Default.js.map +7 -0
  243. package/cjs/inputs/Input/__stories__/IBAN/index.js +50 -31
  244. package/cjs/inputs/Input/__stories__/IBAN.js.map +7 -0
  245. package/cjs/inputs/Input/__stories__/Integer/index.js +47 -26
  246. package/cjs/inputs/Input/__stories__/Integer.js.map +7 -0
  247. package/cjs/inputs/Input/__stories__/LandlineNumber/index.js +53 -34
  248. package/cjs/inputs/Input/__stories__/LandlineNumber.js.map +7 -0
  249. package/cjs/inputs/Input/__stories__/MobilePhone/index.js +53 -34
  250. package/cjs/inputs/Input/__stories__/MobilePhone.js.map +7 -0
  251. package/cjs/inputs/Input/__stories__/PhoneNumber/index.js +52 -33
  252. package/cjs/inputs/Input/__stories__/PhoneNumber.js.map +7 -0
  253. package/cjs/inputs/Input/__stories__/PostalCode/index.js +50 -33
  254. package/cjs/inputs/Input/__stories__/PostalCode.js.map +7 -0
  255. package/cjs/inputs/Input/__stories__/TextWithCharacterLimit/index.js +50 -37
  256. package/cjs/inputs/Input/__stories__/TextWithCharacterLimit.js.map +7 -0
  257. package/cjs/inputs/Input/index.js +69 -67
  258. package/cjs/inputs/Input/index.js.map +7 -0
  259. package/cjs/inputs/Label/Label.stories/index.js +35 -25
  260. package/cjs/inputs/Label/Label.stories.js.map +7 -0
  261. package/cjs/inputs/Label/__stories__/Default/index.js +52 -35
  262. package/cjs/inputs/Label/__stories__/Default.js.map +7 -0
  263. package/cjs/inputs/Label/index.js +41 -20
  264. package/cjs/inputs/Label/index.js.map +7 -0
  265. package/cjs/inputs/OtpInput/OtpInput.stories/index.js +35 -25
  266. package/cjs/inputs/OtpInput/OtpInput.stories.js.map +7 -0
  267. package/cjs/inputs/OtpInput/__stories__/Default/index.js +55 -36
  268. package/cjs/inputs/OtpInput/__stories__/Default.js.map +7 -0
  269. package/cjs/inputs/OtpInput/index.js +102 -96
  270. package/cjs/inputs/OtpInput/index.js.map +7 -0
  271. package/cjs/inputs/Radio/Radio.stories/index.js +37 -49
  272. package/cjs/inputs/Radio/Radio.stories.js.map +7 -0
  273. package/cjs/inputs/Radio/__stories__/Conditional/index.js +113 -88
  274. package/cjs/inputs/Radio/__stories__/Conditional.js.map +7 -0
  275. package/cjs/inputs/Radio/__stories__/Default/index.js +67 -53
  276. package/cjs/inputs/Radio/__stories__/Default.js.map +7 -0
  277. package/cjs/inputs/Radio/__stories__/WithDivider/index.js +68 -54
  278. package/cjs/inputs/Radio/__stories__/WithDivider.js.map +7 -0
  279. package/cjs/inputs/Radio/index.js +77 -60
  280. package/cjs/inputs/Radio/index.js.map +7 -0
  281. package/cjs/inputs/Select/Select.stories/index.js +35 -25
  282. package/cjs/inputs/Select/Select.stories.js.map +7 -0
  283. package/cjs/inputs/Select/__stories__/Default/index.js +72 -59
  284. package/cjs/inputs/Select/__stories__/Default.js.map +7 -0
  285. package/cjs/inputs/Select/index.js +46 -36
  286. package/cjs/inputs/Select/index.js.map +7 -0
  287. package/cjs/inputs/index.js +56 -69
  288. package/cjs/inputs/index.js.map +7 -0
  289. package/cjs/internal/index.js +89 -346
  290. package/cjs/internal.js.map +7 -0
  291. package/cjs/lazy/index.js +87 -516
  292. package/cjs/lazy.js.map +7 -0
  293. package/cjs/registry/index.js +156 -137
  294. package/cjs/registry.js.map +7 -0
  295. package/cjs/types/index.js +4 -5
  296. package/cjs/types.js.map +7 -0
  297. package/cjs/utils/index.js +61 -79
  298. package/cjs/utils.js.map +7 -0
  299. package/cjs/validators/index.js +129 -131
  300. package/cjs/validators/index.js.map +7 -0
  301. package/cjs/validators/types/index.js +4 -5
  302. package/cjs/validators/types.js.map +7 -0
  303. package/cjs/validators/utils/afm/index.js +26 -21
  304. package/cjs/validators/utils/afm.js.map +7 -0
  305. package/cjs/validators/utils/file/index.js +31 -46
  306. package/cjs/validators/utils/file.js.map +7 -0
  307. package/cjs/validators/utils/iban/index.js +24 -17
  308. package/cjs/validators/utils/iban.js.map +7 -0
  309. package/cjs/validators/utils/image/index.js +76 -112
  310. package/cjs/validators/utils/image.js.map +7 -0
  311. package/cjs/validators/utils/index.js +70 -158
  312. package/cjs/validators/utils/index.js.map +7 -0
  313. package/cjs/validators/utils/int/index.js +22 -12
  314. package/cjs/validators/utils/int.js.map +7 -0
  315. package/cjs/validators/utils/number/index.js +21 -11
  316. package/cjs/validators/utils/number.js.map +7 -0
  317. package/cjs/validators/utils/otp/index.js +23 -13
  318. package/cjs/validators/utils/otp.js.map +7 -0
  319. package/cjs/validators/utils/phone/index.js +94 -58
  320. package/cjs/validators/utils/phone.js.map +7 -0
  321. package/cjs/validators/utils/postal_code/index.js +24 -16
  322. package/cjs/validators/utils/postal_code.js.map +7 -0
  323. package/cjs/validators/utils/text_limit/index.js +28 -25
  324. package/cjs/validators/utils/text_limit.js.map +7 -0
  325. package/cjs/validators/utils/uuid4/index.js +22 -13
  326. package/cjs/validators/utils/uuid4.js.map +7 -0
  327. package/cjs/validators/validators.spec/index.js +77 -60
  328. package/cjs/validators/validators.spec.js.map +7 -0
  329. package/index.js +8 -4
  330. package/index.js.map +7 -0
  331. package/inputs/AutoCompleteInput/AutoComplete.stories/index.js +10 -5
  332. package/inputs/AutoCompleteInput/AutoComplete.stories.d.ts +1 -0
  333. package/inputs/AutoCompleteInput/AutoComplete.stories.js.map +7 -0
  334. package/inputs/AutoCompleteInput/__stories__/Default/index.js +44 -44
  335. package/inputs/AutoCompleteInput/__stories__/Default.d.ts +1 -0
  336. package/inputs/AutoCompleteInput/__stories__/Default.js.map +7 -0
  337. package/inputs/AutoCompleteInput/__stories__/Multiple/index.js +45 -0
  338. package/inputs/AutoCompleteInput/__stories__/Multiple/package.json +6 -0
  339. package/inputs/AutoCompleteInput/__stories__/Multiple.d.ts +2 -0
  340. package/inputs/AutoCompleteInput/__stories__/Multiple.js.map +7 -0
  341. package/inputs/AutoCompleteInput/index.js +32 -31
  342. package/inputs/AutoCompleteInput/index.js.map +7 -0
  343. package/inputs/Checkboxes/Checkboxes.stories/index.js +11 -7
  344. package/inputs/Checkboxes/Checkboxes.stories.js.map +7 -0
  345. package/inputs/Checkboxes/__stories__/Conditional/index.js +87 -79
  346. package/inputs/Checkboxes/__stories__/Conditional.d.ts +1 -0
  347. package/inputs/Checkboxes/__stories__/Conditional.js.map +7 -0
  348. package/inputs/Checkboxes/__stories__/Default/index.js +36 -38
  349. package/inputs/Checkboxes/__stories__/Default.js.map +7 -0
  350. package/inputs/Checkboxes/__stories__/WithDivider/index.js +37 -39
  351. package/inputs/Checkboxes/__stories__/WithDivider.js.map +7 -0
  352. package/inputs/Checkboxes/index.js +70 -89
  353. package/inputs/Checkboxes/index.js.map +7 -0
  354. package/inputs/DateInput/DateInput.stories/index.js +9 -5
  355. package/inputs/DateInput/DateInput.stories.js.map +7 -0
  356. package/inputs/DateInput/__stories__/Default/index.js +23 -21
  357. package/inputs/DateInput/__stories__/Default.js.map +7 -0
  358. package/inputs/DateInput/index.js +63 -80
  359. package/inputs/DateInput/index.js.map +7 -0
  360. package/inputs/FileInput/FileInput.stories/index.js +9 -5
  361. package/inputs/FileInput/FileInput.stories.js.map +7 -0
  362. package/inputs/FileInput/__stories__/Default/index.js +19 -19
  363. package/inputs/FileInput/__stories__/Default.js.map +7 -0
  364. package/inputs/FileInput/index.js +32 -50
  365. package/inputs/FileInput/index.js.map +7 -0
  366. package/inputs/ImageInput/ImageInput.stories/index.js +11 -7
  367. package/inputs/ImageInput/ImageInput.stories.js.map +7 -0
  368. package/inputs/ImageInput/__stories__/Default/index.js +27 -25
  369. package/inputs/ImageInput/__stories__/Default.js.map +7 -0
  370. package/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js +34 -32
  371. package/inputs/ImageInput/__stories__/WithInvalidImageDimension.js.map +7 -0
  372. package/inputs/ImageInput/__stories__/WithInvalidImageSize/index.js +31 -29
  373. package/inputs/ImageInput/__stories__/WithInvalidImageSize.js.map +7 -0
  374. package/inputs/ImageInput/index.js +38 -55
  375. package/inputs/ImageInput/index.js.map +7 -0
  376. package/inputs/Input/Input.stories/index.js +18 -14
  377. package/inputs/Input/Input.stories.js.map +7 -0
  378. package/inputs/Input/__stories__/AFM/index.js +22 -20
  379. package/inputs/Input/__stories__/AFM.js.map +7 -0
  380. package/inputs/Input/__stories__/Boolean/index.js +23 -21
  381. package/inputs/Input/__stories__/Boolean.js.map +7 -0
  382. package/inputs/Input/__stories__/Default/index.js +23 -21
  383. package/inputs/Input/__stories__/Default.js.map +7 -0
  384. package/inputs/Input/__stories__/IBAN/index.js +23 -21
  385. package/inputs/Input/__stories__/IBAN.js.map +7 -0
  386. package/inputs/Input/__stories__/Integer/index.js +21 -17
  387. package/inputs/Input/__stories__/Integer.js.map +7 -0
  388. package/inputs/Input/__stories__/LandlineNumber/index.js +26 -24
  389. package/inputs/Input/__stories__/LandlineNumber.js.map +7 -0
  390. package/inputs/Input/__stories__/MobilePhone/index.js +26 -24
  391. package/inputs/Input/__stories__/MobilePhone.js.map +7 -0
  392. package/inputs/Input/__stories__/PhoneNumber/index.js +25 -23
  393. package/inputs/Input/__stories__/PhoneNumber.js.map +7 -0
  394. package/inputs/Input/__stories__/PostalCode/index.js +23 -23
  395. package/inputs/Input/__stories__/PostalCode.js.map +7 -0
  396. package/inputs/Input/__stories__/TextWithCharacterLimit/index.js +23 -27
  397. package/inputs/Input/__stories__/TextWithCharacterLimit.js.map +7 -0
  398. package/inputs/Input/index.js +43 -61
  399. package/inputs/Input/index.js.map +7 -0
  400. package/inputs/Label/Label.stories/index.js +9 -5
  401. package/inputs/Label/Label.stories.js.map +7 -0
  402. package/inputs/Label/__stories__/Default/index.js +25 -25
  403. package/inputs/Label/__stories__/Default.js.map +7 -0
  404. package/inputs/Label/index.js +15 -14
  405. package/inputs/Label/index.js.map +7 -0
  406. package/inputs/OtpInput/OtpInput.stories/index.js +9 -5
  407. package/inputs/OtpInput/OtpInput.stories.js.map +7 -0
  408. package/inputs/OtpInput/__stories__/Default/index.js +28 -26
  409. package/inputs/OtpInput/__stories__/Default.js.map +7 -0
  410. package/inputs/OtpInput/index.js +76 -87
  411. package/inputs/OtpInput/index.js.map +7 -0
  412. package/inputs/Radio/Radio.stories/index.js +11 -7
  413. package/inputs/Radio/Radio.stories.js.map +7 -0
  414. package/inputs/Radio/__stories__/Conditional/index.js +87 -79
  415. package/inputs/Radio/__stories__/Conditional.d.ts +1 -0
  416. package/inputs/Radio/__stories__/Conditional.js.map +7 -0
  417. package/inputs/Radio/__stories__/Default/index.js +40 -43
  418. package/inputs/Radio/__stories__/Default.js.map +7 -0
  419. package/inputs/Radio/__stories__/WithDivider/index.js +41 -44
  420. package/inputs/Radio/__stories__/WithDivider.js.map +7 -0
  421. package/inputs/Radio/index.js +51 -54
  422. package/inputs/Radio/index.js.map +7 -0
  423. package/inputs/Select/Select.stories/index.js +9 -5
  424. package/inputs/Select/Select.stories.js.map +7 -0
  425. package/inputs/Select/__stories__/Default/index.js +45 -49
  426. package/inputs/Select/__stories__/Default.js.map +7 -0
  427. package/inputs/Select/index.js +20 -30
  428. package/inputs/Select/index.js.map +7 -0
  429. package/inputs/index.js +21 -9
  430. package/inputs/index.js.map +7 -0
  431. package/internal/index.js +51 -34
  432. package/internal.js.map +7 -0
  433. package/lazy/index.js +63 -395
  434. package/lazy.d.ts +1 -1
  435. package/lazy.js.map +7 -0
  436. package/package.json +6 -7
  437. package/registry/index.js +132 -129
  438. package/registry.js.map +7 -0
  439. package/src/Field/FieldBase.tsx +1 -0
  440. package/src/Field/utils.ts +4 -4
  441. package/src/inputs/AutoCompleteInput/AutoComplete.stories.js +1 -0
  442. package/src/inputs/AutoCompleteInput/__stories__/Default.tsx +1 -0
  443. package/src/inputs/AutoCompleteInput/__stories__/Multiple.tsx +46 -0
  444. package/src/inputs/AutoCompleteInput/index.mdx +23 -0
  445. package/src/inputs/AutoCompleteInput/index.tsx +3 -2
  446. package/src/inputs/Checkboxes/__stories__/Conditional.tsx +2 -3
  447. package/src/inputs/Checkboxes/index.mdx +33 -0
  448. package/src/inputs/Checkboxes/index.tsx +2 -2
  449. package/src/inputs/DateInput/index.mdx +23 -0
  450. package/src/inputs/DateInput/index.tsx +1 -1
  451. package/src/inputs/FileInput/index.mdx +19 -0
  452. package/src/inputs/ImageInput/index.mdx +19 -0
  453. package/src/inputs/Input/index.mdx +90 -3
  454. package/src/inputs/OtpInput/index.mdx +23 -0
  455. package/src/inputs/OtpInput/index.tsx +1 -1
  456. package/src/inputs/Radio/__stories__/Conditional.tsx +2 -0
  457. package/src/inputs/Radio/index.mdx +33 -0
  458. package/src/inputs/Select/index.mdx +17 -0
  459. package/types/index.js +1 -1
  460. package/types.js.map +7 -0
  461. package/utils/index.js +35 -73
  462. package/utils.js.map +7 -0
  463. package/validators/index.js +106 -113
  464. package/validators/index.js.map +7 -0
  465. package/validators/types/index.js +1 -1
  466. package/validators/types.js.map +7 -0
  467. package/validators/utils/afm/index.js +16 -16
  468. package/validators/utils/afm.js.map +7 -0
  469. package/validators/utils/file/index.js +21 -41
  470. package/validators/utils/file.js.map +7 -0
  471. package/validators/utils/iban/index.js +14 -12
  472. package/validators/utils/iban.js.map +7 -0
  473. package/validators/utils/image/index.js +66 -106
  474. package/validators/utils/image.js.map +7 -0
  475. package/validators/utils/index.js +45 -47
  476. package/validators/utils/index.js.map +7 -0
  477. package/validators/utils/int/index.js +12 -7
  478. package/validators/utils/int.js.map +7 -0
  479. package/validators/utils/number/index.js +11 -6
  480. package/validators/utils/number.js.map +7 -0
  481. package/validators/utils/otp/index.js +13 -8
  482. package/validators/utils/otp.js.map +7 -0
  483. package/validators/utils/phone/index.js +82 -51
  484. package/validators/utils/phone.js.map +7 -0
  485. package/validators/utils/postal_code/index.js +14 -11
  486. package/validators/utils/postal_code.js.map +7 -0
  487. package/validators/utils/text_limit/index.js +18 -20
  488. package/validators/utils/text_limit.js.map +7 -0
  489. package/validators/utils/uuid4/index.js +12 -8
  490. package/validators/utils/uuid4.js.map +7 -0
  491. package/validators/validators.spec/index.js +64 -58
  492. package/validators/validators.spec.js.map +7 -0
  493. package/Field/index.mdx +0 -6
  494. package/FieldArray/FieldArray.stories.playwright.json +0 -353
  495. package/FormBuilder/FormBuilder.mdx +0 -256
  496. package/FormBuilder/FormBuilder.stories.playwright.json +0 -52
  497. package/MultiplicityField/MultiplicityField.mdx +0 -590
  498. package/MultiplicityField/MultiplicityField.stories.playwright.json +0 -1370
  499. package/Questions/__snapshots__/index.spec.tsx.snap +0 -596
  500. package/Questions/index.mdx +0 -415
  501. package/cjs/Field/index.mdx +0 -6
  502. package/cjs/FieldArray/FieldArray.stories.playwright.json +0 -353
  503. package/cjs/FormBuilder/FormBuilder.mdx +0 -256
  504. package/cjs/FormBuilder/FormBuilder.stories.playwright.json +0 -52
  505. package/cjs/MultiplicityField/MultiplicityField.mdx +0 -590
  506. package/cjs/MultiplicityField/MultiplicityField.stories.playwright.json +0 -1370
  507. package/cjs/Questions/__snapshots__/index.spec.tsx.snap +0 -596
  508. package/cjs/Questions/index.mdx +0 -415
  509. package/cjs/create-simple-form.mdx +0 -539
  510. package/cjs/index.mdx +0 -51
  511. package/cjs/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -85
  512. package/cjs/inputs/Checkboxes/index.mdx +0 -0
  513. package/cjs/inputs/DateInput/DateInput.stories.playwright.json +0 -72
  514. package/cjs/inputs/FileInput/FileInput.stories.playwright.json +0 -75
  515. package/cjs/inputs/ImageInput/ImageInput.stories.playwright.json +0 -77
  516. package/cjs/inputs/Input/Input.stories.playwright.json +0 -376
  517. package/cjs/inputs/Input/index.mdx +0 -8
  518. package/cjs/inputs/Label/Label.stories.playwright.json +0 -40
  519. package/cjs/inputs/Label/index.mdx +0 -0
  520. package/cjs/inputs/Radio/Radio.stories.playwright.json +0 -73
  521. package/cjs/inputs/Radio/index.mdx +0 -0
  522. package/cjs/inputs/Select/Select.stories.playwright.json +0 -22
  523. package/cjs/installation.mdx +0 -68
  524. package/create-simple-form.mdx +0 -539
  525. package/index.mdx +0 -51
  526. package/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -85
  527. package/inputs/Checkboxes/index.mdx +0 -0
  528. package/inputs/DateInput/DateInput.stories.playwright.json +0 -72
  529. package/inputs/FileInput/FileInput.stories.playwright.json +0 -75
  530. package/inputs/ImageInput/ImageInput.stories.playwright.json +0 -77
  531. package/inputs/Input/Input.stories.playwright.json +0 -376
  532. package/inputs/Input/index.mdx +0 -8
  533. package/inputs/Label/Label.stories.playwright.json +0 -40
  534. package/inputs/Label/index.mdx +0 -0
  535. package/inputs/Radio/Radio.stories.playwright.json +0 -73
  536. package/inputs/Radio/index.mdx +0 -0
  537. package/inputs/Select/Select.stories.playwright.json +0 -22
  538. package/installation.mdx +0 -68
@@ -1,74 +1,84 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getProtoOf = Object.getPrototypeOf;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, {get: all[name], enumerable: true});
11
+ };
12
+ var __reExport = (target, module2, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && key !== "default")
16
+ __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
17
+ }
18
+ return target;
19
+ };
20
+ var __toModule = (module2) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
22
+ };
23
+ __markAsModule(exports);
24
+ __export(exports, {
25
+ OtpInput: () => OtpInput,
26
+ REMOVE_SPACES: () => REMOVE_SPACES,
27
+ RE_DIGIT: () => RE_DIGIT,
28
+ default: () => OtpInput_default
7
29
  });
8
- exports["default"] = exports.RE_DIGIT = exports.REMOVE_SPACES = exports.OtpInput = void 0;
9
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
- var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
11
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
12
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
13
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
14
- var _react = _interopRequireWildcard(require("react"));
15
- var _SingleCharacterInputs = _interopRequireWildcard(require("@digigov/ui/cjs/form/SingleCharacterInputs"));
16
- var _excluded = ["name", "maxLength"];
17
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
18
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
19
- var RE_DIGIT = exports.RE_DIGIT = new RegExp(/^\d+$/);
20
- var REMOVE_SPACES = exports.REMOVE_SPACES = new RegExp(/\s+/g);
30
+ var import_react = __toModule(require("react"));
31
+ var import_SingleCharacterInputs = __toModule(require("@digigov/ui/form/SingleCharacterInputs"));
32
+ const RE_DIGIT = new RegExp(/^\d+$/);
33
+ const REMOVE_SPACES = new RegExp(/\s+/g);
21
34
  function useOtp(onChange, maxLength) {
22
- var _useState = (0, _react.useState)(Array(maxLength).fill('')),
23
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
24
- otpValues = _useState2[0],
25
- setOtpValues = _useState2[1];
26
- var handleChange = (0, _react.useCallback)(function (otp) {
35
+ const [otpValues, setOtpValues] = (0, import_react.useState)(Array(maxLength).fill(""));
36
+ const handleChange = (0, import_react.useCallback)((otp) => {
27
37
  setOtpValues(otp);
28
- var otpValue = otp.join('');
38
+ const otpValue = otp.join("");
29
39
  onChange(otpValue);
30
40
  }, [onChange]);
31
- var setOtp = function setOtp(item, idx) {
32
- var updatedOTPValues = (0, _toConsumableArray2["default"])(otpValues);
41
+ const setOtp = (item, idx) => {
42
+ const updatedOTPValues = [...otpValues];
33
43
  if (item.length === 1 || item.length === 0) {
34
- updatedOTPValues[idx] = item[0] || '';
44
+ updatedOTPValues[idx] = item[0] || "";
35
45
  handleChange(updatedOTPValues);
36
46
  } else if (item.length === maxLength) {
37
- var valueArray = item.split('').slice(0, maxLength);
47
+ const valueArray = item.split("").slice(0, maxLength);
38
48
  handleChange(valueArray);
39
49
  }
40
50
  };
41
- var setSelectionRange = (0, _react.useCallback)(function (target) {
51
+ const setSelectionRange = (0, import_react.useCallback)((target) => {
42
52
  return target.setSelectionRange(0, target.value.length);
43
53
  }, []);
44
- var focusToNextInput = (0, _react.useCallback)(function (target) {
45
- var nextElement = target.nextElementSibling;
54
+ const focusToNextInput = (0, import_react.useCallback)((target) => {
55
+ const nextElement = target.nextElementSibling;
46
56
  if (nextElement) {
47
57
  nextElement.focus();
48
58
  }
49
59
  }, []);
50
- var focusToPrevInput = (0, _react.useCallback)(function (target) {
51
- var previousElement = target.previousElementSibling;
60
+ const focusToPrevInput = (0, import_react.useCallback)((target) => {
61
+ const previousElement = target.previousElementSibling;
52
62
  if (previousElement) {
53
63
  previousElement.focus();
54
64
  }
55
65
  }, []);
56
- var handleKeyDown = (0, _react.useCallback)(function (e, idx) {
57
- var key = e.key;
58
- var target = e.target;
59
- var targetValue = target.value;
66
+ const handleKeyDown = (0, import_react.useCallback)((e, idx) => {
67
+ const {key} = e;
68
+ const target = e.target;
69
+ let targetValue = target.value;
60
70
  setSelectionRange(target);
61
- if (key === 'ArrowRight' || key === 'ArrowDown') {
71
+ if (key === "ArrowRight" || key === "ArrowDown") {
62
72
  e.preventDefault();
63
73
  return focusToNextInput(target);
64
74
  }
65
- if (key === 'ArrowLeft' || key === 'ArrowUp') {
75
+ if (key === "ArrowLeft" || key === "ArrowUp") {
66
76
  e.preventDefault();
67
77
  return focusToPrevInput(target);
68
78
  }
69
- if (e.key === 'Backspace' || e.key === 'Delete') {
70
- if (targetValue !== '') {
71
- targetValue = '';
79
+ if (e.key === "Backspace" || e.key === "Delete") {
80
+ if (targetValue !== "") {
81
+ targetValue = "";
72
82
  } else {
73
83
  focusToPrevInput(target);
74
84
  }
@@ -76,17 +86,15 @@ function useOtp(onChange, maxLength) {
76
86
  return e.preventDefault();
77
87
  }
78
88
  }, [setOtp, focusToPrevInput, focusToNextInput]);
79
- var handleFocus = (0, _react.useCallback)(function (e) {
80
- var target = e.target;
89
+ const handleFocus = (0, import_react.useCallback)((e) => {
90
+ const {target} = e;
81
91
  setSelectionRange(target);
82
92
  }, [setSelectionRange]);
83
- var handleOtpChange = (0, _react.useCallback)(function (e, idx) {
84
- var target = e.target;
85
- var targetValue = target.value;
86
- var isTargetValueDigit = RE_DIGIT.test(targetValue);
87
- // We want to pass the empty string when the value is deleted
88
- // emptry string replaces the deleted value
89
- if (isTargetValueDigit || targetValue === '') {
93
+ const handleOtpChange = (0, import_react.useCallback)((e, idx) => {
94
+ const target = e.target;
95
+ const targetValue = target.value;
96
+ const isTargetValueDigit = RE_DIGIT.test(targetValue);
97
+ if (isTargetValueDigit || targetValue === "") {
90
98
  setOtp(targetValue, idx);
91
99
  if (target.value.length > 1) {
92
100
  target.blur();
@@ -94,57 +102,55 @@ function useOtp(onChange, maxLength) {
94
102
  focusToNextInput(target);
95
103
  }
96
104
  }, [setOtp, handleKeyDown, handleFocus]);
97
- var handlePaste = (0, _react.useCallback)(function (e) {
105
+ const handlePaste = (0, import_react.useCallback)((e) => {
98
106
  e.preventDefault();
99
- var pastedData = e.clipboardData.getData('text/plain').replace(REMOVE_SPACES, '');
107
+ const pastedData = e.clipboardData.getData("text/plain").replace(REMOVE_SPACES, "");
100
108
  if (pastedData) {
101
109
  setOtp(pastedData, 0);
102
110
  }
103
111
  }, []);
104
112
  return {
105
- otpValues: otpValues,
106
- handleOtpChange: handleOtpChange,
107
- handleKeyDown: handleKeyDown,
108
- handleFocus: handleFocus,
109
- handlePaste: handlePaste
113
+ otpValues,
114
+ handleOtpChange,
115
+ handleKeyDown,
116
+ handleFocus,
117
+ handlePaste
110
118
  };
111
119
  }
112
- var SingleCharacterInputPart = function SingleCharacterInputPart(_ref) {
113
- var props = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
114
- return /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputs.SingleCharacterInput, props);
120
+ const SingleCharacterInputPart = ({...props}) => {
121
+ return /* @__PURE__ */ import_react.default.createElement(import_SingleCharacterInputs.SingleCharacterInput, {
122
+ ...props
123
+ });
115
124
  };
116
- var OtpInput = exports.OtpInput = function OtpInput(_ref2) {
117
- var name = _ref2.name,
118
- _ref2$maxLength = _ref2.maxLength,
119
- maxLength = _ref2$maxLength === void 0 ? 6 : _ref2$maxLength,
120
- props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
121
- var otp = useOtp(props.onChange, maxLength);
122
- return /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputs["default"], null, otp.otpValues.map(function (digit, idx) {
123
- return /*#__PURE__*/_react["default"].createElement(SingleCharacterInputPart, {
124
- name: "".concat(name, "-").concat(idx),
125
- type: "text",
126
- key: idx,
127
- autoComplete: "one-time-code",
128
- pattern: "\\d{1}",
129
- maxLength: maxLength,
130
- value: digit,
131
- disabled: props.disabled,
132
- "aria-required": props['aria-required'],
133
- onChange: function onChange(e) {
134
- return otp.handleOtpChange(e, idx);
135
- },
136
- onInput: function onInput(e) {
137
- if (e.target.value === digit) {
138
- otp.handleOtpChange(e, idx);
139
- }
140
- },
141
- onKeyDown: function onKeyDown(e) {
142
- return otp.handleKeyDown(e, idx);
143
- },
144
- onFocus: otp.handleFocus,
145
- onPaste: otp.handlePaste,
146
- error: !digit ? props.error : false
147
- });
148
- }));
125
+ const OtpInput = ({name, maxLength = 6, ...props}) => {
126
+ const otp = useOtp(props.onChange, maxLength);
127
+ return /* @__PURE__ */ import_react.default.createElement(import_SingleCharacterInputs.default, null, otp.otpValues.map((digit, idx) => /* @__PURE__ */ import_react.default.createElement(SingleCharacterInputPart, {
128
+ name: `${name}-${idx}`,
129
+ type: "text",
130
+ key: idx,
131
+ autoComplete: "one-time-code",
132
+ pattern: "\\d{1}",
133
+ maxLength,
134
+ value: digit,
135
+ disabled: props.disabled,
136
+ "aria-required": props["aria-required"],
137
+ onChange: (e) => otp.handleOtpChange(e, idx),
138
+ onInput: (e) => {
139
+ if (e.target.value === digit) {
140
+ otp.handleOtpChange(e, idx);
141
+ }
142
+ },
143
+ onKeyDown: (e) => otp.handleKeyDown(e, idx),
144
+ onFocus: otp.handleFocus,
145
+ onPaste: otp.handlePaste,
146
+ error: !digit ? props.error : false
147
+ })));
149
148
  };
150
- var _default = exports["default"] = OtpInput;
149
+ var OtpInput_default = OtpInput;
150
+ // Annotate the CommonJS export names for ESM import in node:
151
+ 0 && (module.exports = {
152
+ OtpInput,
153
+ REMOVE_SPACES,
154
+ RE_DIGIT
155
+ });
156
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/inputs/OtpInput/index.tsx"],
4
+ "sourcesContent": ["import React, { useState, useCallback } from 'react';\nimport SingleCharacterInputs, {\n SingleCharacterInput,\n} from '@digigov/ui/form/SingleCharacterInputs';\n\nexport const RE_DIGIT = new RegExp(/^\\d+$/);\nexport const REMOVE_SPACES = new RegExp(/\\s+/g);\n\nfunction useOtp(onChange, maxLength) {\n const [otpValues, setOtpValues] = useState(Array<string>(maxLength).fill(''));\n const handleChange = useCallback(\n (otp: string[]) => {\n setOtpValues(otp);\n const otpValue = otp.join('');\n onChange(otpValue);\n },\n [onChange]\n );\n\n const setOtp = (item: string, idx) => {\n const updatedOTPValues = [...otpValues];\n if (item.length === 1 || item.length === 0) {\n updatedOTPValues[idx] = item[0] || '';\n handleChange(updatedOTPValues);\n } else if (item.length === maxLength) {\n const valueArray = item.split('').slice(0, maxLength);\n handleChange(valueArray);\n }\n };\n\n const setSelectionRange = useCallback((target) => {\n return target.setSelectionRange(0, target.value.length);\n }, []);\n\n const focusToNextInput = useCallback((target: HTMLElement) => {\n const nextElement = target.nextElementSibling as HTMLInputElement | null;\n if (nextElement) {\n nextElement.focus();\n }\n }, []);\n\n const focusToPrevInput = useCallback((target: HTMLElement) => {\n const previousElement = target.previousElementSibling as HTMLInputElement | null;\n if (previousElement) {\n previousElement.focus();\n }\n }, []);\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>, idx: number) => {\n const { key } = e;\n const target = e.target as HTMLInputElement;\n let targetValue = target.value;\n setSelectionRange(target);\n if (key === 'ArrowRight' || key === 'ArrowDown') {\n e.preventDefault();\n return focusToNextInput(target);\n }\n if (key === 'ArrowLeft' || key === 'ArrowUp') {\n e.preventDefault();\n return focusToPrevInput(target);\n }\n if (e.key === 'Backspace' || e.key === 'Delete') {\n if (targetValue !== '') {\n targetValue = '';\n } else {\n focusToPrevInput(target);\n }\n setOtp(targetValue, idx);\n return e.preventDefault();\n }\n },\n [setOtp, focusToPrevInput, focusToNextInput]\n );\n\n const handleFocus = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n const { target } = e;\n setSelectionRange(target);\n },\n [setSelectionRange]\n );\n const handleOtpChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>, idx: number) => {\n const target = e.target;\n const targetValue = target.value;\n const isTargetValueDigit = RE_DIGIT.test(targetValue);\n // We want to pass the empty string when the value is deleted\n // emptry string replaces the deleted value\n if (isTargetValueDigit || targetValue === '') {\n setOtp(targetValue, idx);\n if (target.value.length > 1) {\n target.blur();\n }\n focusToNextInput(target);\n }\n },\n [setOtp, handleKeyDown, handleFocus]\n );\n\n const handlePaste = useCallback(\n (e: React.ClipboardEvent<HTMLInputElement>) => {\n e.preventDefault();\n const pastedData = e.clipboardData\n .getData('text/plain')\n .replace(REMOVE_SPACES, '');\n if (pastedData) {\n setOtp(pastedData, 0);\n }\n },\n []\n );\n return {\n otpValues,\n handleOtpChange,\n handleKeyDown,\n handleFocus,\n handlePaste,\n };\n}\n\nconst SingleCharacterInputPart = ({ ...props }) => {\n return <SingleCharacterInput {...props} />;\n};\n\nexport const OtpInput = ({ name, maxLength = 6, ...props }) => {\n const otp = useOtp(props.onChange, maxLength);\n return (\n <SingleCharacterInputs>\n {otp.otpValues.map((digit, idx) => (\n <SingleCharacterInputPart\n name={`${name}-${idx}`}\n type=\"text\"\n key={idx}\n autoComplete=\"one-time-code\"\n pattern=\"\\d{1}\"\n maxLength={maxLength}\n value={digit}\n disabled={props.disabled}\n aria-required={props['aria-required']}\n onChange={(e) => otp.handleOtpChange(e, idx)}\n onInput={(e) => {\n if (e.target.value === digit) {\n otp.handleOtpChange(e, idx);\n }\n }}\n onKeyDown={(e) => otp.handleKeyDown(e, idx)}\n onFocus={otp.handleFocus}\n onPaste={otp.handlePaste}\n error={!digit ? props.error : false}\n />\n ))}\n </SingleCharacterInputs>\n );\n};\n\nexport default OtpInput;\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6C;AAC7C,mCAEO;AAEA,MAAM,WAAW,IAAI,OAAO;AAC5B,MAAM,gBAAgB,IAAI,OAAO;AAExC,gBAAgB,UAAU,WAAW;AACnC,QAAM,CAAC,WAAW,gBAAgB,2BAAS,MAAc,WAAW,KAAK;AACzE,QAAM,eAAe,8BACnB,CAAC,QAAkB;AACjB,iBAAa;AACb,UAAM,WAAW,IAAI,KAAK;AAC1B,aAAS;AAAA,KAEX,CAAC;AAGH,QAAM,SAAS,CAAC,MAAc,QAAQ;AACpC,UAAM,mBAAmB,CAAC,GAAG;AAC7B,QAAI,KAAK,WAAW,KAAK,KAAK,WAAW,GAAG;AAC1C,uBAAiB,OAAO,KAAK,MAAM;AACnC,mBAAa;AAAA,eACJ,KAAK,WAAW,WAAW;AACpC,YAAM,aAAa,KAAK,MAAM,IAAI,MAAM,GAAG;AAC3C,mBAAa;AAAA;AAAA;AAIjB,QAAM,oBAAoB,8BAAY,CAAC,WAAW;AAChD,WAAO,OAAO,kBAAkB,GAAG,OAAO,MAAM;AAAA,KAC/C;AAEH,QAAM,mBAAmB,8BAAY,CAAC,WAAwB;AAC5D,UAAM,cAAc,OAAO;AAC3B,QAAI,aAAa;AACf,kBAAY;AAAA;AAAA,KAEb;AAEH,QAAM,mBAAmB,8BAAY,CAAC,WAAwB;AAC5D,UAAM,kBAAkB,OAAO;AAC/B,QAAI,iBAAiB;AACnB,sBAAgB;AAAA;AAAA,KAEjB;AAEH,QAAM,gBAAgB,8BACpB,CAAC,GAA0C,QAAgB;AACzD,UAAM,CAAE,OAAQ;AAChB,UAAM,SAAS,EAAE;AACjB,QAAI,cAAc,OAAO;AACzB,sBAAkB;AAClB,QAAI,QAAQ,gBAAgB,QAAQ,aAAa;AAC/C,QAAE;AACF,aAAO,iBAAiB;AAAA;AAE1B,QAAI,QAAQ,eAAe,QAAQ,WAAW;AAC5C,QAAE;AACF,aAAO,iBAAiB;AAAA;AAE1B,QAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,UAAU;AAC/C,UAAI,gBAAgB,IAAI;AACtB,sBAAc;AAAA,aACT;AACL,yBAAiB;AAAA;AAEnB,aAAO,aAAa;AACpB,aAAO,EAAE;AAAA;AAAA,KAGb,CAAC,QAAQ,kBAAkB;AAG7B,QAAM,cAAc,8BAClB,CAAC,MAA0C;AACzC,UAAM,CAAE,UAAW;AACnB,sBAAkB;AAAA,KAEpB,CAAC;AAEH,QAAM,kBAAkB,8BACtB,CAAC,GAAwC,QAAgB;AACvD,UAAM,SAAS,EAAE;AACjB,UAAM,cAAc,OAAO;AAC3B,UAAM,qBAAqB,SAAS,KAAK;AAGzC,QAAI,sBAAsB,gBAAgB,IAAI;AAC5C,aAAO,aAAa;AACpB,UAAI,OAAO,MAAM,SAAS,GAAG;AAC3B,eAAO;AAAA;AAET,uBAAiB;AAAA;AAAA,KAGrB,CAAC,QAAQ,eAAe;AAG1B,QAAM,cAAc,8BAClB,CAAC,MAA8C;AAC7C,MAAE;AACF,UAAM,aAAa,EAAE,cAClB,QAAQ,cACR,QAAQ,eAAe;AAC1B,QAAI,YAAY;AACd,aAAO,YAAY;AAAA;AAAA,KAGvB;AAEF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,MAAM,2BAA2B,CAAC,IAAK,WAAY;AACjD,SAAO,mDAAC,mDAAD;AAAA,OAA0B;AAAA;AAAA;AAG5B,MAAM,WAAW,CAAC,CAAE,MAAM,YAAY,MAAM,WAAY;AAC7D,QAAM,MAAM,OAAO,MAAM,UAAU;AACnC,SACE,mDAAC,sCAAD,MACG,IAAI,UAAU,IAAI,CAAC,OAAO,QACzB,mDAAC,0BAAD;AAAA,IACE,MAAM,GAAG,QAAQ;AAAA,IACjB,MAAK;AAAA,IACL,KAAK;AAAA,IACL,cAAa;AAAA,IACb,SAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,UAAU,MAAM;AAAA,IAChB,iBAAe,MAAM;AAAA,IACrB,UAAU,CAAC,MAAM,IAAI,gBAAgB,GAAG;AAAA,IACxC,SAAS,CAAC,MAAM;AACd,UAAI,EAAE,OAAO,UAAU,OAAO;AAC5B,YAAI,gBAAgB,GAAG;AAAA;AAAA;AAAA,IAG3B,WAAW,CAAC,MAAM,IAAI,cAAc,GAAG;AAAA,IACvC,SAAS,IAAI;AAAA,IACb,SAAS,IAAI;AAAA,IACb,OAAO,CAAC,QAAQ,MAAM,QAAQ;AAAA;AAAA;AAOxC,IAAO,mBAAQ;",
6
+ "names": []
7
+ }
@@ -1,50 +1,38 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getProtoOf = Object.getPrototypeOf;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, {get: all[name], enumerable: true});
11
+ };
12
+ var __reExport = (target, module2, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && key !== "default")
16
+ __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
17
+ }
18
+ return target;
19
+ };
20
+ var __toModule = (module2) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
22
+ };
23
+ __markAsModule(exports);
24
+ __export(exports, {
25
+ default: () => Radio_stories_default
6
26
  });
7
- var _exportNames = {};
8
- exports["default"] = void 0;
9
- var _Radio = _interopRequireDefault(require("@digigov/form/inputs/Radio"));
10
- var _Default = require("@digigov/form/inputs/Radio/__stories__/Default");
11
- Object.keys(_Default).forEach(function (key) {
12
- if (key === "default" || key === "__esModule") return;
13
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
14
- if (key in exports && exports[key] === _Default[key]) return;
15
- Object.defineProperty(exports, key, {
16
- enumerable: true,
17
- get: function get() {
18
- return _Default[key];
19
- }
20
- });
21
- });
22
- var _WithDivider = require("@digigov/form/inputs/Radio/__stories__/WithDivider");
23
- Object.keys(_WithDivider).forEach(function (key) {
24
- if (key === "default" || key === "__esModule") return;
25
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
26
- if (key in exports && exports[key] === _WithDivider[key]) return;
27
- Object.defineProperty(exports, key, {
28
- enumerable: true,
29
- get: function get() {
30
- return _WithDivider[key];
31
- }
32
- });
33
- });
34
- var _Conditional = require("@digigov/form/inputs/Radio/__stories__/Conditional");
35
- Object.keys(_Conditional).forEach(function (key) {
36
- if (key === "default" || key === "__esModule") return;
37
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
38
- if (key in exports && exports[key] === _Conditional[key]) return;
39
- Object.defineProperty(exports, key, {
40
- enumerable: true,
41
- get: function get() {
42
- return _Conditional[key];
43
- }
44
- });
45
- });
46
- var _default = exports["default"] = {
47
- title: 'Digigov Form/inputs/Radio',
48
- component: _Radio["default"],
49
- displayName: 'Radio'
50
- };
27
+ var import_Radio = __toModule(require("@digigov/form/inputs/Radio"));
28
+ __reExport(exports, __toModule(require("@digigov/form/inputs/Radio/__stories__/Default")));
29
+ __reExport(exports, __toModule(require("@digigov/form/inputs/Radio/__stories__/WithDivider")));
30
+ __reExport(exports, __toModule(require("@digigov/form/inputs/Radio/__stories__/Conditional")));
31
+ var Radio_stories_default = {
32
+ title: "Digigov Form/inputs/Radio",
33
+ component: import_Radio.default,
34
+ displayName: "Radio"
35
+ };
36
+ // Annotate the CommonJS export names for ESM import in node:
37
+ 0 && (module.exports = {});
38
+ //# sourceMappingURL=Radio.stories.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/inputs/Radio/Radio.stories.js"],
4
+ "sourcesContent": ["import Radio from '@digigov/form/inputs/Radio';\nexport default {\n title: 'Digigov Form/inputs/Radio',\n component: Radio,\n displayName: 'Radio',\n};\nexport * from '@digigov/form/inputs/Radio/__stories__/Default';\nexport * from '@digigov/form/inputs/Radio/__stories__/WithDivider';\nexport * from '@digigov/form/inputs/Radio/__stories__/Conditional';\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAMlB,oBAAc;AACd,oBAAc;AACd,oBAAc;AAPd,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA;",
6
+ "names": []
7
+ }
@@ -1,102 +1,127 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getProtoOf = Object.getPrototypeOf;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, {get: all[name], enumerable: true});
11
+ };
12
+ var __reExport = (target, module2, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && key !== "default")
16
+ __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
17
+ }
18
+ return target;
19
+ };
20
+ var __toModule = (module2) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
22
+ };
23
+ __markAsModule(exports);
24
+ __export(exports, {
25
+ Conditional: () => Conditional,
26
+ default: () => Conditional_default
7
27
  });
8
- exports.Conditional = void 0;
9
- var _react = _interopRequireDefault(require("react"));
10
- var _form = _interopRequireWildcard(require("@digigov/form"));
11
- var _Button = require("@digigov/ui/cjs/form/Button");
12
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
14
- var fields = [{
15
- key: 'landline',
16
- type: 'phone_number',
17
- label: {
18
- secondary: 'Εισάγετε το νούμερο του σταθερού σας τηλεφώνου.'
19
- },
20
- enabled: false,
21
- condition: {
22
- auth_form: {
23
- is: 'via_mobile_phone',
24
- then: {
25
- enabled: true,
26
- required: true
28
+ var import_react = __toModule(require("react"));
29
+ var import_form = __toModule(require("@digigov/form"));
30
+ var import_Button = __toModule(require("@digigov/ui/form/Button"));
31
+ const fields = [
32
+ {
33
+ key: "landline",
34
+ type: "phone_number",
35
+ label: {
36
+ secondary: "\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03BD\u03BF\u03CD\u03BC\u03B5\u03C1\u03BF \u03C4\u03BF\u03C5 \u03C3\u03C4\u03B1\u03B8\u03B5\u03C1\u03BF\u03CD \u03C3\u03B1\u03C2 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5."
37
+ },
38
+ enabled: false,
39
+ condition: {
40
+ auth_form: {
41
+ is: "via_mobile_phone",
42
+ then: {
43
+ enabled: true,
44
+ required: true
45
+ }
27
46
  }
28
47
  }
29
- }
30
- }, {
31
- key: 'mobile_phone',
32
- type: 'mobile_phone',
33
- label: {
34
- secondary: 'Εισάγετε το νούμερο του κινητού σας τηλεφώνου.'
35
48
  },
36
- enabled: false,
37
- condition: {
38
- auth_form: {
39
- is: 'via_mobile_phone',
40
- then: {
41
- enabled: true,
42
- required: true
49
+ {
50
+ key: "mobile_phone",
51
+ type: "mobile_phone",
52
+ label: {
53
+ secondary: "\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03BD\u03BF\u03CD\u03BC\u03B5\u03C1\u03BF \u03C4\u03BF\u03C5 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C3\u03B1\u03C2 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5."
54
+ },
55
+ enabled: false,
56
+ condition: {
57
+ auth_form: {
58
+ is: "via_mobile_phone",
59
+ then: {
60
+ enabled: true,
61
+ required: true
62
+ }
43
63
  }
44
64
  }
45
- }
46
- }, {
47
- key: 'email',
48
- type: 'email',
49
- label: {
50
- secondary: 'Εισάγετε την διεύθυνση του ηλεκτρονικού σας ταχυδρομείου.'
51
65
  },
52
- enabled: false,
53
- condition: {
54
- auth_form: {
55
- is: 'via_email',
56
- then: {
57
- enabled: true,
58
- required: true
66
+ {
67
+ key: "email",
68
+ type: "email",
69
+ label: {
70
+ secondary: "\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03C4\u03BF\u03C5 \u03B7\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03BF\u03CD \u03C3\u03B1\u03C2 \u03C4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B5\u03AF\u03BF\u03C5."
71
+ },
72
+ enabled: false,
73
+ condition: {
74
+ auth_form: {
75
+ is: "via_email",
76
+ then: {
77
+ enabled: true,
78
+ required: true
79
+ }
59
80
  }
60
81
  }
61
- }
62
- }, {
63
- key: 'auth_form',
64
- type: 'choice:single',
65
- required: true,
66
- label: {
67
- primary: 'Επιλέξτε μέθοδο πιστοποίησης',
68
- secondary: 'Για την ολοκλήρωση της δήλωσης σας, θα χρειαστεί επιπλέον πιστοποίηση. Θα σας στείλουμε ένα κωδικό μιας χρήσης είτε στο τηλέφωνο είτε στην ηλεκτρονική σας διεύθυνση.'
69
82
  },
70
- extra: {
71
- options: [{
72
- key: 'via_mobile_phone',
73
- label: {
74
- primary: 'Mέσω κινητού τηλεφώνου'
75
- },
76
- value: 'via_mobile_phone',
77
- show: ['mobile_phone', 'landline']
78
- }, {
79
- key: 'via_email',
80
- label: {
81
- primary: 'Μέσω διεύθυνσης ηλεκτρονικού ταχυδρομείου (e-mail)'
82
- },
83
- value: 'via_email',
84
- show: ['email']
85
- }]
83
+ {
84
+ key: "auth_form",
85
+ type: "choice:single",
86
+ required: true,
87
+ label: {
88
+ primary: "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03BC\u03AD\u03B8\u03BF\u03B4\u03BF \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2",
89
+ secondary: "\u0393\u03B9\u03B1 \u03C4\u03B7\u03BD \u03BF\u03BB\u03BF\u03BA\u03BB\u03AE\u03C1\u03C9\u03C3\u03B7 \u03C4\u03B7\u03C2 \u03B4\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2 \u03C3\u03B1\u03C2, \u03B8\u03B1 \u03C7\u03C1\u03B5\u03B9\u03B1\u03C3\u03C4\u03B5\u03AF \u03B5\u03C0\u03B9\u03C0\u03BB\u03AD\u03BF\u03BD \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7. \u0398\u03B1 \u03C3\u03B1\u03C2 \u03C3\u03C4\u03B5\u03AF\u03BB\u03BF\u03C5\u03BC\u03B5 \u03AD\u03BD\u03B1 \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03BC\u03B9\u03B1\u03C2 \u03C7\u03C1\u03AE\u03C3\u03B7\u03C2 \u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03BF \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B7\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7."
90
+ },
91
+ extra: {
92
+ options: [
93
+ {
94
+ key: "via_mobile_phone",
95
+ label: {primary: "M\u03AD\u03C3\u03C9 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"},
96
+ value: "via_mobile_phone",
97
+ show: ["mobile_phone", "landline"]
98
+ },
99
+ {
100
+ key: "via_email",
101
+ label: {
102
+ primary: "\u039C\u03AD\u03C3\u03C9 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2 \u03B7\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03BF\u03CD \u03C4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B5\u03AF\u03BF\u03C5 (e-mail)"
103
+ },
104
+ value: "via_email",
105
+ show: ["email"]
106
+ }
107
+ ]
108
+ }
86
109
  }
87
- }];
88
- var _ref = /*#__PURE__*/_react["default"].createElement(_form.Field, {
110
+ ];
111
+ const Conditional = () => /* @__PURE__ */ import_react.default.createElement(import_form.default, {
112
+ onSubmit: (data) => {
113
+ console.log(data);
114
+ },
115
+ fields
116
+ }, /* @__PURE__ */ import_react.default.createElement(import_form.Field, {
89
117
  key: "auth_form",
90
118
  name: "auth_form"
91
- });
92
- var _ref2 = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
119
+ }), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, {
93
120
  type: "submit"
94
- }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
95
- var Conditional = exports.Conditional = function Conditional() {
96
- return /*#__PURE__*/_react["default"].createElement(_form["default"], {
97
- onSubmit: function onSubmit(data) {
98
- console.log(data);
99
- },
100
- fields: fields
101
- }, _ref, _ref2);
102
- };
121
+ }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
122
+ var Conditional_default = Conditional;
123
+ // Annotate the CommonJS export names for ESM import in node:
124
+ 0 && (module.exports = {
125
+ Conditional
126
+ });
127
+ //# sourceMappingURL=Conditional.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../src/inputs/Radio/__stories__/Conditional.tsx"],
4
+ "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field, FieldSpec } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nconst fields: FieldSpec[] = [\n {\n key: 'landline',\n type: 'phone_number',\n label: {\n secondary: '\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03BD\u03BF\u03CD\u03BC\u03B5\u03C1\u03BF \u03C4\u03BF\u03C5 \u03C3\u03C4\u03B1\u03B8\u03B5\u03C1\u03BF\u03CD \u03C3\u03B1\u03C2 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5.',\n },\n enabled: false,\n condition: {\n auth_form: {\n is: 'via_mobile_phone',\n then: {\n enabled: true,\n required: true,\n },\n },\n },\n },\n {\n key: 'mobile_phone',\n type: 'mobile_phone',\n label: {\n secondary: '\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03BD\u03BF\u03CD\u03BC\u03B5\u03C1\u03BF \u03C4\u03BF\u03C5 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C3\u03B1\u03C2 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5.',\n },\n enabled: false,\n condition: {\n auth_form: {\n is: 'via_mobile_phone',\n then: {\n enabled: true,\n required: true,\n },\n },\n },\n },\n {\n key: 'email',\n type: 'email',\n label: {\n secondary: '\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03C4\u03BF\u03C5 \u03B7\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03BF\u03CD \u03C3\u03B1\u03C2 \u03C4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B5\u03AF\u03BF\u03C5.',\n },\n enabled: false,\n condition: {\n auth_form: {\n is: 'via_email',\n then: {\n enabled: true,\n required: true,\n },\n },\n },\n },\n {\n key: 'auth_form',\n type: 'choice:single',\n required: true,\n label: {\n primary: '\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03BC\u03AD\u03B8\u03BF\u03B4\u03BF \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2',\n secondary:\n '\u0393\u03B9\u03B1 \u03C4\u03B7\u03BD \u03BF\u03BB\u03BF\u03BA\u03BB\u03AE\u03C1\u03C9\u03C3\u03B7 \u03C4\u03B7\u03C2 \u03B4\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2 \u03C3\u03B1\u03C2, \u03B8\u03B1 \u03C7\u03C1\u03B5\u03B9\u03B1\u03C3\u03C4\u03B5\u03AF \u03B5\u03C0\u03B9\u03C0\u03BB\u03AD\u03BF\u03BD \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7. \u0398\u03B1 \u03C3\u03B1\u03C2 \u03C3\u03C4\u03B5\u03AF\u03BB\u03BF\u03C5\u03BC\u03B5 \u03AD\u03BD\u03B1 \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03BC\u03B9\u03B1\u03C2 \u03C7\u03C1\u03AE\u03C3\u03B7\u03C2 \u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03BF \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B7\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7.',\n },\n extra: {\n options: [\n {\n key: 'via_mobile_phone',\n label: { primary: 'M\u03AD\u03C3\u03C9 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5' },\n value: 'via_mobile_phone',\n show: ['mobile_phone', 'landline'],\n },\n {\n key: 'via_email',\n label: {\n primary: '\u039C\u03AD\u03C3\u03C9 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2 \u03B7\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03BF\u03CD \u03C4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B5\u03AF\u03BF\u03C5 (e-mail)',\n },\n value: 'via_email',\n show: ['email'],\n },\n ],\n },\n },\n];\n\nexport const Conditional = () => (\n <FormBuilder\n onSubmit={(data) => {\n console.log(data);\n }}\n fields={fields}\n >\n <Field key=\"auth_form\" name=\"auth_form\" />\n <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n </FormBuilder>\n);\n\nexport default Conditional;\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAA8C;AAC9C,oBAAuB;AAEvB,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA;AAAA,IAEb,SAAS;AAAA,IACT,WAAW;AAAA,MACT,WAAW;AAAA,QACT,IAAI;AAAA,QACJ,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKlB;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA;AAAA,IAEb,SAAS;AAAA,IACT,WAAW;AAAA,MACT,WAAW;AAAA,QACT,IAAI;AAAA,QACJ,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKlB;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA;AAAA,IAEb,SAAS;AAAA,IACT,WAAW;AAAA,MACT,WAAW;AAAA,QACT,IAAI;AAAA,QACJ,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKlB;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WACE;AAAA;AAAA,IAEJ,OAAO;AAAA,MACL,SAAS;AAAA,QACP;AAAA,UACE,KAAK;AAAA,UACL,OAAO,CAAE,SAAS;AAAA,UAClB,OAAO;AAAA,UACP,MAAM,CAAC,gBAAgB;AAAA;AAAA,QAEzB;AAAA,UACE,KAAK;AAAA,UACL,OAAO;AAAA,YACL,SAAS;AAAA;AAAA,UAEX,OAAO;AAAA,UACP,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOV,MAAM,cAAc,MACzB,mDAAC,qBAAD;AAAA,EACE,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,EAEd;AAAA,GAEA,mDAAC,mBAAD;AAAA,EAAO,KAAI;AAAA,EAAY,MAAK;AAAA,IAC5B,mDAAC,sBAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAI1B,IAAO,sBAAQ;",
6
+ "names": []
7
+ }