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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (468) hide show
  1. package/Field/FieldBase.js +14 -31
  2. package/Field/FieldBaseContainer.js +19 -41
  3. package/Field/FieldConditional.js +14 -33
  4. package/Field/index.js +18 -45
  5. package/Field/package.json +6 -0
  6. package/Field/types.js +1 -5
  7. package/Field/utils.js +30 -63
  8. package/FieldArray/FieldArray.stories.js +5 -42
  9. package/FieldArray/__stories__/Default.js +11 -32
  10. package/FieldArray/__stories__/WithExactLength.js +11 -32
  11. package/FieldArray/index.js +19 -41
  12. package/FieldArray/package.json +6 -0
  13. package/FieldObject/index.js +16 -41
  14. package/FieldObject/package.json +6 -0
  15. package/Fieldset/FieldsetWithContext.js +13 -35
  16. package/Fieldset/index.js +21 -51
  17. package/Fieldset/package.json +6 -0
  18. package/Fieldset/types.js +1 -5
  19. package/Form.stories.js +2 -9
  20. package/FormBuilder/FormBuilder.js +33 -62
  21. package/FormBuilder/FormBuilder.stories.js +4 -28
  22. package/FormBuilder/__stories__/Default.js +8 -29
  23. package/FormBuilder/index.js +2 -11
  24. package/FormBuilder/package.json +6 -0
  25. package/FormContext.js +3 -12
  26. package/MultiplicityField/MultiplicityField.stories.js +9 -98
  27. package/MultiplicityField/__stories__/Default.js +11 -32
  28. package/MultiplicityField/__stories__/PreviewDisplay.js +29 -52
  29. package/MultiplicityField/__stories__/WithExactLength.js +11 -32
  30. package/MultiplicityField/__stories__/WithMaxLength.js +11 -32
  31. package/MultiplicityField/__stories__/WithMinAndMaxLength.js +11 -32
  32. package/MultiplicityField/__stories__/WithMinLength.js +11 -32
  33. package/MultiplicityField/add-objects.js +25 -49
  34. package/MultiplicityField/index.js +26 -55
  35. package/MultiplicityField/package.json +6 -0
  36. package/Questions/Questions.js +14 -35
  37. package/Questions/Questions.stories.js +4 -28
  38. package/Questions/QuestionsContext.js +3 -12
  39. package/Questions/Step/ReviewStep.js +21 -47
  40. package/Questions/Step/Step.js +18 -42
  41. package/Questions/Step/StepArrayReview.js +23 -52
  42. package/Questions/Step/StepContext.js +3 -13
  43. package/Questions/Step/StepDescription.js +14 -42
  44. package/Questions/Step/StepForm.js +19 -45
  45. package/Questions/Step/StepQuote.js +8 -23
  46. package/Questions/Step/StepTitle.js +17 -48
  47. package/Questions/Step/getAddMoreFields.js +2 -11
  48. package/Questions/Step/index.js +13 -170
  49. package/Questions/Step/package.json +6 -0
  50. package/Questions/Step/types.js +1 -5
  51. package/Questions/__stories__/Default.js +24 -51
  52. package/Questions/getNextStep.js +1 -8
  53. package/Questions/index.js +3 -25
  54. package/Questions/index.spec.js +12 -23
  55. package/Questions/package.json +6 -0
  56. package/Questions/types.js +1 -5
  57. package/{es → cjs}/Field/FieldBase.js +31 -14
  58. package/cjs/Field/FieldBaseContainer.js +65 -0
  59. package/cjs/Field/FieldConditional.js +81 -0
  60. package/cjs/Field/index.js +103 -0
  61. package/cjs/Field/types.js +5 -0
  62. package/{es → cjs}/Field/utils.js +63 -30
  63. package/cjs/FieldArray/FieldArray.stories.js +45 -0
  64. package/cjs/FieldArray/__stories__/Default.js +111 -0
  65. package/cjs/FieldArray/__stories__/WithExactLength.js +111 -0
  66. package/cjs/FieldArray/index.js +87 -0
  67. package/cjs/FieldObject/index.js +83 -0
  68. package/cjs/Fieldset/FieldsetWithContext.js +63 -0
  69. package/cjs/Fieldset/index.js +64 -0
  70. package/cjs/Fieldset/types.js +5 -0
  71. package/cjs/Form.stories.js +10 -0
  72. package/{esm → cjs}/FormBuilder/FormBuilder.js +62 -33
  73. package/cjs/FormBuilder/FormBuilder.stories.js +31 -0
  74. package/cjs/FormBuilder/__stories__/Default.js +49 -0
  75. package/cjs/FormBuilder/index.js +11 -0
  76. package/cjs/FormContext.js +14 -0
  77. package/cjs/MultiplicityField/MultiplicityField.stories.js +101 -0
  78. package/{es → cjs}/MultiplicityField/__stories__/Default.js +32 -11
  79. package/cjs/MultiplicityField/__stories__/PreviewDisplay.js +106 -0
  80. package/{esm → cjs}/MultiplicityField/__stories__/WithExactLength.js +32 -11
  81. package/{es → cjs}/MultiplicityField/__stories__/WithMaxLength.js +32 -11
  82. package/{es → cjs}/MultiplicityField/__stories__/WithMinAndMaxLength.js +32 -11
  83. package/{esm → cjs}/MultiplicityField/__stories__/WithMinLength.js +32 -11
  84. package/{esm → cjs}/MultiplicityField/add-objects.js +49 -25
  85. package/cjs/MultiplicityField/index.js +143 -0
  86. package/cjs/Questions/Questions.js +105 -0
  87. package/cjs/Questions/Questions.stories.js +31 -0
  88. package/cjs/Questions/QuestionsContext.js +20 -0
  89. package/cjs/Questions/Step/ReviewStep.js +79 -0
  90. package/cjs/Questions/Step/Step.js +93 -0
  91. package/cjs/Questions/Step/StepArrayReview.js +79 -0
  92. package/{esm → cjs}/Questions/Step/StepContext.js +13 -3
  93. package/cjs/Questions/Step/StepDescription.js +55 -0
  94. package/cjs/Questions/Step/StepForm.js +74 -0
  95. package/cjs/Questions/Step/StepQuote.js +26 -0
  96. package/cjs/Questions/Step/StepTitle.js +75 -0
  97. package/{es → cjs}/Questions/Step/getAddMoreFields.js +11 -2
  98. package/cjs/Questions/Step/index.js +170 -0
  99. package/cjs/Questions/Step/types.js +5 -0
  100. package/cjs/Questions/__stories__/Default.js +135 -0
  101. package/{es → cjs}/Questions/getNextStep.js +8 -1
  102. package/cjs/Questions/index.js +25 -0
  103. package/cjs/Questions/index.spec.js +73 -0
  104. package/cjs/Questions/types.js +5 -0
  105. package/cjs/index.js +28 -0
  106. package/cjs/inputs/AutoComplete/AutoComplete.stories.js +31 -0
  107. package/cjs/inputs/AutoComplete/__stories__/Default.js +71 -0
  108. package/cjs/inputs/AutoComplete/index.js +68 -0
  109. package/cjs/inputs/Checkboxes/Checkboxes.stories.js +59 -0
  110. package/{es → cjs}/inputs/Checkboxes/__stories__/Conditional.js +28 -8
  111. package/cjs/inputs/Checkboxes/__stories__/Default.js +62 -0
  112. package/cjs/inputs/Checkboxes/__stories__/WithDivider.js +63 -0
  113. package/cjs/inputs/Checkboxes/index.js +127 -0
  114. package/cjs/inputs/DateInput/DateInput.stories.js +31 -0
  115. package/cjs/inputs/DateInput/__stories__/Default.js +45 -0
  116. package/cjs/inputs/DateInput/index.js +181 -0
  117. package/cjs/inputs/FileInput/FileInput.stories.js +31 -0
  118. package/cjs/inputs/FileInput/__stories__/Default.js +42 -0
  119. package/cjs/inputs/FileInput/index.js +92 -0
  120. package/cjs/inputs/Input/Input.stories.js +143 -0
  121. package/cjs/inputs/Input/__stories__/AFM.js +44 -0
  122. package/cjs/inputs/Input/__stories__/Boolean.js +45 -0
  123. package/cjs/inputs/Input/__stories__/Default.js +45 -0
  124. package/cjs/inputs/Input/__stories__/IBAN.js +45 -0
  125. package/cjs/inputs/Input/__stories__/Integer.js +53 -0
  126. package/cjs/inputs/Input/__stories__/MobilePhone.js +44 -0
  127. package/cjs/inputs/Input/__stories__/PhoneNumber.js +44 -0
  128. package/cjs/inputs/Input/__stories__/PostalCode.js +47 -0
  129. package/cjs/inputs/Input/__stories__/TextWithCharacterLimit.js +51 -0
  130. package/cjs/inputs/Input/index.js +96 -0
  131. package/cjs/inputs/Label/Label.stories.js +31 -0
  132. package/cjs/inputs/Label/__stories__/Default.js +49 -0
  133. package/cjs/inputs/Label/index.js +41 -0
  134. package/cjs/inputs/OtpInput/OtpInput.stories.js +31 -0
  135. package/cjs/inputs/OtpInput/__stories__/Default.js +52 -0
  136. package/cjs/inputs/OtpInput/index.js +182 -0
  137. package/cjs/inputs/Radio/Radio.stories.js +59 -0
  138. package/{es → cjs}/inputs/Radio/__stories__/Conditional.js +28 -8
  139. package/cjs/inputs/Radio/__stories__/Default.js +67 -0
  140. package/cjs/inputs/Radio/__stories__/WithDivider.js +68 -0
  141. package/cjs/inputs/Radio/index.js +82 -0
  142. package/cjs/inputs/Select/Select.stories.js +31 -0
  143. package/cjs/inputs/Select/__stories__/Default.js +73 -0
  144. package/cjs/inputs/Select/index.js +49 -0
  145. package/cjs/inputs/index.js +71 -0
  146. package/cjs/internal.js +391 -0
  147. package/cjs/registry.js +208 -0
  148. package/cjs/types.js +5 -0
  149. package/{es → cjs}/utils.js +26 -12
  150. package/{es → cjs}/validators/index.js +54 -26
  151. package/cjs/validators/types.js +5 -0
  152. package/{es → cjs}/validators/utils/afm.js +13 -3
  153. package/{es → cjs}/validators/utils/file.js +12 -2
  154. package/{esm → cjs}/validators/utils/iban.js +13 -2
  155. package/cjs/validators/utils/index.js +229 -0
  156. package/{es → cjs}/validators/utils/int.js +14 -3
  157. package/cjs/validators/utils/number.js +27 -0
  158. package/{esm → cjs}/validators/utils/otp.js +14 -3
  159. package/{esm → cjs}/validators/utils/phone.js +28 -6
  160. package/{es → cjs}/validators/utils/postal_code.js +14 -3
  161. package/{esm → cjs}/validators/utils/text_limit.js +14 -3
  162. package/{es → cjs}/validators/utils/uuid4.js +13 -3
  163. package/cjs/validators/validators.spec.js +88 -0
  164. package/index.js +8 -28
  165. package/inputs/AutoComplete/AutoComplete.stories.js +4 -28
  166. package/inputs/AutoComplete/__stories__/Default.js +13 -35
  167. package/inputs/AutoComplete/index.js +12 -35
  168. package/inputs/AutoComplete/package.json +6 -0
  169. package/inputs/Checkboxes/Checkboxes.stories.js +6 -56
  170. package/inputs/Checkboxes/__stories__/Conditional.js +8 -28
  171. package/inputs/Checkboxes/__stories__/Default.js +8 -28
  172. package/inputs/Checkboxes/__stories__/WithDivider.js +8 -28
  173. package/inputs/Checkboxes/index.js +25 -52
  174. package/inputs/Checkboxes/package.json +6 -0
  175. package/inputs/DateInput/DateInput.stories.js +4 -28
  176. package/inputs/DateInput/__stories__/Default.js +8 -28
  177. package/inputs/DateInput/index.js +26 -52
  178. package/inputs/DateInput/package.json +6 -0
  179. package/inputs/FileInput/FileInput.stories.js +4 -28
  180. package/inputs/FileInput/__stories__/Default.js +8 -28
  181. package/inputs/FileInput/index.js +22 -52
  182. package/inputs/FileInput/package.json +6 -0
  183. package/inputs/Input/Input.stories.js +12 -140
  184. package/inputs/Input/__stories__/AFM.js +8 -28
  185. package/inputs/Input/__stories__/Boolean.js +8 -28
  186. package/inputs/Input/__stories__/Default.js +8 -28
  187. package/inputs/Input/__stories__/IBAN.js +8 -28
  188. package/inputs/Input/__stories__/Integer.js +9 -29
  189. package/inputs/Input/__stories__/MobilePhone.js +8 -28
  190. package/inputs/Input/__stories__/PhoneNumber.js +8 -28
  191. package/inputs/Input/__stories__/PostalCode.js +8 -28
  192. package/inputs/Input/__stories__/TextWithCharacterLimit.js +8 -28
  193. package/inputs/Input/index.js +19 -40
  194. package/inputs/Input/package.json +6 -0
  195. package/inputs/Label/Label.stories.js +4 -28
  196. package/inputs/Label/__stories__/Default.js +9 -29
  197. package/inputs/Label/index.js +9 -25
  198. package/inputs/Label/package.json +6 -0
  199. package/inputs/OtpInput/OtpInput.stories.js +4 -28
  200. package/inputs/OtpInput/__stories__/Default.js +9 -30
  201. package/inputs/OtpInput/index.js +28 -53
  202. package/inputs/OtpInput/package.json +6 -0
  203. package/inputs/Radio/Radio.stories.js +6 -56
  204. package/inputs/Radio/__stories__/Conditional.js +8 -28
  205. package/inputs/Radio/__stories__/Default.js +8 -28
  206. package/inputs/Radio/__stories__/WithDivider.js +8 -28
  207. package/inputs/Radio/index.js +24 -45
  208. package/inputs/Radio/package.json +6 -0
  209. package/inputs/Select/Select.stories.js +4 -28
  210. package/inputs/Select/__stories__/Default.js +8 -28
  211. package/inputs/Select/index.js +12 -29
  212. package/inputs/Select/package.json +6 -0
  213. package/inputs/index.js +8 -71
  214. package/inputs/package.json +6 -0
  215. package/internal.js +34 -391
  216. package/package.json +6 -6
  217. package/registry.js +61 -133
  218. package/types.js +1 -5
  219. package/utils.js +12 -26
  220. package/validators/index.js +26 -54
  221. package/validators/package.json +6 -0
  222. package/validators/types.js +1 -5
  223. package/validators/utils/afm.js +3 -13
  224. package/validators/utils/file.js +2 -12
  225. package/validators/utils/iban.js +2 -13
  226. package/validators/utils/index.js +12 -139
  227. package/validators/utils/int.js +3 -14
  228. package/validators/utils/number.js +3 -14
  229. package/validators/utils/otp.js +3 -14
  230. package/validators/utils/package.json +6 -0
  231. package/validators/utils/phone.js +6 -28
  232. package/validators/utils/postal_code.js +3 -14
  233. package/validators/utils/text_limit.js +3 -14
  234. package/validators/utils/uuid4.js +3 -13
  235. package/validators/validators.spec.js +29 -32
  236. package/es/Field/FieldBaseContainer.js +0 -43
  237. package/es/Field/FieldConditional.js +0 -62
  238. package/es/Field/index.js +0 -76
  239. package/es/Field/types.js +0 -1
  240. package/es/FieldArray/FieldArray.stories.js +0 -8
  241. package/es/FieldArray/__stories__/Default.js +0 -90
  242. package/es/FieldArray/__stories__/WithExactLength.js +0 -90
  243. package/es/FieldArray/index.js +0 -65
  244. package/es/FieldObject/index.js +0 -58
  245. package/es/Fieldset/FieldsetWithContext.js +0 -41
  246. package/es/Fieldset/index.js +0 -34
  247. package/es/Fieldset/types.js +0 -1
  248. package/es/Form.stories.js +0 -3
  249. package/es/FormBuilder/FormBuilder.js +0 -160
  250. package/es/FormBuilder/FormBuilder.stories.js +0 -7
  251. package/es/FormBuilder/__stories__/Default.js +0 -28
  252. package/es/FormBuilder/index.js +0 -2
  253. package/es/FormContext.js +0 -5
  254. package/es/MultiplicityField/MultiplicityField.stories.js +0 -12
  255. package/es/MultiplicityField/__stories__/PreviewDisplay.js +0 -83
  256. package/es/MultiplicityField/__stories__/WithExactLength.js +0 -92
  257. package/es/MultiplicityField/__stories__/WithMinLength.js +0 -95
  258. package/es/MultiplicityField/add-objects.js +0 -160
  259. package/es/MultiplicityField/index.js +0 -114
  260. package/es/Questions/Questions.js +0 -84
  261. package/es/Questions/Questions.stories.js +0 -7
  262. package/es/Questions/QuestionsContext.js +0 -11
  263. package/es/Questions/Step/ReviewStep.js +0 -53
  264. package/es/Questions/Step/Step.js +0 -69
  265. package/es/Questions/Step/StepArrayReview.js +0 -50
  266. package/es/Questions/Step/StepContext.js +0 -27
  267. package/es/Questions/Step/StepDescription.js +0 -27
  268. package/es/Questions/Step/StepForm.js +0 -48
  269. package/es/Questions/Step/StepQuote.js +0 -11
  270. package/es/Questions/Step/StepTitle.js +0 -44
  271. package/es/Questions/Step/index.js +0 -13
  272. package/es/Questions/Step/types.js +0 -1
  273. package/es/Questions/__stories__/Default.js +0 -108
  274. package/es/Questions/index.js +0 -3
  275. package/es/Questions/index.spec.js +0 -62
  276. package/es/Questions/types.js +0 -1
  277. package/es/index.js +0 -3
  278. package/es/inputs/AutoComplete/AutoComplete.stories.js +0 -7
  279. package/es/inputs/AutoComplete/__stories__/Default.js +0 -49
  280. package/es/inputs/AutoComplete/index.js +0 -45
  281. package/es/inputs/Checkboxes/Checkboxes.stories.js +0 -9
  282. package/es/inputs/Checkboxes/__stories__/Default.js +0 -42
  283. package/es/inputs/Checkboxes/__stories__/WithDivider.js +0 -43
  284. package/es/inputs/Checkboxes/index.js +0 -100
  285. package/es/inputs/DateInput/DateInput.stories.js +0 -7
  286. package/es/inputs/DateInput/__stories__/Default.js +0 -25
  287. package/es/inputs/DateInput/index.js +0 -155
  288. package/es/inputs/FileInput/FileInput.stories.js +0 -7
  289. package/es/inputs/FileInput/__stories__/Default.js +0 -22
  290. package/es/inputs/FileInput/index.js +0 -62
  291. package/es/inputs/Input/Input.stories.js +0 -15
  292. package/es/inputs/Input/__stories__/AFM.js +0 -24
  293. package/es/inputs/Input/__stories__/Boolean.js +0 -25
  294. package/es/inputs/Input/__stories__/Default.js +0 -25
  295. package/es/inputs/Input/__stories__/IBAN.js +0 -25
  296. package/es/inputs/Input/__stories__/Integer.js +0 -33
  297. package/es/inputs/Input/__stories__/MobilePhone.js +0 -24
  298. package/es/inputs/Input/__stories__/PhoneNumber.js +0 -24
  299. package/es/inputs/Input/__stories__/PostalCode.js +0 -27
  300. package/es/inputs/Input/__stories__/TextWithCharacterLimit.js +0 -31
  301. package/es/inputs/Input/index.js +0 -75
  302. package/es/inputs/Label/Label.stories.js +0 -7
  303. package/es/inputs/Label/__stories__/Default.js +0 -29
  304. package/es/inputs/Label/index.js +0 -25
  305. package/es/inputs/OtpInput/OtpInput.stories.js +0 -7
  306. package/es/inputs/OtpInput/__stories__/Default.js +0 -31
  307. package/es/inputs/OtpInput/index.js +0 -157
  308. package/es/inputs/Radio/Radio.stories.js +0 -9
  309. package/es/inputs/Radio/__stories__/Default.js +0 -47
  310. package/es/inputs/Radio/__stories__/WithDivider.js +0 -48
  311. package/es/inputs/Radio/index.js +0 -61
  312. package/es/inputs/Select/Select.stories.js +0 -7
  313. package/es/inputs/Select/__stories__/Default.js +0 -53
  314. package/es/inputs/Select/index.js +0 -32
  315. package/es/inputs/index.js +0 -8
  316. package/es/internal.js +0 -34
  317. package/es/registry.js +0 -136
  318. package/es/types.js +0 -1
  319. package/es/validators/types.js +0 -1
  320. package/es/validators/utils/iban.js +0 -123
  321. package/es/validators/utils/index.js +0 -102
  322. package/es/validators/utils/number.js +0 -16
  323. package/es/validators/utils/otp.js +0 -26
  324. package/es/validators/utils/phone.js +0 -122
  325. package/es/validators/utils/text_limit.js +0 -54
  326. package/es/validators/validators.spec.js +0 -85
  327. package/esm/Field/FieldBase.js +0 -84
  328. package/esm/Field/FieldBaseContainer.js +0 -43
  329. package/esm/Field/FieldConditional.js +0 -62
  330. package/esm/Field/index.js +0 -76
  331. package/esm/Field/index.mdx +0 -6
  332. package/esm/Field/types.js +0 -1
  333. package/esm/Field/utils.js +0 -162
  334. package/esm/FieldArray/FieldArray.stories.js +0 -8
  335. package/esm/FieldArray/FieldArray.stories.playwright.json +0 -353
  336. package/esm/FieldArray/__stories__/Default.js +0 -90
  337. package/esm/FieldArray/__stories__/WithExactLength.js +0 -90
  338. package/esm/FieldArray/index.js +0 -65
  339. package/esm/FieldObject/index.js +0 -58
  340. package/esm/Fieldset/FieldsetWithContext.js +0 -41
  341. package/esm/Fieldset/index.js +0 -34
  342. package/esm/Fieldset/types.js +0 -1
  343. package/esm/Form.stories.js +0 -3
  344. package/esm/FormBuilder/FormBuilder.mdx +0 -256
  345. package/esm/FormBuilder/FormBuilder.stories.js +0 -7
  346. package/esm/FormBuilder/FormBuilder.stories.playwright.json +0 -52
  347. package/esm/FormBuilder/__stories__/Default.js +0 -28
  348. package/esm/FormBuilder/index.js +0 -2
  349. package/esm/FormContext.js +0 -5
  350. package/esm/MultiplicityField/MultiplicityField.mdx +0 -590
  351. package/esm/MultiplicityField/MultiplicityField.stories.js +0 -12
  352. package/esm/MultiplicityField/MultiplicityField.stories.playwright.json +0 -1370
  353. package/esm/MultiplicityField/__stories__/Default.js +0 -97
  354. package/esm/MultiplicityField/__stories__/PreviewDisplay.js +0 -83
  355. package/esm/MultiplicityField/__stories__/WithMaxLength.js +0 -95
  356. package/esm/MultiplicityField/__stories__/WithMinAndMaxLength.js +0 -96
  357. package/esm/MultiplicityField/index.js +0 -114
  358. package/esm/Questions/Questions.js +0 -84
  359. package/esm/Questions/Questions.stories.js +0 -7
  360. package/esm/Questions/QuestionsContext.js +0 -11
  361. package/esm/Questions/Step/ReviewStep.js +0 -53
  362. package/esm/Questions/Step/Step.js +0 -69
  363. package/esm/Questions/Step/StepArrayReview.js +0 -50
  364. package/esm/Questions/Step/StepDescription.js +0 -27
  365. package/esm/Questions/Step/StepForm.js +0 -48
  366. package/esm/Questions/Step/StepQuote.js +0 -11
  367. package/esm/Questions/Step/StepTitle.js +0 -44
  368. package/esm/Questions/Step/getAddMoreFields.js +0 -22
  369. package/esm/Questions/Step/index.js +0 -13
  370. package/esm/Questions/Step/types.js +0 -1
  371. package/esm/Questions/__snapshots__/index.spec.tsx.snap +0 -596
  372. package/esm/Questions/__stories__/Default.js +0 -108
  373. package/esm/Questions/getNextStep.js +0 -23
  374. package/esm/Questions/index.js +0 -3
  375. package/esm/Questions/index.mdx +0 -415
  376. package/esm/Questions/index.spec.js +0 -62
  377. package/esm/Questions/types.js +0 -1
  378. package/esm/create-simple-form.mdx +0 -539
  379. package/esm/index.js +0 -8
  380. package/esm/index.mdx +0 -51
  381. package/esm/inputs/AutoComplete/AutoComplete.stories.js +0 -7
  382. package/esm/inputs/AutoComplete/__stories__/Default.js +0 -49
  383. package/esm/inputs/AutoComplete/index.js +0 -45
  384. package/esm/inputs/Checkboxes/Checkboxes.stories.js +0 -9
  385. package/esm/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -85
  386. package/esm/inputs/Checkboxes/__stories__/Conditional.js +0 -95
  387. package/esm/inputs/Checkboxes/__stories__/Default.js +0 -42
  388. package/esm/inputs/Checkboxes/__stories__/WithDivider.js +0 -43
  389. package/esm/inputs/Checkboxes/index.js +0 -100
  390. package/esm/inputs/Checkboxes/index.mdx +0 -0
  391. package/esm/inputs/DateInput/DateInput.stories.js +0 -7
  392. package/esm/inputs/DateInput/DateInput.stories.playwright.json +0 -72
  393. package/esm/inputs/DateInput/__stories__/Default.js +0 -25
  394. package/esm/inputs/DateInput/index.js +0 -155
  395. package/esm/inputs/FileInput/FileInput.stories.js +0 -7
  396. package/esm/inputs/FileInput/FileInput.stories.playwright.json +0 -75
  397. package/esm/inputs/FileInput/__stories__/Default.js +0 -22
  398. package/esm/inputs/FileInput/index.js +0 -62
  399. package/esm/inputs/Input/Input.stories.js +0 -15
  400. package/esm/inputs/Input/Input.stories.playwright.json +0 -376
  401. package/esm/inputs/Input/__stories__/AFM.js +0 -24
  402. package/esm/inputs/Input/__stories__/Boolean.js +0 -25
  403. package/esm/inputs/Input/__stories__/Default.js +0 -25
  404. package/esm/inputs/Input/__stories__/IBAN.js +0 -25
  405. package/esm/inputs/Input/__stories__/Integer.js +0 -33
  406. package/esm/inputs/Input/__stories__/MobilePhone.js +0 -24
  407. package/esm/inputs/Input/__stories__/PhoneNumber.js +0 -24
  408. package/esm/inputs/Input/__stories__/PostalCode.js +0 -27
  409. package/esm/inputs/Input/__stories__/TextWithCharacterLimit.js +0 -31
  410. package/esm/inputs/Input/index.js +0 -75
  411. package/esm/inputs/Input/index.mdx +0 -8
  412. package/esm/inputs/Label/Label.stories.js +0 -7
  413. package/esm/inputs/Label/Label.stories.playwright.json +0 -40
  414. package/esm/inputs/Label/__stories__/Default.js +0 -29
  415. package/esm/inputs/Label/index.js +0 -25
  416. package/esm/inputs/Label/index.mdx +0 -0
  417. package/esm/inputs/OtpInput/OtpInput.stories.js +0 -7
  418. package/esm/inputs/OtpInput/__stories__/Default.js +0 -31
  419. package/esm/inputs/OtpInput/index.js +0 -157
  420. package/esm/inputs/Radio/Radio.stories.js +0 -9
  421. package/esm/inputs/Radio/Radio.stories.playwright.json +0 -73
  422. package/esm/inputs/Radio/__stories__/Conditional.js +0 -95
  423. package/esm/inputs/Radio/__stories__/Default.js +0 -47
  424. package/esm/inputs/Radio/__stories__/WithDivider.js +0 -48
  425. package/esm/inputs/Radio/index.js +0 -61
  426. package/esm/inputs/Radio/index.mdx +0 -0
  427. package/esm/inputs/Select/Select.stories.js +0 -7
  428. package/esm/inputs/Select/Select.stories.playwright.json +0 -22
  429. package/esm/inputs/Select/__stories__/Default.js +0 -53
  430. package/esm/inputs/Select/index.js +0 -32
  431. package/esm/inputs/index.js +0 -8
  432. package/esm/installation.mdx +0 -68
  433. package/esm/internal.js +0 -34
  434. package/esm/registry.js +0 -136
  435. package/esm/types.js +0 -1
  436. package/esm/utils.js +0 -99
  437. package/esm/validators/index.js +0 -186
  438. package/esm/validators/types.js +0 -1
  439. package/esm/validators/utils/afm.js +0 -35
  440. package/esm/validators/utils/file.js +0 -52
  441. package/esm/validators/utils/index.js +0 -102
  442. package/esm/validators/utils/int.js +0 -20
  443. package/esm/validators/utils/number.js +0 -16
  444. package/esm/validators/utils/postal_code.js +0 -29
  445. package/esm/validators/utils/uuid4.js +0 -20
  446. package/esm/validators/validators.spec.js +0 -85
  447. /package/{es → cjs}/Field/index.mdx +0 -0
  448. /package/{es → cjs}/FieldArray/FieldArray.stories.playwright.json +0 -0
  449. /package/{es → cjs}/FormBuilder/FormBuilder.mdx +0 -0
  450. /package/{es → cjs}/FormBuilder/FormBuilder.stories.playwright.json +0 -0
  451. /package/{es → cjs}/MultiplicityField/MultiplicityField.mdx +0 -0
  452. /package/{es → cjs}/MultiplicityField/MultiplicityField.stories.playwright.json +0 -0
  453. /package/{es → cjs}/Questions/__snapshots__/index.spec.tsx.snap +0 -0
  454. /package/{es → cjs}/Questions/index.mdx +0 -0
  455. /package/{es → cjs}/create-simple-form.mdx +0 -0
  456. /package/{es → cjs}/index.mdx +0 -0
  457. /package/{es → cjs}/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -0
  458. /package/{es → cjs}/inputs/Checkboxes/index.mdx +0 -0
  459. /package/{es → cjs}/inputs/DateInput/DateInput.stories.playwright.json +0 -0
  460. /package/{es → cjs}/inputs/FileInput/FileInput.stories.playwright.json +0 -0
  461. /package/{es → cjs}/inputs/Input/Input.stories.playwright.json +0 -0
  462. /package/{es → cjs}/inputs/Input/index.mdx +0 -0
  463. /package/{es → cjs}/inputs/Label/Label.stories.playwright.json +0 -0
  464. /package/{es → cjs}/inputs/Label/index.mdx +0 -0
  465. /package/{es → cjs}/inputs/Radio/Radio.stories.playwright.json +0 -0
  466. /package/{es → cjs}/inputs/Radio/index.mdx +0 -0
  467. /package/{es → cjs}/inputs/Select/Select.stories.playwright.json +0 -0
  468. /package/{es → cjs}/installation.mdx +0 -0
@@ -1,49 +0,0 @@
1
- import React, { Suspense } from 'react';
2
- import { Field } from '@digigov/form/Field';
3
- import FormBuilder from '@digigov/form/FormBuilder';
4
- import { results } from '@digigov/ui/form/AutoComplete/utils';
5
- import Button from '@digigov/ui/form/Button';
6
- var fields = [{
7
- key: 'autocomplete',
8
- label: {
9
- primary: 'An autocomplete field'
10
- },
11
- required: true,
12
- type: 'choice:single',
13
- extra: {
14
- component: 'AutoComplete',
15
- options: results.map(function (r) {
16
- return {
17
- label: {
18
- primary: r,
19
- secondary: "Country: ".concat(r)
20
- },
21
- value: r.toLowerCase()
22
- };
23
- })
24
- }
25
- }];
26
- var initialValues = {};
27
-
28
- var _ref = /*#__PURE__*/React.createElement("div", null, "loading");
29
-
30
- var _ref2 = /*#__PURE__*/React.createElement(Button, {
31
- type: "submit"
32
- }, "Submit");
33
-
34
- export var Default = function Default() {
35
- return /*#__PURE__*/React.createElement(Suspense, {
36
- fallback: _ref
37
- }, /*#__PURE__*/React.createElement(FormBuilder, {
38
- fields: fields,
39
- onSubmit: function onSubmit(data) {
40
- console.log(data);
41
- },
42
- initial: initialValues
43
- }, fields.map(function (field) {
44
- return /*#__PURE__*/React.createElement(Field, {
45
- key: field.key,
46
- name: field.key
47
- });
48
- }), _ref2));
49
- };
@@ -1,45 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["name", "extra", "onChange", "value"];
4
- import React, { useCallback } from 'react';
5
- import { Hint } from '@digigov/react-core';
6
- import UIAutoComplete from '@digigov/ui/form/AutoComplete';
7
- export var AutoComplete = function AutoComplete(_ref) {
8
- var name = _ref.name,
9
- options = _ref.extra.options,
10
- onChange = _ref.onChange,
11
- value = _ref.value,
12
- props = _objectWithoutProperties(_ref, _excluded);
13
-
14
- var suggest = useCallback(function suggest(query, syncResults) {
15
- syncResults(query ? options.filter(function (option) {
16
- var _option$label, _option$label2;
17
-
18
- return "".concat(option.value, " ").concat(((_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.primary) || '', " ").concat(((_option$label2 = option.label) === null || _option$label2 === void 0 ? void 0 : _option$label2.secondary) || '').toLowerCase().indexOf(query.toLowerCase()) !== -1;
19
- }) : []);
20
- }, []);
21
- return /*#__PURE__*/React.createElement(UIAutoComplete, _extends({
22
- source: suggest,
23
- onConfirm: function onConfirm(value) {
24
- onChange(value.value);
25
- },
26
- templates: {
27
- suggestion: function suggestion(_ref2) {
28
- var label = _ref2.label,
29
- value = _ref2.value;
30
- return /*#__PURE__*/React.createElement("div", null, label && label.primary && label.primary || value, label && label.secondary && /*#__PURE__*/React.createElement(Hint, null, label.secondary));
31
- },
32
- inputValue: function inputValue(option) {
33
- if (!option) {
34
- return '';
35
- }
36
-
37
- return option.label.primary || option.value;
38
- }
39
- }
40
- }, props, {
41
- id: "".concat(name, "-id"),
42
- defaultValue: value
43
- }));
44
- };
45
- export default AutoComplete;
@@ -1,9 +0,0 @@
1
- import Checkboxes from '@digigov/form/inputs/Checkboxes';
2
- export default {
3
- title: 'Digigov Form/inputs/Checkboxes',
4
- component: Checkboxes,
5
- displayName: 'Checkboxes'
6
- };
7
- export * from '@digigov/form/inputs/Checkboxes/__stories__/Default';
8
- export * from '@digigov/form/inputs/Checkboxes/__stories__/WithDivider';
9
- export * from '@digigov/form/inputs/Checkboxes/__stories__/Conditional';
@@ -1,42 +0,0 @@
1
- import React from 'react';
2
- import FormBuilder, { Field } from '@digigov/form';
3
- import { Button } from '@digigov/ui/form/Button';
4
-
5
- var _ref = /*#__PURE__*/React.createElement(Button, {
6
- type: "submit"
7
- }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
8
-
9
- export var Default = function Default() {
10
- return /*#__PURE__*/React.createElement(FormBuilder, {
11
- onSubmit: function onSubmit(data) {
12
- console.log(data);
13
- }
14
- }, /*#__PURE__*/React.createElement(Field, {
15
- key: 'string',
16
- name: "string",
17
- type: "choice:multiple",
18
- required: true,
19
- label: {
20
- primary: 'Πώς αισθάνεστε αυτή τη στιγμή;'
21
- },
22
- extra: {
23
- options: [{
24
- label: {
25
- primary: 'Έχω συνάχι'
26
- },
27
- value: 'runny-nose'
28
- }, {
29
- label: {
30
- primary: 'Έχω πυρετό'
31
- },
32
- value: 'fever'
33
- }, {
34
- label: {
35
- primary: 'Αισθάνομαι κούραση'
36
- },
37
- value: 'fatigue'
38
- }]
39
- }
40
- }), _ref);
41
- };
42
- export default Default;
@@ -1,43 +0,0 @@
1
- import React from 'react';
2
- import FormBuilder, { Field } from '@digigov/form';
3
- import { Button } from '@digigov/ui/form/Button';
4
-
5
- var _ref = /*#__PURE__*/React.createElement(Button, {
6
- type: "submit"
7
- }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
8
-
9
- export var WithDivider = function WithDivider() {
10
- return /*#__PURE__*/React.createElement(FormBuilder, {
11
- onSubmit: function onSubmit(data) {
12
- console.log(data);
13
- }
14
- }, /*#__PURE__*/React.createElement(Field, {
15
- key: 'string',
16
- name: "string",
17
- type: "choice:multiple",
18
- required: true,
19
- label: {
20
- primary: 'Πώς αισθάνεστε αυτή τη στιγμή;'
21
- },
22
- extra: {
23
- options: [{
24
- label: {
25
- primary: 'Έχω συνάχι'
26
- },
27
- value: 'runny-nose'
28
- }, {
29
- label: {
30
- primary: 'Έχω πυρετό'
31
- },
32
- value: 'fever'
33
- }, {
34
- label: {
35
- primary: 'Αισθάνομαι κούραση'
36
- },
37
- value: 'fatigue',
38
- dividerText: 'ή'
39
- }]
40
- }
41
- }), _ref);
42
- };
43
- export default WithDivider;
@@ -1,100 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
- var _excluded = ["name", "onChange", "value", "extra", "disabled"],
5
- _excluded2 = ["label", "value", "show", "disabled", "selected"];
6
- import React, { useState } from 'react';
7
- import { Field } from '@digigov/form';
8
- import { CheckboxConditional } from '@digigov/react-core';
9
- import CoreCheckboxes from '@digigov/react-core/Checkbox';
10
- import CheckboxItem from '@digigov/react-core/CheckboxItem';
11
- import Hint from '@digigov/react-core/Hint';
12
- import { useTranslation } from '@digigov/ui/i18n';
13
- export var Checkboxes = function Checkboxes(_ref) {
14
- var name = _ref.name,
15
- onChange = _ref.onChange,
16
- value = _ref.value,
17
- _ref$extra = _ref.extra,
18
- options = _ref$extra.options,
19
- className = _ref$extra.className,
20
- disabled = _ref.disabled,
21
- props = _objectWithoutProperties(_ref, _excluded);
22
-
23
- if (!value) value = [];
24
-
25
- var handleChange = function handleChange(optionValue, idx, show) {
26
- return function (evt) {
27
- var newValue;
28
-
29
- if (evt.currentTarget.checked) {
30
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
31
- // @ts-ignore
32
- newValue = value.concat([optionValue]);
33
- } else {
34
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
35
- // @ts-ignore
36
- newValue = value.filter(function (val) {
37
- return val !== optionValue;
38
- });
39
- }
40
-
41
- if (show && show.length > 0) {
42
- setChecked(function (items) {
43
- return items.map(function (item, index) {
44
- return index === idx ? !item : item;
45
- });
46
- });
47
- } // reset value to undefined instead of an empty array
48
- // so the error state mechanism can throw validation errors
49
-
50
-
51
- if (newValue.length === 0) newValue = undefined;
52
- onChange(newValue);
53
- };
54
- };
55
-
56
- var _useTranslation = useTranslation(),
57
- t = _useTranslation.t;
58
-
59
- var _useState = useState(Array(options.length).fill(false)),
60
- _useState2 = _slicedToArray(_useState, 2),
61
- checked = _useState2[0],
62
- setChecked = _useState2[1];
63
-
64
- return /*#__PURE__*/React.createElement(CoreCheckboxes, {
65
- className: className
66
- }, options.map(function (_ref2, index) {
67
- var _value;
68
-
69
- var label = _ref2.label,
70
- v = _ref2.value,
71
- show = _ref2.show,
72
- optionDisabled = _ref2.disabled,
73
- selected = _ref2.selected,
74
- option = _objectWithoutProperties(_ref2, _excluded2);
75
-
76
- return /*#__PURE__*/React.createElement(React.Fragment, {
77
- key: index
78
- }, /*#__PURE__*/React.createElement(CheckboxItem, _extends({
79
- key: "".concat(name, ".").concat(index),
80
- name: name,
81
- value: v,
82
- disabled: disabled || optionDisabled,
83
- checked: (_value = value) === null || _value === void 0 ? void 0 : _value.includes(v),
84
- onChange: handleChange(v, index, show)
85
- }, option, _extends({}, props, {
86
- reset: undefined,
87
- defaultValue: undefined,
88
- onBlur: undefined,
89
- required: undefined,
90
- 'aria-describedby': undefined,
91
- type: 'checkbox'
92
- })), label && label.primary && t(label.primary) || value, label && label.secondary && /*#__PURE__*/React.createElement(Hint, null, t(label.secondary))), !!checked[index] && show && /*#__PURE__*/React.createElement(CheckboxConditional, null, show.map(function (fieldName) {
93
- return /*#__PURE__*/React.createElement(Field, {
94
- name: fieldName,
95
- key: fieldName
96
- });
97
- })), selected && selected());
98
- }));
99
- };
100
- export default Checkboxes;
@@ -1,7 +0,0 @@
1
- import DateInput from '@digigov/form/inputs/DateInput';
2
- export default {
3
- title: 'Digigov Form/inputs/DateInput',
4
- component: DateInput,
5
- displayName: 'DateInput'
6
- };
7
- export * from '@digigov/form/inputs/DateInput/__stories__/Default';
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- import FormBuilder, { Field } from '@digigov/form';
3
- import { Button } from '@digigov/ui/form/Button';
4
-
5
- var _ref = /*#__PURE__*/React.createElement(Button, {
6
- type: "submit"
7
- }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
8
-
9
- export var Default = function Default() {
10
- return /*#__PURE__*/React.createElement(FormBuilder, {
11
- onSubmit: function onSubmit(data) {
12
- console.log(data);
13
- }
14
- }, /*#__PURE__*/React.createElement(Field, {
15
- key: 'string',
16
- name: "string",
17
- type: "date",
18
- required: true,
19
- label: {
20
- primary: 'Πότε εκδόθηκε το διαβατήριο σας;',
21
- secondary: 'Για παράδειγμα, 05 11 2020'
22
- }
23
- }), _ref);
24
- };
25
- export default Default;
@@ -1,155 +0,0 @@
1
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
2
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
- var _excluded = ["label"],
4
- _excluded2 = ["name", "type"];
5
- import React, { useMemo, useState } from 'react';
6
- import dayjs from 'dayjs';
7
- import customParseFormat from 'dayjs/plugin/customParseFormat';
8
- import DateInputContainer from '@digigov/react-core/DateInputContainer';
9
- import CoreDateInputItem from '@digigov/react-core/DateInputItem';
10
- import { useTranslation } from '@digigov/ui/i18n';
11
- dayjs.extend(customParseFormat);
12
-
13
- function useDate(value, onChange) {
14
- var _useMemo = useMemo(function () {
15
- if (!value || value.length === 0) {
16
- onChange('');
17
- return ['', '', ''];
18
- }
19
-
20
- var _value$split = value.split('/'),
21
- _value$split2 = _slicedToArray(_value$split, 3),
22
- day = _value$split2[0],
23
- month = _value$split2[1],
24
- year = _value$split2[2];
25
-
26
- return [year, month, day];
27
- }, [value]),
28
- _useMemo2 = _slicedToArray(_useMemo, 3),
29
- year = _useMemo2[0],
30
- month = _useMemo2[1],
31
- day = _useMemo2[2];
32
-
33
- function set(year, month, day) {
34
- var value = "".concat(day || '', "/").concat(month || '', "/").concat(year || '');
35
-
36
- if (!year && !month && !day) {
37
- onChange(null);
38
- } else {
39
- onChange(value);
40
- }
41
- }
42
-
43
- function setYear(evt) {
44
- var val = evt.target.value;
45
- set(val, month, day);
46
- }
47
-
48
- function setMonth(evt, cast) {
49
- var val = evt.target.value;
50
-
51
- if (cast && val && val.length === 1) {
52
- val = '0' + val;
53
- }
54
-
55
- set(year, val, day);
56
- }
57
-
58
- function setDay(evt, cast) {
59
- var val = evt.target.value;
60
-
61
- if (cast && val && val.length === 1) {
62
- val = '0' + val;
63
- }
64
-
65
- set(year, month, val);
66
- }
67
-
68
- return {
69
- day: day,
70
- month: month,
71
- year: year,
72
- setYear: setYear,
73
- setMonth: setMonth,
74
- setDay: setDay
75
- };
76
- }
77
-
78
- var VALID_FORMATS = ['DD/MM/YYYY'];
79
-
80
- var makeDate = function makeDate(val) {
81
- var date = dayjs(val, VALID_FORMATS, true);
82
-
83
- if (date.isValid()) {
84
- return date.format('DD/MM/YYYY');
85
- }
86
-
87
- return '';
88
- };
89
-
90
- var DatePart = function DatePart(_ref) {
91
- var label = _ref.label,
92
- props = _objectWithoutProperties(_ref, _excluded);
93
-
94
- return /*#__PURE__*/React.createElement(CoreDateInputItem, props, label);
95
- };
96
-
97
- export var DateInput = function DateInput(_ref2) {
98
- var name = _ref2.name,
99
- type = _ref2.type,
100
- props = _objectWithoutProperties(_ref2, _excluded2);
101
-
102
- var _useTranslation = useTranslation(),
103
- t = _useTranslation.t;
104
-
105
- var _useState = useState(props.value),
106
- _useState2 = _slicedToArray(_useState, 1),
107
- initial = _useState2[0];
108
-
109
- var value = useMemo(function () {
110
- if (initial === props.value) {
111
- return makeDate(props.value);
112
- }
113
-
114
- return props.value;
115
- }, [props.value, initial]);
116
- var date = useDate(value || makeDate(props.defaultValue), props.onChange);
117
- return /*#__PURE__*/React.createElement(DateInputContainer, null, /*#__PURE__*/React.createElement(DatePart, {
118
- label: t('form.label.day'),
119
- onChange: date.setDay,
120
- onBlur: function onBlur(e) {
121
- return date.setDay(e, true);
122
- },
123
- value: date.day,
124
- width: 2,
125
- name: "".concat(name, "-day"),
126
- maxLength: "2",
127
- disabled: props.disabled,
128
- "aria-required": props['aria-required'],
129
- error: !date.day ? props.error : false
130
- }), /*#__PURE__*/React.createElement(DatePart, {
131
- label: t('form.label.month'),
132
- onChange: date.setMonth,
133
- onBlur: function onBlur(e) {
134
- return date.setMonth(e, true);
135
- },
136
- value: date.month,
137
- width: 2,
138
- name: "".concat(props.name, "-month"),
139
- maxLength: "2",
140
- disabled: props.disabled,
141
- "aria-required": props['aria-required'],
142
- error: !date.month ? props.error : false
143
- }), /*#__PURE__*/React.createElement(DatePart, {
144
- label: t('form.label.year'),
145
- onChange: date.setYear,
146
- value: date.year,
147
- width: 4,
148
- name: "".concat(props.name, "-year"),
149
- maxLength: "4",
150
- disabled: props.disabled,
151
- "aria-required": props['aria-required'],
152
- error: !date.year ? props.error : false
153
- }));
154
- };
155
- export default DateInput;
@@ -1,7 +0,0 @@
1
- import FileInput from '@digigov/form/inputs/FileInput';
2
- export default {
3
- title: 'Digigov Form/inputs/FileInput',
4
- component: FileInput,
5
- displayName: 'FileInput'
6
- };
7
- export * from '@digigov/form/inputs/FileInput/__stories__/Default';
@@ -1,22 +0,0 @@
1
- import React from 'react';
2
- import FormBuilder, { Field } from '@digigov/form';
3
- import { Button } from '@digigov/ui/form/Button';
4
-
5
- var _ref = /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
6
-
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: "file",
15
- type: "file",
16
- required: true,
17
- label: {
18
- primary: 'Βιογραφικό σημείωμα'
19
- }
20
- }), _ref);
21
- };
22
- export default Default;
@@ -1,62 +0,0 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- import _extends from "@babel/runtime/helpers/extends";
3
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
5
- var _excluded = ["name", "extra", "disabled", "reset", "onChange"];
6
- import React, { useState } from 'react';
7
- import FileUpload from '@digigov/react-core/FileUpload';
8
- import FileUploadContainer from '@digigov/react-core/FileUploadContainer';
9
- import CoreHint from '@digigov/react-core/Hint';
10
- import Button from '@digigov/ui/form/Button';
11
- import { useTranslation } from '@digigov/ui/i18n';
12
- import Paragraph from '@digigov/ui/typography/Paragraph';
13
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
14
- export var FileInput = /*#__PURE__*/React.forwardRef(function FileInput(_ref, ref) {
15
- var name = _ref.name,
16
- _ref$extra = _ref.extra,
17
- extra = _ref$extra === void 0 ? {} : _ref$extra,
18
- disabled = _ref.disabled,
19
- reset = _ref.reset,
20
- onChange = _ref.onChange,
21
- props = _objectWithoutProperties(_ref, _excluded);
22
-
23
- var _useTranslation = useTranslation(),
24
- t = _useTranslation.t;
25
-
26
- var _useState = useState([]),
27
- _useState2 = _slicedToArray(_useState, 2),
28
- files = _useState2[0],
29
- setFiles = _useState2[1];
30
-
31
- var handleChange = function handleChange(e) {
32
- var target = e.target;
33
- var selectedFiles = Array.from(target.files).map(function (_ref2) {
34
- var name = _ref2.name;
35
- return name;
36
- });
37
- setFiles(selectedFiles); // proceed calling the onChange provided
38
- // by react-hook-form
39
-
40
- onChange(e);
41
- };
42
-
43
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FileUploadContainer, {
44
- hasFiles: files && files.length > 0
45
- }, files !== null && files !== void 0 && files.length ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Paragraph, null, /*#__PURE__*/React.createElement("b", null, t('upload.file'), ":"), " ", "".concat(files.join(', ')))) : /*#__PURE__*/React.createElement(CoreHint, null, t('upload.no_file')), /*#__PURE__*/React.createElement(FileUpload, _extends({
46
- ref: ref,
47
- hasFiles: !!(files !== null && files !== void 0 && files.length),
48
- name: name,
49
- disabled: disabled,
50
- onChange: handleChange
51
- }, _extends({}, props, {
52
- required: undefined
53
- })), files !== null && files !== void 0 && files.length ? t('upload.change_file') : t('upload.choose_file')), files !== undefined && files.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
54
- variant: "link",
55
- onClick: function onClick(event) {
56
- event.preventDefault();
57
- reset(_defineProperty({}, name, ''));
58
- setFiles(undefined);
59
- }
60
- }, t('upload.reset_file')))));
61
- });
62
- export default FileInput;
@@ -1,15 +0,0 @@
1
- import Input from '@digigov/form/inputs/Input';
2
- export default {
3
- title: 'Digigov Form/inputs/Input',
4
- component: Input,
5
- displayName: 'Input'
6
- };
7
- export * from '@digigov/form/inputs/Input/__stories__/Default';
8
- export * from '@digigov/form/inputs/Input/__stories__/Integer';
9
- export * from '@digigov/form/inputs/Input/__stories__/Boolean';
10
- export * from '@digigov/form/inputs/Input/__stories__/PhoneNumber';
11
- export * from '@digigov/form/inputs/Input/__stories__/MobilePhone';
12
- export * from '@digigov/form/inputs/Input/__stories__/AFM';
13
- export * from '@digigov/form/inputs/Input/__stories__/IBAN';
14
- export * from '@digigov/form/inputs/Input/__stories__/PostalCode';
15
- export * from '@digigov/form/inputs/Input/__stories__/TextWithCharacterLimit';
@@ -1,24 +0,0 @@
1
- import React from 'react';
2
- import FormBuilder, { Field } from '@digigov/form';
3
- import { Button } from '@digigov/ui/form/Button';
4
-
5
- var _ref = /*#__PURE__*/React.createElement(Button, {
6
- type: "submit"
7
- }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
8
-
9
- export var AFM = function AFM() {
10
- return /*#__PURE__*/React.createElement(FormBuilder, {
11
- onSubmit: function onSubmit(data) {
12
- console.log(data);
13
- }
14
- }, /*#__PURE__*/React.createElement(Field, {
15
- key: "afm",
16
- name: "afm",
17
- type: "afm",
18
- label: {
19
- primary: 'Αριθμός φορολογικού μητρώου'
20
- },
21
- required: true
22
- }), _ref);
23
- };
24
- export default AFM;
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- import FormBuilder, { Field } from '@digigov/form';
3
- import { Button } from '@digigov/ui/form/Button';
4
-
5
- var _ref = /*#__PURE__*/React.createElement(Button, {
6
- type: "submit"
7
- }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
8
-
9
- export var Boolean = function Boolean() {
10
- return /*#__PURE__*/React.createElement(FormBuilder, {
11
- onSubmit: function onSubmit(data) {
12
- console.log(data);
13
- }
14
- }, /*#__PURE__*/React.createElement(Field, {
15
- key: "boolean-value",
16
- name: "boolean-value",
17
- type: "boolean",
18
- label: {
19
- primary: 'Ένα απλό true ή false',
20
- secondary: 'Το πεδίο είναι τύπου boolean, δηλαδή λογικού μηδέν ή ένα. Μπορείτε να εισάγετε true, false, 0, 1.'
21
- },
22
- required: true
23
- }), _ref);
24
- };
25
- export default Boolean;
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- import FormBuilder, { Field } from '@digigov/form';
3
- import { Button } from '@digigov/ui/form/Button';
4
-
5
- var _ref = /*#__PURE__*/React.createElement(Button, {
6
- type: "submit"
7
- }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
8
-
9
- export var Default = function Default() {
10
- return /*#__PURE__*/React.createElement(FormBuilder, {
11
- onSubmit: function onSubmit(data) {
12
- console.log(data);
13
- }
14
- }, /*#__PURE__*/React.createElement(Field, {
15
- key: "business-title",
16
- name: "business-title",
17
- type: "string",
18
- label: {
19
- primary: 'Όνομα επιχείρησης',
20
- secondary: 'Εισάγετε μια σειρά από χαρακτήρες και αριθμούς'
21
- },
22
- required: true
23
- }), _ref);
24
- };
25
- export default Default;