@digigov/form 2.0.0-2445d5cb → 2.0.0-254f7786

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 (524) hide show
  1. package/Field/FieldBase/index.js +1 -0
  2. package/Field/FieldBase.js.map +2 -2
  3. package/Field/FieldBaseContainer/index.js +2 -2
  4. package/Field/FieldBaseContainer.js.map +2 -2
  5. package/Field/FieldConditional/index.js +7 -3
  6. package/Field/FieldConditional.js.map +2 -2
  7. package/Field/index.js +5 -2
  8. package/Field/index.js.map +2 -2
  9. package/Field/types.d.ts +10 -8
  10. package/Field/utils/index.d.ts +1 -0
  11. package/Field/utils/index.js +18 -1
  12. package/Field/utils/index.js.map +2 -2
  13. package/FieldArray/index.d.ts +1 -0
  14. package/FieldArray/index.js +7 -6
  15. package/FieldArray/index.js.map +2 -2
  16. package/FieldObject/index.d.ts +2 -0
  17. package/FieldObject/index.js +9 -5
  18. package/FieldObject/index.js.map +2 -2
  19. package/Fieldset/index.d.ts +1 -1
  20. package/Fieldset/index.js +5 -5
  21. package/Fieldset/index.js.map +2 -2
  22. package/Fieldset/types.d.ts +2 -3
  23. package/FormBuilder/index.d.ts +8 -2
  24. package/FormBuilder/index.js +150 -6
  25. package/FormBuilder/index.js.map +3 -3
  26. package/FormContext.js.map +2 -2
  27. package/MultiplicityField/add-objects/index.js +11 -7
  28. package/MultiplicityField/add-objects.js.map +2 -2
  29. package/MultiplicityField/index.js +16 -12
  30. package/MultiplicityField/index.js.map +2 -2
  31. package/MultiplicityField/types.d.ts +1 -2
  32. package/Questions/Questions/index.js +5 -4
  33. package/Questions/Questions.js.map +2 -2
  34. package/Questions/QuestionsContext.d.ts +0 -1
  35. package/Questions/Step/StepArrayReview.js.map +2 -2
  36. package/Questions/Step/StepContext.d.ts +0 -1
  37. package/Questions/Step/StepTitle/index.js +4 -3
  38. package/Questions/Step/StepTitle.d.ts +1 -1
  39. package/Questions/Step/StepTitle.js.map +2 -2
  40. package/Questions/Step/types.d.ts +0 -1
  41. package/Questions/types.d.ts +0 -1
  42. package/cjs/Field/FieldBase/index.js +1 -0
  43. package/cjs/Field/FieldBase.js.map +2 -2
  44. package/cjs/Field/FieldBaseContainer/index.js +4 -4
  45. package/cjs/Field/FieldBaseContainer.js.map +3 -3
  46. package/cjs/Field/FieldConditional/index.js +7 -3
  47. package/cjs/Field/FieldConditional.js.map +2 -2
  48. package/cjs/Field/index.js +5 -2
  49. package/cjs/Field/index.js.map +2 -2
  50. package/cjs/Field/types.js.map +1 -1
  51. package/cjs/Field/utils/index.js +18 -0
  52. package/cjs/Field/utils/index.js.map +2 -2
  53. package/cjs/FieldArray/index.js +8 -7
  54. package/cjs/FieldArray/index.js.map +3 -3
  55. package/cjs/FieldObject/index.js +10 -6
  56. package/cjs/FieldObject/index.js.map +3 -3
  57. package/cjs/Fieldset/index.js +10 -10
  58. package/cjs/Fieldset/index.js.map +3 -3
  59. package/cjs/Fieldset/types.js.map +1 -1
  60. package/cjs/FormBuilder/index.js +165 -5
  61. package/cjs/FormBuilder/index.js.map +3 -3
  62. package/cjs/FormContext/index.js +2 -2
  63. package/cjs/FormContext.js.map +3 -3
  64. package/cjs/MultiplicityField/add-objects/index.js +15 -11
  65. package/cjs/MultiplicityField/add-objects.js.map +3 -3
  66. package/cjs/MultiplicityField/index.js +15 -16
  67. package/cjs/MultiplicityField/index.js.map +3 -3
  68. package/cjs/MultiplicityField/types.js.map +1 -1
  69. package/cjs/Questions/Questions/index.js +5 -4
  70. package/cjs/Questions/Questions.js.map +2 -2
  71. package/cjs/Questions/Step/StepArrayReview.js.map +2 -2
  72. package/cjs/Questions/Step/StepTitle/index.js +5 -5
  73. package/cjs/Questions/Step/StepTitle.js.map +3 -3
  74. package/cjs/index.js +11 -155
  75. package/cjs/index.js.map +4 -4
  76. package/cjs/inputs/AutoCompleteInput/index.js +10 -8
  77. package/cjs/inputs/AutoCompleteInput/index.js.map +3 -3
  78. package/cjs/inputs/Checkboxes/index.js +7 -9
  79. package/cjs/inputs/Checkboxes/index.js.map +3 -3
  80. package/cjs/inputs/DateInput/index.js +4 -5
  81. package/cjs/inputs/DateInput/index.js.map +3 -3
  82. package/cjs/inputs/FileInput/index.js +8 -9
  83. package/cjs/inputs/FileInput/index.js.map +3 -3
  84. package/cjs/inputs/ImageInput/index.js +9 -9
  85. package/cjs/inputs/ImageInput/index.js.map +3 -3
  86. package/cjs/inputs/Input/index.js +19 -6
  87. package/cjs/inputs/Input/index.js.map +3 -3
  88. package/cjs/inputs/Input/inputsInputScenarios.js.map +2 -2
  89. package/cjs/inputs/Label/index.js +3 -3
  90. package/cjs/inputs/Label/index.js.map +3 -3
  91. package/cjs/inputs/OtpInput/index.js.map +2 -2
  92. package/cjs/inputs/Radio/index.js +56 -10
  93. package/cjs/inputs/Radio/index.js.map +3 -3
  94. package/cjs/inputs/Select/index.js +3 -4
  95. package/cjs/inputs/Select/index.js.map +3 -3
  96. package/cjs/inputs/inputsScenarios/index.js +4 -11
  97. package/cjs/inputs/inputsScenarios.js.map +2 -2
  98. package/cjs/lazy/index.js +40 -35
  99. package/cjs/lazy.js.map +3 -3
  100. package/cjs/locales/el.js.map +1 -1
  101. package/cjs/registry/index.js +64 -62
  102. package/cjs/registry.js.map +3 -3
  103. package/cjs/types.js.map +1 -1
  104. package/cjs/utils/index.js +2 -1
  105. package/cjs/utils.js.map +2 -2
  106. package/cjs/validators/index.js +16 -66
  107. package/cjs/validators/index.js.map +3 -3
  108. package/cjs/validators/utils/date/index.js +138 -0
  109. package/cjs/validators/utils/date.js.map +7 -0
  110. package/cjs/validators/utils/file/index.js +1 -1
  111. package/cjs/validators/utils/file.js.map +2 -2
  112. package/cjs/validators/utils/index.js +3 -1
  113. package/cjs/validators/utils/index.js.map +2 -2
  114. package/cjs/validators/utils/phone.js.map +2 -2
  115. package/cjs/validators/utils/postal_code.js.map +1 -1
  116. package/cjs/validators/utils/uuid4.js.map +2 -2
  117. package/index.d.ts +5 -8
  118. package/index.js +9 -152
  119. package/index.js.map +4 -4
  120. package/inputs/AutoCompleteInput/index.d.ts +1 -1
  121. package/inputs/AutoCompleteInput/index.js +12 -8
  122. package/inputs/AutoCompleteInput/index.js.map +2 -2
  123. package/inputs/Checkboxes/index.d.ts +1 -1
  124. package/inputs/Checkboxes/index.js +8 -6
  125. package/inputs/Checkboxes/index.js.map +2 -2
  126. package/inputs/DateInput/index.d.ts +1 -2
  127. package/inputs/DateInput/index.js +6 -4
  128. package/inputs/DateInput/index.js.map +2 -2
  129. package/inputs/FileInput/index.js +6 -7
  130. package/inputs/FileInput/index.js.map +2 -2
  131. package/inputs/ImageInput/ImageInput.stories.d.ts +1 -1
  132. package/inputs/ImageInput/__stories__/MaxSize.d.ts +3 -0
  133. package/inputs/ImageInput/index.js +8 -8
  134. package/inputs/ImageInput/index.js.map +2 -2
  135. package/inputs/Input/index.js +17 -4
  136. package/inputs/Input/index.js.map +3 -3
  137. package/inputs/Input/inputsInputScenarios.js.map +2 -2
  138. package/inputs/Label/index.d.ts +0 -2
  139. package/inputs/Label/index.js +2 -2
  140. package/inputs/Label/index.js.map +2 -2
  141. package/inputs/OtpInput/index.js.map +2 -2
  142. package/inputs/Radio/index.d.ts +5 -1
  143. package/inputs/Radio/index.js +57 -8
  144. package/inputs/Radio/index.js.map +2 -2
  145. package/inputs/Select/index.d.ts +1 -1
  146. package/inputs/Select/index.js +4 -2
  147. package/inputs/Select/index.js.map +2 -2
  148. package/inputs/inputsScenarios/index.js +4 -11
  149. package/inputs/inputsScenarios.d.ts +0 -42
  150. package/inputs/inputsScenarios.js.map +2 -2
  151. package/lazy/index.js +66 -65
  152. package/locales/el.js.map +1 -1
  153. package/package.json +4 -4
  154. package/registry/index.js +108 -107
  155. package/src/Field/FieldBase.tsx +1 -0
  156. package/src/Field/FieldBaseContainer.tsx +2 -2
  157. package/src/Field/FieldConditional.tsx +4 -0
  158. package/src/Field/index.tsx +4 -1
  159. package/src/Field/types.tsx +10 -8
  160. package/src/Field/utils/index.ts +18 -1
  161. package/src/FieldArray/index.test.tsx +14 -13
  162. package/src/FieldArray/index.tsx +9 -6
  163. package/src/FieldObject/index.tsx +8 -2
  164. package/src/Fieldset/index.tsx +5 -5
  165. package/src/Fieldset/types.tsx +2 -2
  166. package/src/FormBuilder/{FormBuilder.mdx → doc.mdx} +20 -33
  167. package/src/FormBuilder/index.test.tsx +11 -10
  168. package/src/FormBuilder/index.tsx +178 -7
  169. package/src/FormBuilder/scenarios.test.tsx +2 -2
  170. package/src/FormContext.tsx +1 -2
  171. package/src/MultiplicityField/add-objects.tsx +10 -8
  172. package/src/MultiplicityField/{MultiplicityField.mdx → doc.mdx} +12 -16
  173. package/src/MultiplicityField/index.test.tsx +26 -25
  174. package/src/MultiplicityField/index.tsx +15 -12
  175. package/src/MultiplicityField/types.ts +1 -2
  176. package/src/Questions/Questions.tsx +4 -4
  177. package/src/Questions/Step/StepArrayReview.tsx +1 -1
  178. package/src/Questions/Step/StepTitle.tsx +4 -3
  179. package/src/Questions/__snapshots__/index.spec.tsx.snap +8 -4
  180. package/src/Questions/{index.mdx → doc.mdx} +9 -12
  181. package/src/Questions/index.spec.tsx +6 -2
  182. package/src/Questions/index.test.tsx +11 -10
  183. package/src/create-simple-form.mdx +2 -6
  184. package/src/{index.mdx → doc.mdx} +4 -8
  185. package/src/index.ts +6 -0
  186. package/src/inputs/AutoCompleteInput/__stories__/Default.tsx +2 -10
  187. package/src/inputs/AutoCompleteInput/__stories__/Multiple.tsx +1 -8
  188. package/src/inputs/AutoCompleteInput/{index.mdx → doc.mdx} +2 -13
  189. package/src/inputs/AutoCompleteInput/index.test.tsx +14 -13
  190. package/src/inputs/AutoCompleteInput/index.tsx +36 -31
  191. package/src/inputs/Checkboxes/{index.mdx → doc.mdx} +5 -15
  192. package/src/inputs/Checkboxes/index.tsx +10 -8
  193. package/src/inputs/DateInput/__stories__/Default.tsx +7 -12
  194. package/src/inputs/DateInput/{index.mdx → doc.mdx} +1 -8
  195. package/src/inputs/DateInput/index.test.tsx +11 -10
  196. package/src/inputs/DateInput/index.tsx +6 -4
  197. package/src/inputs/FileInput/{index.mdx → doc.mdx} +1 -5
  198. package/src/inputs/FileInput/index.test.tsx +11 -10
  199. package/src/inputs/FileInput/index.tsx +7 -8
  200. package/src/inputs/ImageInput/ImageInput.stories.js +1 -1
  201. package/src/inputs/ImageInput/__stories__/MaxSize.tsx +37 -0
  202. package/src/inputs/ImageInput/__stories__/WithInvalidImageDimension.tsx +2 -0
  203. package/src/inputs/ImageInput/doc.mdx +23 -0
  204. package/src/inputs/ImageInput/index.test.tsx +21 -16
  205. package/src/inputs/ImageInput/index.tsx +10 -15
  206. package/src/inputs/Input/__stories__/LandlineNumber.tsx +2 -1
  207. package/src/inputs/Input/__stories__/MobilePhone.tsx +1 -0
  208. package/src/inputs/Input/__stories__/PhoneNumber.tsx +1 -0
  209. package/src/inputs/Input/__stories__/PostalCode.tsx +1 -0
  210. package/src/inputs/Input/doc.mdx +56 -0
  211. package/src/inputs/Input/index.test.tsx +38 -37
  212. package/src/inputs/Input/index.tsx +32 -29
  213. package/src/inputs/Input/inputsInputScenarios.ts +244 -245
  214. package/src/inputs/Label/doc.mdx +14 -0
  215. package/src/inputs/Label/index.test.tsx +11 -10
  216. package/src/inputs/Label/index.tsx +2 -6
  217. package/src/inputs/OtpInput/{index.mdx → doc.mdx} +1 -8
  218. package/src/inputs/OtpInput/index.test.tsx +11 -10
  219. package/src/inputs/OtpInput/index.tsx +2 -1
  220. package/src/inputs/Radio/__stories__/Conditional.tsx +2 -1
  221. package/src/inputs/Radio/{index.mdx → doc.mdx} +5 -15
  222. package/src/inputs/Radio/index.test.tsx +17 -16
  223. package/src/inputs/Radio/index.tsx +76 -10
  224. package/src/inputs/Select/{index.mdx → doc.mdx} +1 -5
  225. package/src/inputs/Select/index.test.tsx +11 -10
  226. package/src/inputs/Select/index.tsx +5 -3
  227. package/src/inputs/inputsScenarios.ts +174 -181
  228. package/src/installation.mdx +2 -5
  229. package/src/locales/el.ts +1 -1
  230. package/src/types.tsx +3 -2
  231. package/src/utils.ts +2 -2
  232. package/src/validators/index.ts +33 -71
  233. package/src/validators/utils/date.ts +107 -0
  234. package/src/validators/utils/file.ts +5 -3
  235. package/src/validators/utils/index.ts +1 -0
  236. package/src/validators/utils/phone.ts +1 -1
  237. package/src/validators/utils/postal_code.ts +1 -1
  238. package/src/validators/utils/uuid4.ts +2 -1
  239. package/src/validators/validators.spec.ts +3 -3
  240. package/types.d.ts +3 -3
  241. package/types.js.map +1 -1
  242. package/utils/index.js +2 -1
  243. package/utils.js.map +2 -2
  244. package/validators/index.js +20 -67
  245. package/validators/index.js.map +2 -2
  246. package/validators/utils/date/index.js +103 -0
  247. package/{Form.stories → validators/utils/date}/package.json +1 -1
  248. package/validators/utils/date.d.ts +9 -0
  249. package/validators/utils/date.js.map +7 -0
  250. package/validators/utils/file/index.js +1 -1
  251. package/validators/utils/file.js.map +2 -2
  252. package/validators/utils/index.d.ts +1 -0
  253. package/validators/utils/index.js +1 -0
  254. package/validators/utils/index.js.map +2 -2
  255. package/validators/utils/phone.d.ts +1 -1
  256. package/validators/utils/phone.js.map +2 -2
  257. package/validators/utils/postal_code.d.ts +1 -1
  258. package/validators/utils/postal_code.js.map +1 -1
  259. package/validators/utils/uuid4.js.map +2 -2
  260. package/FieldArray/FieldArray.stories/index.js +0 -14
  261. package/FieldArray/FieldArray.stories/package.json +0 -6
  262. package/FieldArray/FieldArray.stories.js.map +0 -7
  263. package/FieldArray/__stories__/Default/index.js +0 -95
  264. package/FieldArray/__stories__/Default/package.json +0 -6
  265. package/FieldArray/__stories__/Default.js.map +0 -7
  266. package/FieldArray/__stories__/WithExactLength/index.js +0 -95
  267. package/FieldArray/__stories__/WithExactLength/package.json +0 -6
  268. package/FieldArray/__stories__/WithExactLength.js.map +0 -7
  269. package/Form.stories/index.js +0 -7
  270. package/Form.stories.js.map +0 -7
  271. package/FormBuilder/FormBuilder.stories/index.js +0 -12
  272. package/FormBuilder/FormBuilder.stories/package.json +0 -6
  273. package/FormBuilder/FormBuilder.stories.js.map +0 -7
  274. package/FormBuilder/__stories__/Default/index.js +0 -32
  275. package/FormBuilder/__stories__/Default/package.json +0 -6
  276. package/FormBuilder/__stories__/Default.js.map +0 -7
  277. package/MultiplicityField/MultiplicityField.stories/index.js +0 -22
  278. package/MultiplicityField/MultiplicityField.stories/package.json +0 -6
  279. package/MultiplicityField/MultiplicityField.stories.js.map +0 -7
  280. package/MultiplicityField/__stories__/Default/index.js +0 -100
  281. package/MultiplicityField/__stories__/Default/package.json +0 -6
  282. package/MultiplicityField/__stories__/Default.js.map +0 -7
  283. package/MultiplicityField/__stories__/PreviewDisplay/index.js +0 -70
  284. package/MultiplicityField/__stories__/PreviewDisplay/package.json +0 -6
  285. package/MultiplicityField/__stories__/PreviewDisplay.js.map +0 -7
  286. package/MultiplicityField/__stories__/WithExactLength/index.js +0 -97
  287. package/MultiplicityField/__stories__/WithExactLength/package.json +0 -6
  288. package/MultiplicityField/__stories__/WithExactLength.js.map +0 -7
  289. package/MultiplicityField/__stories__/WithMaxLength/index.js +0 -100
  290. package/MultiplicityField/__stories__/WithMaxLength/package.json +0 -6
  291. package/MultiplicityField/__stories__/WithMaxLength.js.map +0 -7
  292. package/MultiplicityField/__stories__/WithMinAndMaxLength/index.js +0 -101
  293. package/MultiplicityField/__stories__/WithMinAndMaxLength/package.json +0 -6
  294. package/MultiplicityField/__stories__/WithMinAndMaxLength.js.map +0 -7
  295. package/MultiplicityField/__stories__/WithMinLength/index.js +0 -100
  296. package/MultiplicityField/__stories__/WithMinLength/package.json +0 -6
  297. package/MultiplicityField/__stories__/WithMinLength.js.map +0 -7
  298. package/Questions/Questions.stories/index.js +0 -12
  299. package/Questions/Questions.stories/package.json +0 -6
  300. package/Questions/Questions.stories.js.map +0 -7
  301. package/Questions/__stories__/Default/index.js +0 -108
  302. package/Questions/__stories__/Default/package.json +0 -6
  303. package/Questions/__stories__/Default.js.map +0 -7
  304. package/cjs/FieldArray/FieldArray.stories/index.js +0 -48
  305. package/cjs/FieldArray/FieldArray.stories.js.map +0 -7
  306. package/cjs/FieldArray/__stories__/Default/index.js +0 -128
  307. package/cjs/FieldArray/__stories__/Default.js.map +0 -7
  308. package/cjs/FieldArray/__stories__/WithExactLength/index.js +0 -128
  309. package/cjs/FieldArray/__stories__/WithExactLength.js.map +0 -7
  310. package/cjs/Form.stories/index.js +0 -26
  311. package/cjs/Form.stories.js.map +0 -7
  312. package/cjs/FormBuilder/FormBuilder.stories/index.js +0 -45
  313. package/cjs/FormBuilder/FormBuilder.stories.js.map +0 -7
  314. package/cjs/FormBuilder/__stories__/Default/index.js +0 -65
  315. package/cjs/FormBuilder/__stories__/Default.js.map +0 -7
  316. package/cjs/MultiplicityField/MultiplicityField.stories/index.js +0 -60
  317. package/cjs/MultiplicityField/MultiplicityField.stories.js.map +0 -7
  318. package/cjs/MultiplicityField/__stories__/Default/index.js +0 -133
  319. package/cjs/MultiplicityField/__stories__/Default.js.map +0 -7
  320. package/cjs/MultiplicityField/__stories__/PreviewDisplay/index.js +0 -86
  321. package/cjs/MultiplicityField/__stories__/PreviewDisplay.js.map +0 -7
  322. package/cjs/MultiplicityField/__stories__/WithExactLength/index.js +0 -130
  323. package/cjs/MultiplicityField/__stories__/WithExactLength.js.map +0 -7
  324. package/cjs/MultiplicityField/__stories__/WithMaxLength/index.js +0 -133
  325. package/cjs/MultiplicityField/__stories__/WithMaxLength.js.map +0 -7
  326. package/cjs/MultiplicityField/__stories__/WithMinAndMaxLength/index.js +0 -134
  327. package/cjs/MultiplicityField/__stories__/WithMinAndMaxLength.js.map +0 -7
  328. package/cjs/MultiplicityField/__stories__/WithMinLength/index.js +0 -133
  329. package/cjs/MultiplicityField/__stories__/WithMinLength.js.map +0 -7
  330. package/cjs/Questions/Questions.stories/index.js +0 -45
  331. package/cjs/Questions/Questions.stories.js.map +0 -7
  332. package/cjs/Questions/__stories__/Default/index.js +0 -136
  333. package/cjs/Questions/__stories__/Default.js.map +0 -7
  334. package/cjs/inputs/AutoCompleteInput/AutoComplete.stories/index.js +0 -48
  335. package/cjs/inputs/AutoCompleteInput/AutoComplete.stories.js.map +0 -7
  336. package/cjs/inputs/AutoCompleteInput/__stories__/Default/index.js +0 -83
  337. package/cjs/inputs/AutoCompleteInput/__stories__/Default.js.map +0 -7
  338. package/cjs/inputs/AutoCompleteInput/__stories__/Multiple/index.js +0 -84
  339. package/cjs/inputs/AutoCompleteInput/__stories__/Multiple.js.map +0 -7
  340. package/cjs/inputs/Checkboxes/Checkboxes.stories/index.js +0 -51
  341. package/cjs/inputs/Checkboxes/Checkboxes.stories.js.map +0 -7
  342. package/cjs/inputs/Checkboxes/__stories__/Conditional/index.js +0 -133
  343. package/cjs/inputs/Checkboxes/__stories__/Conditional.js.map +0 -7
  344. package/cjs/inputs/Checkboxes/__stories__/Default/index.js +0 -77
  345. package/cjs/inputs/Checkboxes/__stories__/Default.js.map +0 -7
  346. package/cjs/inputs/Checkboxes/__stories__/WithDivider/index.js +0 -78
  347. package/cjs/inputs/Checkboxes/__stories__/WithDivider.js.map +0 -7
  348. package/cjs/inputs/DateInput/DateInput.stories/index.js +0 -45
  349. package/cjs/inputs/DateInput/DateInput.stories.js.map +0 -7
  350. package/cjs/inputs/DateInput/__stories__/Default/index.js +0 -61
  351. package/cjs/inputs/DateInput/__stories__/Default.js.map +0 -7
  352. package/cjs/inputs/FileInput/FileInput.stories/index.js +0 -45
  353. package/cjs/inputs/FileInput/FileInput.stories.js.map +0 -7
  354. package/cjs/inputs/FileInput/__stories__/Default/index.js +0 -61
  355. package/cjs/inputs/FileInput/__stories__/Default.js.map +0 -7
  356. package/cjs/inputs/ImageInput/ImageInput.stories/index.js +0 -51
  357. package/cjs/inputs/ImageInput/ImageInput.stories.js.map +0 -7
  358. package/cjs/inputs/ImageInput/__stories__/Default/index.js +0 -63
  359. package/cjs/inputs/ImageInput/__stories__/Default.js.map +0 -7
  360. package/cjs/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js +0 -71
  361. package/cjs/inputs/ImageInput/__stories__/WithInvalidImageDimension.js.map +0 -7
  362. package/cjs/inputs/ImageInput/__stories__/WithInvalidImageSize/index.js +0 -68
  363. package/cjs/inputs/ImageInput/__stories__/WithInvalidImageSize.js.map +0 -7
  364. package/cjs/inputs/Input/Input.stories/index.js +0 -72
  365. package/cjs/inputs/Input/Input.stories.js.map +0 -7
  366. package/cjs/inputs/Input/__stories__/AFM/index.js +0 -63
  367. package/cjs/inputs/Input/__stories__/AFM.js.map +0 -7
  368. package/cjs/inputs/Input/__stories__/Boolean/index.js +0 -64
  369. package/cjs/inputs/Input/__stories__/Boolean.js.map +0 -7
  370. package/cjs/inputs/Input/__stories__/IBAN/index.js +0 -64
  371. package/cjs/inputs/Input/__stories__/IBAN.js.map +0 -7
  372. package/cjs/inputs/Input/__stories__/Integer/index.js +0 -78
  373. package/cjs/inputs/Input/__stories__/Integer.js.map +0 -7
  374. package/cjs/inputs/Input/__stories__/LandlineNumber/index.js +0 -67
  375. package/cjs/inputs/Input/__stories__/LandlineNumber.js.map +0 -7
  376. package/cjs/inputs/Input/__stories__/MobilePhone/index.js +0 -67
  377. package/cjs/inputs/Input/__stories__/MobilePhone.js.map +0 -7
  378. package/cjs/inputs/Input/__stories__/PhoneNumber/index.js +0 -66
  379. package/cjs/inputs/Input/__stories__/PhoneNumber.js.map +0 -7
  380. package/cjs/inputs/Input/__stories__/PostalCode/index.js +0 -64
  381. package/cjs/inputs/Input/__stories__/PostalCode.js.map +0 -7
  382. package/cjs/inputs/Input/__stories__/String/index.js +0 -64
  383. package/cjs/inputs/Input/__stories__/String.js.map +0 -7
  384. package/cjs/inputs/Input/__stories__/TextWithLimit/index.js +0 -64
  385. package/cjs/inputs/Input/__stories__/TextWithLimit.js.map +0 -7
  386. package/cjs/inputs/Label/Label.stories/index.js +0 -45
  387. package/cjs/inputs/Label/Label.stories.js.map +0 -7
  388. package/cjs/inputs/Label/__stories__/Default/index.js +0 -72
  389. package/cjs/inputs/Label/__stories__/Default.js.map +0 -7
  390. package/cjs/inputs/OtpInput/OtpInput.stories/index.js +0 -45
  391. package/cjs/inputs/OtpInput/OtpInput.stories.js.map +0 -7
  392. package/cjs/inputs/OtpInput/__stories__/Default/index.js +0 -64
  393. package/cjs/inputs/OtpInput/__stories__/Default.js.map +0 -7
  394. package/cjs/inputs/Radio/Radio.stories/index.js +0 -51
  395. package/cjs/inputs/Radio/Radio.stories.js.map +0 -7
  396. package/cjs/inputs/Radio/__stories__/Conditional/index.js +0 -133
  397. package/cjs/inputs/Radio/__stories__/Conditional.js.map +0 -7
  398. package/cjs/inputs/Radio/__stories__/Default/index.js +0 -81
  399. package/cjs/inputs/Radio/__stories__/Default.js.map +0 -7
  400. package/cjs/inputs/Radio/__stories__/WithDivider/index.js +0 -82
  401. package/cjs/inputs/Radio/__stories__/WithDivider.js.map +0 -7
  402. package/cjs/inputs/Select/Select.stories/index.js +0 -45
  403. package/cjs/inputs/Select/Select.stories.js.map +0 -7
  404. package/cjs/inputs/Select/__stories__/Default/index.js +0 -86
  405. package/cjs/inputs/Select/__stories__/Default.js.map +0 -7
  406. package/inputs/AutoCompleteInput/AutoComplete.stories/index.js +0 -14
  407. package/inputs/AutoCompleteInput/AutoComplete.stories/package.json +0 -6
  408. package/inputs/AutoCompleteInput/AutoComplete.stories.js.map +0 -7
  409. package/inputs/AutoCompleteInput/__stories__/Default/index.js +0 -50
  410. package/inputs/AutoCompleteInput/__stories__/Default/package.json +0 -6
  411. package/inputs/AutoCompleteInput/__stories__/Default.js.map +0 -7
  412. package/inputs/AutoCompleteInput/__stories__/Multiple/index.js +0 -51
  413. package/inputs/AutoCompleteInput/__stories__/Multiple/package.json +0 -6
  414. package/inputs/AutoCompleteInput/__stories__/Multiple.js.map +0 -7
  415. package/inputs/Checkboxes/Checkboxes.stories/index.js +0 -16
  416. package/inputs/Checkboxes/Checkboxes.stories/package.json +0 -6
  417. package/inputs/Checkboxes/Checkboxes.stories.js.map +0 -7
  418. package/inputs/Checkboxes/__stories__/Conditional/index.js +0 -100
  419. package/inputs/Checkboxes/__stories__/Conditional/package.json +0 -6
  420. package/inputs/Checkboxes/__stories__/Conditional.js.map +0 -7
  421. package/inputs/Checkboxes/__stories__/Default/index.js +0 -44
  422. package/inputs/Checkboxes/__stories__/Default/package.json +0 -6
  423. package/inputs/Checkboxes/__stories__/Default.js.map +0 -7
  424. package/inputs/Checkboxes/__stories__/WithDivider/index.js +0 -45
  425. package/inputs/Checkboxes/__stories__/WithDivider/package.json +0 -6
  426. package/inputs/Checkboxes/__stories__/WithDivider.js.map +0 -7
  427. package/inputs/DateInput/DateInput.stories/index.js +0 -12
  428. package/inputs/DateInput/DateInput.stories/package.json +0 -6
  429. package/inputs/DateInput/DateInput.stories.js.map +0 -7
  430. package/inputs/DateInput/__stories__/Default/index.js +0 -28
  431. package/inputs/DateInput/__stories__/Default/package.json +0 -6
  432. package/inputs/DateInput/__stories__/Default.js.map +0 -7
  433. package/inputs/FileInput/FileInput.stories/index.js +0 -12
  434. package/inputs/FileInput/FileInput.stories/package.json +0 -6
  435. package/inputs/FileInput/FileInput.stories.js.map +0 -7
  436. package/inputs/FileInput/__stories__/Default/index.js +0 -28
  437. package/inputs/FileInput/__stories__/Default/package.json +0 -6
  438. package/inputs/FileInput/__stories__/Default.js.map +0 -7
  439. package/inputs/ImageInput/ImageInput.stories/index.js +0 -16
  440. package/inputs/ImageInput/ImageInput.stories/package.json +0 -6
  441. package/inputs/ImageInput/ImageInput.stories.js.map +0 -7
  442. package/inputs/ImageInput/__stories__/Default/index.js +0 -30
  443. package/inputs/ImageInput/__stories__/Default/package.json +0 -6
  444. package/inputs/ImageInput/__stories__/Default.js.map +0 -7
  445. package/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js +0 -38
  446. package/inputs/ImageInput/__stories__/WithInvalidImageDimension/package.json +0 -6
  447. package/inputs/ImageInput/__stories__/WithInvalidImageDimension.js.map +0 -7
  448. package/inputs/ImageInput/__stories__/WithInvalidImageSize/index.js +0 -35
  449. package/inputs/ImageInput/__stories__/WithInvalidImageSize/package.json +0 -6
  450. package/inputs/ImageInput/__stories__/WithInvalidImageSize.js.map +0 -7
  451. package/inputs/Input/Input.stories/index.js +0 -30
  452. package/inputs/Input/Input.stories/package.json +0 -6
  453. package/inputs/Input/Input.stories.js.map +0 -7
  454. package/inputs/Input/__stories__/AFM/index.js +0 -30
  455. package/inputs/Input/__stories__/AFM/package.json +0 -6
  456. package/inputs/Input/__stories__/AFM.js.map +0 -7
  457. package/inputs/Input/__stories__/Boolean/index.js +0 -31
  458. package/inputs/Input/__stories__/Boolean/package.json +0 -6
  459. package/inputs/Input/__stories__/Boolean.js.map +0 -7
  460. package/inputs/Input/__stories__/IBAN/index.js +0 -31
  461. package/inputs/Input/__stories__/IBAN/package.json +0 -6
  462. package/inputs/Input/__stories__/IBAN.js.map +0 -7
  463. package/inputs/Input/__stories__/Integer/index.js +0 -45
  464. package/inputs/Input/__stories__/Integer/package.json +0 -6
  465. package/inputs/Input/__stories__/Integer.js.map +0 -7
  466. package/inputs/Input/__stories__/LandlineNumber/index.js +0 -34
  467. package/inputs/Input/__stories__/LandlineNumber/package.json +0 -6
  468. package/inputs/Input/__stories__/LandlineNumber.js.map +0 -7
  469. package/inputs/Input/__stories__/MobilePhone/index.js +0 -34
  470. package/inputs/Input/__stories__/MobilePhone/package.json +0 -6
  471. package/inputs/Input/__stories__/MobilePhone.js.map +0 -7
  472. package/inputs/Input/__stories__/PhoneNumber/index.js +0 -33
  473. package/inputs/Input/__stories__/PhoneNumber/package.json +0 -6
  474. package/inputs/Input/__stories__/PhoneNumber.js.map +0 -7
  475. package/inputs/Input/__stories__/PostalCode/index.js +0 -31
  476. package/inputs/Input/__stories__/PostalCode/package.json +0 -6
  477. package/inputs/Input/__stories__/PostalCode.js.map +0 -7
  478. package/inputs/Input/__stories__/String/index.js +0 -31
  479. package/inputs/Input/__stories__/String/package.json +0 -6
  480. package/inputs/Input/__stories__/String.js.map +0 -7
  481. package/inputs/Input/__stories__/TextWithLimit/index.js +0 -31
  482. package/inputs/Input/__stories__/TextWithLimit/package.json +0 -6
  483. package/inputs/Input/__stories__/TextWithLimit.js.map +0 -7
  484. package/inputs/Label/Label.stories/index.js +0 -12
  485. package/inputs/Label/Label.stories/package.json +0 -6
  486. package/inputs/Label/Label.stories.js.map +0 -7
  487. package/inputs/Label/__stories__/Default/index.js +0 -39
  488. package/inputs/Label/__stories__/Default/package.json +0 -6
  489. package/inputs/Label/__stories__/Default.js.map +0 -7
  490. package/inputs/OtpInput/OtpInput.stories/index.js +0 -12
  491. package/inputs/OtpInput/OtpInput.stories/package.json +0 -6
  492. package/inputs/OtpInput/OtpInput.stories.js.map +0 -7
  493. package/inputs/OtpInput/__stories__/Default/index.js +0 -31
  494. package/inputs/OtpInput/__stories__/Default/package.json +0 -6
  495. package/inputs/OtpInput/__stories__/Default.js.map +0 -7
  496. package/inputs/Radio/Radio.stories/index.js +0 -16
  497. package/inputs/Radio/Radio.stories/package.json +0 -6
  498. package/inputs/Radio/Radio.stories.js.map +0 -7
  499. package/inputs/Radio/__stories__/Conditional/index.js +0 -100
  500. package/inputs/Radio/__stories__/Conditional/package.json +0 -6
  501. package/inputs/Radio/__stories__/Conditional.js.map +0 -7
  502. package/inputs/Radio/__stories__/Default/index.js +0 -48
  503. package/inputs/Radio/__stories__/Default/package.json +0 -6
  504. package/inputs/Radio/__stories__/Default.js.map +0 -7
  505. package/inputs/Radio/__stories__/WithDivider/index.js +0 -49
  506. package/inputs/Radio/__stories__/WithDivider/package.json +0 -6
  507. package/inputs/Radio/__stories__/WithDivider.js.map +0 -7
  508. package/inputs/Select/Select.stories/index.js +0 -12
  509. package/inputs/Select/Select.stories/package.json +0 -6
  510. package/inputs/Select/Select.stories.js.map +0 -7
  511. package/inputs/Select/__stories__/Default/index.js +0 -53
  512. package/inputs/Select/__stories__/Default/package.json +0 -6
  513. package/inputs/Select/__stories__/Default.js.map +0 -7
  514. package/lazy.d.ts +0 -72
  515. package/lazy.js.map +0 -7
  516. package/registry.d.ts +0 -70
  517. package/registry.js.map +0 -7
  518. package/src/index.tsx +0 -178
  519. package/src/inputs/ImageInput/index.mdx +0 -19
  520. package/src/inputs/Input/index.mdx +0 -95
  521. package/src/inputs/Label/index.mdx +0 -0
  522. package/src/lazy.js +0 -63
  523. package/src/registry.js +0 -157
  524. /package/src/Field/{index.mdx → doc.mdx} +0 -0
package/src/Questions/Questions.tsx CHANGED
@@ -31,7 +31,7 @@ export const Questions: React.FC<QuestionsInterface> = ({
31
31
  useEffect(() => {
32
32
  if (forceStepName !== currentStep.name) {
33
33
  const forceStep = steps.find(({ name }) => name === forceStepName);
34
- forceStep && setCurrentStep(forceStep);
34
+ if (forceStep) setCurrentStep(forceStep);
35
35
  }
36
36
  }, [forceStepName]);
37
37
  const localData =
@@ -42,16 +42,16 @@ export const Questions: React.FC<QuestionsInterface> = ({
42
42
  const submitStep = (stepName, stepData): void => {
43
43
  data[stepName] = stepData;
44
44
  if (localDraft) {
45
- isBrowser &&
45
+ if (isBrowser)
46
46
  window.localStorage.setItem(`questions-${name}`, JSON.stringify(data));
47
47
  }
48
48
  if (onChange) {
49
- onChange && onChange(data);
49
+ onChange(data);
50
50
  }
51
51
  setData(data);
52
52
  const nextStep = getNextStep(currentStep, steps, data);
53
53
  if (nextStep) {
54
- onActiveStep && onActiveStep(nextStep);
54
+ if (onActiveStep) onActiveStep(nextStep);
55
55
  setCurrentStep(nextStep);
56
56
  } else {
57
57
  onSubmit(data);
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,22 @@
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
8
  tabindex="0"
9
9
  >
10
10
  <svg
11
11
  aria-hidden="true"
12
+ as="svg"
12
13
  class="ds-svg-icon--caret ds-svg-icon"
13
14
  focusable="false"
14
15
  viewBox="0 0 24 24"
15
16
  >
16
17
  <path
18
+ as="path"
19
+ class=""
17
20
  d="M18,22V2L6,12L18,22z"
18
21
  />
19
22
  </svg>
@@ -48,7 +51,7 @@ exports[`renders the Questions 1`] = `
48
51
  class="ds-label"
49
52
  >
50
53
  <span
51
- class="ds-heading-sm"
54
+ class="ds-label__title ds-label__title--sm"
52
55
  >
53
56
  name.field.primary
54
57
  </span>
@@ -60,13 +63,14 @@ exports[`renders the Questions 1`] = `
60
63
  <input
61
64
  aria-required="true"
62
65
  class="ds-input"
66
+ data-type="string"
63
67
  name="name"
64
68
  type="text"
65
69
  />
66
70
  </label>
67
71
  </div>
68
72
  <button
69
- class="ds-btn-primary ds-btn ds-print-hidden"
73
+ class="ds-print-hidden ds-btn ds-btn-primary"
70
74
  type="submit"
71
75
  >
72
76
  Συνέχεια
package/src/Questions/{index.mdx → doc.mdx} RENAMED
@@ -14,14 +14,11 @@ import {
14
14
  TableDataCell,
15
15
  } from '@digigov/react-core';
16
16
 
17
- import LeadText from '@site/src/components/LeadText';
18
17
 
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>
18
+ Question pages are used to ask users meaningful questions needed by your
19
+ GOV.GR service, or even gather data about their persona or their application
20
+ status. Use step questions to make bigger forms less scary and easier to fill
21
+ out.
25
22
 
26
23
  ## Introduction to Question pages
27
24
 
@@ -41,7 +38,7 @@ Even if users struggle through to the end of a form and answer honestly, if it
41
38
  more work than they expected, they’ll be annoyed about it. That's the exact
42
39
  opposite of our goals of making concise, easy-to-use services.
43
40
 
44
- ```jsx live
41
+ ```jsx
45
42
  import React from 'react';
46
43
  import Questions, { Step, StepForm, StepTitle } from '@digigov/form/Questions';
47
44
  import { Field } from '@digigov/form';
@@ -159,7 +156,7 @@ its subsequent subcomponents that you customise as needed, like the step title,
159
156
  description or form. You can also add components that are not form-specific,
160
157
  adding paragraphs or other custom components.
161
158
 
162
- ```jsx
159
+ ```jsx pure
163
160
  <Questions name="example" steps={steps} onSubmit={(data) => doSomething(data)}>
164
161
  {/* more steps could be rendered here ... */}
165
162
  <Step name="age">
@@ -184,7 +181,7 @@ object. The most basic properties are the following:
184
181
  - `fields` - an array that describes each input field that will be rendered in
185
182
  the `StepForm`. Each fields implements the `FieldSpec` interface as a JSON object.
186
183
 
187
- ```json title="step-name.json"
184
+ ```json pure title="step-name.json"
188
185
  {
189
186
  "name": "name",
190
187
  "title": "What is your name?",
@@ -209,7 +206,7 @@ basic branching between each step. The `nextStep` property will need to be a
209
206
  function that will take the form state as an argument and will return the key of
210
207
  the next `step`.
211
208
 
212
- ```json title="next-step.json"
209
+ ```json pure title="next-step.json"
213
210
  const steps = [
214
211
  {
215
212
  name: 'age',
@@ -263,7 +260,7 @@ For example, you may use a form to determine if citizens are adults or not, and
263
260
  we want to ask users different questions according to their persona. We can use
264
261
  a branch between the `age` step and the other two steps.
265
262
 
266
- ```jsx live
263
+ ```jsx
267
264
  import React from 'react';
268
265
  import GovGRFooter from '@digigov/ui/govgr/Footer';
269
266
  import Header from '@digigov/ui/app/Header';
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
  {
package/src/Questions/index.test.tsx CHANGED
@@ -1,20 +1,21 @@
1
1
  import React from 'react';
2
2
  import { test, expect } from '@playwright/experimental-ct-react';
3
- import TestVariant from '@digigov/ui/utils/TestVariant'
4
3
  import { Default } from '@digigov/form/Questions/__stories__/Default';
4
+ import TestVariant from '@digigov/ui/utils/TestVariant';
5
5
 
6
6
  test('renders the All Questions variants', async ({ mount, page }) => {
7
7
  await mount(
8
-
9
- <div>
10
- <TestVariant title="Default">
11
- <Default />
12
- </TestVariant>
13
- </div>
14
- )
8
+ <div>
9
+ <TestVariant title="Default">
10
+ <Default />
11
+ </TestVariant>
12
+ </div>
13
+ );
15
14
  await page.evaluate(() => document.fonts.ready);
16
15
 
17
- const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
16
+ const screenshot = await page.screenshot({
17
+ fullPage: true,
18
+ animations: 'disabled',
19
+ });
18
20
  expect(screenshot).toMatchSnapshot();
19
21
  });
20
-
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
@@ -4,14 +4,10 @@ title: Digigov Form
4
4
  sidebar_label: Introduction to Digigov Form
5
5
  ---
6
6
 
7
- import LeadText from '@site/src/components/LeadText';
8
-
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
13
  src="/img/form.svg"
package/src/index.ts ADDED
@@ -0,0 +1,6 @@
1
+ export { default as Field } from '@digigov/form/Field';
2
+ export { default as Fieldset } from '@digigov/form/Fieldset';
3
+ export * from '@digigov/form/inputs/Label';
4
+ import FormBuilder from '@digigov/form/FormBuilder';
5
+ export * from '@digigov/form/types';
6
+ export default FormBuilder;
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
  {
@@ -36,7 +30,6 @@ const fields: FieldSpec[] = [
36
30
  const initialValues = {};
37
31
 
38
32
  export const Default = () => (
39
-
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
  {
@@ -20,7 +14,6 @@ const fields: FieldSpec[] = [
20
14
  type: 'choice:multiple',
21
15
  extra: {
22
16
  component: 'AutoComplete',
23
- multiple: true,
24
17
  options: results.map((r) => {
25
18
  return {
26
19
  label: {
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
@@ -1,24 +1,25 @@
1
1
  import React from 'react';
2
2
  import { test, expect } from '@playwright/experimental-ct-react';
3
- import TestVariant from '@digigov/ui/utils/TestVariant'
4
3
  import { Default } from '@digigov/form/inputs/AutoCompleteInput/__stories__/Default';
5
4
  import { Multiple } from '@digigov/form/inputs/AutoCompleteInput/__stories__/Multiple';
5
+ import TestVariant from '@digigov/ui/utils/TestVariant';
6
6
 
7
7
  test('renders the All AutoCompleteInput variants', async ({ mount, page }) => {
8
8
  await mount(
9
-
10
- <div>
11
- <TestVariant title="Default">
12
- <Default />
13
- </TestVariant>
14
- <TestVariant title="Multiple">
15
- <Multiple />
16
- </TestVariant>
17
- </div>
18
- )
9
+ <div>
10
+ <TestVariant title="Default">
11
+ <Default />
12
+ </TestVariant>
13
+ <TestVariant title="Multiple">
14
+ <Multiple />
15
+ </TestVariant>
16
+ </div>
17
+ );
19
18
  await page.evaluate(() => document.fonts.ready);
20
19
 
21
- const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
20
+ const screenshot = await page.screenshot({
21
+ fullPage: true,
22
+ animations: 'disabled',
23
+ });
22
24
  expect(screenshot).toMatchSnapshot();
23
25
  });
24
-
package/src/inputs/AutoCompleteInput/index.tsx CHANGED
@@ -1,11 +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
-
8
+ import { Hint } from '@digigov/ui/typography/Hint';
9
+ import { Base } from '@digigov/ui/utils/Base';
9
10
  export interface AutoCompleteInputExtra
10
11
  extends Omit<
11
12
  UIAutoCompleteProps,
@@ -16,7 +17,7 @@ export interface AutoCompleteInputExtra
16
17
  | 'onConfirm'
17
18
  | 'dropdownArrow'
18
19
  > {
19
- options: Array<FieldOptionProps>;
20
+ options: FieldOptionProps[];
20
21
  }
21
22
 
22
23
  export interface AutoCompleteInputProps
@@ -28,39 +29,43 @@ export interface AutoCompleteInputProps
28
29
 
29
30
  export const AutoCompleteInput: React.FC<AutoCompleteInputProps> = ({
30
31
  name,
31
- extra: { options, multiple },
32
+ type,
33
+ extra: { options },
32
34
  onChange,
33
35
  value,
34
- error,
35
36
  ...props
36
37
  }) => {
37
- const suggest = useCallback(function suggest(
38
- query: string,
39
- syncResults: (options: any[]) => void
40
- ): void {
41
- syncResults(
42
- query
43
- ? options.filter(function (option) {
44
- return (
45
- `${option.value} ${option.label?.primary || ''} ${option.label?.secondary || ''
46
- }`
47
- .toLowerCase()
48
- .indexOf(query.toLowerCase()) !== -1
49
- );
50
- })
51
- : options
52
- );
53
- },
54
- [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
+ );
55
59
 
56
60
  return (
57
- <UIAutoComplete
58
- multiple={multiple}
61
+ <AutoComplete
62
+ multiple={type === 'choice:multiple' ? true : false}
59
63
  source={suggest}
60
64
  onConfirm={(value) => {
61
65
  if (Array.isArray(value)) {
62
- const selectedValues = value.map(item => item.value);
63
- 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);
64
69
  } else {
65
70
  onChange(value.value);
66
71
  }
@@ -68,10 +73,10 @@ export const AutoCompleteInput: React.FC<AutoCompleteInputProps> = ({
68
73
  templates={{
69
74
  suggestion({ label, value }) {
70
75
  return (
71
- <div>
76
+ <Base as="div">
72
77
  {(label && label.primary && label.primary) || value}
73
78
  {label && label.secondary && <Hint>{label.secondary}</Hint>}
74
- </div>
79
+ </Base>
75
80
  );
76
81
  },
77
82
  inputValue: (option) => {
@@ -93,4 +98,4 @@ export const AutoCompleteInput: React.FC<AutoCompleteInputProps> = ({
93
98
  );
94
99
  };
95
100
 
96
- export default AutoCompleteInput;
101
+ export default AutoCompleteInput;
package/src/inputs/Checkboxes/{index.mdx → doc.mdx} RENAMED
@@ -10,24 +10,14 @@ Checkboxes are used to let a user select one or more options of a limited number
10
10
 
11
11
  ### Default
12
12
 
13
- <Story
14
- packageName="@digigov/form"
15
- component="inputs/Checkboxes"
16
- story="Default.tsx"
17
- />
13
+ <code src="@digigov/form/inputs/Checkboxes/__stories__/Default.tsx" />
14
+
18
15
 
19
16
  ### Conditional
20
17
 
21
- <Story
22
- packageName="@digigov/form"
23
- component="inputs/Checkboxes"
24
- story="Conditional.tsx"
25
- />
18
+ <code src="@digigov/form/inputs/Checkboxes/__stories__/Conditional.tsx" />
19
+
26
20
 
27
21
  ### With divider
28
22
 
29
- <Story
30
- packageName="@digigov/form"
31
- component="inputs/Checkboxes"
32
- story="WithDivider.tsx"
33
- />
23
+ <code src="@digigov/form/inputs/Checkboxes/__stories__/WithDivider.tsx" />
package/src/inputs/Checkboxes/index.tsx CHANGED
@@ -1,18 +1,20 @@
1
1
  import React, { useState } from 'react';
2
2
  import { ControlledFieldProps } from '@digigov/form/Field/types';
3
3
  import { FieldOptionProps } from '@digigov/form/inputs/Label';
4
- import CoreCheckboxes from '@digigov/react-core/Checkbox';
5
- import { CheckboxConditional } from '@digigov/react-core/CheckboxConditional';
6
- import CheckboxItem from '@digigov/react-core/CheckboxItem';
7
- import Hint from '@digigov/react-core/Hint';
4
+ import {
5
+ Checkbox,
6
+ CheckboxItem,
7
+ CheckboxConditional,
8
+ } from '@digigov/ui/form/Checkbox';
8
9
  import { useTranslation } from '@digigov/ui/i18n';
10
+ import { Hint } from '@digigov/ui/typography/Hint';
9
11
 
10
12
  export interface CheckboxesProps
11
13
  extends Omit<ControlledFieldProps, 'extra' | 'value'> {
12
14
  value?: string[];
13
15
  extra: {
14
16
  className?: string;
15
- options: Array<FieldOptionProps>;
17
+ options: FieldOptionProps[];
16
18
  };
17
19
  fieldComponent: React.FC<Omit<ControlledFieldProps, 'value' | 'onChange'>>;
18
20
  }
@@ -23,7 +25,7 @@ export const Checkboxes: React.FC<CheckboxesProps> = ({
23
25
  value,
24
26
  extra: { options, className },
25
27
  disabled,
26
- fieldComponent: Field,
28
+ Field,
27
29
  ...props
28
30
  }) => {
29
31
  if (!value) value = [];
@@ -56,7 +58,7 @@ export const Checkboxes: React.FC<CheckboxesProps> = ({
56
58
  Array<boolean>(options.length).fill(false)
57
59
  );
58
60
  return (
59
- <CoreCheckboxes className={className}>
61
+ <Checkbox className={className}>
60
62
  {options.map(
61
63
  (
62
64
  {
@@ -103,7 +105,7 @@ export const Checkboxes: React.FC<CheckboxesProps> = ({
103
105
  </React.Fragment>
104
106
  )
105
107
  )}
106
- </CoreCheckboxes>
108
+ </Checkbox>
107
109
  );
108
110
  };
109
111
 
package/src/inputs/DateInput/__stories__/Default.tsx CHANGED
@@ -9,21 +9,16 @@ const fields = [
9
9
  required: true,
10
10
  label: {
11
11
  primary: 'Πότε εκδόθηκε το διαβατήριο σας;',
12
- secondary:
13
- 'Για παράδειγμα, 05 11 2020',
14
- }
15
- },
16
- ]
12
+ secondary: 'Για παράδειγμα, 05 11 2020',
13
+ },
14
+ } as const,
15
+ ];
17
16
 
18
17
  export const Default = () => (
19
18
  <FormBuilder onSubmit={() => console.log('kati')}>
20
- {fields.map((field) => {
21
- return (
22
- // @ts-ignore
23
- <Field {...field} name={field.key} />
24
- )
25
- }
26
- )}
19
+ {fields.map(({ key, ...field }) => {
20
+ return <Field {...field} name={key} key={key} />;
21
+ })}
27
22
  <Button type="submit">Συνέχεια</Button>
28
23
  </FormBuilder>
29
24
  );
package/src/inputs/DateInput/{index.mdx → doc.mdx} RENAMED
@@ -13,11 +13,4 @@ either with a textbox that validates the input or a special date picker interfac
13
13
 
14
14
  ### Default
15
15
 
16
- <Story
17
- packageName="@digigov/form"
18
- component="inputs/DateInput"
19
- story="Default.tsx"
20
- />
21
-
22
-
23
-
16
+ <code src="@digigov/form/inputs/DateInput/__stories__/Default.tsx" />
package/src/inputs/DateInput/index.test.tsx CHANGED
@@ -1,20 +1,21 @@
1
1
  import React from 'react';
2
2
  import { test, expect } from '@playwright/experimental-ct-react';
3
- import TestVariant from '@digigov/ui/utils/TestVariant'
4
3
  import { Default } from '@digigov/form/inputs/DateInput/__stories__/Default';
4
+ import TestVariant from '@digigov/ui/utils/TestVariant';
5
5
 
6
6
  test('renders the All DateInput variants', async ({ mount, page }) => {
7
7
  await mount(
8
-
9
- <div>
10
- <TestVariant title="Default">
11
- <Default />
12
- </TestVariant>
13
- </div>
14
- )
8
+ <div>
9
+ <TestVariant title="Default">
10
+ <Default />
11
+ </TestVariant>
12
+ </div>
13
+ );
15
14
  await page.evaluate(() => document.fonts.ready);
16
15
 
17
- const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
16
+ const screenshot = await page.screenshot({
17
+ fullPage: true,
18
+ animations: 'disabled',
19
+ });
18
20
  expect(screenshot).toMatchSnapshot();
19
21
  });
20
-