@digigov/form 1.2.0-a7ffb5dc → 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 (542) 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 -93
  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 -102
  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/FieldObject/index.tsx +1 -1
  442. package/src/MultiplicityField/index.tsx +7 -8
  443. package/src/inputs/AutoCompleteInput/AutoComplete.stories.js +1 -0
  444. package/src/inputs/AutoCompleteInput/__stories__/Default.tsx +1 -0
  445. package/src/inputs/AutoCompleteInput/__stories__/Multiple.tsx +46 -0
  446. package/src/inputs/AutoCompleteInput/index.mdx +23 -0
  447. package/src/inputs/AutoCompleteInput/index.tsx +4 -3
  448. package/src/inputs/Checkboxes/__stories__/Conditional.tsx +2 -3
  449. package/src/inputs/Checkboxes/index.mdx +33 -0
  450. package/src/inputs/Checkboxes/index.tsx +3 -3
  451. package/src/inputs/DateInput/index.mdx +23 -0
  452. package/src/inputs/DateInput/index.tsx +1 -1
  453. package/src/inputs/FileInput/index.mdx +19 -0
  454. package/src/inputs/ImageInput/index.mdx +19 -0
  455. package/src/inputs/Input/index.mdx +90 -3
  456. package/src/inputs/Input/index.tsx +1 -1
  457. package/src/inputs/OtpInput/index.mdx +23 -0
  458. package/src/inputs/OtpInput/index.tsx +1 -1
  459. package/src/inputs/Radio/__stories__/Conditional.tsx +2 -0
  460. package/src/inputs/Radio/index.mdx +33 -0
  461. package/src/inputs/Radio/index.tsx +1 -1
  462. package/src/inputs/Select/index.mdx +17 -0
  463. package/types/index.js +1 -1
  464. package/types.js.map +7 -0
  465. package/utils/index.js +35 -73
  466. package/utils.js.map +7 -0
  467. package/validators/index.js +106 -113
  468. package/validators/index.js.map +7 -0
  469. package/validators/types/index.js +1 -1
  470. package/validators/types.js.map +7 -0
  471. package/validators/utils/afm/index.js +16 -16
  472. package/validators/utils/afm.js.map +7 -0
  473. package/validators/utils/file/index.js +21 -41
  474. package/validators/utils/file.js.map +7 -0
  475. package/validators/utils/iban/index.js +14 -12
  476. package/validators/utils/iban.js.map +7 -0
  477. package/validators/utils/image/index.js +66 -106
  478. package/validators/utils/image.js.map +7 -0
  479. package/validators/utils/index.js +45 -47
  480. package/validators/utils/index.js.map +7 -0
  481. package/validators/utils/int/index.js +12 -7
  482. package/validators/utils/int.js.map +7 -0
  483. package/validators/utils/number/index.js +11 -6
  484. package/validators/utils/number.js.map +7 -0
  485. package/validators/utils/otp/index.js +13 -8
  486. package/validators/utils/otp.js.map +7 -0
  487. package/validators/utils/phone/index.js +82 -51
  488. package/validators/utils/phone.js.map +7 -0
  489. package/validators/utils/postal_code/index.js +14 -11
  490. package/validators/utils/postal_code.js.map +7 -0
  491. package/validators/utils/text_limit/index.js +18 -20
  492. package/validators/utils/text_limit.js.map +7 -0
  493. package/validators/utils/uuid4/index.js +12 -8
  494. package/validators/utils/uuid4.js.map +7 -0
  495. package/validators/validators.spec/index.js +64 -58
  496. package/validators/validators.spec.js.map +7 -0
  497. package/Field/index.mdx +0 -6
  498. package/FieldArray/FieldArray.stories.playwright.json +0 -353
  499. package/FormBuilder/FormBuilder.mdx +0 -256
  500. package/FormBuilder/FormBuilder.stories.playwright.json +0 -52
  501. package/MultiplicityField/MultiplicityField.mdx +0 -590
  502. package/MultiplicityField/MultiplicityField.stories.playwright.json +0 -1370
  503. package/Questions/__snapshots__/index.spec.tsx.snap +0 -596
  504. package/Questions/index.mdx +0 -415
  505. package/cjs/Field/index.mdx +0 -6
  506. package/cjs/FieldArray/FieldArray.stories.playwright.json +0 -353
  507. package/cjs/FormBuilder/FormBuilder.mdx +0 -256
  508. package/cjs/FormBuilder/FormBuilder.stories.playwright.json +0 -52
  509. package/cjs/MultiplicityField/MultiplicityField.mdx +0 -590
  510. package/cjs/MultiplicityField/MultiplicityField.stories.playwright.json +0 -1370
  511. package/cjs/Questions/__snapshots__/index.spec.tsx.snap +0 -596
  512. package/cjs/Questions/index.mdx +0 -415
  513. package/cjs/create-simple-form.mdx +0 -539
  514. package/cjs/index.mdx +0 -51
  515. package/cjs/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -85
  516. package/cjs/inputs/Checkboxes/index.mdx +0 -0
  517. package/cjs/inputs/DateInput/DateInput.stories.playwright.json +0 -72
  518. package/cjs/inputs/FileInput/FileInput.stories.playwright.json +0 -75
  519. package/cjs/inputs/ImageInput/ImageInput.stories.playwright.json +0 -77
  520. package/cjs/inputs/Input/Input.stories.playwright.json +0 -376
  521. package/cjs/inputs/Input/index.mdx +0 -8
  522. package/cjs/inputs/Label/Label.stories.playwright.json +0 -40
  523. package/cjs/inputs/Label/index.mdx +0 -0
  524. package/cjs/inputs/Radio/Radio.stories.playwright.json +0 -73
  525. package/cjs/inputs/Radio/index.mdx +0 -0
  526. package/cjs/inputs/Select/Select.stories.playwright.json +0 -22
  527. package/cjs/installation.mdx +0 -68
  528. package/create-simple-form.mdx +0 -539
  529. package/index.mdx +0 -51
  530. package/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -85
  531. package/inputs/Checkboxes/index.mdx +0 -0
  532. package/inputs/DateInput/DateInput.stories.playwright.json +0 -72
  533. package/inputs/FileInput/FileInput.stories.playwright.json +0 -75
  534. package/inputs/ImageInput/ImageInput.stories.playwright.json +0 -77
  535. package/inputs/Input/Input.stories.playwright.json +0 -376
  536. package/inputs/Input/index.mdx +0 -8
  537. package/inputs/Label/Label.stories.playwright.json +0 -40
  538. package/inputs/Label/index.mdx +0 -0
  539. package/inputs/Radio/Radio.stories.playwright.json +0 -73
  540. package/inputs/Radio/index.mdx +0 -0
  541. package/inputs/Select/Select.stories.playwright.json +0 -22
  542. package/installation.mdx +0 -68
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/inputs/OtpInput/__stories__/Default.tsx"],
4
+ "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field, Fieldset } from '@digigov/form';\nimport { FieldSpec } from '@digigov/form/types';\nimport { Button } from '@digigov/ui/form/Button';\nconst FIELDS: FieldSpec[] = [\n {\n key: 'otp',\n type: 'otp',\n maxLength: 6,\n required: true,\n label: {\n primary: '\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u0395\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2',\n },\n },\n];\n\nexport const Default = () => (\n <FormBuilder\n fields={FIELDS}\n onSubmit={(data) => {\n console.log(data);\n }}\n >\n <Fieldset>\n {FIELDS.map((field) => (\n <Field key={field.key} name={field.key} />\n ))}\n </Fieldset>\n <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n </FormBuilder>\n);\nexport default Default;\n"],
5
+ "mappings": "AAAA;AACA;AAEA;AACA,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,WAAW;AAAA,IACX,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA;AAAA;AAAA;AAKR,MAAM,UAAU,MACrB,oCAAC,aAAD;AAAA,EACE,QAAQ;AAAA,EACR,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,UAAD,MACG,OAAO,IAAI,CAAC,UACX,oCAAC,OAAD;AAAA,EAAO,KAAK,MAAM;AAAA,EAAK,MAAM,MAAM;AAAA,MAGvC,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,kBAAQ;",
6
+ "names": []
7
+ }
@@ -1,64 +1,57 @@
1
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
2
- import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
3
- import _extends from "@babel/runtime/helpers/extends";
4
- import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
5
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
6
- var _excluded = ["name", "maxLength"];
7
- import React, { useState, useCallback } from 'react';
8
- import SingleCharacterInputs, { SingleCharacterInput } from '@digigov/ui/form/SingleCharacterInputs';
9
- export var RE_DIGIT = new RegExp(/^\d+$/);
10
- export var REMOVE_SPACES = new RegExp(/\s+/g);
1
+ import React, {useState, useCallback} from "react";
2
+ import SingleCharacterInputs, {
3
+ SingleCharacterInput
4
+ } from "@digigov/ui/form/SingleCharacterInputs";
5
+ const RE_DIGIT = new RegExp(/^\d+$/);
6
+ const REMOVE_SPACES = new RegExp(/\s+/g);
11
7
  function useOtp(onChange, maxLength) {
12
- var _useState = useState(Array(maxLength).fill('')),
13
- _useState2 = _slicedToArray(_useState, 2),
14
- otpValues = _useState2[0],
15
- setOtpValues = _useState2[1];
16
- var handleChange = useCallback(function (otp) {
8
+ const [otpValues, setOtpValues] = useState(Array(maxLength).fill(""));
9
+ const handleChange = useCallback((otp) => {
17
10
  setOtpValues(otp);
18
- var otpValue = otp.join('');
11
+ const otpValue = otp.join("");
19
12
  onChange(otpValue);
20
13
  }, [onChange]);
21
- var setOtp = function setOtp(item, idx) {
22
- var updatedOTPValues = _toConsumableArray(otpValues);
14
+ const setOtp = (item, idx) => {
15
+ const updatedOTPValues = [...otpValues];
23
16
  if (item.length === 1 || item.length === 0) {
24
- updatedOTPValues[idx] = item[0] || '';
17
+ updatedOTPValues[idx] = item[0] || "";
25
18
  handleChange(updatedOTPValues);
26
19
  } else if (item.length === maxLength) {
27
- var valueArray = item.split('').slice(0, maxLength);
20
+ const valueArray = item.split("").slice(0, maxLength);
28
21
  handleChange(valueArray);
29
22
  }
30
23
  };
31
- var setSelectionRange = useCallback(function (target) {
24
+ const setSelectionRange = useCallback((target) => {
32
25
  return target.setSelectionRange(0, target.value.length);
33
26
  }, []);
34
- var focusToNextInput = useCallback(function (target) {
35
- var nextElement = target.nextElementSibling;
27
+ const focusToNextInput = useCallback((target) => {
28
+ const nextElement = target.nextElementSibling;
36
29
  if (nextElement) {
37
30
  nextElement.focus();
38
31
  }
39
32
  }, []);
40
- var focusToPrevInput = useCallback(function (target) {
41
- var previousElement = target.previousElementSibling;
33
+ const focusToPrevInput = useCallback((target) => {
34
+ const previousElement = target.previousElementSibling;
42
35
  if (previousElement) {
43
36
  previousElement.focus();
44
37
  }
45
38
  }, []);
46
- var handleKeyDown = useCallback(function (e, idx) {
47
- var key = e.key;
48
- var target = e.target;
49
- var targetValue = target.value;
39
+ const handleKeyDown = useCallback((e, idx) => {
40
+ const {key} = e;
41
+ const target = e.target;
42
+ let targetValue = target.value;
50
43
  setSelectionRange(target);
51
- if (key === 'ArrowRight' || key === 'ArrowDown') {
44
+ if (key === "ArrowRight" || key === "ArrowDown") {
52
45
  e.preventDefault();
53
46
  return focusToNextInput(target);
54
47
  }
55
- if (key === 'ArrowLeft' || key === 'ArrowUp') {
48
+ if (key === "ArrowLeft" || key === "ArrowUp") {
56
49
  e.preventDefault();
57
50
  return focusToPrevInput(target);
58
51
  }
59
- if (e.key === 'Backspace' || e.key === 'Delete') {
60
- if (targetValue !== '') {
61
- targetValue = '';
52
+ if (e.key === "Backspace" || e.key === "Delete") {
53
+ if (targetValue !== "") {
54
+ targetValue = "";
62
55
  } else {
63
56
  focusToPrevInput(target);
64
57
  }
@@ -66,17 +59,15 @@ function useOtp(onChange, maxLength) {
66
59
  return e.preventDefault();
67
60
  }
68
61
  }, [setOtp, focusToPrevInput, focusToNextInput]);
69
- var handleFocus = useCallback(function (e) {
70
- var target = e.target;
62
+ const handleFocus = useCallback((e) => {
63
+ const {target} = e;
71
64
  setSelectionRange(target);
72
65
  }, [setSelectionRange]);
73
- var handleOtpChange = useCallback(function (e, idx) {
74
- var target = e.target;
75
- var targetValue = target.value;
76
- var isTargetValueDigit = RE_DIGIT.test(targetValue);
77
- // We want to pass the empty string when the value is deleted
78
- // emptry string replaces the deleted value
79
- if (isTargetValueDigit || targetValue === '') {
66
+ const handleOtpChange = useCallback((e, idx) => {
67
+ const target = e.target;
68
+ const targetValue = target.value;
69
+ const isTargetValueDigit = RE_DIGIT.test(targetValue);
70
+ if (isTargetValueDigit || targetValue === "") {
80
71
  setOtp(targetValue, idx);
81
72
  if (target.value.length > 1) {
82
73
  target.blur();
@@ -84,57 +75,55 @@ function useOtp(onChange, maxLength) {
84
75
  focusToNextInput(target);
85
76
  }
86
77
  }, [setOtp, handleKeyDown, handleFocus]);
87
- var handlePaste = useCallback(function (e) {
78
+ const handlePaste = useCallback((e) => {
88
79
  e.preventDefault();
89
- var pastedData = e.clipboardData.getData('text/plain').replace(REMOVE_SPACES, '');
80
+ const pastedData = e.clipboardData.getData("text/plain").replace(REMOVE_SPACES, "");
90
81
  if (pastedData) {
91
82
  setOtp(pastedData, 0);
92
83
  }
93
84
  }, []);
94
85
  return {
95
- otpValues: otpValues,
96
- handleOtpChange: handleOtpChange,
97
- handleKeyDown: handleKeyDown,
98
- handleFocus: handleFocus,
99
- handlePaste: handlePaste
86
+ otpValues,
87
+ handleOtpChange,
88
+ handleKeyDown,
89
+ handleFocus,
90
+ handlePaste
100
91
  };
101
92
  }
102
- var SingleCharacterInputPart = function SingleCharacterInputPart(_ref) {
103
- var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
104
- return /*#__PURE__*/React.createElement(SingleCharacterInput, props);
93
+ const SingleCharacterInputPart = ({...props}) => {
94
+ return /* @__PURE__ */ React.createElement(SingleCharacterInput, {
95
+ ...props
96
+ });
105
97
  };
106
- export var OtpInput = function OtpInput(_ref2) {
107
- var name = _ref2.name,
108
- _ref2$maxLength = _ref2.maxLength,
109
- maxLength = _ref2$maxLength === void 0 ? 6 : _ref2$maxLength,
110
- props = _objectWithoutProperties(_ref2, _excluded);
111
- var otp = useOtp(props.onChange, maxLength);
112
- return /*#__PURE__*/React.createElement(SingleCharacterInputs, null, otp.otpValues.map(function (digit, idx) {
113
- return /*#__PURE__*/React.createElement(SingleCharacterInputPart, {
114
- name: "".concat(name, "-").concat(idx),
115
- type: "text",
116
- key: idx,
117
- autoComplete: "one-time-code",
118
- pattern: "\\d{1}",
119
- maxLength: maxLength,
120
- value: digit,
121
- disabled: props.disabled,
122
- "aria-required": props['aria-required'],
123
- onChange: function onChange(e) {
124
- return otp.handleOtpChange(e, idx);
125
- },
126
- onInput: function onInput(e) {
127
- if (e.target.value === digit) {
128
- otp.handleOtpChange(e, idx);
129
- }
130
- },
131
- onKeyDown: function onKeyDown(e) {
132
- return otp.handleKeyDown(e, idx);
133
- },
134
- onFocus: otp.handleFocus,
135
- onPaste: otp.handlePaste,
136
- error: !digit ? props.error : false
137
- });
138
- }));
98
+ const OtpInput = ({name, maxLength = 6, ...props}) => {
99
+ const otp = useOtp(props.onChange, maxLength);
100
+ return /* @__PURE__ */ React.createElement(SingleCharacterInputs, null, otp.otpValues.map((digit, idx) => /* @__PURE__ */ React.createElement(SingleCharacterInputPart, {
101
+ name: `${name}-${idx}`,
102
+ type: "text",
103
+ key: idx,
104
+ autoComplete: "one-time-code",
105
+ pattern: "\\d{1}",
106
+ maxLength,
107
+ value: digit,
108
+ disabled: props.disabled,
109
+ "aria-required": props["aria-required"],
110
+ onChange: (e) => otp.handleOtpChange(e, idx),
111
+ onInput: (e) => {
112
+ if (e.target.value === digit) {
113
+ otp.handleOtpChange(e, idx);
114
+ }
115
+ },
116
+ onKeyDown: (e) => otp.handleKeyDown(e, idx),
117
+ onFocus: otp.handleFocus,
118
+ onPaste: otp.handlePaste,
119
+ error: !digit ? props.error : false
120
+ })));
121
+ };
122
+ var OtpInput_default = OtpInput;
123
+ export {
124
+ OtpInput,
125
+ REMOVE_SPACES,
126
+ RE_DIGIT,
127
+ OtpInput_default as default
139
128
  };
140
- export default OtpInput;
129
+ //# 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;AACA;AAAA;AAAA;AAIO,MAAM,WAAW,IAAI,OAAO;AAC5B,MAAM,gBAAgB,IAAI,OAAO;AAExC,gBAAgB,UAAU,WAAW;AACnC,QAAM,CAAC,WAAW,gBAAgB,SAAS,MAAc,WAAW,KAAK;AACzE,QAAM,eAAe,YACnB,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,YAAY,CAAC,WAAW;AAChD,WAAO,OAAO,kBAAkB,GAAG,OAAO,MAAM;AAAA,KAC/C;AAEH,QAAM,mBAAmB,YAAY,CAAC,WAAwB;AAC5D,UAAM,cAAc,OAAO;AAC3B,QAAI,aAAa;AACf,kBAAY;AAAA;AAAA,KAEb;AAEH,QAAM,mBAAmB,YAAY,CAAC,WAAwB;AAC5D,UAAM,kBAAkB,OAAO;AAC/B,QAAI,iBAAiB;AACnB,sBAAgB;AAAA;AAAA,KAEjB;AAEH,QAAM,gBAAgB,YACpB,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,YAClB,CAAC,MAA0C;AACzC,UAAM,CAAE,UAAW;AACnB,sBAAkB;AAAA,KAEpB,CAAC;AAEH,QAAM,kBAAkB,YACtB,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,YAClB,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,oCAAC,sBAAD;AAAA,OAA0B;AAAA;AAAA;AAG5B,MAAM,WAAW,CAAC,CAAE,MAAM,YAAY,MAAM,WAAY;AAC7D,QAAM,MAAM,OAAO,MAAM,UAAU;AACnC,SACE,oCAAC,uBAAD,MACG,IAAI,UAAU,IAAI,CAAC,OAAO,QACzB,oCAAC,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,9 +1,13 @@
1
- import Radio from '@digigov/form/inputs/Radio';
2
- export default {
3
- title: 'Digigov Form/inputs/Radio',
1
+ import Radio from "@digigov/form/inputs/Radio";
2
+ var Radio_stories_default = {
3
+ title: "Digigov Form/inputs/Radio",
4
4
  component: Radio,
5
- displayName: 'Radio'
5
+ displayName: "Radio"
6
6
  };
7
- export * from '@digigov/form/inputs/Radio/__stories__/Default';
8
- export * from '@digigov/form/inputs/Radio/__stories__/WithDivider';
9
- export * from '@digigov/form/inputs/Radio/__stories__/Conditional';
7
+ export * from "@digigov/form/inputs/Radio/__stories__/Default";
8
+ export * from "@digigov/form/inputs/Radio/__stories__/WithDivider";
9
+ export * from "@digigov/form/inputs/Radio/__stories__/Conditional";
10
+ export {
11
+ Radio_stories_default as default
12
+ };
13
+ //# 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;AACA,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA;AAEf;AACA;AACA;",
6
+ "names": []
7
+ }
@@ -1,92 +1,100 @@
1
- import React from 'react';
2
- import FormBuilder, { Field } from '@digigov/form';
3
- import { Button } from '@digigov/ui/form/Button';
4
- var fields = [{
5
- key: 'landline',
6
- type: 'phone_number',
7
- label: {
8
- secondary: 'Εισάγετε το νούμερο του σταθερού σας τηλεφώνου.'
9
- },
10
- enabled: false,
11
- condition: {
12
- auth_form: {
13
- is: 'via_mobile_phone',
14
- then: {
15
- enabled: true,
16
- required: true
1
+ import React from "react";
2
+ import FormBuilder, {Field} from "@digigov/form";
3
+ import {Button} from "@digigov/ui/form/Button";
4
+ const fields = [
5
+ {
6
+ key: "landline",
7
+ type: "phone_number",
8
+ label: {
9
+ 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."
10
+ },
11
+ enabled: false,
12
+ condition: {
13
+ auth_form: {
14
+ is: "via_mobile_phone",
15
+ then: {
16
+ enabled: true,
17
+ required: true
18
+ }
17
19
  }
18
20
  }
19
- }
20
- }, {
21
- key: 'mobile_phone',
22
- type: 'mobile_phone',
23
- label: {
24
- secondary: 'Εισάγετε το νούμερο του κινητού σας τηλεφώνου.'
25
21
  },
26
- enabled: false,
27
- condition: {
28
- auth_form: {
29
- is: 'via_mobile_phone',
30
- then: {
31
- enabled: true,
32
- required: true
22
+ {
23
+ key: "mobile_phone",
24
+ type: "mobile_phone",
25
+ label: {
26
+ 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."
27
+ },
28
+ enabled: false,
29
+ condition: {
30
+ auth_form: {
31
+ is: "via_mobile_phone",
32
+ then: {
33
+ enabled: true,
34
+ required: true
35
+ }
33
36
  }
34
37
  }
35
- }
36
- }, {
37
- key: 'email',
38
- type: 'email',
39
- label: {
40
- secondary: 'Εισάγετε την διεύθυνση του ηλεκτρονικού σας ταχυδρομείου.'
41
38
  },
42
- enabled: false,
43
- condition: {
44
- auth_form: {
45
- is: 'via_email',
46
- then: {
47
- enabled: true,
48
- required: true
39
+ {
40
+ key: "email",
41
+ type: "email",
42
+ label: {
43
+ 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."
44
+ },
45
+ enabled: false,
46
+ condition: {
47
+ auth_form: {
48
+ is: "via_email",
49
+ then: {
50
+ enabled: true,
51
+ required: true
52
+ }
49
53
  }
50
54
  }
51
- }
52
- }, {
53
- key: 'auth_form',
54
- type: 'choice:single',
55
- required: true,
56
- label: {
57
- primary: 'Επιλέξτε μέθοδο πιστοποίησης',
58
- secondary: 'Για την ολοκλήρωση της δήλωσης σας, θα χρειαστεί επιπλέον πιστοποίηση. Θα σας στείλουμε ένα κωδικό μιας χρήσης είτε στο τηλέφωνο είτε στην ηλεκτρονική σας διεύθυνση.'
59
55
  },
60
- extra: {
61
- options: [{
62
- key: 'via_mobile_phone',
63
- label: {
64
- primary: 'Mέσω κινητού τηλεφώνου'
65
- },
66
- value: 'via_mobile_phone',
67
- show: ['mobile_phone', 'landline']
68
- }, {
69
- key: 'via_email',
70
- label: {
71
- primary: 'Μέσω διεύθυνσης ηλεκτρονικού ταχυδρομείου (e-mail)'
72
- },
73
- value: 'via_email',
74
- show: ['email']
75
- }]
56
+ {
57
+ key: "auth_form",
58
+ type: "choice:single",
59
+ required: true,
60
+ label: {
61
+ 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",
62
+ 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."
63
+ },
64
+ extra: {
65
+ options: [
66
+ {
67
+ key: "via_mobile_phone",
68
+ label: {primary: "M\u03AD\u03C3\u03C9 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"},
69
+ value: "via_mobile_phone",
70
+ show: ["mobile_phone", "landline"]
71
+ },
72
+ {
73
+ key: "via_email",
74
+ label: {
75
+ 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)"
76
+ },
77
+ value: "via_email",
78
+ show: ["email"]
79
+ }
80
+ ]
81
+ }
76
82
  }
77
- }];
78
- var _ref = /*#__PURE__*/React.createElement(Field, {
83
+ ];
84
+ const Conditional = () => /* @__PURE__ */ React.createElement(FormBuilder, {
85
+ onSubmit: (data) => {
86
+ console.log(data);
87
+ },
88
+ fields
89
+ }, /* @__PURE__ */ React.createElement(Field, {
79
90
  key: "auth_form",
80
91
  name: "auth_form"
81
- });
82
- var _ref2 = /*#__PURE__*/React.createElement(Button, {
92
+ }), /* @__PURE__ */ React.createElement(Button, {
83
93
  type: "submit"
84
- }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
85
- export var Conditional = function Conditional() {
86
- return /*#__PURE__*/React.createElement(FormBuilder, {
87
- onSubmit: function onSubmit(data) {
88
- console.log(data);
89
- },
90
- fields: fields
91
- }, _ref, _ref2);
92
- };
94
+ }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
95
+ var Conditional_default = Conditional;
96
+ export {
97
+ Conditional,
98
+ Conditional_default as default
99
+ };
100
+ //# sourceMappingURL=Conditional.js.map
@@ -1,2 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  export declare const Conditional: () => JSX.Element;
3
+ export default Conditional;
@@ -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;AACA;AACA;AAEA,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,oCAAC,aAAD;AAAA,EACE,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,EAEd;AAAA,GAEA,oCAAC,OAAD;AAAA,EAAO,KAAI;AAAA,EAAY,MAAK;AAAA,IAC5B,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAI1B,IAAO,sBAAQ;",
6
+ "names": []
7
+ }
@@ -1,45 +1,42 @@
1
- import React from 'react';
2
- import FormBuilder, { Field } from '@digigov/form';
3
- import { Button } from '@digigov/ui/form/Button';
4
- var _ref = /*#__PURE__*/React.createElement(Button, {
1
+ import React from "react";
2
+ import FormBuilder, {Field} from "@digigov/form";
3
+ import {Button} from "@digigov/ui/form/Button";
4
+ const Default = () => /* @__PURE__ */ React.createElement(FormBuilder, {
5
+ onSubmit: (data) => {
6
+ console.log(data);
7
+ }
8
+ }, /* @__PURE__ */ React.createElement(Field, {
9
+ key: "string",
10
+ name: "string",
11
+ type: "choice:single",
12
+ required: true,
13
+ label: {primary: "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;"},
14
+ extra: {
15
+ options: [
16
+ {
17
+ label: {primary: "\u0395\u03BB\u03BB\u03AC\u03B4\u03B1"},
18
+ value: "greece"
19
+ },
20
+ {
21
+ label: {primary: "\u039A\u03CD\u03C0\u03C1\u03BF\u03C2"},
22
+ value: "cyprus"
23
+ },
24
+ {
25
+ label: {primary: "\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2"},
26
+ value: "eu"
27
+ },
28
+ {
29
+ label: {primary: "\u0397\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2"},
30
+ value: "usa"
31
+ }
32
+ ]
33
+ }
34
+ }), /* @__PURE__ */ React.createElement(Button, {
5
35
  type: "submit"
6
- }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
7
- export var Default = function Default() {
8
- return /*#__PURE__*/React.createElement(FormBuilder, {
9
- onSubmit: function onSubmit(data) {
10
- console.log(data);
11
- }
12
- }, /*#__PURE__*/React.createElement(Field, {
13
- key: 'string',
14
- name: "string",
15
- type: "choice:single",
16
- required: true,
17
- label: {
18
- primary: 'Ποιά είναι η χώρα της διαμονής σας;'
19
- },
20
- extra: {
21
- options: [{
22
- label: {
23
- primary: 'Ελλάδα'
24
- },
25
- value: 'greece'
26
- }, {
27
- label: {
28
- primary: 'Κύπρος'
29
- },
30
- value: 'cyprus'
31
- }, {
32
- label: {
33
- primary: 'Χώρα της Ευρωπαϊκής Ένωσης'
34
- },
35
- value: 'eu'
36
- }, {
37
- label: {
38
- primary: 'Ηνωμένες Πολιτείες της Αμερικής'
39
- },
40
- value: 'usa'
41
- }]
42
- }
43
- }), _ref);
36
+ }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
37
+ var Default_default = Default;
38
+ export {
39
+ Default,
40
+ Default_default as default
44
41
  };
45
- export default Default;
42
+ //# sourceMappingURL=Default.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/inputs/Radio/__stories__/Default.tsx"],
4
+ "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const Default = () => (\n <FormBuilder\n onSubmit={(data) => {\n console.log(data);\n }}\n >\n <Field\n key={'string'}\n name=\"string\"\n type=\"choice:single\"\n required\n label={{ primary: '\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;' }}\n extra={{\n options: [\n {\n label: { primary: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1' },\n value: 'greece',\n },\n {\n label: { primary: '\u039A\u03CD\u03C0\u03C1\u03BF\u03C2' },\n value: 'cyprus',\n },\n {\n label: { primary: '\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2' },\n value: 'eu',\n },\n {\n label: { primary: '\u0397\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2' },\n value: 'usa',\n },\n ],\n }}\n />\n <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n </FormBuilder>\n);\nexport default Default;\n"],
5
+ "mappings": "AAAA;AACA;AACA;AAEO,MAAM,UAAU,MACrB,oCAAC,aAAD;AAAA,EACE,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,OAAD;AAAA,EACE,KAAK;AAAA,EACL,MAAK;AAAA,EACL,MAAK;AAAA,EACL,UAAQ;AAAA,EACR,OAAO,CAAE,SAAS;AAAA,EAClB,OAAO;AAAA,IACL,SAAS;AAAA,MACP;AAAA,QACE,OAAO,CAAE,SAAS;AAAA,QAClB,OAAO;AAAA;AAAA,MAET;AAAA,QACE,OAAO,CAAE,SAAS;AAAA,QAClB,OAAO;AAAA;AAAA,MAET;AAAA,QACE,OAAO,CAAE,SAAS;AAAA,QAClB,OAAO;AAAA;AAAA,MAET;AAAA,QACE,OAAO,CAAE,SAAS;AAAA,QAClB,OAAO;AAAA;AAAA;AAAA;AAAA,IAKf,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,kBAAQ;",
6
+ "names": []
7
+ }