@digigov/form 2.0.0-daaf7bdf → 2.0.0-e20fed09

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 (716) hide show
  1. package/Field/ErrorGroup/index.js +48 -0
  2. package/{Form.stories → Field/ErrorGroup}/package.json +1 -1
  3. package/Field/ErrorGroup.d.ts +15 -0
  4. package/Field/ErrorGroup.js.map +7 -0
  5. package/Field/FieldBase/index.js +37 -25
  6. package/Field/FieldBase.js.map +2 -2
  7. package/Field/FieldBaseContainer/index.js +38 -18
  8. package/Field/FieldBaseContainer.d.ts +1 -1
  9. package/Field/FieldBaseContainer.js.map +2 -2
  10. package/Field/FieldConditional/index.js +4 -0
  11. package/Field/FieldConditional.js.map +2 -2
  12. package/Field/index.js +15 -4
  13. package/Field/index.js.map +2 -2
  14. package/Field/types.d.ts +21 -10
  15. package/Field/utils/index.js +9 -1
  16. package/Field/utils/index.js.map +2 -2
  17. package/Field/utils/useField/index.js +14 -1
  18. package/Field/utils/useField.js.map +2 -2
  19. package/FieldArray/FieldArray.stories.d.ts +1 -0
  20. package/FieldArray/FormDialog/index.js +397 -0
  21. package/{Questions/Questions.stories → FieldArray/FormDialog}/package.json +1 -1
  22. package/FieldArray/FormDialog.d.ts +66 -0
  23. package/FieldArray/FormDialog.js.map +7 -0
  24. package/FieldArray/__stories__/Default.d.ts +1 -1
  25. package/FieldArray/__stories__/WithExactLength.d.ts +1 -1
  26. package/FieldArray/__stories__/WithModal.d.ts +2 -0
  27. package/FieldArray/index.d.ts +6 -0
  28. package/FieldArray/index.js +87 -29
  29. package/FieldArray/index.js.map +2 -2
  30. package/FieldObject/index.d.ts +5 -0
  31. package/FieldObject/index.js +32 -17
  32. package/FieldObject/index.js.map +2 -2
  33. package/Fieldset/index.d.ts +1 -1
  34. package/Fieldset/index.js +5 -5
  35. package/Fieldset/index.js.map +2 -2
  36. package/Fieldset/types.d.ts +2 -2
  37. package/FormBuilder/FormBuilder.stories.d.ts +4 -0
  38. package/FormBuilder/__stories__/AutoErrorGrouping.d.ts +3 -0
  39. package/FormBuilder/__stories__/Default.d.ts +1 -1
  40. package/FormBuilder/__stories__/ErrorGrouping.d.ts +3 -0
  41. package/FormBuilder/index.d.ts +1 -1
  42. package/FormBuilder/index.js +94 -11
  43. package/FormBuilder/index.js.map +2 -2
  44. package/FormBuilder/interaction.test.d.ts +1 -0
  45. package/FormContext/index.js +6 -2
  46. package/FormContext.d.ts +1 -0
  47. package/FormContext.js.map +2 -2
  48. package/MultiplicityField/MultiplicityField.stories.d.ts +2 -0
  49. package/MultiplicityField/__stories__/Default.d.ts +1 -1
  50. package/MultiplicityField/__stories__/PreviewDisplay.d.ts +1 -1
  51. package/MultiplicityField/__stories__/WithExactLength.d.ts +1 -1
  52. package/MultiplicityField/__stories__/WithMaxLength.d.ts +1 -1
  53. package/MultiplicityField/__stories__/WithMinAndMaxLength.d.ts +1 -1
  54. package/MultiplicityField/__stories__/WithMinLength.d.ts +1 -1
  55. package/MultiplicityField/add-objects/index.js +10 -6
  56. package/MultiplicityField/add-objects.js.map +2 -2
  57. package/MultiplicityField/index.js +17 -11
  58. package/MultiplicityField/index.js.map +2 -2
  59. package/MultiplicityField/types.d.ts +2 -2
  60. package/Questions/Questions/index.js +5 -4
  61. package/Questions/Questions.js.map +2 -2
  62. package/Questions/Questions.stories.d.ts +2 -0
  63. package/Questions/Step/StepArrayReview.js.map +2 -2
  64. package/Questions/Step/StepTitle/index.js +4 -3
  65. package/Questions/Step/StepTitle.d.ts +1 -1
  66. package/Questions/Step/StepTitle.js.map +2 -2
  67. package/Questions/__stories__/Default.d.ts +1 -1
  68. package/cjs/Field/ErrorGroup/index.js +82 -0
  69. package/cjs/Field/ErrorGroup.js.map +7 -0
  70. package/cjs/Field/FieldBase/index.js +36 -24
  71. package/cjs/Field/FieldBase.js.map +2 -2
  72. package/cjs/Field/FieldBaseContainer/index.js +37 -17
  73. package/cjs/Field/FieldBaseContainer.js.map +3 -3
  74. package/cjs/Field/FieldConditional/index.js +4 -0
  75. package/cjs/Field/FieldConditional.js.map +2 -2
  76. package/cjs/Field/index.js +15 -4
  77. package/cjs/Field/index.js.map +2 -2
  78. package/cjs/Field/types.js.map +1 -1
  79. package/cjs/Field/utils/index.js +9 -1
  80. package/cjs/Field/utils/index.js.map +3 -3
  81. package/cjs/Field/utils/useField/index.js +14 -1
  82. package/cjs/Field/utils/useField.js.map +2 -2
  83. package/cjs/FieldArray/FormDialog/index.js +416 -0
  84. package/cjs/FieldArray/FormDialog.js.map +7 -0
  85. package/cjs/FieldArray/index.js +85 -27
  86. package/cjs/FieldArray/index.js.map +3 -3
  87. package/cjs/FieldObject/index.js +32 -17
  88. package/cjs/FieldObject/index.js.map +3 -3
  89. package/cjs/Fieldset/index.js +10 -10
  90. package/cjs/Fieldset/index.js.map +3 -3
  91. package/cjs/Fieldset/types.js.map +1 -1
  92. package/cjs/FormBuilder/index.js +94 -11
  93. package/cjs/FormBuilder/index.js.map +3 -3
  94. package/cjs/FormContext/index.js +9 -4
  95. package/cjs/FormContext.js.map +3 -3
  96. package/cjs/MultiplicityField/add-objects/index.js +14 -10
  97. package/cjs/MultiplicityField/add-objects.js.map +3 -3
  98. package/cjs/MultiplicityField/index.js +16 -15
  99. package/cjs/MultiplicityField/index.js.map +3 -3
  100. package/cjs/MultiplicityField/types.js.map +1 -1
  101. package/cjs/Questions/Questions/index.js +5 -4
  102. package/cjs/Questions/Questions.js.map +2 -2
  103. package/cjs/Questions/Step/StepArrayReview.js.map +2 -2
  104. package/cjs/Questions/Step/StepTitle/index.js +5 -5
  105. package/cjs/Questions/Step/StepTitle.js.map +3 -3
  106. package/cjs/inputs/AutoCompleteInput/index.js +8 -7
  107. package/cjs/inputs/AutoCompleteInput/index.js.map +3 -3
  108. package/cjs/inputs/Checkboxes/index.js +9 -9
  109. package/cjs/inputs/Checkboxes/index.js.map +3 -3
  110. package/cjs/inputs/DateInput/index.js +51 -22
  111. package/cjs/inputs/DateInput/index.js.map +3 -3
  112. package/cjs/inputs/DateTimeInput/index.js +245 -0
  113. package/cjs/inputs/DateTimeInput/index.js.map +7 -0
  114. package/cjs/inputs/FileInput/index.js +72 -35
  115. package/cjs/inputs/FileInput/index.js.map +3 -3
  116. package/cjs/inputs/ImageInput/__stories__/logo.d/index.js +1 -0
  117. package/cjs/inputs/ImageInput/__stories__/logo.d.js.map +7 -0
  118. package/cjs/inputs/ImageInput/index.js +54 -18
  119. package/cjs/inputs/ImageInput/index.js.map +3 -3
  120. package/cjs/inputs/Input/index.js +12 -4
  121. package/cjs/inputs/Input/index.js.map +2 -2
  122. package/cjs/inputs/Label/index.js +3 -3
  123. package/cjs/inputs/Label/index.js.map +3 -3
  124. package/cjs/inputs/OtpInput/index.js +1 -0
  125. package/cjs/inputs/OtpInput/index.js.map +2 -2
  126. package/cjs/inputs/Radio/index.js +12 -13
  127. package/cjs/inputs/Radio/index.js.map +3 -3
  128. package/cjs/inputs/Select/index.js +11 -5
  129. package/cjs/inputs/Select/index.js.map +3 -3
  130. package/cjs/inputs/inputsScenarios/index.js +6 -12
  131. package/cjs/inputs/inputsScenarios.js.map +2 -2
  132. package/cjs/{lazy/index.js → lazy.js} +49 -35
  133. package/cjs/lazy.js.map +3 -3
  134. package/cjs/locales/el.js.map +1 -1
  135. package/cjs/{registry/index.js → registry.js} +72 -62
  136. package/cjs/registry.js.map +3 -3
  137. package/cjs/types.js.map +1 -1
  138. package/cjs/utils/index.js +22 -7
  139. package/cjs/utils.js.map +2 -2
  140. package/cjs/validators/index.js +55 -85
  141. package/cjs/validators/index.js.map +3 -3
  142. package/cjs/validators/utils/amka/index.js +60 -0
  143. package/cjs/validators/utils/amka.js.map +7 -0
  144. package/cjs/validators/utils/date/index.js +161 -0
  145. package/cjs/validators/utils/date.js.map +7 -0
  146. package/cjs/validators/utils/datetime/index.js +245 -0
  147. package/cjs/validators/utils/datetime.js.map +7 -0
  148. package/cjs/validators/utils/file/index.js +30 -17
  149. package/cjs/validators/utils/file.js.map +2 -2
  150. package/cjs/validators/utils/index.js +10 -2
  151. package/cjs/validators/utils/index.js.map +2 -2
  152. package/cjs/validators/utils/int/index.js +1 -1
  153. package/cjs/validators/utils/int.js.map +2 -2
  154. package/cjs/validators/utils/number/index.js +1 -1
  155. package/cjs/validators/utils/number.js.map +2 -2
  156. package/cjs/validators/utils/phone.js.map +2 -2
  157. package/cjs/validators/utils/postal_code.js.map +1 -1
  158. package/cjs/validators/utils/uuid4.js.map +2 -2
  159. package/index.js +1 -1
  160. package/inputs/AutoCompleteInput/AutoComplete.stories.d.ts +2 -0
  161. package/inputs/AutoCompleteInput/__stories__/Default.d.ts +1 -1
  162. package/inputs/AutoCompleteInput/__stories__/Multiple.d.ts +1 -1
  163. package/inputs/AutoCompleteInput/index.d.ts +1 -1
  164. package/inputs/AutoCompleteInput/index.js +10 -7
  165. package/inputs/AutoCompleteInput/index.js.map +2 -2
  166. package/inputs/Checkboxes/Checkboxes.stories.d.ts +2 -0
  167. package/inputs/Checkboxes/__stories__/Conditional.d.ts +1 -1
  168. package/inputs/Checkboxes/__stories__/Default.d.ts +1 -1
  169. package/inputs/Checkboxes/__stories__/WithDivider.d.ts +1 -1
  170. package/inputs/Checkboxes/index.d.ts +1 -1
  171. package/inputs/Checkboxes/index.js +10 -6
  172. package/inputs/Checkboxes/index.js.map +2 -2
  173. package/inputs/DateInput/DateInput.stories.d.ts +6 -0
  174. package/inputs/DateInput/__stories__/Default.d.ts +1 -1
  175. package/inputs/DateInput/__stories__/WithDefaultValue.d.ts +3 -0
  176. package/inputs/DateInput/__stories__/WithInitialValue.d.ts +3 -0
  177. package/inputs/DateInput/__stories__/WithWrongDefaultValue.d.ts +3 -0
  178. package/inputs/DateInput/__stories__/WithWrongInitialValue.d.ts +3 -0
  179. package/inputs/DateInput/index.d.ts +1 -2
  180. package/inputs/DateInput/index.js +54 -22
  181. package/inputs/DateInput/index.js.map +2 -2
  182. package/inputs/DateTimeInput/DateTimeInput.stories.d.ts +14 -0
  183. package/inputs/DateTimeInput/__stories__/Default.d.ts +3 -0
  184. package/inputs/DateTimeInput/__stories__/WithDefaultValue.d.ts +3 -0
  185. package/inputs/DateTimeInput/__stories__/WithInitialValue.d.ts +3 -0
  186. package/inputs/DateTimeInput/__stories__/WithWrongDefaultValue.d.ts +3 -0
  187. package/inputs/DateTimeInput/__stories__/WithWrongInitialValue.d.ts +3 -0
  188. package/inputs/DateTimeInput/index.d.ts +13 -0
  189. package/inputs/DateTimeInput/index.js +215 -0
  190. package/inputs/DateTimeInput/index.js.map +7 -0
  191. package/inputs/DateTimeInput/index.test.d.ts +1 -0
  192. package/inputs/{Input/Input.stories → DateTimeInput}/package.json +1 -1
  193. package/inputs/FileInput/FileInput.stories.d.ts +3 -0
  194. package/inputs/FileInput/__stories__/Default.d.ts +1 -1
  195. package/inputs/FileInput/__stories__/WithBorderAndLink.d.ts +3 -0
  196. package/inputs/FileInput/index.d.ts +17 -1
  197. package/inputs/FileInput/index.js +76 -36
  198. package/inputs/FileInput/index.js.map +2 -2
  199. package/inputs/ImageInput/ImageInput.stories.d.ts +4 -1
  200. package/inputs/ImageInput/__stories__/Default.d.ts +1 -1
  201. package/inputs/ImageInput/__stories__/MaxSize.d.ts +1 -1
  202. package/inputs/ImageInput/__stories__/WithInitialValues.d.ts +3 -0
  203. package/inputs/ImageInput/__stories__/WithInvalidImageDimension.d.ts +1 -1
  204. package/inputs/ImageInput/__stories__/logo.d/index.js +1 -0
  205. package/inputs/{DateInput/__stories__/Default → ImageInput/__stories__/logo.d}/package.json +1 -1
  206. package/inputs/ImageInput/__stories__/logo.d.js.map +7 -0
  207. package/inputs/ImageInput/index.d.ts +9 -1
  208. package/inputs/ImageInput/index.js +54 -18
  209. package/inputs/ImageInput/index.js.map +2 -2
  210. package/inputs/Input/Input.stories.d.ts +5 -0
  211. package/inputs/Input/__stories__/AFM.d.ts +1 -1
  212. package/inputs/Input/__stories__/AMKA.d.ts +3 -0
  213. package/inputs/Input/__stories__/Boolean.d.ts +1 -1
  214. package/inputs/Input/__stories__/Email.d.ts +3 -0
  215. package/inputs/Input/__stories__/IBAN.d.ts +1 -1
  216. package/inputs/Input/__stories__/Integer.d.ts +1 -1
  217. package/inputs/Input/__stories__/LandlineNumber.d.ts +1 -1
  218. package/inputs/Input/__stories__/MobilePhone.d.ts +1 -1
  219. package/inputs/Input/__stories__/PhoneNumber.d.ts +1 -1
  220. package/inputs/Input/__stories__/PostalCode.d.ts +1 -1
  221. package/inputs/Input/__stories__/String.d.ts +1 -1
  222. package/inputs/Input/__stories__/StringWithTrimValidation.d.ts +3 -0
  223. package/inputs/Input/__stories__/TextWithLimit.d.ts +1 -1
  224. package/inputs/Input/index.d.ts +2 -1
  225. package/inputs/Input/index.js +12 -4
  226. package/inputs/Input/index.js.map +2 -2
  227. package/inputs/Label/Label.stories.d.ts +2 -0
  228. package/inputs/Label/__stories__/Default.d.ts +1 -1
  229. package/inputs/Label/index.d.ts +0 -2
  230. package/inputs/Label/index.js +2 -2
  231. package/inputs/Label/index.js.map +2 -2
  232. package/inputs/OtpInput/OtpInput.stories.d.ts +2 -0
  233. package/inputs/OtpInput/__stories__/Default.d.ts +1 -1
  234. package/inputs/OtpInput/index.js +1 -0
  235. package/inputs/OtpInput/index.js.map +2 -2
  236. package/inputs/Radio/Radio.stories.d.ts +2 -0
  237. package/inputs/Radio/__stories__/Conditional.d.ts +1 -1
  238. package/inputs/Radio/__stories__/Default.d.ts +1 -1
  239. package/inputs/Radio/__stories__/WithDivider.d.ts +1 -1
  240. package/inputs/Radio/index.d.ts +1 -1
  241. package/inputs/Radio/index.js +8 -5
  242. package/inputs/Radio/index.js.map +2 -2
  243. package/inputs/Select/Select.stories.d.ts +2 -0
  244. package/inputs/Select/__stories__/Default.d.ts +1 -1
  245. package/inputs/Select/index.d.ts +3 -2
  246. package/inputs/Select/index.js +13 -4
  247. package/inputs/Select/index.js.map +2 -2
  248. package/inputs/inputsScenarios/index.js +6 -12
  249. package/inputs/inputsScenarios.d.ts +1 -1
  250. package/inputs/inputsScenarios.js.map +2 -2
  251. package/lazy/index.js +77 -67
  252. package/locales/el.js.map +1 -1
  253. package/package.json +8 -8
  254. package/registry/index.js +116 -107
  255. package/src/Field/ErrorGroup.tsx +84 -0
  256. package/src/Field/FieldBase.tsx +39 -24
  257. package/src/Field/FieldBaseContainer.tsx +70 -47
  258. package/src/Field/FieldConditional.tsx +6 -2
  259. package/src/Field/doc.mdx +207 -0
  260. package/src/Field/index.tsx +20 -5
  261. package/src/Field/types.tsx +42 -29
  262. package/src/Field/utils/index.ts +8 -0
  263. package/src/Field/utils/useField.ts +14 -2
  264. package/src/FieldArray/FieldArray.stories.js +1 -0
  265. package/src/FieldArray/FormDialog.tsx +565 -0
  266. package/src/FieldArray/__stories__/Default.tsx +2 -1
  267. package/src/FieldArray/__stories__/WithExactLength.tsx +2 -1
  268. package/src/FieldArray/__stories__/WithModal.tsx +160 -0
  269. package/src/FieldArray/index.test.tsx +8 -0
  270. package/src/FieldArray/index.tsx +119 -54
  271. package/src/FieldObject/index.tsx +41 -20
  272. package/src/Fieldset/index.tsx +5 -5
  273. package/src/Fieldset/types.tsx +2 -2
  274. package/src/FormBuilder/FormBuilder.stories.js +5 -0
  275. package/src/FormBuilder/__stories__/AutoErrorGrouping.tsx +63 -0
  276. package/src/FormBuilder/__stories__/Default.tsx +1 -1
  277. package/src/FormBuilder/__stories__/ErrorGrouping.tsx +43 -0
  278. package/src/FormBuilder/{FormBuilder.mdx → doc.mdx} +27 -35
  279. package/src/FormBuilder/index.test.tsx +12 -0
  280. package/src/FormBuilder/index.tsx +104 -14
  281. package/src/FormBuilder/interaction.test.tsx +40 -0
  282. package/src/FormBuilder/scenarios.test.tsx +1002 -130
  283. package/src/FormContext.tsx +5 -2
  284. package/src/MultiplicityField/MultiplicityField.stories.js +3 -0
  285. package/src/MultiplicityField/__stories__/Default.tsx +1 -1
  286. package/src/MultiplicityField/__stories__/PreviewDisplay.tsx +1 -1
  287. package/src/MultiplicityField/__stories__/WithExactLength.tsx +1 -1
  288. package/src/MultiplicityField/__stories__/WithMaxLength.tsx +1 -1
  289. package/src/MultiplicityField/__stories__/WithMinAndMaxLength.tsx +1 -1
  290. package/src/MultiplicityField/__stories__/WithMinLength.tsx +1 -1
  291. package/src/MultiplicityField/add-objects.tsx +11 -9
  292. package/src/MultiplicityField/{MultiplicityField.mdx → doc.mdx} +112 -98
  293. package/src/MultiplicityField/index.test.tsx +4 -0
  294. package/src/MultiplicityField/index.tsx +17 -12
  295. package/src/MultiplicityField/types.ts +2 -2
  296. package/src/Questions/Questions.stories.js +3 -0
  297. package/src/Questions/Questions.tsx +4 -4
  298. package/src/Questions/Step/StepArrayReview.tsx +1 -1
  299. package/src/Questions/Step/StepTitle.tsx +4 -3
  300. package/src/Questions/__snapshots__/index.spec.tsx.snap +11 -5
  301. package/src/Questions/__stories__/Default.tsx +1 -1
  302. package/src/Questions/{index.mdx → doc.mdx} +30 -53
  303. package/src/Questions/index.spec.tsx +14 -2
  304. package/src/Questions/index.test.tsx +4 -0
  305. package/src/create-simple-form.mdx +2 -6
  306. package/src/{index.mdx → doc.mdx} +29 -18
  307. package/src/inputs/AutoCompleteInput/AutoComplete.stories.js +3 -0
  308. package/src/inputs/AutoCompleteInput/__stories__/Default.tsx +3 -11
  309. package/src/inputs/AutoCompleteInput/__stories__/Multiple.tsx +2 -8
  310. package/src/inputs/AutoCompleteInput/{index.mdx → doc.mdx} +2 -13
  311. package/src/inputs/AutoCompleteInput/index.test.tsx +4 -0
  312. package/src/inputs/AutoCompleteInput/index.tsx +32 -28
  313. package/src/inputs/Checkboxes/Checkboxes.stories.js +3 -0
  314. package/src/inputs/Checkboxes/__stories__/Conditional.tsx +1 -1
  315. package/src/inputs/Checkboxes/__stories__/Default.tsx +1 -1
  316. package/src/inputs/Checkboxes/__stories__/WithDivider.tsx +1 -1
  317. package/src/inputs/Checkboxes/{index.mdx → doc.mdx} +5 -15
  318. package/src/inputs/Checkboxes/index.test.tsx +4 -0
  319. package/src/inputs/Checkboxes/index.tsx +28 -28
  320. package/src/inputs/DateInput/DateInput.stories.js +7 -0
  321. package/src/inputs/DateInput/__stories__/Default.tsx +8 -13
  322. package/src/inputs/DateInput/__stories__/WithDefaultValue.tsx +26 -0
  323. package/src/inputs/DateInput/__stories__/WithInitialValue.tsx +28 -0
  324. package/src/inputs/DateInput/__stories__/WithWrongDefaultValue.tsx +26 -0
  325. package/src/inputs/DateInput/__stories__/WithWrongInitialValue.tsx +28 -0
  326. package/src/inputs/DateInput/{index.mdx → doc.mdx} +1 -8
  327. package/src/inputs/DateInput/index.test.tsx +20 -0
  328. package/src/inputs/DateInput/index.tsx +58 -21
  329. package/src/inputs/DateTimeInput/DateTimeInput.stories.js +14 -0
  330. package/src/inputs/DateTimeInput/__stories__/Default.tsx +25 -0
  331. package/src/inputs/DateTimeInput/__stories__/WithDefaultValue.tsx +26 -0
  332. package/src/inputs/DateTimeInput/__stories__/WithInitialValue.tsx +28 -0
  333. package/src/inputs/DateTimeInput/__stories__/WithWrongDefaultValue.tsx +26 -0
  334. package/src/inputs/DateTimeInput/__stories__/WithWrongInitialValue.tsx +28 -0
  335. package/src/inputs/DateTimeInput/doc.mdx +16 -0
  336. package/src/inputs/DateTimeInput/index.test.tsx +40 -0
  337. package/src/inputs/DateTimeInput/index.tsx +233 -0
  338. package/src/inputs/FileInput/FileInput.stories.js +4 -0
  339. package/src/inputs/FileInput/__stories__/Default.tsx +1 -1
  340. package/src/inputs/FileInput/__stories__/WithBorderAndLink.tsx +34 -0
  341. package/src/inputs/FileInput/{index.mdx → doc.mdx} +1 -5
  342. package/src/inputs/FileInput/index.test.tsx +8 -0
  343. package/src/inputs/FileInput/index.tsx +106 -41
  344. package/src/inputs/ImageInput/ImageInput.stories.js +5 -2
  345. package/src/inputs/ImageInput/__stories__/Default.tsx +1 -1
  346. package/src/inputs/ImageInput/__stories__/MaxSize.tsx +5 -4
  347. package/src/inputs/ImageInput/__stories__/{WithInvalidImageSize.tsx → WithInitialValues.tsx} +12 -3
  348. package/src/inputs/ImageInput/__stories__/WithInvalidImageDimension.tsx +3 -1
  349. package/src/inputs/ImageInput/__stories__/logo.d.ts +4 -0
  350. package/src/inputs/ImageInput/__stories__/logo.png +0 -0
  351. package/src/inputs/ImageInput/doc.mdx +23 -0
  352. package/src/inputs/ImageInput/index.test.tsx +8 -4
  353. package/src/inputs/ImageInput/index.tsx +103 -50
  354. package/src/inputs/Input/Input.stories.js +6 -0
  355. package/src/inputs/Input/__stories__/AFM.tsx +1 -1
  356. package/src/inputs/Input/__stories__/AMKA.tsx +23 -0
  357. package/src/inputs/Input/__stories__/Boolean.tsx +1 -1
  358. package/src/inputs/Input/__stories__/Email.tsx +23 -0
  359. package/src/inputs/Input/__stories__/IBAN.tsx +1 -1
  360. package/src/inputs/Input/__stories__/Integer.tsx +1 -1
  361. package/src/inputs/Input/__stories__/LandlineNumber.tsx +3 -2
  362. package/src/inputs/Input/__stories__/MobilePhone.tsx +2 -1
  363. package/src/inputs/Input/__stories__/PhoneNumber.tsx +2 -1
  364. package/src/inputs/Input/__stories__/PostalCode.tsx +2 -1
  365. package/src/inputs/Input/__stories__/String.tsx +1 -1
  366. package/src/inputs/Input/__stories__/StringWithTrimValidation.tsx +26 -0
  367. package/src/inputs/Input/__stories__/TextWithLimit.tsx +2 -1
  368. package/src/inputs/Input/doc.mdx +56 -0
  369. package/src/inputs/Input/index.test.tsx +16 -0
  370. package/src/inputs/Input/index.tsx +30 -12
  371. package/src/inputs/Label/Label.stories.js +3 -0
  372. package/src/inputs/Label/__stories__/Default.tsx +1 -1
  373. package/src/inputs/Label/doc.mdx +14 -0
  374. package/src/inputs/Label/index.test.tsx +4 -0
  375. package/src/inputs/Label/index.tsx +2 -6
  376. package/src/inputs/OtpInput/OtpInput.stories.js +3 -0
  377. package/src/inputs/OtpInput/__stories__/Default.tsx +1 -1
  378. package/src/inputs/OtpInput/{index.mdx → doc.mdx} +1 -8
  379. package/src/inputs/OtpInput/index.test.tsx +4 -0
  380. package/src/inputs/OtpInput/index.tsx +3 -1
  381. package/src/inputs/Radio/Radio.stories.js +3 -0
  382. package/src/inputs/Radio/__stories__/Conditional.tsx +1 -1
  383. package/src/inputs/Radio/__stories__/Default.tsx +1 -1
  384. package/src/inputs/Radio/__stories__/WithDivider.tsx +1 -1
  385. package/src/inputs/Radio/{index.mdx → doc.mdx} +5 -15
  386. package/src/inputs/Radio/index.test.tsx +4 -0
  387. package/src/inputs/Radio/index.tsx +59 -56
  388. package/src/inputs/Select/Select.stories.js +3 -0
  389. package/src/inputs/Select/__stories__/Default.tsx +1 -1
  390. package/src/inputs/Select/{index.mdx → doc.mdx} +1 -5
  391. package/src/inputs/Select/index.test.tsx +4 -0
  392. package/src/inputs/Select/index.tsx +18 -7
  393. package/src/inputs/inputsScenarios.ts +36 -42
  394. package/src/installation.mdx +2 -5
  395. package/src/lazy.js +77 -64
  396. package/src/locales/el.ts +1 -1
  397. package/src/registry.js +108 -100
  398. package/src/types.tsx +4 -3
  399. package/src/utils.ts +29 -8
  400. package/src/validators/index.ts +103 -91
  401. package/src/validators/utils/amka.ts +39 -0
  402. package/src/validators/utils/date.ts +131 -0
  403. package/src/validators/utils/datetime.ts +222 -0
  404. package/src/validators/utils/file.ts +33 -17
  405. package/src/validators/utils/index.ts +6 -1
  406. package/src/validators/utils/int.ts +1 -1
  407. package/src/validators/utils/number.ts +1 -1
  408. package/src/validators/utils/phone.ts +1 -1
  409. package/src/validators/utils/postal_code.ts +1 -1
  410. package/src/validators/utils/uuid4.ts +2 -1
  411. package/src/validators/validators.spec.ts +3 -3
  412. package/types.d.ts +4 -3
  413. package/types.js.map +1 -1
  414. package/utils/index.js +22 -7
  415. package/utils.d.ts +2 -0
  416. package/utils.js.map +2 -2
  417. package/validators/index.d.ts +1 -1
  418. package/validators/index.js +63 -86
  419. package/validators/index.js.map +2 -2
  420. package/validators/utils/amka/index.js +36 -0
  421. package/{FieldArray/FieldArray.stories → validators/utils/amka}/package.json +1 -1
  422. package/validators/utils/amka.d.ts +6 -0
  423. package/validators/utils/amka.js.map +7 -0
  424. package/validators/utils/date/index.js +126 -0
  425. package/validators/utils/date/package.json +6 -0
  426. package/validators/utils/date.d.ts +9 -0
  427. package/validators/utils/date.js.map +7 -0
  428. package/validators/utils/datetime/index.js +210 -0
  429. package/validators/utils/datetime/package.json +6 -0
  430. package/validators/utils/datetime.d.ts +9 -0
  431. package/validators/utils/datetime.js.map +7 -0
  432. package/validators/utils/file/index.js +30 -17
  433. package/validators/utils/file.js.map +2 -2
  434. package/validators/utils/index.d.ts +3 -0
  435. package/validators/utils/index.js +6 -1
  436. package/validators/utils/index.js.map +2 -2
  437. package/validators/utils/int/index.js +1 -1
  438. package/validators/utils/int.js.map +2 -2
  439. package/validators/utils/number/index.js +1 -1
  440. package/validators/utils/number.js.map +2 -2
  441. package/validators/utils/phone.d.ts +1 -1
  442. package/validators/utils/phone.js.map +2 -2
  443. package/validators/utils/postal_code.d.ts +1 -1
  444. package/validators/utils/postal_code.js.map +1 -1
  445. package/validators/utils/uuid4.js.map +2 -2
  446. package/FieldArray/FieldArray.stories/index.js +0 -14
  447. package/FieldArray/FieldArray.stories.js.map +0 -7
  448. package/FieldArray/__stories__/Default/index.js +0 -95
  449. package/FieldArray/__stories__/Default/package.json +0 -6
  450. package/FieldArray/__stories__/Default.js.map +0 -7
  451. package/FieldArray/__stories__/WithExactLength/index.js +0 -95
  452. package/FieldArray/__stories__/WithExactLength/package.json +0 -6
  453. package/FieldArray/__stories__/WithExactLength.js.map +0 -7
  454. package/Form.stories/index.js +0 -7
  455. package/Form.stories.js.map +0 -7
  456. package/FormBuilder/FormBuilder.stories/index.js +0 -12
  457. package/FormBuilder/FormBuilder.stories/package.json +0 -6
  458. package/FormBuilder/FormBuilder.stories.js.map +0 -7
  459. package/FormBuilder/__stories__/Default/index.js +0 -32
  460. package/FormBuilder/__stories__/Default/package.json +0 -6
  461. package/FormBuilder/__stories__/Default.js.map +0 -7
  462. package/MultiplicityField/MultiplicityField.stories/index.js +0 -22
  463. package/MultiplicityField/MultiplicityField.stories/package.json +0 -6
  464. package/MultiplicityField/MultiplicityField.stories.js.map +0 -7
  465. package/MultiplicityField/__stories__/Default/index.js +0 -100
  466. package/MultiplicityField/__stories__/Default/package.json +0 -6
  467. package/MultiplicityField/__stories__/Default.js.map +0 -7
  468. package/MultiplicityField/__stories__/PreviewDisplay/index.js +0 -70
  469. package/MultiplicityField/__stories__/PreviewDisplay/package.json +0 -6
  470. package/MultiplicityField/__stories__/PreviewDisplay.js.map +0 -7
  471. package/MultiplicityField/__stories__/WithExactLength/index.js +0 -97
  472. package/MultiplicityField/__stories__/WithExactLength/package.json +0 -6
  473. package/MultiplicityField/__stories__/WithExactLength.js.map +0 -7
  474. package/MultiplicityField/__stories__/WithMaxLength/index.js +0 -100
  475. package/MultiplicityField/__stories__/WithMaxLength/package.json +0 -6
  476. package/MultiplicityField/__stories__/WithMaxLength.js.map +0 -7
  477. package/MultiplicityField/__stories__/WithMinAndMaxLength/index.js +0 -101
  478. package/MultiplicityField/__stories__/WithMinAndMaxLength/package.json +0 -6
  479. package/MultiplicityField/__stories__/WithMinAndMaxLength.js.map +0 -7
  480. package/MultiplicityField/__stories__/WithMinLength/index.js +0 -100
  481. package/MultiplicityField/__stories__/WithMinLength/package.json +0 -6
  482. package/MultiplicityField/__stories__/WithMinLength.js.map +0 -7
  483. package/Questions/Questions.stories/index.js +0 -12
  484. package/Questions/Questions.stories.js.map +0 -7
  485. package/Questions/__stories__/Default/index.js +0 -108
  486. package/Questions/__stories__/Default/package.json +0 -6
  487. package/Questions/__stories__/Default.js.map +0 -7
  488. package/cjs/FieldArray/FieldArray.stories/index.js +0 -48
  489. package/cjs/FieldArray/FieldArray.stories.js.map +0 -7
  490. package/cjs/FieldArray/__stories__/Default/index.js +0 -128
  491. package/cjs/FieldArray/__stories__/Default.js.map +0 -7
  492. package/cjs/FieldArray/__stories__/WithExactLength/index.js +0 -128
  493. package/cjs/FieldArray/__stories__/WithExactLength.js.map +0 -7
  494. package/cjs/Form.stories/index.js +0 -26
  495. package/cjs/Form.stories.js.map +0 -7
  496. package/cjs/FormBuilder/FormBuilder.stories/index.js +0 -45
  497. package/cjs/FormBuilder/FormBuilder.stories.js.map +0 -7
  498. package/cjs/FormBuilder/__stories__/Default/index.js +0 -65
  499. package/cjs/FormBuilder/__stories__/Default.js.map +0 -7
  500. package/cjs/MultiplicityField/MultiplicityField.stories/index.js +0 -60
  501. package/cjs/MultiplicityField/MultiplicityField.stories.js.map +0 -7
  502. package/cjs/MultiplicityField/__stories__/Default/index.js +0 -133
  503. package/cjs/MultiplicityField/__stories__/Default.js.map +0 -7
  504. package/cjs/MultiplicityField/__stories__/PreviewDisplay/index.js +0 -86
  505. package/cjs/MultiplicityField/__stories__/PreviewDisplay.js.map +0 -7
  506. package/cjs/MultiplicityField/__stories__/WithExactLength/index.js +0 -130
  507. package/cjs/MultiplicityField/__stories__/WithExactLength.js.map +0 -7
  508. package/cjs/MultiplicityField/__stories__/WithMaxLength/index.js +0 -133
  509. package/cjs/MultiplicityField/__stories__/WithMaxLength.js.map +0 -7
  510. package/cjs/MultiplicityField/__stories__/WithMinAndMaxLength/index.js +0 -134
  511. package/cjs/MultiplicityField/__stories__/WithMinAndMaxLength.js.map +0 -7
  512. package/cjs/MultiplicityField/__stories__/WithMinLength/index.js +0 -133
  513. package/cjs/MultiplicityField/__stories__/WithMinLength.js.map +0 -7
  514. package/cjs/Questions/Questions.stories/index.js +0 -45
  515. package/cjs/Questions/Questions.stories.js.map +0 -7
  516. package/cjs/Questions/__stories__/Default/index.js +0 -136
  517. package/cjs/Questions/__stories__/Default.js.map +0 -7
  518. package/cjs/inputs/AutoCompleteInput/AutoComplete.stories/index.js +0 -48
  519. package/cjs/inputs/AutoCompleteInput/AutoComplete.stories.js.map +0 -7
  520. package/cjs/inputs/AutoCompleteInput/__stories__/Default/index.js +0 -83
  521. package/cjs/inputs/AutoCompleteInput/__stories__/Default.js.map +0 -7
  522. package/cjs/inputs/AutoCompleteInput/__stories__/Multiple/index.js +0 -83
  523. package/cjs/inputs/AutoCompleteInput/__stories__/Multiple.js.map +0 -7
  524. package/cjs/inputs/Checkboxes/Checkboxes.stories/index.js +0 -51
  525. package/cjs/inputs/Checkboxes/Checkboxes.stories.js.map +0 -7
  526. package/cjs/inputs/Checkboxes/__stories__/Conditional/index.js +0 -133
  527. package/cjs/inputs/Checkboxes/__stories__/Conditional.js.map +0 -7
  528. package/cjs/inputs/Checkboxes/__stories__/Default/index.js +0 -77
  529. package/cjs/inputs/Checkboxes/__stories__/Default.js.map +0 -7
  530. package/cjs/inputs/Checkboxes/__stories__/WithDivider/index.js +0 -78
  531. package/cjs/inputs/Checkboxes/__stories__/WithDivider.js.map +0 -7
  532. package/cjs/inputs/DateInput/DateInput.stories/index.js +0 -45
  533. package/cjs/inputs/DateInput/DateInput.stories.js.map +0 -7
  534. package/cjs/inputs/DateInput/__stories__/Default/index.js +0 -61
  535. package/cjs/inputs/DateInput/__stories__/Default.js.map +0 -7
  536. package/cjs/inputs/FileInput/FileInput.stories/index.js +0 -45
  537. package/cjs/inputs/FileInput/FileInput.stories.js.map +0 -7
  538. package/cjs/inputs/FileInput/__stories__/Default/index.js +0 -61
  539. package/cjs/inputs/FileInput/__stories__/Default.js.map +0 -7
  540. package/cjs/inputs/ImageInput/ImageInput.stories/index.js +0 -51
  541. package/cjs/inputs/ImageInput/ImageInput.stories.js.map +0 -7
  542. package/cjs/inputs/ImageInput/__stories__/Default/index.js +0 -63
  543. package/cjs/inputs/ImageInput/__stories__/Default.js.map +0 -7
  544. package/cjs/inputs/ImageInput/__stories__/MaxSize/index.js +0 -69
  545. package/cjs/inputs/ImageInput/__stories__/MaxSize.js.map +0 -7
  546. package/cjs/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js +0 -71
  547. package/cjs/inputs/ImageInput/__stories__/WithInvalidImageDimension.js.map +0 -7
  548. package/cjs/inputs/ImageInput/__stories__/WithInvalidImageSize/index.js +0 -68
  549. package/cjs/inputs/ImageInput/__stories__/WithInvalidImageSize.js.map +0 -7
  550. package/cjs/inputs/Input/Input.stories/index.js +0 -72
  551. package/cjs/inputs/Input/Input.stories.js.map +0 -7
  552. package/cjs/inputs/Input/__stories__/AFM/index.js +0 -63
  553. package/cjs/inputs/Input/__stories__/AFM.js.map +0 -7
  554. package/cjs/inputs/Input/__stories__/Boolean/index.js +0 -64
  555. package/cjs/inputs/Input/__stories__/Boolean.js.map +0 -7
  556. package/cjs/inputs/Input/__stories__/IBAN/index.js +0 -64
  557. package/cjs/inputs/Input/__stories__/IBAN.js.map +0 -7
  558. package/cjs/inputs/Input/__stories__/Integer/index.js +0 -78
  559. package/cjs/inputs/Input/__stories__/Integer.js.map +0 -7
  560. package/cjs/inputs/Input/__stories__/LandlineNumber/index.js +0 -67
  561. package/cjs/inputs/Input/__stories__/LandlineNumber.js.map +0 -7
  562. package/cjs/inputs/Input/__stories__/MobilePhone/index.js +0 -67
  563. package/cjs/inputs/Input/__stories__/MobilePhone.js.map +0 -7
  564. package/cjs/inputs/Input/__stories__/PhoneNumber/index.js +0 -66
  565. package/cjs/inputs/Input/__stories__/PhoneNumber.js.map +0 -7
  566. package/cjs/inputs/Input/__stories__/PostalCode/index.js +0 -64
  567. package/cjs/inputs/Input/__stories__/PostalCode.js.map +0 -7
  568. package/cjs/inputs/Input/__stories__/String/index.js +0 -64
  569. package/cjs/inputs/Input/__stories__/String.js.map +0 -7
  570. package/cjs/inputs/Input/__stories__/TextWithLimit/index.js +0 -64
  571. package/cjs/inputs/Input/__stories__/TextWithLimit.js.map +0 -7
  572. package/cjs/inputs/Input/inputsInputScenarios/index.js +0 -439
  573. package/cjs/inputs/Input/inputsInputScenarios.js.map +0 -7
  574. package/cjs/inputs/Label/Label.stories/index.js +0 -45
  575. package/cjs/inputs/Label/Label.stories.js.map +0 -7
  576. package/cjs/inputs/Label/__stories__/Default/index.js +0 -72
  577. package/cjs/inputs/Label/__stories__/Default.js.map +0 -7
  578. package/cjs/inputs/OtpInput/OtpInput.stories/index.js +0 -45
  579. package/cjs/inputs/OtpInput/OtpInput.stories.js.map +0 -7
  580. package/cjs/inputs/OtpInput/__stories__/Default/index.js +0 -64
  581. package/cjs/inputs/OtpInput/__stories__/Default.js.map +0 -7
  582. package/cjs/inputs/Radio/Radio.stories/index.js +0 -51
  583. package/cjs/inputs/Radio/Radio.stories.js.map +0 -7
  584. package/cjs/inputs/Radio/__stories__/Conditional/index.js +0 -133
  585. package/cjs/inputs/Radio/__stories__/Conditional.js.map +0 -7
  586. package/cjs/inputs/Radio/__stories__/Default/index.js +0 -81
  587. package/cjs/inputs/Radio/__stories__/Default.js.map +0 -7
  588. package/cjs/inputs/Radio/__stories__/WithDivider/index.js +0 -82
  589. package/cjs/inputs/Radio/__stories__/WithDivider.js.map +0 -7
  590. package/cjs/inputs/Select/Select.stories/index.js +0 -45
  591. package/cjs/inputs/Select/Select.stories.js.map +0 -7
  592. package/cjs/inputs/Select/__stories__/Default/index.js +0 -86
  593. package/cjs/inputs/Select/__stories__/Default.js.map +0 -7
  594. package/inputs/AutoCompleteInput/AutoComplete.stories/index.js +0 -14
  595. package/inputs/AutoCompleteInput/AutoComplete.stories/package.json +0 -6
  596. package/inputs/AutoCompleteInput/AutoComplete.stories.js.map +0 -7
  597. package/inputs/AutoCompleteInput/__stories__/Default/index.js +0 -50
  598. package/inputs/AutoCompleteInput/__stories__/Default/package.json +0 -6
  599. package/inputs/AutoCompleteInput/__stories__/Default.js.map +0 -7
  600. package/inputs/AutoCompleteInput/__stories__/Multiple/index.js +0 -50
  601. package/inputs/AutoCompleteInput/__stories__/Multiple/package.json +0 -6
  602. package/inputs/AutoCompleteInput/__stories__/Multiple.js.map +0 -7
  603. package/inputs/Checkboxes/Checkboxes.stories/index.js +0 -16
  604. package/inputs/Checkboxes/Checkboxes.stories/package.json +0 -6
  605. package/inputs/Checkboxes/Checkboxes.stories.js.map +0 -7
  606. package/inputs/Checkboxes/__stories__/Conditional/index.js +0 -100
  607. package/inputs/Checkboxes/__stories__/Conditional/package.json +0 -6
  608. package/inputs/Checkboxes/__stories__/Conditional.js.map +0 -7
  609. package/inputs/Checkboxes/__stories__/Default/index.js +0 -44
  610. package/inputs/Checkboxes/__stories__/Default/package.json +0 -6
  611. package/inputs/Checkboxes/__stories__/Default.js.map +0 -7
  612. package/inputs/Checkboxes/__stories__/WithDivider/index.js +0 -45
  613. package/inputs/Checkboxes/__stories__/WithDivider/package.json +0 -6
  614. package/inputs/Checkboxes/__stories__/WithDivider.js.map +0 -7
  615. package/inputs/DateInput/DateInput.stories/index.js +0 -12
  616. package/inputs/DateInput/DateInput.stories/package.json +0 -6
  617. package/inputs/DateInput/DateInput.stories.js.map +0 -7
  618. package/inputs/DateInput/__stories__/Default/index.js +0 -28
  619. package/inputs/DateInput/__stories__/Default.js.map +0 -7
  620. package/inputs/FileInput/FileInput.stories/index.js +0 -12
  621. package/inputs/FileInput/FileInput.stories/package.json +0 -6
  622. package/inputs/FileInput/FileInput.stories.js.map +0 -7
  623. package/inputs/FileInput/__stories__/Default/index.js +0 -28
  624. package/inputs/FileInput/__stories__/Default/package.json +0 -6
  625. package/inputs/FileInput/__stories__/Default.js.map +0 -7
  626. package/inputs/ImageInput/ImageInput.stories/index.js +0 -16
  627. package/inputs/ImageInput/ImageInput.stories/package.json +0 -6
  628. package/inputs/ImageInput/ImageInput.stories.js.map +0 -7
  629. package/inputs/ImageInput/__stories__/Default/index.js +0 -30
  630. package/inputs/ImageInput/__stories__/Default/package.json +0 -6
  631. package/inputs/ImageInput/__stories__/Default.js.map +0 -7
  632. package/inputs/ImageInput/__stories__/MaxSize/index.js +0 -36
  633. package/inputs/ImageInput/__stories__/MaxSize/package.json +0 -6
  634. package/inputs/ImageInput/__stories__/MaxSize.js.map +0 -7
  635. package/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js +0 -38
  636. package/inputs/ImageInput/__stories__/WithInvalidImageDimension/package.json +0 -6
  637. package/inputs/ImageInput/__stories__/WithInvalidImageDimension.js.map +0 -7
  638. package/inputs/ImageInput/__stories__/WithInvalidImageSize/index.js +0 -35
  639. package/inputs/ImageInput/__stories__/WithInvalidImageSize/package.json +0 -6
  640. package/inputs/ImageInput/__stories__/WithInvalidImageSize.d.ts +0 -3
  641. package/inputs/ImageInput/__stories__/WithInvalidImageSize.js.map +0 -7
  642. package/inputs/Input/Input.stories/index.js +0 -30
  643. package/inputs/Input/Input.stories.js.map +0 -7
  644. package/inputs/Input/__stories__/AFM/index.js +0 -30
  645. package/inputs/Input/__stories__/AFM/package.json +0 -6
  646. package/inputs/Input/__stories__/AFM.js.map +0 -7
  647. package/inputs/Input/__stories__/Boolean/index.js +0 -31
  648. package/inputs/Input/__stories__/Boolean/package.json +0 -6
  649. package/inputs/Input/__stories__/Boolean.js.map +0 -7
  650. package/inputs/Input/__stories__/IBAN/index.js +0 -31
  651. package/inputs/Input/__stories__/IBAN/package.json +0 -6
  652. package/inputs/Input/__stories__/IBAN.js.map +0 -7
  653. package/inputs/Input/__stories__/Integer/index.js +0 -45
  654. package/inputs/Input/__stories__/Integer/package.json +0 -6
  655. package/inputs/Input/__stories__/Integer.js.map +0 -7
  656. package/inputs/Input/__stories__/LandlineNumber/index.js +0 -34
  657. package/inputs/Input/__stories__/LandlineNumber/package.json +0 -6
  658. package/inputs/Input/__stories__/LandlineNumber.js.map +0 -7
  659. package/inputs/Input/__stories__/MobilePhone/index.js +0 -34
  660. package/inputs/Input/__stories__/MobilePhone/package.json +0 -6
  661. package/inputs/Input/__stories__/MobilePhone.js.map +0 -7
  662. package/inputs/Input/__stories__/PhoneNumber/index.js +0 -33
  663. package/inputs/Input/__stories__/PhoneNumber/package.json +0 -6
  664. package/inputs/Input/__stories__/PhoneNumber.js.map +0 -7
  665. package/inputs/Input/__stories__/PostalCode/index.js +0 -31
  666. package/inputs/Input/__stories__/PostalCode/package.json +0 -6
  667. package/inputs/Input/__stories__/PostalCode.js.map +0 -7
  668. package/inputs/Input/__stories__/String/index.js +0 -31
  669. package/inputs/Input/__stories__/String/package.json +0 -6
  670. package/inputs/Input/__stories__/String.js.map +0 -7
  671. package/inputs/Input/__stories__/TextWithLimit/index.js +0 -31
  672. package/inputs/Input/__stories__/TextWithLimit/package.json +0 -6
  673. package/inputs/Input/__stories__/TextWithLimit.js.map +0 -7
  674. package/inputs/Input/inputsInputScenarios/index.js +0 -406
  675. package/inputs/Input/inputsInputScenarios/package.json +0 -6
  676. package/inputs/Input/inputsInputScenarios.d.ts +0 -57
  677. package/inputs/Input/inputsInputScenarios.js.map +0 -7
  678. package/inputs/Label/Label.stories/index.js +0 -12
  679. package/inputs/Label/Label.stories/package.json +0 -6
  680. package/inputs/Label/Label.stories.js.map +0 -7
  681. package/inputs/Label/__stories__/Default/index.js +0 -39
  682. package/inputs/Label/__stories__/Default/package.json +0 -6
  683. package/inputs/Label/__stories__/Default.js.map +0 -7
  684. package/inputs/OtpInput/OtpInput.stories/index.js +0 -12
  685. package/inputs/OtpInput/OtpInput.stories/package.json +0 -6
  686. package/inputs/OtpInput/OtpInput.stories.js.map +0 -7
  687. package/inputs/OtpInput/__stories__/Default/index.js +0 -31
  688. package/inputs/OtpInput/__stories__/Default/package.json +0 -6
  689. package/inputs/OtpInput/__stories__/Default.js.map +0 -7
  690. package/inputs/Radio/Radio.stories/index.js +0 -16
  691. package/inputs/Radio/Radio.stories/package.json +0 -6
  692. package/inputs/Radio/Radio.stories.js.map +0 -7
  693. package/inputs/Radio/__stories__/Conditional/index.js +0 -100
  694. package/inputs/Radio/__stories__/Conditional/package.json +0 -6
  695. package/inputs/Radio/__stories__/Conditional.js.map +0 -7
  696. package/inputs/Radio/__stories__/Default/index.js +0 -48
  697. package/inputs/Radio/__stories__/Default/package.json +0 -6
  698. package/inputs/Radio/__stories__/Default.js.map +0 -7
  699. package/inputs/Radio/__stories__/WithDivider/index.js +0 -49
  700. package/inputs/Radio/__stories__/WithDivider/package.json +0 -6
  701. package/inputs/Radio/__stories__/WithDivider.js.map +0 -7
  702. package/inputs/Select/Select.stories/index.js +0 -12
  703. package/inputs/Select/Select.stories/package.json +0 -6
  704. package/inputs/Select/Select.stories.js.map +0 -7
  705. package/inputs/Select/__stories__/Default/index.js +0 -53
  706. package/inputs/Select/__stories__/Default/package.json +0 -6
  707. package/inputs/Select/__stories__/Default.js.map +0 -7
  708. package/lazy.d.ts +0 -77
  709. package/lazy.js.map +0 -7
  710. package/registry.d.ts +0 -70
  711. package/registry.js.map +0 -7
  712. package/src/Field/index.mdx +0 -6
  713. package/src/inputs/ImageInput/index.mdx +0 -19
  714. package/src/inputs/Input/index.mdx +0 -95
  715. package/src/inputs/Input/inputsInputScenarios.ts +0 -405
  716. package/src/inputs/Label/index.mdx +0 -0
package/src/Questions/Step/StepArrayReview.tsx CHANGED
@@ -37,7 +37,7 @@ export const StepArrayReview: React.FC<StepArrayReviewInterface> = (props) => {
37
37
  </PageTitleContainer>
38
38
  <SummaryList>
39
39
  {props.array.map(
40
- (item: { [x: string]: React.ReactNode }, idx: number) => (
40
+ (item: Record<string, React.ReactNode>, idx: number) => (
41
41
  <SummaryListItem key={idx}>
42
42
  <SummaryListItemKey>
43
43
  {t(primaryField.label.primary)}
package/src/Questions/Step/StepTitle.tsx CHANGED
@@ -1,12 +1,13 @@
1
1
  import React, { useContext } from 'react';
2
2
  import { StepContext } from '@digigov/form/Questions/Step/StepContext';
3
- import Heading, { HeadingProps } from '@digigov/react-core/Heading';
4
- import HeadingCaption from '@digigov/react-core/HeadingCaption';
5
- import PageTitleContainer, {
3
+ import {
4
+ PageTitleContainer,
6
5
  PageTitleCaption,
7
6
  } from '@digigov/ui/app/PageTitleContainer';
8
7
  import { useTranslation } from '@digigov/ui/i18n';
9
8
  import { BackLink } from '@digigov/ui/navigation/BackLink';
9
+ import { Heading, HeadingProps } from '@digigov/ui/typography/Heading';
10
+ import { HeadingCaption } from '@digigov/ui/typography/HeadingCaption';
10
11
 
11
12
  export interface StepTitleInterface {
12
13
  title?: string;
package/src/Questions/__snapshots__/index.spec.tsx.snap CHANGED
@@ -1,19 +1,23 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
3
  exports[`renders the Questions 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <a
7
- class="ds-back-link ds-print-hidden"
7
+ class="ds-print-hidden ds-back-link"
8
+ href=""
8
9
  tabindex="0"
9
10
  >
10
11
  <svg
11
12
  aria-hidden="true"
13
+ as="svg"
12
14
  class="ds-svg-icon--caret ds-svg-icon"
13
15
  focusable="false"
14
16
  viewBox="0 0 24 24"
15
17
  >
16
18
  <path
19
+ as="path"
20
+ class=""
17
21
  d="M18,22V2L6,12L18,22z"
18
22
  />
19
23
  </svg>
@@ -42,13 +46,13 @@ exports[`renders the Questions 1`] = `
42
46
  class="ds-form"
43
47
  >
44
48
  <div
45
- class="ds-field xs:ds-grid__col-span-12"
49
+ class="ds-field ds-grid-item xs:ds-grid__col-span-12 sm:ds-grid__col-span-12 md:ds-grid__col-span-12 lg:ds-grid__col-span-12 xl:ds-grid__col-span-12"
46
50
  >
47
51
  <label
48
52
  class="ds-label"
49
53
  >
50
54
  <span
51
- class="ds-heading-sm"
55
+ class="ds-label__title ds-label__title--sm"
52
56
  >
53
57
  name.field.primary
54
58
  </span>
@@ -60,13 +64,15 @@ exports[`renders the Questions 1`] = `
60
64
  <input
61
65
  aria-required="true"
62
66
  class="ds-input"
67
+ data-type="string"
68
+ id="name"
63
69
  name="name"
64
70
  type="text"
65
71
  />
66
72
  </label>
67
73
  </div>
68
74
  <button
69
- class="ds-btn-primary ds-btn ds-print-hidden"
75
+ class="ds-print-hidden ds-btn ds-btn-primary"
70
76
  type="submit"
71
77
  >
72
78
  Συνέχεια
package/src/Questions/__stories__/Default.tsx CHANGED
@@ -75,7 +75,7 @@ const steps = [
75
75
  },
76
76
  ];
77
77
 
78
- export function Default() {
78
+ export function Default(_: any) {
79
79
  return (
80
80
  <BasicLayout>
81
81
  <Top>
package/src/Questions/{index.mdx → doc.mdx} RENAMED
@@ -14,14 +14,12 @@ import {
14
14
  TableDataCell,
15
15
  } from '@digigov/react-core';
16
16
 
17
- import LeadText from '@site/src/components/LeadText';
17
+ # Questions
18
18
 
19
- <LeadText>
20
- Question pages are used to ask users meaningful questions needed by your
21
- GOV.GR service, or even gather data about their persona or their application
22
- status. Use step questions to make bigger forms less scary and easier to fill
23
- out.
24
- </LeadText>
19
+ Question pages are used to ask users meaningful questions needed by your
20
+ GOV.GR service, or even gather data about their persona or their application
21
+ status. Use step questions to make bigger forms less scary and easier to fill
22
+ out.
25
23
 
26
24
  ## Introduction to Question pages
27
25
 
@@ -41,7 +39,7 @@ Even if users struggle through to the end of a form and answer honestly, if it
41
39
  more work than they expected, they’ll be annoyed about it. That's the exact
42
40
  opposite of our goals of making concise, easy-to-use services.
43
41
 
44
- ```jsx live
42
+ ```jsx
45
43
  import React from 'react';
46
44
  import Questions, { Step, StepForm, StepTitle } from '@digigov/form/Questions';
47
45
  import { Field } from '@digigov/form';
@@ -49,7 +47,7 @@ import { Field } from '@digigov/form';
49
47
  const steps = [
50
48
  {
51
49
  name: 'residency',
52
- title: 'Where do you live?',
50
+ title: 'Που μένετε;',
53
51
  fields: [
54
52
  {
55
53
  key: 'countries',
@@ -59,25 +57,25 @@ const steps = [
59
57
  options: [
60
58
  {
61
59
  label: {
62
- primary: 'Greece',
60
+ primary: 'Ελλάδα',
63
61
  },
64
62
  value: 'greece',
65
63
  },
66
64
  {
67
65
  label: {
68
- primary: 'Cyprus',
66
+ primary: 'Κύπρος',
69
67
  },
70
68
  value: 'cyprus',
71
69
  },
72
70
  {
73
71
  label: {
74
- primary: 'European Union',
72
+ primary: 'Ευρωπαϊκή Ένωση',
75
73
  },
76
74
  value: 'eu',
77
75
  },
78
76
  {
79
77
  label: {
80
- primary: 'United States of America',
78
+ primary: 'Ηνωμένες Πολιτείες της Αμερικής',
81
79
  },
82
80
  value: 'usa',
83
81
  },
@@ -88,12 +86,12 @@ const steps = [
88
86
  },
89
87
  {
90
88
  name: 'dob',
91
- title: 'When is your birthday?',
89
+ title: 'Ποια είναι ημερομηνία γέννησής σας;',
92
90
  fields: [
93
91
  {
94
92
  key: 'dob',
95
93
  label: {
96
- primary: 'Birthday',
94
+ primary: 'Ημερομηνία γέννησης',
97
95
  },
98
96
  type: 'date',
99
97
  required: true,
@@ -159,7 +157,7 @@ its subsequent subcomponents that you customise as needed, like the step title,
159
157
  description or form. You can also add components that are not form-specific,
160
158
  adding paragraphs or other custom components.
161
159
 
162
- ```jsx
160
+ ```jsx pure
163
161
  <Questions name="example" steps={steps} onSubmit={(data) => doSomething(data)}>
164
162
  {/* more steps could be rendered here ... */}
165
163
  <Step name="age">
@@ -184,10 +182,10 @@ object. The most basic properties are the following:
184
182
  - `fields` - an array that describes each input field that will be rendered in
185
183
  the `StepForm`. Each fields implements the `FieldSpec` interface as a JSON object.
186
184
 
187
- ```json title="step-name.json"
185
+ ```json pure title="step-name.json"
188
186
  {
189
187
  "name": "name",
190
- "title": "What is your name?",
188
+ "title": "Ποιο είναι το όνομά σας;",
191
189
  "fields": [
192
190
  {
193
191
  "key": "name",
@@ -209,11 +207,11 @@ basic branching between each step. The `nextStep` property will need to be a
209
207
  function that will take the form state as an argument and will return the key of
210
208
  the next `step`.
211
209
 
212
- ```json title="next-step.json"
210
+ ```json pure title="next-step.json"
213
211
  const steps = [
214
212
  {
215
213
  name: 'age',
216
- title: 'What is your age?',
214
+ title: 'Ποια είναι η ηλικία σας?',
217
215
  fields: [
218
216
  {
219
217
  key: 'age',
@@ -229,13 +227,13 @@ const steps = [
229
227
  },
230
228
  {
231
229
  name: 'citizen-underage',
232
- title: 'Are you a student?',
230
+ title: 'Είστε μαθητής;',
233
231
  fields: [ ... ]
234
232
  },
235
233
  {
236
234
  // highlight-next-line
237
235
  name: 'citizen-adult',
238
- title: 'Are you currently employed?',
236
+ title: 'Εργάζεστε;',
239
237
  fields: [
240
238
  {
241
239
  key: 'citizen-underage-employed',
@@ -245,11 +243,11 @@ const steps = [
245
243
  options: [
246
244
  {
247
245
  label: {primary: "Yes"},
248
- value: 'yes',
246
+ value: 'Ναι',
249
247
  },
250
248
  {
251
249
  label: {primary: "No"},
252
- value: 'no',
250
+ value: 'ΌΧι',
253
251
  }
254
252
  ]
255
253
  }
@@ -263,7 +261,7 @@ For example, you may use a form to determine if citizens are adults or not, and
263
261
  we want to ask users different questions according to their persona. We can use
264
262
  a branch between the `age` step and the other two steps.
265
263
 
266
- ```jsx live
264
+ ```jsx
267
265
  import React from 'react';
268
266
  import GovGRFooter from '@digigov/ui/govgr/Footer';
269
267
  import Header from '@digigov/ui/app/Header';
@@ -283,7 +281,7 @@ import TranslatorsHeader from 'translators-landing/components/TranslatorsHeader'
283
281
  const steps = [
284
282
  {
285
283
  name: 'age',
286
- title: 'What is your age?',
284
+ title: 'Ποια είναι η ηλικία σας;',
287
285
  fields: [
288
286
  {
289
287
  key: 'age',
@@ -297,7 +295,7 @@ const steps = [
297
295
  },
298
296
  {
299
297
  name: 'citizen-underage',
300
- title: 'Are you a student?',
298
+ title: 'Είστε μαθητής;',
301
299
  fields: [
302
300
  {
303
301
  key: 'citizen-underage-student',
@@ -306,11 +304,11 @@ const steps = [
306
304
  extra: {
307
305
  options: [
308
306
  {
309
- label: { primary: 'Yes' },
307
+ label: { primary: 'Ναι' },
310
308
  value: 'yes',
311
309
  },
312
310
  {
313
- label: { primary: 'No' },
311
+ label: { primary: 'Όχι' },
314
312
  value: 'no',
315
313
  },
316
314
  ],
@@ -320,7 +318,7 @@ const steps = [
320
318
  },
321
319
  {
322
320
  name: 'citizen-adult',
323
- title: 'Are you currently employed?',
321
+ title: 'Εργάζεστε;',
324
322
  fields: [
325
323
  {
326
324
  key: 'citizen-adult-employed',
@@ -329,11 +327,11 @@ const steps = [
329
327
  extra: {
330
328
  options: [
331
329
  {
332
- label: { primary: 'Yes' },
330
+ label: { primary: 'Ναι' },
333
331
  value: 'yes',
334
332
  },
335
333
  {
336
- label: { primary: 'No' },
334
+ label: { primary: 'Όχι' },
337
335
  value: 'no',
338
336
  },
339
337
  ],
@@ -392,24 +390,3 @@ export default function Index() {
392
390
  );
393
391
  }
394
392
  ```
395
-
396
- ## Prop types
397
-
398
- <TableContainer>
399
- <Table>
400
- <TableHead>
401
- <TableRow>
402
- <TableHeadCell>Περίοδος</TableHeadCell>
403
- <TableHeadCell>Κανονικό ποσό</TableHeadCell>
404
- <TableHeadCell>Μειωμένο ποσό</TableHeadCell>
405
- </TableRow>
406
- </TableHead>
407
- <TableBody>
408
- <TableRow>
409
- <TableDataCell>Πρώτες 6 εβδομάδες </TableDataCell>
410
- <TableDataCell> €109.80 / εβδομάδα</TableDataCell>
411
- <TableDataCell> €69.80 / εβδομάδα</TableDataCell>
412
- </TableRow>
413
- </TableBody>
414
- </Table>
415
- </TableContainer>
package/src/Questions/index.spec.tsx CHANGED
@@ -2,8 +2,12 @@ import * as React from 'react';
2
2
  import { render } from '@testing-library/react';
3
3
 
4
4
  import { Field } from '@digigov/form';
5
- import { Step, StepForm, StepQuote, StepTitle } from '@digigov/form/Questions';
6
- import Questions from '@digigov/form/Questions';
5
+ import Questions, {
6
+ Step,
7
+ StepForm,
8
+ StepQuote,
9
+ StepTitle,
10
+ } from '@digigov/form/Questions';
7
11
 
8
12
  const steps = [
9
13
  {
@@ -42,6 +46,14 @@ const steps = [
42
46
  },
43
47
  ];
44
48
 
49
+ beforeAll(() => {
50
+ global.ResizeObserver = class ResizeObserver {
51
+ observe() {}
52
+ unobserve() {}
53
+ disconnect() {}
54
+ };
55
+ });
56
+
45
57
  it('renders the Questions', () => {
46
58
  expect(
47
59
  render(
package/src/Questions/index.test.tsx CHANGED
@@ -14,6 +14,10 @@ test('renders the All Questions variants', async ({ mount, page }) => {
14
14
  )
15
15
  await page.evaluate(() => document.fonts.ready);
16
16
 
17
+ // Move the mouse to the top-left corner to avoid random hover issues
18
+ await page.mouse.move(0, 0);
19
+
20
+
17
21
  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
18
22
  expect(screenshot).toMatchSnapshot();
19
23
  });
package/src/create-simple-form.mdx CHANGED
@@ -4,12 +4,8 @@ title: Create a simple Digigov Form
4
4
  sidebar_label: Creating simple forms
5
5
  ---
6
6
 
7
- import LeadText from '@site/src/components/LeadText';
8
-
9
- <LeadText>
10
- This guide walks through building a simple form page, complete with validation
11
- and data serialisation.
12
- </LeadText>
7
+ This guide walks through building a simple form page, complete with validation
8
+ and data serialisation.
13
9
 
14
10
  ## What we are building
15
11
 
package/src/{index.mdx → doc.mdx} RENAMED
@@ -1,20 +1,16 @@
1
1
  ---
2
2
  id: Introduction
3
- title: Digigov Form
4
- sidebar_label: Introduction to Digigov Form
5
3
  ---
6
4
 
7
- import LeadText from '@site/src/components/LeadText';
5
+ # Digigov form
8
6
 
9
- <LeadText>
10
- Digigov Form is an off-the-shelf solution for managing web forms using
11
- Reactjs. It supports flexible and multi-step forms and easy-to-use validation.
12
- This page will guide you through everything you need to create accessible and
13
- dynamic forms that can handle all sorts of user inputs.
14
- </LeadText>
7
+ Digigov Form is an off-the-shelf solution for managing web forms using
8
+ Reactjs. It supports flexible and multi-step forms and easy-to-use validation.
9
+ This page will guide you through everything you need to create accessible and
10
+ dynamic forms that can handle all sorts of user inputs.
15
11
 
16
12
  <img
17
- src="/img/form.svg"
13
+ src="/tmp/form.svg"
18
14
  style={{ margin: '3rem 0', maxWidth: '450px', width: '60%' }}
19
15
  />
20
16
 
@@ -34,18 +30,33 @@ will be able to save via an JSON API.
34
30
  The `@digigov/form` NPM package contains React components and validators. The
35
31
  library uses basic, semantically correct HTML5 input fields.
36
32
 
37
- It adds dynamic control, interactivity and validations to the core input
38
- components implemented in `@digigov/react-core`. Styling is provided by
39
- `@digigov/css` library following the [GOV.GR design
40
- system](https://guide.services.gov.gr).
33
+ ### 📦 Installation
41
34
 
42
- Digigov Form uses two main libraries internally. The first is [React Hook
43
- Form](https://www.react-hook-form.com/) which helps us manage the form state and
44
- perform actions and mutations on it. The second is
45
- [Yup](https://github.com/jquense/yup) and it is used to validate form data. It
35
+ ```sh
36
+ yarn add @digigov/form
37
+
38
+ ```
39
+
40
+ Or using npm:
41
+
42
+ ```sh
43
+ npm install i @digigov/form
44
+
45
+ ```
46
+
47
+ `digigov/form` is a **form management solution** which adds dynamic control while simplifies handling user input, based on:
48
+
49
+ ✅ [React Hook Form](https://www.react-hook-form.com/) which helps us manage the form state and
50
+ perform actions and mutations on it.
51
+
52
+ 🛠️ [Yup](https://github.com/jquense/yup) and it is used to validate form data. It
46
53
  interfaces with React Hook Form right out of the box, but also enables us to
47
54
  define custom validation types such as AMKA, AFM etc.
48
55
 
56
+ 🔄 [Multi-step](/components/@digigov/form/Questions) forms for complex workflows.
57
+
58
+ 🔗 [digigov/form](/components/@digigov/form/FormBuilder) components for a consistent UI.
59
+
49
60
  Some basic functionalites of `@digigov/form` will be presented in the following
50
61
  sections and also we are going to guide you through some more advanced topics
51
62
  such as internationalisation, custom data validation etc.
package/src/inputs/AutoCompleteInput/AutoComplete.stories.js CHANGED
@@ -1,7 +1,10 @@
1
1
  import AutoComplete from '@digigov/form/inputs/AutoCompleteInput';
2
+ import doc from './doc.mdx?raw';
2
3
  export default {
3
4
  title: 'Digigov Form/inputs/AutoCompleteInput',
4
5
  component: AutoComplete,
6
+ tags: ['autodocs'],
7
+ markdown: doc,
5
8
  displayName: 'AutoCompleteInput',
6
9
  };
7
10
  export { Default } from '@digigov/form/inputs/AutoCompleteInput/__stories__/Default';
package/src/inputs/AutoCompleteInput/__stories__/Default.tsx CHANGED
@@ -4,13 +4,7 @@ import FormBuilder from '@digigov/form/FormBuilder';
4
4
  import { FieldSpec } from '@digigov/form/types';
5
5
  import Button from '@digigov/ui/form/Button';
6
6
 
7
- const results = [
8
- 'Αμερική',
9
- 'Ασία',
10
- 'Αυστραλία',
11
- 'Αφρική',
12
- 'Ευρώπη',
13
- ];
7
+ const results = ['Αμερική', 'Ασία', 'Αυστραλία', 'Αφρική', 'Ευρώπη'];
14
8
 
15
9
  const fields: FieldSpec[] = [
16
10
  {
@@ -35,8 +29,7 @@ const fields: FieldSpec[] = [
35
29
 
36
30
  const initialValues = {};
37
31
 
38
- export const Default = () => (
39
-
32
+ export const Default = (_: any) => (
40
33
  <FormBuilder
41
34
  fields={fields}
42
35
  onSubmit={(data) => {
@@ -49,6 +42,5 @@ export const Default = () => (
49
42
  ))}
50
43
  <Button type="submit">Submit</Button>
51
44
  </FormBuilder>
52
-
53
45
  );
54
- export default Default;
46
+ export default Default;
package/src/inputs/AutoCompleteInput/__stories__/Multiple.tsx CHANGED
@@ -4,13 +4,7 @@ import FormBuilder from '@digigov/form/FormBuilder';
4
4
  import { FieldSpec } from '@digigov/form/types';
5
5
  import Button from '@digigov/ui/form/Button';
6
6
 
7
- const results = [
8
- 'Αμερική',
9
- 'Ασία',
10
- 'Αυστραλία',
11
- 'Αφρική',
12
- 'Ευρώπη',
13
- ];
7
+ const results = ['Αμερική', 'Ασία', 'Αυστραλία', 'Αφρική', 'Ευρώπη'];
14
8
 
15
9
  const fields: FieldSpec[] = [
16
10
  {
@@ -35,7 +29,7 @@ const fields: FieldSpec[] = [
35
29
 
36
30
  const initialValues = {};
37
31
 
38
- export const Multiple = () => (
32
+ export const Multiple = (_: any) => (
39
33
  <FormBuilder
40
34
  fields={fields}
41
35
  onSubmit={(data) => {
package/src/inputs/AutoCompleteInput/{index.mdx → doc.mdx} RENAMED
@@ -11,19 +11,8 @@ options as the users type and also let them select an option from the list.
11
11
 
12
12
  ### Default
13
13
 
14
- <Story
15
- packageName="@digigov/form"
16
- component="inputs/AutoCompleteInput"
17
- story="Default.tsx"
18
- />
14
+ <code src="@digigov/form/inputs/AutoCompleteInput/__stories__/Default.tsx" />
19
15
 
20
16
  ### Display multiple values
21
17
 
22
- <Story
23
- packageName="@digigov/form"
24
- component="inputs/AutoCompleteInput"
25
- story="Multiple.tsx"
26
- />
27
-
28
-
29
-
18
+ <code src="@digigov/form/inputs/AutoCompleteInput/__stories__/Multiple.tsx" />
package/src/inputs/AutoCompleteInput/index.test.tsx CHANGED
@@ -18,6 +18,10 @@ test('renders the All AutoCompleteInput variants', async ({ mount, page }) => {
18
18
  )
19
19
  await page.evaluate(() => document.fonts.ready);
20
20
 
21
+ // Move the mouse to the top-left corner to avoid random hover issues
22
+ await page.mouse.move(0, 0);
23
+
24
+
21
25
  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
22
26
  expect(screenshot).toMatchSnapshot();
23
27
  });
package/src/inputs/AutoCompleteInput/index.tsx CHANGED
@@ -1,12 +1,12 @@
1
1
  import React, { useCallback } from 'react';
2
2
  import { ControlledFieldProps } from '@digigov/form/Field/types';
3
3
  import { FieldOptionProps } from '@digigov/form/inputs/Label';
4
- import { Hint } from '@digigov/react-core/Hint';
5
- import UIAutoComplete, {
4
+ import {
5
+ AutoComplete,
6
6
  AutoCompleteProps as UIAutoCompleteProps,
7
7
  } from '@digigov/ui/form/AutoComplete';
8
- import { Base } from '@digigov/react-core/Base';
9
-
8
+ import { Hint } from '@digigov/ui/typography/Hint';
9
+ import { Base } from '@digigov/ui/utils/Base';
10
10
  export interface AutoCompleteInputExtra
11
11
  extends Omit<
12
12
  UIAutoCompleteProps,
@@ -17,7 +17,7 @@ export interface AutoCompleteInputExtra
17
17
  | 'onConfirm'
18
18
  | 'dropdownArrow'
19
19
  > {
20
- options: Array<FieldOptionProps>;
20
+ options: FieldOptionProps[];
21
21
  }
22
22
 
23
23
  export interface AutoCompleteInputProps
@@ -33,36 +33,39 @@ export const AutoCompleteInput: React.FC<AutoCompleteInputProps> = ({
33
33
  extra: { options },
34
34
  onChange,
35
35
  value,
36
- error,
37
36
  ...props
38
37
  }) => {
39
- const suggest = useCallback(function suggest(
40
- query: string,
41
- syncResults: (options: any[]) => void
42
- ): void {
43
- syncResults(
44
- query
45
- ? options.filter(function (option) {
46
- return (
47
- `${option.value} ${option.label?.primary || ''} ${option.label?.secondary || ''
48
- }`
49
- .toLowerCase()
50
- .indexOf(query.toLowerCase()) !== -1
51
- );
52
- })
53
- : options
54
- );
55
- },
56
- [options]);
38
+ const suggest = useCallback(
39
+ function suggest(
40
+ query: string,
41
+ syncResults: (options: any[]) => void
42
+ ): void {
43
+ syncResults(
44
+ query
45
+ ? options.filter(function (option) {
46
+ return (
47
+ `${option.value} ${option.label?.primary || ''} ${
48
+ option.label?.secondary || ''
49
+ }`
50
+ .toLowerCase()
51
+ .indexOf(query.toLowerCase()) !== -1
52
+ );
53
+ })
54
+ : options
55
+ );
56
+ },
57
+ [options]
58
+ );
57
59
 
58
60
  return (
59
- <UIAutoComplete
61
+ <AutoComplete
60
62
  multiple={type === 'choice:multiple' ? true : false}
61
63
  source={suggest}
62
64
  onConfirm={(value) => {
63
65
  if (Array.isArray(value)) {
64
- const selectedValues = value.map(item => item.value);
65
- selectedValues.length > 0 ? onChange(selectedValues) : onChange(undefined);
66
+ const selectedValues = value.map((item) => item.value);
67
+ if (selectedValues.length > 0) onChange(selectedValues);
68
+ else onChange(undefined);
66
69
  } else {
67
70
  onChange(value.value);
68
71
  }
@@ -87,6 +90,7 @@ export const AutoCompleteInput: React.FC<AutoCompleteInputProps> = ({
87
90
  ...props,
88
91
  reset: undefined,
89
92
  required: undefined,
93
+ Field: undefined,
90
94
  }}
91
95
  name={name}
92
96
  id={`${name}-id`}
@@ -95,4 +99,4 @@ export const AutoCompleteInput: React.FC<AutoCompleteInputProps> = ({
95
99
  );
96
100
  };
97
101
 
98
- export default AutoCompleteInput;
102
+ export default AutoCompleteInput;
package/src/inputs/Checkboxes/Checkboxes.stories.js CHANGED
@@ -1,7 +1,10 @@
1
1
  import Checkboxes from '@digigov/form/inputs/Checkboxes';
2
+ import doc from './doc.mdx?raw';
2
3
  export default {
3
4
  title: 'Digigov Form/inputs/Checkboxes',
4
5
  component: Checkboxes,
6
+ tags: ['autodocs'],
7
+ markdown: doc,
5
8
  displayName: 'Checkboxes',
6
9
  };
7
10
  export { Default } from '@digigov/form/inputs/Checkboxes/__stories__/Default';