@digigov/form 2.0.0-7d9a8d86 → 2.0.0-85c27c19

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 (688) hide show
  1. package/Field/FieldBase/index.js +72 -51
  2. package/Field/FieldBase.js.map +2 -2
  3. package/Field/FieldBaseContainer/index.js +4 -18
  4. package/Field/FieldBaseContainer.js.map +1 -1
  5. package/Field/FieldConditional/index.js +55 -40
  6. package/Field/FieldConditional.js.map +2 -2
  7. package/Field/index.js +67 -36
  8. package/Field/index.js.map +2 -2
  9. package/Field/types.d.ts +36 -3
  10. package/Field/utils/calculateField/index.js +27 -0
  11. package/{inputs/Input/__stories__/Default → Field/utils/calculateField}/package.json +1 -1
  12. package/Field/utils/calculateField.d.ts +2 -0
  13. package/Field/utils/calculateField.js.map +7 -0
  14. package/Field/utils/evaluateFieldWithConditions/index.js +26 -0
  15. package/Field/utils/evaluateFieldWithConditions/package.json +6 -0
  16. package/Field/utils/evaluateFieldWithConditions.d.ts +2 -0
  17. package/Field/utils/evaluateFieldWithConditions.js.map +7 -0
  18. package/Field/utils/index.d.ts +3 -0
  19. package/Field/utils/index.js +4 -95
  20. package/Field/utils/index.js.map +7 -0
  21. package/Field/utils/useField/index.js +51 -0
  22. package/{FormBuilder/FormBuilder → Field/utils/useField}/package.json +1 -1
  23. package/Field/utils/useField.d.ts +2 -0
  24. package/Field/utils/useField.js.map +7 -0
  25. package/FieldArray/FieldArray.stories/index.js +4 -2
  26. package/FieldArray/FieldArray.stories.d.ts +2 -2
  27. package/FieldArray/FieldArray.stories.js.map +2 -2
  28. package/FieldArray/__stories__/Default/index.js +15 -17
  29. package/FieldArray/__stories__/Default.d.ts +2 -2
  30. package/FieldArray/__stories__/Default.js.map +1 -1
  31. package/FieldArray/__stories__/WithExactLength/index.js +15 -17
  32. package/FieldArray/__stories__/WithExactLength.d.ts +2 -2
  33. package/FieldArray/__stories__/WithExactLength.js.map +1 -1
  34. package/FieldArray/index.js +50 -32
  35. package/FieldArray/index.js.map +2 -2
  36. package/FieldArray/index.test.d.ts +1 -0
  37. package/FieldObject/index.d.ts +1 -0
  38. package/FieldObject/index.js +41 -29
  39. package/FieldObject/index.js.map +2 -2
  40. package/Fieldset/FieldsetWithContext/index.js +12 -13
  41. package/Fieldset/FieldsetWithContext.js.map +1 -1
  42. package/Fieldset/index.js +4 -13
  43. package/Fieldset/index.js.map +1 -1
  44. package/Fieldset/types.d.ts +2 -0
  45. package/Form.stories.js.map +1 -1
  46. package/FormBuilder/FormBuilder.stories/index.js +2 -1
  47. package/FormBuilder/FormBuilder.stories.d.ts +1 -1
  48. package/FormBuilder/FormBuilder.stories.js.map +2 -2
  49. package/FormBuilder/__stories__/Default/index.js +21 -15
  50. package/FormBuilder/__stories__/Default.d.ts +2 -2
  51. package/FormBuilder/__stories__/Default.js.map +1 -1
  52. package/FormBuilder/index.d.ts +2 -1
  53. package/FormBuilder/index.js +10 -2
  54. package/FormBuilder/index.js.map +2 -2
  55. package/FormBuilder/index.test.d.ts +1 -0
  56. package/FormBuilder/scenarios.test.d.ts +88 -0
  57. package/FormContext/index.js +1 -1
  58. package/FormContext.js.map +1 -1
  59. package/MultiplicityField/MultiplicityField.stories/index.js +12 -6
  60. package/MultiplicityField/MultiplicityField.stories.d.ts +6 -6
  61. package/MultiplicityField/MultiplicityField.stories.js.map +2 -2
  62. package/MultiplicityField/__stories__/Default/index.js +15 -19
  63. package/MultiplicityField/__stories__/Default.d.ts +2 -2
  64. package/MultiplicityField/__stories__/Default.js.map +1 -1
  65. package/MultiplicityField/__stories__/PreviewDisplay/index.js +6 -27
  66. package/MultiplicityField/__stories__/PreviewDisplay.d.ts +2 -2
  67. package/MultiplicityField/__stories__/PreviewDisplay.js.map +2 -2
  68. package/MultiplicityField/__stories__/WithExactLength/index.js +15 -19
  69. package/MultiplicityField/__stories__/WithExactLength.d.ts +2 -2
  70. package/MultiplicityField/__stories__/WithExactLength.js.map +2 -2
  71. package/MultiplicityField/__stories__/WithMaxLength/index.js +15 -19
  72. package/MultiplicityField/__stories__/WithMaxLength.d.ts +2 -2
  73. package/MultiplicityField/__stories__/WithMaxLength.js.map +2 -2
  74. package/MultiplicityField/__stories__/WithMinAndMaxLength/index.js +15 -19
  75. package/MultiplicityField/__stories__/WithMinAndMaxLength.d.ts +2 -2
  76. package/MultiplicityField/__stories__/WithMinAndMaxLength.js.map +2 -2
  77. package/MultiplicityField/__stories__/WithMinLength/index.js +15 -19
  78. package/MultiplicityField/__stories__/WithMinLength.d.ts +2 -2
  79. package/MultiplicityField/__stories__/WithMinLength.js.map +2 -2
  80. package/MultiplicityField/add-objects/index.js +71 -39
  81. package/MultiplicityField/add-objects.d.ts +2 -1
  82. package/MultiplicityField/add-objects.js.map +2 -2
  83. package/MultiplicityField/index.d.ts +2 -19
  84. package/MultiplicityField/index.js +66 -59
  85. package/MultiplicityField/index.js.map +2 -2
  86. package/MultiplicityField/index.test.d.ts +1 -0
  87. package/MultiplicityField/types/index.js +1 -0
  88. package/{validators/validators.spec → MultiplicityField/types}/package.json +1 -1
  89. package/MultiplicityField/types.d.ts +19 -0
  90. package/MultiplicityField/types.js.map +7 -0
  91. package/Questions/Questions/index.js +21 -15
  92. package/Questions/Questions.js.map +2 -2
  93. package/Questions/Questions.stories/index.js +2 -1
  94. package/Questions/Questions.stories.d.ts +1 -1
  95. package/Questions/Questions.stories.js.map +2 -2
  96. package/Questions/QuestionsContext/index.js +2 -2
  97. package/Questions/QuestionsContext.js.map +1 -1
  98. package/Questions/Step/ReviewStep/index.js +20 -26
  99. package/Questions/Step/ReviewStep.js.map +1 -1
  100. package/Questions/Step/Step/index.js +24 -18
  101. package/Questions/Step/Step.js.map +2 -2
  102. package/Questions/Step/StepArrayReview/index.js +20 -25
  103. package/Questions/Step/StepArrayReview.js.map +1 -1
  104. package/Questions/Step/StepContext/index.js +3 -3
  105. package/Questions/Step/StepContext.js.map +1 -1
  106. package/Questions/Step/StepDescription/index.js +7 -12
  107. package/Questions/Step/StepDescription.js.map +1 -1
  108. package/Questions/Step/StepForm/index.js +16 -19
  109. package/Questions/Step/StepForm.js.map +1 -1
  110. package/Questions/Step/StepQuote/index.js +2 -4
  111. package/Questions/Step/StepQuote.js.map +1 -1
  112. package/Questions/Step/StepTitle/index.js +17 -15
  113. package/Questions/Step/StepTitle.d.ts +1 -0
  114. package/Questions/Step/StepTitle.js.map +2 -2
  115. package/Questions/Step/getAddMoreFields.js.map +1 -1
  116. package/Questions/Step/index.d.ts +0 -1
  117. package/Questions/Step/index.js +0 -1
  118. package/Questions/Step/index.js.map +2 -2
  119. package/Questions/Step/types.d.ts +2 -0
  120. package/Questions/__stories__/Default/index.js +31 -38
  121. package/Questions/__stories__/Default.d.ts +2 -2
  122. package/Questions/__stories__/Default.js.map +1 -1
  123. package/Questions/getNextStep/index.js +3 -1
  124. package/Questions/getNextStep.js.map +1 -1
  125. package/Questions/index.js +1 -1
  126. package/Questions/index.js.map +1 -1
  127. package/Questions/index.test.d.ts +1 -0
  128. package/Questions/types.d.ts +2 -0
  129. package/cjs/Field/FieldBase/index.js +95 -68
  130. package/cjs/Field/FieldBase.js.map +3 -3
  131. package/cjs/Field/FieldBaseContainer/index.js +33 -41
  132. package/cjs/Field/FieldBaseContainer.js.map +2 -2
  133. package/cjs/Field/FieldConditional/index.js +77 -56
  134. package/cjs/Field/FieldConditional.js.map +3 -3
  135. package/cjs/Field/index.js +89 -55
  136. package/cjs/Field/index.js.map +3 -3
  137. package/cjs/Field/types/index.js +14 -2
  138. package/cjs/Field/types.js.map +2 -2
  139. package/cjs/Field/utils/calculateField/index.js +50 -0
  140. package/cjs/Field/utils/calculateField.js.map +7 -0
  141. package/cjs/Field/utils/evaluateFieldWithConditions/index.js +49 -0
  142. package/cjs/Field/utils/evaluateFieldWithConditions.js.map +7 -0
  143. package/cjs/Field/utils/index.js +35 -121
  144. package/cjs/Field/utils/index.js.map +7 -0
  145. package/cjs/Field/utils/useField/index.js +74 -0
  146. package/cjs/Field/utils/useField.js.map +7 -0
  147. package/cjs/FieldArray/FieldArray.stories/index.js +30 -19
  148. package/cjs/FieldArray/FieldArray.stories.js.map +3 -3
  149. package/cjs/FieldArray/__stories__/Default/index.js +37 -33
  150. package/cjs/FieldArray/__stories__/Default.js.map +2 -2
  151. package/cjs/FieldArray/__stories__/WithExactLength/index.js +37 -33
  152. package/cjs/FieldArray/__stories__/WithExactLength.js.map +2 -2
  153. package/cjs/FieldArray/index.js +75 -51
  154. package/cjs/FieldArray/index.js.map +3 -3
  155. package/cjs/FieldObject/index.js +59 -44
  156. package/cjs/FieldObject/index.js.map +3 -3
  157. package/cjs/Fieldset/FieldsetWithContext/index.js +35 -30
  158. package/cjs/Fieldset/FieldsetWithContext.js.map +2 -2
  159. package/cjs/Fieldset/index.js +31 -34
  160. package/cjs/Fieldset/index.js.map +2 -2
  161. package/cjs/Fieldset/types/index.js +14 -2
  162. package/cjs/Fieldset/types.js.map +2 -2
  163. package/cjs/Form.stories/index.js +16 -6
  164. package/cjs/Form.stories.js.map +1 -1
  165. package/cjs/FormBuilder/FormBuilder.stories/index.js +27 -18
  166. package/cjs/FormBuilder/FormBuilder.stories.js.map +3 -3
  167. package/cjs/FormBuilder/__stories__/Default/index.js +43 -31
  168. package/cjs/FormBuilder/__stories__/Default.js.map +2 -2
  169. package/cjs/FormBuilder/index.js +24 -21
  170. package/cjs/FormBuilder/index.js.map +2 -2
  171. package/cjs/FormContext/index.js +14 -18
  172. package/cjs/FormContext.js.map +2 -2
  173. package/cjs/MultiplicityField/MultiplicityField.stories/index.js +42 -23
  174. package/cjs/MultiplicityField/MultiplicityField.stories.js.map +3 -3
  175. package/cjs/MultiplicityField/__stories__/Default/index.js +37 -35
  176. package/cjs/MultiplicityField/__stories__/Default.js.map +2 -2
  177. package/cjs/MultiplicityField/__stories__/PreviewDisplay/index.js +32 -47
  178. package/cjs/MultiplicityField/__stories__/PreviewDisplay.js.map +3 -3
  179. package/cjs/MultiplicityField/__stories__/WithExactLength/index.js +37 -35
  180. package/cjs/MultiplicityField/__stories__/WithExactLength.js.map +3 -3
  181. package/cjs/MultiplicityField/__stories__/WithMaxLength/index.js +37 -35
  182. package/cjs/MultiplicityField/__stories__/WithMaxLength.js.map +3 -3
  183. package/cjs/MultiplicityField/__stories__/WithMinAndMaxLength/index.js +37 -35
  184. package/cjs/MultiplicityField/__stories__/WithMinAndMaxLength.js.map +3 -3
  185. package/cjs/MultiplicityField/__stories__/WithMinLength/index.js +37 -35
  186. package/cjs/MultiplicityField/__stories__/WithMinLength.js.map +3 -3
  187. package/cjs/MultiplicityField/add-objects/index.js +94 -59
  188. package/cjs/MultiplicityField/add-objects.js.map +3 -3
  189. package/cjs/MultiplicityField/index.js +90 -77
  190. package/cjs/MultiplicityField/index.js.map +3 -3
  191. package/cjs/MultiplicityField/types/index.js +16 -0
  192. package/cjs/MultiplicityField/types.js.map +7 -0
  193. package/cjs/Questions/Questions/index.js +42 -30
  194. package/cjs/Questions/Questions.js.map +2 -2
  195. package/cjs/Questions/Questions.stories/index.js +27 -18
  196. package/cjs/Questions/Questions.stories.js.map +3 -3
  197. package/cjs/Questions/QuestionsContext/index.js +15 -19
  198. package/cjs/Questions/QuestionsContext.js.map +1 -1
  199. package/cjs/Questions/Step/ReviewStep/index.js +43 -43
  200. package/cjs/Questions/Step/ReviewStep.js.map +2 -2
  201. package/cjs/Questions/Step/Step/index.js +45 -33
  202. package/cjs/Questions/Step/Step.js.map +2 -2
  203. package/cjs/Questions/Step/StepArrayReview/index.js +46 -45
  204. package/cjs/Questions/Step/StepArrayReview.js.map +2 -2
  205. package/cjs/Questions/Step/StepContext/index.js +16 -20
  206. package/cjs/Questions/Step/StepContext.js.map +1 -1
  207. package/cjs/Questions/Step/StepDescription/index.js +29 -28
  208. package/cjs/Questions/Step/StepDescription.js.map +2 -2
  209. package/cjs/Questions/Step/StepForm/index.js +41 -38
  210. package/cjs/Questions/Step/StepForm.js.map +2 -2
  211. package/cjs/Questions/Step/StepQuote/index.js +25 -21
  212. package/cjs/Questions/Step/StepQuote.js.map +2 -2
  213. package/cjs/Questions/Step/StepTitle/index.js +41 -33
  214. package/cjs/Questions/Step/StepTitle.js.map +3 -3
  215. package/cjs/Questions/Step/getAddMoreFields/index.js +16 -4
  216. package/cjs/Questions/Step/getAddMoreFields.js.map +1 -1
  217. package/cjs/Questions/Step/index.js +45 -28
  218. package/cjs/Questions/Step/index.js.map +3 -3
  219. package/cjs/Questions/Step/types/index.js +14 -2
  220. package/cjs/Questions/Step/types.js.map +2 -2
  221. package/cjs/Questions/__stories__/Default/index.js +59 -60
  222. package/cjs/Questions/__stories__/Default.js.map +2 -2
  223. package/cjs/Questions/getNextStep/index.js +19 -5
  224. package/cjs/Questions/getNextStep.js.map +1 -1
  225. package/cjs/Questions/index.js +19 -20
  226. package/cjs/Questions/index.js.map +1 -1
  227. package/cjs/Questions/types/index.js +14 -2
  228. package/cjs/Questions/types.js.map +2 -2
  229. package/cjs/index.js +180 -19
  230. package/cjs/index.js.map +4 -4
  231. package/cjs/inputs/AutoCompleteInput/AutoComplete.stories/index.js +30 -19
  232. package/cjs/inputs/AutoCompleteInput/AutoComplete.stories.js.map +3 -3
  233. package/cjs/inputs/AutoCompleteInput/__stories__/Default/index.js +46 -36
  234. package/cjs/inputs/AutoCompleteInput/__stories__/Default.js.map +3 -3
  235. package/cjs/inputs/AutoCompleteInput/__stories__/Multiple/index.js +50 -38
  236. package/cjs/inputs/AutoCompleteInput/__stories__/Multiple.js.map +3 -3
  237. package/cjs/inputs/AutoCompleteInput/index.js +67 -42
  238. package/cjs/inputs/AutoCompleteInput/index.js.map +3 -3
  239. package/cjs/inputs/Checkboxes/Checkboxes.stories/index.js +33 -20
  240. package/cjs/inputs/Checkboxes/Checkboxes.stories.js.map +3 -3
  241. package/cjs/inputs/Checkboxes/__stories__/Conditional/index.js +35 -29
  242. package/cjs/inputs/Checkboxes/__stories__/Conditional.js.map +2 -2
  243. package/cjs/inputs/Checkboxes/__stories__/Default/index.js +58 -46
  244. package/cjs/inputs/Checkboxes/__stories__/Default.js.map +2 -2
  245. package/cjs/inputs/Checkboxes/__stories__/WithDivider/index.js +59 -47
  246. package/cjs/inputs/Checkboxes/__stories__/WithDivider.js.map +2 -2
  247. package/cjs/inputs/Checkboxes/index.js +70 -62
  248. package/cjs/inputs/Checkboxes/index.js.map +3 -3
  249. package/cjs/inputs/DateInput/DateInput.stories/index.js +27 -18
  250. package/cjs/inputs/DateInput/DateInput.stories.js.map +3 -3
  251. package/cjs/inputs/DateInput/__stories__/Default/index.js +41 -32
  252. package/cjs/inputs/DateInput/__stories__/Default.js.map +3 -3
  253. package/cjs/inputs/DateInput/index.js +73 -60
  254. package/cjs/inputs/DateInput/index.js.map +3 -3
  255. package/cjs/inputs/FileInput/FileInput.stories/index.js +27 -18
  256. package/cjs/inputs/FileInput/FileInput.stories.js.map +3 -3
  257. package/cjs/inputs/FileInput/__stories__/Default/index.js +43 -29
  258. package/cjs/inputs/FileInput/__stories__/Default.js.map +2 -2
  259. package/cjs/inputs/FileInput/index.js +56 -42
  260. package/cjs/inputs/FileInput/index.js.map +2 -2
  261. package/cjs/inputs/ImageInput/ImageInput.stories/index.js +33 -20
  262. package/cjs/inputs/ImageInput/ImageInput.stories.js.map +3 -3
  263. package/cjs/inputs/ImageInput/__stories__/Default/index.js +35 -29
  264. package/cjs/inputs/ImageInput/__stories__/Default.js.map +2 -2
  265. package/cjs/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js +35 -29
  266. package/cjs/inputs/ImageInput/__stories__/WithInvalidImageDimension.js.map +2 -2
  267. package/cjs/inputs/ImageInput/__stories__/WithInvalidImageSize/index.js +35 -29
  268. package/cjs/inputs/ImageInput/__stories__/WithInvalidImageSize.js.map +2 -2
  269. package/cjs/inputs/ImageInput/index.js +72 -66
  270. package/cjs/inputs/ImageInput/index.js.map +2 -2
  271. package/cjs/inputs/Input/Input.stories/index.js +54 -27
  272. package/cjs/inputs/Input/Input.stories.js.map +3 -3
  273. package/cjs/inputs/Input/__stories__/AFM/index.js +44 -32
  274. package/cjs/inputs/Input/__stories__/AFM.js.map +2 -2
  275. package/cjs/inputs/Input/__stories__/Boolean/index.js +45 -33
  276. package/cjs/inputs/Input/__stories__/Boolean.js.map +2 -2
  277. package/cjs/inputs/Input/__stories__/IBAN/index.js +45 -33
  278. package/cjs/inputs/Input/__stories__/IBAN.js.map +2 -2
  279. package/cjs/inputs/Input/__stories__/Integer/index.js +57 -41
  280. package/cjs/inputs/Input/__stories__/Integer.js.map +2 -2
  281. package/cjs/inputs/Input/__stories__/LandlineNumber/index.js +48 -36
  282. package/cjs/inputs/Input/__stories__/LandlineNumber.js.map +2 -2
  283. package/cjs/inputs/Input/__stories__/MobilePhone/index.js +48 -36
  284. package/cjs/inputs/Input/__stories__/MobilePhone.js.map +2 -2
  285. package/cjs/inputs/Input/__stories__/PhoneNumber/index.js +47 -35
  286. package/cjs/inputs/Input/__stories__/PhoneNumber.js.map +2 -2
  287. package/cjs/inputs/Input/__stories__/PostalCode/index.js +45 -33
  288. package/cjs/inputs/Input/__stories__/PostalCode.js.map +2 -2
  289. package/cjs/inputs/Input/__stories__/String/index.js +64 -0
  290. package/cjs/inputs/Input/__stories__/String.js.map +7 -0
  291. package/cjs/inputs/Input/__stories__/TextWithLimit/index.js +64 -0
  292. package/cjs/inputs/Input/__stories__/TextWithLimit.js.map +7 -0
  293. package/cjs/inputs/Input/index.js +65 -53
  294. package/cjs/inputs/Input/index.js.map +2 -2
  295. package/cjs/inputs/Input/inputsInputScenarios/index.js +439 -0
  296. package/cjs/inputs/Input/inputsInputScenarios.js.map +7 -0
  297. package/cjs/inputs/Label/Label.stories/index.js +27 -18
  298. package/cjs/inputs/Label/Label.stories.js.map +3 -3
  299. package/cjs/inputs/Label/__stories__/Default/index.js +54 -36
  300. package/cjs/inputs/Label/__stories__/Default.js.map +3 -3
  301. package/cjs/inputs/Label/index.js +28 -28
  302. package/cjs/inputs/Label/index.js.map +3 -3
  303. package/cjs/inputs/OtpInput/OtpInput.stories/index.js +27 -18
  304. package/cjs/inputs/OtpInput/OtpInput.stories.js.map +3 -3
  305. package/cjs/inputs/OtpInput/__stories__/Default/index.js +35 -29
  306. package/cjs/inputs/OtpInput/__stories__/Default.js.map +2 -2
  307. package/cjs/inputs/OtpInput/index.js +118 -94
  308. package/cjs/inputs/OtpInput/index.js.map +3 -3
  309. package/cjs/inputs/Radio/Radio.stories/index.js +33 -20
  310. package/cjs/inputs/Radio/Radio.stories.js.map +3 -3
  311. package/cjs/inputs/Radio/__stories__/Conditional/index.js +35 -29
  312. package/cjs/inputs/Radio/__stories__/Conditional.js.map +2 -2
  313. package/cjs/inputs/Radio/__stories__/Default/index.js +62 -50
  314. package/cjs/inputs/Radio/__stories__/Default.js.map +2 -2
  315. package/cjs/inputs/Radio/__stories__/WithDivider/index.js +63 -51
  316. package/cjs/inputs/Radio/__stories__/WithDivider.js.map +2 -2
  317. package/cjs/inputs/Radio/index.js +61 -55
  318. package/cjs/inputs/Radio/index.js.map +3 -3
  319. package/cjs/inputs/Select/Select.stories/index.js +27 -18
  320. package/cjs/inputs/Select/Select.stories.js.map +3 -3
  321. package/cjs/inputs/Select/__stories__/Default/index.js +67 -55
  322. package/cjs/inputs/Select/__stories__/Default.js.map +2 -2
  323. package/cjs/inputs/Select/index.js +39 -30
  324. package/cjs/inputs/Select/index.js.map +2 -2
  325. package/cjs/inputs/index.js +30 -24
  326. package/cjs/inputs/index.js.map +1 -1
  327. package/cjs/inputs/inputsScenarios/index.js +540 -0
  328. package/cjs/inputs/inputsScenarios.js.map +7 -0
  329. package/cjs/internal/index.js +24 -77
  330. package/cjs/internal.js.map +2 -2
  331. package/cjs/lazy/index.js +81 -74
  332. package/cjs/lazy.js.map +3 -3
  333. package/cjs/locales/el/index.js +35 -0
  334. package/cjs/locales/el.js.map +7 -0
  335. package/cjs/registry/index.js +107 -88
  336. package/cjs/registry.js.map +2 -2
  337. package/cjs/types/index.js +20 -2
  338. package/cjs/types.js.map +2 -2
  339. package/cjs/utils/index.js +47 -34
  340. package/cjs/utils.js.map +3 -3
  341. package/cjs/validators/index.js +34 -30
  342. package/cjs/validators/index.js.map +3 -3
  343. package/cjs/validators/types/index.js +14 -2
  344. package/cjs/validators/types.js.map +1 -1
  345. package/cjs/validators/utils/afm/index.js +16 -4
  346. package/cjs/validators/utils/afm.js.map +1 -1
  347. package/cjs/validators/utils/file/index.js +25 -13
  348. package/cjs/validators/utils/file.js.map +2 -2
  349. package/cjs/validators/utils/iban/index.js +16 -4
  350. package/cjs/validators/utils/iban.js.map +1 -1
  351. package/cjs/validators/utils/image/index.js +18 -6
  352. package/cjs/validators/utils/image.js.map +1 -1
  353. package/cjs/validators/utils/index.js +52 -28
  354. package/cjs/validators/utils/index.js.map +1 -1
  355. package/cjs/validators/utils/int/index.js +16 -4
  356. package/cjs/validators/utils/int.js.map +1 -1
  357. package/cjs/validators/utils/number/index.js +16 -4
  358. package/cjs/validators/utils/number.js.map +1 -1
  359. package/cjs/validators/utils/otp/index.js +16 -4
  360. package/cjs/validators/utils/otp.js.map +1 -1
  361. package/cjs/validators/utils/phone/index.js +25 -6
  362. package/cjs/validators/utils/phone.js.map +2 -2
  363. package/cjs/validators/utils/postal_code/index.js +16 -4
  364. package/cjs/validators/utils/postal_code.js.map +1 -1
  365. package/cjs/validators/utils/text_limit/index.js +18 -6
  366. package/cjs/validators/utils/text_limit.js.map +1 -1
  367. package/cjs/validators/utils/uuid4/index.js +16 -4
  368. package/cjs/validators/utils/uuid4.js.map +1 -1
  369. package/index.d.ts +7 -1
  370. package/index.js +151 -3
  371. package/index.js.map +4 -4
  372. package/inputs/AutoCompleteInput/AutoComplete.stories/index.js +4 -2
  373. package/inputs/AutoCompleteInput/AutoComplete.stories.d.ts +2 -2
  374. package/inputs/AutoCompleteInput/AutoComplete.stories.js.map +2 -2
  375. package/inputs/AutoCompleteInput/__stories__/Default/index.js +22 -18
  376. package/inputs/AutoCompleteInput/__stories__/Default.d.ts +2 -2
  377. package/inputs/AutoCompleteInput/__stories__/Default.js.map +2 -2
  378. package/inputs/AutoCompleteInput/__stories__/Multiple/index.js +26 -20
  379. package/inputs/AutoCompleteInput/__stories__/Multiple.d.ts +3 -2
  380. package/inputs/AutoCompleteInput/__stories__/Multiple.js.map +2 -2
  381. package/inputs/AutoCompleteInput/index.d.ts +1 -1
  382. package/inputs/AutoCompleteInput/index.js +45 -26
  383. package/inputs/AutoCompleteInput/index.js.map +3 -3
  384. package/inputs/AutoCompleteInput/index.test.d.ts +1 -0
  385. package/inputs/Checkboxes/Checkboxes.stories/index.js +6 -3
  386. package/inputs/Checkboxes/Checkboxes.stories.d.ts +3 -3
  387. package/inputs/Checkboxes/Checkboxes.stories.js.map +2 -2
  388. package/inputs/Checkboxes/__stories__/Conditional/index.js +13 -13
  389. package/inputs/Checkboxes/__stories__/Conditional.d.ts +2 -2
  390. package/inputs/Checkboxes/__stories__/Conditional.js.map +1 -1
  391. package/inputs/Checkboxes/__stories__/Default/index.js +36 -30
  392. package/inputs/Checkboxes/__stories__/Default.d.ts +2 -2
  393. package/inputs/Checkboxes/__stories__/Default.js.map +1 -1
  394. package/inputs/Checkboxes/__stories__/WithDivider/index.js +37 -31
  395. package/inputs/Checkboxes/__stories__/WithDivider.d.ts +2 -2
  396. package/inputs/Checkboxes/__stories__/WithDivider.js.map +1 -1
  397. package/inputs/Checkboxes/index.d.ts +1 -0
  398. package/inputs/Checkboxes/index.js +46 -44
  399. package/inputs/Checkboxes/index.js.map +2 -2
  400. package/inputs/Checkboxes/index.test.d.ts +1 -0
  401. package/inputs/DateInput/DateInput.stories/index.js +2 -1
  402. package/inputs/DateInput/DateInput.stories.d.ts +1 -1
  403. package/inputs/DateInput/DateInput.stories.js.map +2 -2
  404. package/inputs/DateInput/__stories__/Default/index.js +19 -16
  405. package/inputs/DateInput/__stories__/Default.d.ts +2 -2
  406. package/inputs/DateInput/__stories__/Default.js.map +2 -2
  407. package/inputs/DateInput/index.d.ts +2 -2
  408. package/inputs/DateInput/index.js +48 -41
  409. package/inputs/DateInput/index.js.map +3 -3
  410. package/inputs/DateInput/index.test.d.ts +1 -0
  411. package/inputs/FileInput/FileInput.stories/index.js +2 -1
  412. package/inputs/FileInput/FileInput.stories.d.ts +1 -1
  413. package/inputs/FileInput/FileInput.stories.js.map +2 -2
  414. package/inputs/FileInput/__stories__/Default/index.js +21 -13
  415. package/inputs/FileInput/__stories__/Default.d.ts +2 -2
  416. package/inputs/FileInput/__stories__/Default.js.map +1 -1
  417. package/inputs/FileInput/index.js +30 -22
  418. package/inputs/FileInput/index.js.map +2 -2
  419. package/inputs/FileInput/index.test.d.ts +1 -0
  420. package/inputs/ImageInput/ImageInput.stories/index.js +6 -3
  421. package/inputs/ImageInput/ImageInput.stories.d.ts +3 -3
  422. package/inputs/ImageInput/ImageInput.stories.js.map +2 -2
  423. package/inputs/ImageInput/__stories__/Default/index.js +13 -13
  424. package/inputs/ImageInput/__stories__/Default.d.ts +2 -2
  425. package/inputs/ImageInput/__stories__/Default.js.map +1 -1
  426. package/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js +13 -13
  427. package/inputs/ImageInput/__stories__/WithInvalidImageDimension.d.ts +2 -2
  428. package/inputs/ImageInput/__stories__/WithInvalidImageDimension.js.map +1 -1
  429. package/inputs/ImageInput/__stories__/WithInvalidImageSize/index.js +13 -13
  430. package/inputs/ImageInput/__stories__/WithInvalidImageSize.d.ts +2 -2
  431. package/inputs/ImageInput/__stories__/WithInvalidImageSize.js.map +1 -1
  432. package/inputs/ImageInput/index.js +47 -47
  433. package/inputs/ImageInput/index.js.map +2 -2
  434. package/inputs/ImageInput/index.test.d.ts +1 -0
  435. package/inputs/Input/Input.stories/index.js +20 -10
  436. package/inputs/Input/Input.stories.d.ts +10 -10
  437. package/inputs/Input/Input.stories.js.map +2 -2
  438. package/inputs/Input/__stories__/AFM/index.js +22 -16
  439. package/inputs/Input/__stories__/AFM.d.ts +2 -2
  440. package/inputs/Input/__stories__/AFM.js.map +1 -1
  441. package/inputs/Input/__stories__/Boolean/index.js +23 -17
  442. package/inputs/Input/__stories__/Boolean.d.ts +2 -2
  443. package/inputs/Input/__stories__/Boolean.js.map +1 -1
  444. package/inputs/Input/__stories__/IBAN/index.js +23 -17
  445. package/inputs/Input/__stories__/IBAN.d.ts +2 -2
  446. package/inputs/Input/__stories__/IBAN.js.map +1 -1
  447. package/inputs/Input/__stories__/Integer/index.js +35 -25
  448. package/inputs/Input/__stories__/Integer.d.ts +2 -2
  449. package/inputs/Input/__stories__/Integer.js.map +1 -1
  450. package/inputs/Input/__stories__/LandlineNumber/index.js +26 -20
  451. package/inputs/Input/__stories__/LandlineNumber.d.ts +2 -2
  452. package/inputs/Input/__stories__/LandlineNumber.js.map +1 -1
  453. package/inputs/Input/__stories__/MobilePhone/index.js +26 -20
  454. package/inputs/Input/__stories__/MobilePhone.d.ts +2 -2
  455. package/inputs/Input/__stories__/MobilePhone.js.map +1 -1
  456. package/inputs/Input/__stories__/PhoneNumber/index.js +25 -19
  457. package/inputs/Input/__stories__/PhoneNumber.d.ts +2 -2
  458. package/inputs/Input/__stories__/PhoneNumber.js.map +1 -1
  459. package/inputs/Input/__stories__/PostalCode/index.js +23 -17
  460. package/inputs/Input/__stories__/PostalCode.d.ts +2 -2
  461. package/inputs/Input/__stories__/PostalCode.js.map +1 -1
  462. package/inputs/Input/__stories__/String/index.js +31 -0
  463. package/inputs/Input/__stories__/String/package.json +6 -0
  464. package/inputs/Input/__stories__/String.d.ts +3 -0
  465. package/inputs/Input/__stories__/String.js.map +7 -0
  466. package/inputs/Input/__stories__/TextWithLimit/index.js +31 -0
  467. package/inputs/Input/__stories__/TextWithLimit/package.json +6 -0
  468. package/inputs/Input/__stories__/TextWithLimit.d.ts +3 -0
  469. package/inputs/Input/__stories__/TextWithLimit.js.map +7 -0
  470. package/inputs/Input/index.js +41 -35
  471. package/inputs/Input/index.js.map +1 -1
  472. package/inputs/Input/index.test.d.ts +1 -0
  473. package/inputs/Input/inputsInputScenarios/index.js +406 -0
  474. package/inputs/Input/inputsInputScenarios/package.json +6 -0
  475. package/inputs/Input/inputsInputScenarios.d.ts +57 -0
  476. package/inputs/Input/inputsInputScenarios.js.map +7 -0
  477. package/inputs/Label/Label.stories/index.js +2 -1
  478. package/inputs/Label/Label.stories.d.ts +1 -1
  479. package/inputs/Label/Label.stories.js.map +2 -2
  480. package/inputs/Label/__stories__/Default/index.js +32 -20
  481. package/inputs/Label/__stories__/Default.d.ts +2 -2
  482. package/inputs/Label/__stories__/Default.js.map +2 -2
  483. package/inputs/Label/index.d.ts +1 -1
  484. package/inputs/Label/index.js +4 -10
  485. package/inputs/Label/index.js.map +2 -2
  486. package/inputs/Label/index.test.d.ts +1 -0
  487. package/inputs/OtpInput/OtpInput.stories/index.js +2 -1
  488. package/inputs/OtpInput/OtpInput.stories.d.ts +1 -1
  489. package/inputs/OtpInput/OtpInput.stories.js.map +2 -2
  490. package/inputs/OtpInput/__stories__/Default/index.js +13 -13
  491. package/inputs/OtpInput/__stories__/Default.d.ts +2 -2
  492. package/inputs/OtpInput/__stories__/Default.js.map +1 -1
  493. package/inputs/OtpInput/index.d.ts +9 -2
  494. package/inputs/OtpInput/index.js +94 -77
  495. package/inputs/OtpInput/index.js.map +2 -2
  496. package/inputs/OtpInput/index.test.d.ts +1 -0
  497. package/inputs/Radio/Radio.stories/index.js +6 -3
  498. package/inputs/Radio/Radio.stories.d.ts +3 -3
  499. package/inputs/Radio/Radio.stories.js.map +2 -2
  500. package/inputs/Radio/__stories__/Conditional/index.js +13 -13
  501. package/inputs/Radio/__stories__/Conditional.d.ts +2 -2
  502. package/inputs/Radio/__stories__/Conditional.js.map +1 -1
  503. package/inputs/Radio/__stories__/Default/index.js +40 -34
  504. package/inputs/Radio/__stories__/Default.d.ts +2 -2
  505. package/inputs/Radio/__stories__/Default.js.map +1 -1
  506. package/inputs/Radio/__stories__/WithDivider/index.js +41 -35
  507. package/inputs/Radio/__stories__/WithDivider.d.ts +2 -2
  508. package/inputs/Radio/__stories__/WithDivider.js.map +1 -1
  509. package/inputs/Radio/index.d.ts +1 -0
  510. package/inputs/Radio/index.js +36 -36
  511. package/inputs/Radio/index.js.map +2 -2
  512. package/inputs/Radio/index.test.d.ts +1 -0
  513. package/inputs/Select/Select.stories/index.js +2 -1
  514. package/inputs/Select/Select.stories.d.ts +1 -1
  515. package/inputs/Select/Select.stories.js.map +2 -2
  516. package/inputs/Select/__stories__/Default/index.js +45 -39
  517. package/inputs/Select/__stories__/Default.d.ts +2 -2
  518. package/inputs/Select/__stories__/Default.js.map +1 -1
  519. package/inputs/Select/index.js +15 -12
  520. package/inputs/Select/index.js.map +1 -1
  521. package/inputs/Select/index.test.d.ts +1 -0
  522. package/inputs/index.js +9 -9
  523. package/inputs/index.js.map +2 -2
  524. package/inputs/inputsScenarios/index.js +506 -0
  525. package/inputs/inputsScenarios/package.json +6 -0
  526. package/inputs/inputsScenarios.d.ts +338 -0
  527. package/inputs/inputsScenarios.js.map +7 -0
  528. package/internal/index.js +4 -45
  529. package/internal.d.ts +2 -31
  530. package/internal.js.map +2 -2
  531. package/lazy/index.js +60 -57
  532. package/lazy.d.ts +33 -30
  533. package/lazy.js.map +2 -2
  534. package/locales/el/index.js +6 -0
  535. package/{Questions/index.spec → locales/el}/package.json +1 -1
  536. package/locales/el.d.ts +2 -0
  537. package/locales/el.js.map +7 -0
  538. package/package.json +7 -7
  539. package/registry/index.js +26 -11
  540. package/registry.d.ts +7 -1
  541. package/registry.js.map +2 -2
  542. package/src/Field/FieldBase.tsx +1 -0
  543. package/src/Field/FieldConditional.tsx +1 -1
  544. package/src/Field/index.tsx +19 -3
  545. package/src/Field/types.tsx +64 -3
  546. package/src/Field/utils/calculateField.ts +49 -0
  547. package/src/Field/utils/evaluateFieldWithConditions.ts +30 -0
  548. package/src/Field/utils/index.ts +59 -0
  549. package/src/Field/utils/useField.ts +54 -0
  550. package/src/FieldArray/FieldArray.stories.js +2 -2
  551. package/src/FieldArray/index.test.tsx +24 -0
  552. package/src/FieldArray/index.tsx +11 -3
  553. package/src/FieldObject/index.tsx +10 -3
  554. package/src/Fieldset/types.tsx +3 -1
  555. package/src/FormBuilder/FormBuilder.stories.js +1 -1
  556. package/src/FormBuilder/index.test.tsx +20 -0
  557. package/src/FormBuilder/index.tsx +7 -2
  558. package/src/FormBuilder/scenarios.test.tsx +1864 -0
  559. package/src/MultiplicityField/MultiplicityField.stories.js +6 -6
  560. package/src/MultiplicityField/__stories__/PreviewDisplay.tsx +2 -2
  561. package/src/MultiplicityField/__stories__/WithExactLength.tsx +1 -1
  562. package/src/MultiplicityField/__stories__/WithMaxLength.tsx +1 -1
  563. package/src/MultiplicityField/__stories__/WithMinAndMaxLength.tsx +1 -1
  564. package/src/MultiplicityField/__stories__/WithMinLength.tsx +1 -1
  565. package/src/MultiplicityField/add-objects.tsx +23 -9
  566. package/src/MultiplicityField/index.test.tsx +40 -0
  567. package/src/MultiplicityField/index.tsx +9 -26
  568. package/src/MultiplicityField/types.ts +22 -0
  569. package/src/Questions/Questions.stories.js +1 -1
  570. package/src/Questions/Step/StepTitle.tsx +1 -0
  571. package/src/Questions/Step/index.ts +0 -1
  572. package/src/Questions/Step/types.tsx +1 -0
  573. package/src/Questions/__snapshots__/index.spec.tsx.snap +67 -586
  574. package/src/Questions/index.mdx +4 -4
  575. package/src/Questions/index.spec.tsx +3 -3
  576. package/src/Questions/index.test.tsx +20 -0
  577. package/src/Questions/types.tsx +1 -0
  578. package/src/{FormBuilder/FormBuilder.tsx → index.tsx} +21 -9
  579. package/src/inputs/AutoCompleteInput/AutoComplete.stories.js +2 -2
  580. package/src/inputs/AutoCompleteInput/__stories__/Default.tsx +26 -18
  581. package/src/inputs/AutoCompleteInput/__stories__/Multiple.tsx +27 -19
  582. package/src/inputs/AutoCompleteInput/index.mdx +8 -2
  583. package/src/inputs/AutoCompleteInput/index.test.tsx +24 -0
  584. package/src/inputs/AutoCompleteInput/index.tsx +22 -12
  585. package/src/inputs/Checkboxes/Checkboxes.stories.js +3 -3
  586. package/src/inputs/Checkboxes/index.test.tsx +28 -0
  587. package/src/inputs/Checkboxes/index.tsx +28 -25
  588. package/src/inputs/DateInput/DateInput.stories.js +1 -1
  589. package/src/inputs/DateInput/__stories__/Default.tsx +21 -15
  590. package/src/inputs/DateInput/index.test.tsx +20 -0
  591. package/src/inputs/DateInput/index.tsx +2 -2
  592. package/src/inputs/FileInput/FileInput.stories.js +1 -1
  593. package/src/inputs/FileInput/index.test.tsx +20 -0
  594. package/src/inputs/ImageInput/ImageInput.stories.js +3 -3
  595. package/src/inputs/ImageInput/index.test.tsx +28 -0
  596. package/src/inputs/Input/Input.stories.js +10 -10
  597. package/src/inputs/Input/__stories__/{Default.tsx → String.tsx} +2 -2
  598. package/src/inputs/Input/__stories__/{TextWithCharacterLimit.tsx → TextWithLimit.tsx} +2 -2
  599. package/src/inputs/Input/index.mdx +4 -4
  600. package/src/inputs/Input/index.test.tsx +56 -0
  601. package/src/inputs/Input/inputsInputScenarios.ts +405 -0
  602. package/src/inputs/Label/Label.stories.js +1 -1
  603. package/src/inputs/Label/__stories__/Default.tsx +3 -1
  604. package/src/inputs/Label/index.test.tsx +20 -0
  605. package/src/inputs/Label/index.tsx +1 -4
  606. package/src/inputs/OtpInput/OtpInput.stories.js +1 -1
  607. package/src/inputs/OtpInput/index.test.tsx +20 -0
  608. package/src/inputs/OtpInput/index.tsx +1 -1
  609. package/src/inputs/Radio/Radio.stories.js +3 -3
  610. package/src/inputs/Radio/index.test.tsx +28 -0
  611. package/src/inputs/Radio/index.tsx +6 -3
  612. package/src/inputs/Select/Select.stories.js +1 -1
  613. package/src/inputs/Select/index.test.tsx +20 -0
  614. package/src/inputs/inputsScenarios.ts +503 -0
  615. package/src/internal.ts +2 -31
  616. package/src/lazy.js +18 -15
  617. package/src/locales/el.ts +3 -0
  618. package/src/registry.js +14 -2
  619. package/src/types.tsx +9 -63
  620. package/src/utils.ts +34 -33
  621. package/src/validators/index.ts +5 -0
  622. package/src/validators/utils/file.ts +9 -9
  623. package/src/validators/utils/phone.ts +62 -71
  624. package/src/validators/validators.spec.ts +3 -37
  625. package/types/index.js +1 -0
  626. package/types.d.ts +4 -33
  627. package/types.js.map +3 -3
  628. package/utils/index.js +34 -17
  629. package/utils.js.map +3 -3
  630. package/validators/index.js +9 -11
  631. package/validators/index.js.map +2 -2
  632. package/validators/utils/afm.js.map +1 -1
  633. package/validators/utils/file/index.js +9 -9
  634. package/validators/utils/file.js.map +2 -2
  635. package/validators/utils/iban.js.map +1 -1
  636. package/validators/utils/image/index.js +2 -2
  637. package/validators/utils/image.js.map +1 -1
  638. package/validators/utils/index.js +10 -2
  639. package/validators/utils/index.js.map +1 -1
  640. package/validators/utils/int.js.map +1 -1
  641. package/validators/utils/number.js.map +1 -1
  642. package/validators/utils/otp.js.map +1 -1
  643. package/validators/utils/phone/index.js +9 -2
  644. package/validators/utils/phone.js.map +2 -2
  645. package/validators/utils/postal_code.js.map +1 -1
  646. package/validators/utils/text_limit/index.js +2 -2
  647. package/validators/utils/text_limit.js.map +1 -1
  648. package/validators/utils/uuid4.js.map +1 -1
  649. package/Field/utils.d.ts +0 -5
  650. package/Field/utils.js.map +0 -7
  651. package/FormBuilder/FormBuilder/index.js +0 -138
  652. package/FormBuilder/FormBuilder.d.ts +0 -5
  653. package/FormBuilder/FormBuilder.js.map +0 -7
  654. package/Questions/index.spec/index.js +0 -65
  655. package/Questions/index.spec.js.map +0 -7
  656. package/cjs/Field/utils.js.map +0 -7
  657. package/cjs/FormBuilder/FormBuilder/index.js +0 -166
  658. package/cjs/FormBuilder/FormBuilder.js.map +0 -7
  659. package/cjs/Questions/index.spec/index.js +0 -83
  660. package/cjs/Questions/index.spec.js.map +0 -7
  661. package/cjs/inputs/Input/__stories__/Default/index.js +0 -52
  662. package/cjs/inputs/Input/__stories__/Default.js.map +0 -7
  663. package/cjs/inputs/Input/__stories__/TextWithCharacterLimit/index.js +0 -52
  664. package/cjs/inputs/Input/__stories__/TextWithCharacterLimit.js.map +0 -7
  665. package/cjs/validators/validators.spec/index.js +0 -104
  666. package/cjs/validators/validators.spec.js.map +0 -7
  667. package/inputs/Input/__stories__/Default/index.js +0 -25
  668. package/inputs/Input/__stories__/Default.d.ts +0 -3
  669. package/inputs/Input/__stories__/Default.js.map +0 -7
  670. package/inputs/Input/__stories__/TextWithCharacterLimit/index.js +0 -25
  671. package/inputs/Input/__stories__/TextWithCharacterLimit/package.json +0 -6
  672. package/inputs/Input/__stories__/TextWithCharacterLimit.d.ts +0 -3
  673. package/inputs/Input/__stories__/TextWithCharacterLimit.js.map +0 -7
  674. package/src/Field/utils.ts +0 -191
  675. package/src/FieldArray/FieldArray.stories.playwright.json +0 -353
  676. package/src/FormBuilder/FormBuilder.stories.playwright.json +0 -52
  677. package/src/MultiplicityField/MultiplicityField.stories.playwright.json +0 -1370
  678. package/src/index.ts +0 -3
  679. package/src/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -85
  680. package/src/inputs/DateInput/DateInput.stories.playwright.json +0 -72
  681. package/src/inputs/FileInput/FileInput.stories.playwright.json +0 -75
  682. package/src/inputs/ImageInput/ImageInput.stories.playwright.json +0 -77
  683. package/src/inputs/Input/Input.stories.playwright.json +0 -376
  684. package/src/inputs/Label/Label.stories.playwright.json +0 -40
  685. package/src/inputs/Radio/Radio.stories.playwright.json +0 -73
  686. package/src/inputs/Select/Select.stories.playwright.json +0 -22
  687. package/validators/validators.spec/index.js +0 -91
  688. package/validators/validators.spec.js.map +0 -7
@@ -1,36 +1,44 @@
1
- import React, {useState} from "react";
1
+ import React, { useState } from "react";
2
2
  import FileUpload from "@digigov/react-core/FileUpload";
3
3
  import FileUploadContainer from "@digigov/react-core/FileUploadContainer";
4
4
  import CoreHint from "@digigov/react-core/Hint";
5
5
  import Button from "@digigov/ui/form/Button";
6
- import {useTranslation} from "@digigov/ui/i18n";
6
+ import { useTranslation } from "@digigov/ui/i18n";
7
7
  import Paragraph from "@digigov/ui/typography/Paragraph";
8
- const FileInput = React.forwardRef(function FileInput2({name, extra = {}, disabled, reset, onChange, ...props}, ref) {
9
- const {t} = useTranslation();
8
+ const FileInput = React.forwardRef(function FileInput2({ name, extra = {}, disabled, reset, onChange, ...props }, ref) {
9
+ const { t } = useTranslation();
10
10
  const [files, setFiles] = useState([]);
11
11
  const handleChange = (e) => {
12
12
  const target = e.target;
13
- const selectedFiles = Array.from(target.files).map(({name: name2}) => name2);
13
+ const selectedFiles = Array.from(
14
+ target.files
15
+ ).map(({ name: name2 }) => name2);
14
16
  setFiles(selectedFiles);
15
17
  onChange(e);
16
18
  };
17
- return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FileUploadContainer, {
18
- hasFiles: files && files.length > 0
19
- }, files?.length ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Paragraph, null, /* @__PURE__ */ React.createElement("b", null, t("upload.file"), ":"), " ", `${files.join(", ")}`)) : /* @__PURE__ */ React.createElement(CoreHint, null, t("upload.no_file")), /* @__PURE__ */ React.createElement(FileUpload, {
20
- ref,
21
- hasFiles: !!files?.length,
22
- name,
23
- disabled,
24
- onChange: handleChange,
25
- ...{...props, required: void 0}
26
- }, files?.length ? t("upload.change_file") : t("upload.choose_file")), files !== void 0 && files.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, {
27
- variant: "link",
28
- onClick: (event) => {
29
- event.preventDefault();
30
- reset({[name]: ""});
31
- setFiles(void 0);
32
- }
33
- }, t("upload.reset_file")))));
19
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FileUploadContainer, { hasFiles: files && files.length > 0 }, files?.length ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Paragraph, null, /* @__PURE__ */ React.createElement("b", null, t("upload.file"), ":"), " ", `${files.join(", ")}`)) : /* @__PURE__ */ React.createElement(CoreHint, null, t("upload.no_file")), /* @__PURE__ */ React.createElement(
20
+ FileUpload,
21
+ {
22
+ ref,
23
+ hasFiles: !!files?.length,
24
+ name,
25
+ disabled,
26
+ onChange: handleChange,
27
+ ...{ ...props, required: void 0 }
28
+ },
29
+ files?.length ? t("upload.change_file") : t("upload.choose_file")
30
+ ), files !== void 0 && files.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
31
+ Button,
32
+ {
33
+ variant: "link",
34
+ onClick: (event) => {
35
+ event.preventDefault();
36
+ reset({ [name]: "" });
37
+ setFiles(void 0);
38
+ }
39
+ },
40
+ t("upload.reset_file")
41
+ ))));
34
42
  });
35
43
  var FileInput_default = FileInput;
36
44
  export {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/inputs/FileInput/index.tsx"],
4
4
  "sourcesContent": ["import React, { useState } from 'react';\nimport { UncontrolledFieldProps } from '@digigov/form/Field/types';\nimport FileUpload from '@digigov/react-core/FileUpload';\nimport FileUploadContainer from '@digigov/react-core/FileUploadContainer';\nimport CoreHint from '@digigov/react-core/Hint';\nimport Button from '@digigov/ui/form/Button';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport Paragraph from '@digigov/ui/typography/Paragraph';\nexport interface FileInputProps extends Omit<UncontrolledFieldProps, 'extra'> {\n extra?: {\n className?: string;\n multiple?: boolean;\n accept?: string;\n limit: {\n maxSize?: number;\n };\n };\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const FileInput: React.FC<any> = React.forwardRef(function FileInput(\n { name, extra = {}, disabled, reset, onChange, ...props },\n ref: any\n) {\n const { t } = useTranslation();\n const [files, setFiles] = useState<Array<string> | undefined>([]);\n const handleChange = (e) => {\n const target = e.target as HTMLInputElement;\n const selectedFiles = Array.from(\n target.files as ArrayLike<{ name: string }>\n ).map(({ name }) => name);\n setFiles(selectedFiles);\n // proceed calling the onChange provided\n // by react-hook-form\n onChange(e);\n };\n return (\n <>\n <FileUploadContainer hasFiles={files && files.length > 0}>\n {files?.length ? (\n <>\n <Paragraph>\n <b>{t('upload.file')}:</b> {`${files.join(', ')}`}\n </Paragraph>\n </>\n ) : (\n <CoreHint>{t('upload.no_file')}</CoreHint>\n )}\n <FileUpload\n ref={ref}\n hasFiles={!!files?.length}\n name={name}\n disabled={disabled}\n onChange={handleChange}\n {...{ ...props, required: undefined }}\n >\n {files?.length ? t('upload.change_file') : t('upload.choose_file')}\n </FileUpload>\n {files !== undefined && files.length > 0 && (\n <>\n <Button\n variant=\"link\"\n onClick={(event) => {\n event.preventDefault();\n reset({ [name]: '' });\n setFiles(undefined);\n }}\n >\n {t('upload.reset_file')}\n </Button>\n </>\n )}\n </FileUploadContainer>\n </>\n );\n});\n\nexport default FileInput;\n"],
5
- "mappings": "AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAaO,MAAM,YAA2B,MAAM,WAAW,oBACvD,CAAE,MAAM,QAAQ,IAAI,UAAU,OAAO,aAAa,QAClD,KACA;AACA,QAAM,CAAE,KAAM;AACd,QAAM,CAAC,OAAO,YAAY,SAAoC;AAC9D,QAAM,eAAe,CAAC,MAAM;AAC1B,UAAM,SAAS,EAAE;AACjB,UAAM,gBAAgB,MAAM,KAC1B,OAAO,OACP,IAAI,CAAC,CAAE,iBAAW;AACpB,aAAS;AAGT,aAAS;AAAA;AAEX,SACE,0DACE,oCAAC,qBAAD;AAAA,IAAqB,UAAU,SAAS,MAAM,SAAS;AAAA,KACpD,OAAO,SACN,0DACE,oCAAC,WAAD,MACE,oCAAC,KAAD,MAAI,EAAE,gBAAe,MAAK,KAAE,GAAG,MAAM,KAAK,YAI9C,oCAAC,UAAD,MAAW,EAAE,oBAEf,oCAAC,YAAD;AAAA,IACE;AAAA,IACA,UAAU,CAAC,CAAC,OAAO;AAAA,IACnB;AAAA,IACA;AAAA,IACA,UAAU;AAAA,OACN,IAAK,OAAO,UAAU;AAAA,KAEzB,OAAO,SAAS,EAAE,wBAAwB,EAAE,wBAE9C,UAAU,UAAa,MAAM,SAAS,KACrC,0DACE,oCAAC,QAAD;AAAA,IACE,SAAQ;AAAA,IACR,SAAS,CAAC,UAAU;AAClB,YAAM;AACN,YAAM,EAAG,OAAO;AAChB,eAAS;AAAA;AAAA,KAGV,EAAE;AAAA;AASjB,IAAO,oBAAQ;",
6
- "names": []
5
+ "mappings": "AAAA,OAAO,SAAS,gBAAgB;AAEhC,OAAO,gBAAgB;AACvB,OAAO,yBAAyB;AAChC,OAAO,cAAc;AACrB,OAAO,YAAY;AACnB,SAAS,sBAAsB;AAC/B,OAAO,eAAe;AAaf,MAAM,YAA2B,MAAM,WAAW,SAASA,WAChE,EAAE,MAAM,QAAQ,CAAC,GAAG,UAAU,OAAO,UAAU,GAAG,MAAM,GACxD,KACA;AACA,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAoC,CAAC,CAAC;AAChE,QAAM,eAAe,CAAC,MAAM;AAC1B,UAAM,SAAS,EAAE;AACjB,UAAM,gBAAgB,MAAM;AAAA,MAC1B,OAAO;AAAA,IACT,EAAE,IAAI,CAAC,EAAE,MAAAC,MAAK,MAAMA,KAAI;AACxB,aAAS,aAAa;AAGtB,aAAS,CAAC;AAAA,EACZ;AACA,SACE,0DACE,oCAAC,uBAAoB,UAAU,SAAS,MAAM,SAAS,KACpD,OAAO,SACN,0DACE,oCAAC,iBACC,oCAAC,WAAG,EAAE,aAAa,GAAE,GAAC,GAAI,KAAE,GAAG,MAAM,KAAK,IAAI,CAAC,EACjD,CACF,IAEA,oCAAC,gBAAU,EAAE,gBAAgB,CAAE,GAEjC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,UAAU,CAAC,CAAC,OAAO;AAAA,MACnB;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACT,GAAG,EAAE,GAAG,OAAO,UAAU,OAAU;AAAA;AAAA,IAEnC,OAAO,SAAS,EAAE,oBAAoB,IAAI,EAAE,oBAAoB;AAAA,EACnE,GACC,UAAU,UAAa,MAAM,SAAS,KACrC,0DACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAS,CAAC,UAAU;AAClB,cAAM,eAAe;AACrB,cAAM,EAAE,CAAC,IAAI,GAAG,GAAG,CAAC;AACpB,iBAAS,MAAS;AAAA,MACpB;AAAA;AAAA,IAEC,EAAE,mBAAmB;AAAA,EACxB,CACF,CAEJ,CACF;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
6
+ "names": ["FileInput", "name"]
7
7
  }
@@ -0,0 +1 @@
1
+ export {};
@@ -4,10 +4,13 @@ var ImageInput_stories_default = {
4
4
  component: ImageInput,
5
5
  displayName: "ImageInput"
6
6
  };
7
- export * from "@digigov/form/inputs/ImageInput/__stories__/Default";
8
- export * from "@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageSize";
9
- export * from "@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageDimension";
7
+ import { Default } from "@digigov/form/inputs/ImageInput/__stories__/Default";
8
+ import { WithInvalidImageSize } from "@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageSize";
9
+ import { WithInvalidImageDimension } from "@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageDimension";
10
10
  export {
11
+ Default,
12
+ WithInvalidImageDimension,
13
+ WithInvalidImageSize,
11
14
  ImageInput_stories_default as default
12
15
  };
13
16
  //# sourceMappingURL=ImageInput.stories.js.map
@@ -4,7 +4,7 @@ declare namespace _default {
4
4
  export let displayName: string;
5
5
  }
6
6
  export default _default;
7
- export * from "@digigov/form/inputs/ImageInput/__stories__/Default";
8
- export * from "@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageSize";
9
- export * from "@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageDimension";
7
+ export { Default } from "@digigov/form/inputs/ImageInput/__stories__/Default";
8
+ export { WithInvalidImageSize } from "@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageSize";
9
+ export { WithInvalidImageDimension } from "@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageDimension";
10
10
  import ImageInput from '@digigov/form/inputs/ImageInput';
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/inputs/ImageInput/ImageInput.stories.js"],
4
- "sourcesContent": ["import ImageInput from '@digigov/form/inputs/ImageInput';\nexport default {\n title: 'Digigov Form/inputs/ImageInput',\n component: ImageInput,\n displayName: 'ImageInput',\n};\nexport * from '@digigov/form/inputs/ImageInput/__stories__/Default';\nexport * from '@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageSize';\nexport * from '@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageDimension';\n"],
5
- "mappings": "AAAA;AACA,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA;AAEf;AACA;AACA;",
4
+ "sourcesContent": ["import ImageInput from '@digigov/form/inputs/ImageInput';\nexport default {\n title: 'Digigov Form/inputs/ImageInput',\n component: ImageInput,\n displayName: 'ImageInput',\n};\nexport { Default } from '@digigov/form/inputs/ImageInput/__stories__/Default';\nexport { WithInvalidImageSize } from '@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageSize';\nexport { WithInvalidImageDimension } from '@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageDimension';\n"],
5
+ "mappings": "AAAA,OAAO,gBAAgB;AACvB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,4BAA4B;AACrC,SAAS,iCAAiC;",
6
6
  "names": []
7
7
  }
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
- import FormBuilder, {Field, Fieldset} from "@digigov/form";
3
- import {Button} from "@digigov/ui/form/Button";
2
+ import FormBuilder, { Field, Fieldset } from "@digigov/form";
3
+ import { Button } from "@digigov/ui/form/Button";
4
4
  const FIELDS = [
5
5
  {
6
6
  key: "image",
@@ -11,17 +11,17 @@ const FIELDS = [
11
11
  }
12
12
  }
13
13
  ];
14
- const Default = () => /* @__PURE__ */ React.createElement(FormBuilder, {
15
- fields: FIELDS,
16
- onSubmit: (data) => {
17
- console.log(data);
18
- }
19
- }, /* @__PURE__ */ React.createElement(Fieldset, null, FIELDS.map((field) => /* @__PURE__ */ React.createElement(Field, {
20
- key: field.key,
21
- name: field.key
22
- }))), /* @__PURE__ */ React.createElement(Button, {
23
- type: "submit"
24
- }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
14
+ const Default = () => /* @__PURE__ */ React.createElement(
15
+ FormBuilder,
16
+ {
17
+ fields: FIELDS,
18
+ onSubmit: (data) => {
19
+ console.log(data);
20
+ }
21
+ },
22
+ /* @__PURE__ */ React.createElement(Fieldset, null, FIELDS.map((field) => /* @__PURE__ */ React.createElement(Field, { key: field.key, name: field.key }))),
23
+ /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
24
+ );
25
25
  var Default_default = Default;
26
26
  export {
27
27
  Default,
@@ -1,3 +1,3 @@
1
- /// <reference types="react" />
2
- export declare const Default: () => JSX.Element;
1
+ import React from 'react';
2
+ export declare const Default: () => React.JSX.Element;
3
3
  export default Default;
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/inputs/ImageInput/__stories__/Default.tsx"],
4
4
  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field, Fieldset } from '@digigov/form';\nimport { FieldSpec } from '@digigov/form/types';\nimport { Button } from '@digigov/ui/form/Button';\nconst FIELDS: FieldSpec[] = [\n {\n key: 'image',\n type: 'image',\n required: true,\n label: {\n primary: '\u0391\u03BD\u03AD\u03B2\u03B1\u03C3\u03BC\u03B1 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1\u03C2',\n },\n },\n];\n\nexport const Default = () => (\n <FormBuilder\n fields={FIELDS}\n onSubmit={(data) => {\n console.log(data);\n }}\n >\n <Fieldset>\n {FIELDS.map((field) => (\n <Field key={field.key} name={field.key} />\n ))}\n </Fieldset>\n <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n </FormBuilder>\n);\nexport default Default;\n"],
5
- "mappings": "AAAA;AACA;AAEA;AACA,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA;AAAA;AAAA;AAKR,MAAM,UAAU,MACrB,oCAAC,aAAD;AAAA,EACE,QAAQ;AAAA,EACR,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,UAAD,MACG,OAAO,IAAI,CAAC,UACX,oCAAC,OAAD;AAAA,EAAO,KAAK,MAAM;AAAA,EAAK,MAAM,MAAM;AAAA,MAGvC,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,kBAAQ;",
5
+ "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe,OAAO,gBAAgB;AAE7C,SAAS,cAAc;AACvB,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEO,MAAM,UAAU,MACrB;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ;AAAA,IACR,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA;AAAA,EAEA,oCAAC,gBACE,OAAO,IAAI,CAAC,UACX,oCAAC,SAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC,CACH;AAAA,EACA,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAChC;AAEF,IAAO,kBAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
- import FormBuilder, {Field, Fieldset} from "@digigov/form";
3
- import {Button} from "@digigov/ui/form/Button";
2
+ import FormBuilder, { Field, Fieldset } from "@digigov/form";
3
+ import { Button } from "@digigov/ui/form/Button";
4
4
  const FIELDS = [
5
5
  {
6
6
  key: "image",
@@ -19,17 +19,17 @@ const FIELDS = [
19
19
  }
20
20
  }
21
21
  ];
22
- const WithInvalidImageDimension = () => /* @__PURE__ */ React.createElement(FormBuilder, {
23
- fields: FIELDS,
24
- onSubmit: (data) => {
25
- console.log(data);
26
- }
27
- }, /* @__PURE__ */ React.createElement(Fieldset, null, FIELDS.map((field) => /* @__PURE__ */ React.createElement(Field, {
28
- key: field.key,
29
- name: field.key
30
- }))), /* @__PURE__ */ React.createElement(Button, {
31
- type: "submit"
32
- }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
22
+ const WithInvalidImageDimension = () => /* @__PURE__ */ React.createElement(
23
+ FormBuilder,
24
+ {
25
+ fields: FIELDS,
26
+ onSubmit: (data) => {
27
+ console.log(data);
28
+ }
29
+ },
30
+ /* @__PURE__ */ React.createElement(Fieldset, null, FIELDS.map((field) => /* @__PURE__ */ React.createElement(Field, { key: field.key, name: field.key }))),
31
+ /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
32
+ );
33
33
  var WithInvalidImageDimension_default = WithInvalidImageDimension;
34
34
  export {
35
35
  WithInvalidImageDimension,
@@ -1,3 +1,3 @@
1
- /// <reference types="react" />
2
- export declare const WithInvalidImageDimension: () => JSX.Element;
1
+ import React from 'react';
2
+ export declare const WithInvalidImageDimension: () => React.JSX.Element;
3
3
  export default WithInvalidImageDimension;
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/inputs/ImageInput/__stories__/WithInvalidImageDimension.tsx"],
4
4
  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field, Fieldset } from '@digigov/form';\nimport { FieldSpec } from '@digigov/form/types';\nimport { Button } from '@digigov/ui/form/Button';\nconst FIELDS: FieldSpec[] = [\n {\n key: 'image',\n type: 'image',\n required: true,\n label: {\n primary: '\u0391\u03BD\u03AD\u03B2\u03B1\u03C3\u03BC\u03B1 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1\u03C2',\n },\n extra: {\n limit: {\n maxHeight: 400,\n maxWidth: 400,\n minHeight: 100,\n minWidth: 100,\n },\n },\n },\n];\n\nexport const WithInvalidImageDimension = () => (\n <FormBuilder\n fields={FIELDS}\n onSubmit={(data) => {\n console.log(data);\n }}\n >\n <Fieldset>\n {FIELDS.map((field) => (\n <Field key={field.key} name={field.key} />\n ))}\n </Fieldset>\n <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n </FormBuilder>\n);\nexport default WithInvalidImageDimension;\n"],
5
- "mappings": "AAAA;AACA;AAEA;AACA,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,OAAO;AAAA,QACL,WAAW;AAAA,QACX,UAAU;AAAA,QACV,WAAW;AAAA,QACX,UAAU;AAAA;AAAA;AAAA;AAAA;AAMX,MAAM,4BAA4B,MACvC,oCAAC,aAAD;AAAA,EACE,QAAQ;AAAA,EACR,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,UAAD,MACG,OAAO,IAAI,CAAC,UACX,oCAAC,OAAD;AAAA,EAAO,KAAK,MAAM;AAAA,EAAK,MAAM,MAAM;AAAA,MAGvC,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,oCAAQ;",
5
+ "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe,OAAO,gBAAgB;AAE7C,SAAS,cAAc;AACvB,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,OAAO;AAAA,MACL,OAAO;AAAA,QACL,WAAW;AAAA,QACX,UAAU;AAAA,QACV,WAAW;AAAA,QACX,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,4BAA4B,MACvC;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ;AAAA,IACR,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA;AAAA,EAEA,oCAAC,gBACE,OAAO,IAAI,CAAC,UACX,oCAAC,SAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC,CACH;AAAA,EACA,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAChC;AAEF,IAAO,oCAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
- import FormBuilder, {Field, Fieldset} from "@digigov/form";
3
- import {Button} from "@digigov/ui/form/Button";
2
+ import FormBuilder, { Field, Fieldset } from "@digigov/form";
3
+ import { Button } from "@digigov/ui/form/Button";
4
4
  const FIELDS = [
5
5
  {
6
6
  key: "image",
@@ -16,17 +16,17 @@ const FIELDS = [
16
16
  }
17
17
  }
18
18
  ];
19
- const WithInvalidImageSize = () => /* @__PURE__ */ React.createElement(FormBuilder, {
20
- fields: FIELDS,
21
- onSubmit: (data) => {
22
- console.log(data);
23
- }
24
- }, /* @__PURE__ */ React.createElement(Fieldset, null, FIELDS.map((field) => /* @__PURE__ */ React.createElement(Field, {
25
- key: field.key,
26
- name: field.key
27
- }))), /* @__PURE__ */ React.createElement(Button, {
28
- type: "submit"
29
- }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
19
+ const WithInvalidImageSize = () => /* @__PURE__ */ React.createElement(
20
+ FormBuilder,
21
+ {
22
+ fields: FIELDS,
23
+ onSubmit: (data) => {
24
+ console.log(data);
25
+ }
26
+ },
27
+ /* @__PURE__ */ React.createElement(Fieldset, null, FIELDS.map((field) => /* @__PURE__ */ React.createElement(Field, { key: field.key, name: field.key }))),
28
+ /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
29
+ );
30
30
  var WithInvalidImageSize_default = WithInvalidImageSize;
31
31
  export {
32
32
  WithInvalidImageSize,
@@ -1,3 +1,3 @@
1
- /// <reference types="react" />
2
- export declare const WithInvalidImageSize: () => JSX.Element;
1
+ import React from 'react';
2
+ export declare const WithInvalidImageSize: () => React.JSX.Element;
3
3
  export default WithInvalidImageSize;
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/inputs/ImageInput/__stories__/WithInvalidImageSize.tsx"],
4
4
  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field, Fieldset } from '@digigov/form';\nimport { FieldSpec } from '@digigov/form/types';\nimport { Button } from '@digigov/ui/form/Button';\nconst FIELDS: FieldSpec[] = [\n {\n key: 'image',\n type: 'image',\n required: true,\n label: {\n primary: '\u0391\u03BD\u03AD\u03B2\u03B1\u03C3\u03BC\u03B1 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1\u03C2',\n },\n extra: {\n limit: {\n maxSize: 300,\n },\n },\n },\n];\n\nexport const WithInvalidImageSize = () => (\n <FormBuilder\n fields={FIELDS}\n onSubmit={(data) => {\n console.log(data);\n }}\n >\n <Fieldset>\n {FIELDS.map((field) => (\n <Field key={field.key} name={field.key} />\n ))}\n </Fieldset>\n <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n </FormBuilder>\n);\nexport default WithInvalidImageSize;\n"],
5
- "mappings": "AAAA;AACA;AAEA;AACA,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA;AAAA;AAAA;AAAA;AAMV,MAAM,uBAAuB,MAClC,oCAAC,aAAD;AAAA,EACE,QAAQ;AAAA,EACR,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,UAAD,MACG,OAAO,IAAI,CAAC,UACX,oCAAC,OAAD;AAAA,EAAO,KAAK,MAAM;AAAA,EAAK,MAAM,MAAM;AAAA,MAGvC,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,+BAAQ;",
5
+ "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe,OAAO,gBAAgB;AAE7C,SAAS,cAAc;AACvB,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,OAAO;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,uBAAuB,MAClC;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ;AAAA,IACR,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA;AAAA,EAEA,oCAAC,gBACE,OAAO,IAAI,CAAC,UACX,oCAAC,SAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC,CACH;AAAA,EACA,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAChC;AAEF,IAAO,+BAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,55 +1,55 @@
1
- import React, {useState, useCallback} from "react";
1
+ import React, { useState, useCallback } from "react";
2
2
  import FileUpload from "@digigov/react-core/FileUpload";
3
3
  import FileUploadContainer from "@digigov/react-core/FileUploadContainer";
4
4
  import CoreHint from "@digigov/react-core/Hint";
5
- import Button, {ButtonGroup} from "@digigov/ui/form/Button";
6
- import {useTranslation} from "@digigov/ui/i18n";
5
+ import Button, { ButtonGroup } from "@digigov/ui/form/Button";
6
+ import { useTranslation } from "@digigov/ui/i18n";
7
7
  import Paragraph from "@digigov/ui/typography/Paragraph";
8
- const Image = React.memo(function Image2({src}) {
9
- return /* @__PURE__ */ React.createElement("img", {
10
- src,
11
- className: "ds-image--ratio"
12
- });
13
- });
14
- const ImageInput = React.forwardRef(function ImageInput2({name, extra = {}, disabled, onChange, reset, ...props}, ref) {
15
- const {t} = useTranslation();
16
- const [selectedImage, setSelectedImage] = useState(null);
17
- const [imageUrl, setImageUrl] = useState(null);
18
- const handleImageChange = useCallback((e) => {
19
- e.preventDefault();
20
- const target = e.target;
21
- const selectedFile = target.files?.[0];
22
- if (selectedFile) {
23
- setSelectedImage(selectedFile);
24
- setImageUrl(URL.createObjectURL(selectedFile));
25
- }
26
- onChange(e);
27
- }, [selectedImage]);
28
- const handleDeleteImage = useCallback((event) => {
29
- event.preventDefault();
30
- reset({[name]: ""});
31
- setSelectedImage(null);
32
- setImageUrl("");
33
- }, [selectedImage]);
34
- return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FileUploadContainer, null, selectedImage !== null ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Paragraph, null, /* @__PURE__ */ React.createElement("b", null, t("upload.image"), ":"), " ", `${selectedImage?.name}`)) : /* @__PURE__ */ React.createElement(CoreHint, {
35
- className: "ds-dashed--border"
36
- }, t("upload.no_image")), /* @__PURE__ */ React.createElement(React.Fragment, null, selectedImage !== null && /* @__PURE__ */ React.createElement(Image, {
37
- src: imageUrl
38
- }), /* @__PURE__ */ React.createElement(ButtonGroup, {
39
- marginTop: 2
40
- }, selectedImage !== null && /* @__PURE__ */ React.createElement(Button, {
41
- variant: "link",
42
- onClick: handleDeleteImage
43
- }, t("upload.reset_file")), /* @__PURE__ */ React.createElement(FileUpload, {
44
- ref,
45
- hasFiles: selectedImage !== null,
46
- name,
47
- disabled,
48
- accept: "image/*",
49
- onChange: handleImageChange,
50
- ...{...props, required: void 0, type: "file"}
51
- }, t("upload.choose_image"))))));
8
+ const Image = React.memo(function Image2({ src }) {
9
+ return /* @__PURE__ */ React.createElement("img", { src, className: "ds-image--ratio" });
52
10
  });
11
+ const ImageInput = React.forwardRef(
12
+ function ImageInput2({ name, extra = {}, disabled, onChange, reset, ...props }, ref) {
13
+ const { t } = useTranslation();
14
+ const [selectedImage, setSelectedImage] = useState(null);
15
+ const [imageUrl, setImageUrl] = useState(null);
16
+ const handleImageChange = useCallback(
17
+ (e) => {
18
+ e.preventDefault();
19
+ const target = e.target;
20
+ const selectedFile = target.files?.[0];
21
+ if (selectedFile) {
22
+ setSelectedImage(selectedFile);
23
+ setImageUrl(URL.createObjectURL(selectedFile));
24
+ }
25
+ onChange(e);
26
+ },
27
+ [selectedImage]
28
+ );
29
+ const handleDeleteImage = useCallback(
30
+ (event) => {
31
+ event.preventDefault();
32
+ reset({ [name]: "" });
33
+ setSelectedImage(null);
34
+ setImageUrl("");
35
+ },
36
+ [selectedImage]
37
+ );
38
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FileUploadContainer, null, selectedImage !== null ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Paragraph, null, /* @__PURE__ */ React.createElement("b", null, t("upload.image"), ":"), " ", `${selectedImage?.name}`)) : /* @__PURE__ */ React.createElement(CoreHint, { className: "ds-dashed--border" }, t("upload.no_image")), /* @__PURE__ */ React.createElement(React.Fragment, null, selectedImage !== null && /* @__PURE__ */ React.createElement(Image, { src: imageUrl }), /* @__PURE__ */ React.createElement(ButtonGroup, { marginTop: 2 }, selectedImage !== null && /* @__PURE__ */ React.createElement(Button, { variant: "link", onClick: handleDeleteImage }, t("upload.reset_file")), /* @__PURE__ */ React.createElement(
39
+ FileUpload,
40
+ {
41
+ ref,
42
+ hasFiles: selectedImage !== null,
43
+ name,
44
+ disabled,
45
+ accept: "image/*",
46
+ onChange: handleImageChange,
47
+ ...{ ...props, required: void 0, type: "file" }
48
+ },
49
+ t("upload.choose_image")
50
+ )))));
51
+ }
52
+ );
53
53
  var ImageInput_default = ImageInput;
54
54
  export {
55
55
  Image,
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/inputs/ImageInput/index.tsx"],
4
4
  "sourcesContent": ["import React, { useState, useCallback } from 'react';\nimport { UncontrolledFieldProps } from '@digigov/form/Field/types';\nimport FileUpload from '@digigov/react-core/FileUpload';\nimport FileUploadContainer from '@digigov/react-core/FileUploadContainer';\nimport CoreHint from '@digigov/react-core/Hint';\nimport Button, { ButtonGroup } from '@digigov/ui/form/Button';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport Paragraph from '@digigov/ui/typography/Paragraph';\n\nexport interface ImageProps {\n src?: any;\n}\n\nexport interface Limit {\n maxSize?: number;\n maxWidth?: number;\n maxHeight?: number;\n minWidth?: number;\n minHeight?: number;\n}\n\nexport const Image: React.FC<ImageProps> = React.memo(function Image({ src }) {\n return <img src={src} className=\"ds-image--ratio\" />;\n});\nexport interface ImageInputProps extends Omit<UncontrolledFieldProps, 'extra'> {\n extra?: {\n className?: string;\n multiple?: boolean;\n accept?: string;\n limit?: Limit;\n };\n reset: (values?: any) => void;\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport const ImageInput: React.FC<ImageInputProps> = React.forwardRef(\n function ImageInput(\n { name, extra = {}, disabled, onChange, reset, ...props },\n ref: any\n ) {\n const { t } = useTranslation();\n const [selectedImage, setSelectedImage] = useState<File | null>(null);\n const [imageUrl, setImageUrl] = useState<string | null>(null);\n const handleImageChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n e.preventDefault();\n const target = e.target as HTMLInputElement;\n const selectedFile = target.files?.[0];\n\n if (selectedFile) {\n setSelectedImage(selectedFile);\n setImageUrl(URL.createObjectURL(selectedFile));\n }\n onChange(e);\n },\n [selectedImage]\n );\n\n const handleDeleteImage = useCallback(\n (event) => {\n event.preventDefault();\n reset({ [name]: '' });\n setSelectedImage(null);\n setImageUrl('');\n },\n [selectedImage]\n );\n\n return (\n <>\n <FileUploadContainer>\n {selectedImage !== null ? (\n <>\n <Paragraph>\n <b>{t('upload.image')}:</b> {`${selectedImage?.name}`}\n </Paragraph>\n </>\n ) : (\n <CoreHint className=\"ds-dashed--border\">\n {t('upload.no_image')}\n </CoreHint>\n )}\n <>\n {selectedImage !== null && <Image src={imageUrl} />}\n <ButtonGroup marginTop={2}>\n {selectedImage !== null && (\n <Button variant=\"link\" onClick={handleDeleteImage}>\n {t('upload.reset_file')}\n </Button>\n )}\n <FileUpload\n ref={ref}\n hasFiles={selectedImage !== null}\n name={name}\n disabled={disabled}\n accept=\"image/*\"\n onChange={handleImageChange}\n {...{ ...props, required: undefined, type: 'file' }}\n >\n {t('upload.choose_image')}\n </FileUpload>\n </ButtonGroup>\n </>\n </FileUploadContainer>\n </>\n );\n }\n);\n\nexport default ImageInput;\n"],
5
- "mappings": "AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAcO,MAAM,QAA8B,MAAM,KAAK,gBAAe,CAAE,MAAO;AAC5E,SAAO,oCAAC,OAAD;AAAA,IAAK;AAAA,IAAU,WAAU;AAAA;AAAA;AAa3B,MAAM,aAAwC,MAAM,WACzD,qBACE,CAAE,MAAM,QAAQ,IAAI,UAAU,UAAU,UAAU,QAClD,KACA;AACA,QAAM,CAAE,KAAM;AACd,QAAM,CAAC,eAAe,oBAAoB,SAAsB;AAChE,QAAM,CAAC,UAAU,eAAe,SAAwB;AACxD,QAAM,oBAAoB,YACxB,CAAC,MAA2C;AAC1C,MAAE;AACF,UAAM,SAAS,EAAE;AACjB,UAAM,eAAe,OAAO,QAAQ;AAEpC,QAAI,cAAc;AAChB,uBAAiB;AACjB,kBAAY,IAAI,gBAAgB;AAAA;AAElC,aAAS;AAAA,KAEX,CAAC;AAGH,QAAM,oBAAoB,YACxB,CAAC,UAAU;AACT,UAAM;AACN,UAAM,EAAG,OAAO;AAChB,qBAAiB;AACjB,gBAAY;AAAA,KAEd,CAAC;AAGH,SACE,0DACE,oCAAC,qBAAD,MACG,kBAAkB,OACjB,0DACE,oCAAC,WAAD,MACE,oCAAC,KAAD,MAAI,EAAE,iBAAgB,MAAK,KAAE,GAAG,eAAe,WAInD,oCAAC,UAAD;AAAA,IAAU,WAAU;AAAA,KACjB,EAAE,qBAGP,0DACG,kBAAkB,QAAQ,oCAAC,OAAD;AAAA,IAAO,KAAK;AAAA,MACvC,oCAAC,aAAD;AAAA,IAAa,WAAW;AAAA,KACrB,kBAAkB,QACjB,oCAAC,QAAD;AAAA,IAAQ,SAAQ;AAAA,IAAO,SAAS;AAAA,KAC7B,EAAE,uBAGP,oCAAC,YAAD;AAAA,IACE;AAAA,IACA,UAAU,kBAAkB;AAAA,IAC5B;AAAA,IACA;AAAA,IACA,QAAO;AAAA,IACP,UAAU;AAAA,OACN,IAAK,OAAO,UAAU,QAAW,MAAM;AAAA,KAE1C,EAAE;AAAA;AAUnB,IAAO,qBAAQ;",
6
- "names": []
5
+ "mappings": "AAAA,OAAO,SAAS,UAAU,mBAAmB;AAE7C,OAAO,gBAAgB;AACvB,OAAO,yBAAyB;AAChC,OAAO,cAAc;AACrB,OAAO,UAAU,mBAAmB;AACpC,SAAS,sBAAsB;AAC/B,OAAO,eAAe;AAcf,MAAM,QAA8B,MAAM,KAAK,SAASA,OAAM,EAAE,IAAI,GAAG;AAC5E,SAAO,oCAAC,SAAI,KAAU,WAAU,mBAAkB;AACpD,CAAC;AAYM,MAAM,aAAwC,MAAM;AAAA,EACzD,SAASC,YACP,EAAE,MAAM,QAAQ,CAAC,GAAG,UAAU,UAAU,OAAO,GAAG,MAAM,GACxD,KACA;AACA,UAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,UAAM,CAAC,eAAe,gBAAgB,IAAI,SAAsB,IAAI;AACpE,UAAM,CAAC,UAAU,WAAW,IAAI,SAAwB,IAAI;AAC5D,UAAM,oBAAoB;AAAA,MACxB,CAAC,MAA2C;AAC1C,UAAE,eAAe;AACjB,cAAM,SAAS,EAAE;AACjB,cAAM,eAAe,OAAO,QAAQ,CAAC;AAErC,YAAI,cAAc;AAChB,2BAAiB,YAAY;AAC7B,sBAAY,IAAI,gBAAgB,YAAY,CAAC;AAAA,QAC/C;AACA,iBAAS,CAAC;AAAA,MACZ;AAAA,MACA,CAAC,aAAa;AAAA,IAChB;AAEA,UAAM,oBAAoB;AAAA,MACxB,CAAC,UAAU;AACT,cAAM,eAAe;AACrB,cAAM,EAAE,CAAC,IAAI,GAAG,GAAG,CAAC;AACpB,yBAAiB,IAAI;AACrB,oBAAY,EAAE;AAAA,MAChB;AAAA,MACA,CAAC,aAAa;AAAA,IAChB;AAEA,WACE,0DACE,oCAAC,2BACE,kBAAkB,OACjB,0DACE,oCAAC,iBACC,oCAAC,WAAG,EAAE,cAAc,GAAE,GAAC,GAAI,KAAE,GAAG,eAAe,IAAI,EACrD,CACF,IAEA,oCAAC,YAAS,WAAU,uBACjB,EAAE,iBAAiB,CACtB,GAEF,0DACG,kBAAkB,QAAQ,oCAAC,SAAM,KAAK,UAAU,GACjD,oCAAC,eAAY,WAAW,KACrB,kBAAkB,QACjB,oCAAC,UAAO,SAAQ,QAAO,SAAS,qBAC7B,EAAE,mBAAmB,CACxB,GAEF;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU,kBAAkB;AAAA,QAC5B;AAAA,QACA;AAAA,QACA,QAAO;AAAA,QACP,UAAU;AAAA,QACT,GAAG,EAAE,GAAG,OAAO,UAAU,QAAW,MAAM,OAAO;AAAA;AAAA,MAEjD,EAAE,qBAAqB;AAAA,IAC1B,CACF,CACF,CACF,CACF;AAAA,EAEJ;AACF;AAEA,IAAO,qBAAQ;",
6
+ "names": ["Image", "ImageInput"]
7
7
  }
@@ -0,0 +1 @@
1
+ export {};
@@ -4,17 +4,27 @@ var Input_stories_default = {
4
4
  component: Input,
5
5
  displayName: "Input"
6
6
  };
7
- export * from "@digigov/form/inputs/Input/__stories__/Default";
8
- export * from "@digigov/form/inputs/Input/__stories__/Integer";
9
- export * from "@digigov/form/inputs/Input/__stories__/Boolean";
10
- export * from "@digigov/form/inputs/Input/__stories__/PhoneNumber";
11
- export * from "@digigov/form/inputs/Input/__stories__/LandlineNumber";
12
- export * from "@digigov/form/inputs/Input/__stories__/MobilePhone";
13
- export * from "@digigov/form/inputs/Input/__stories__/AFM";
14
- export * from "@digigov/form/inputs/Input/__stories__/IBAN";
15
- export * from "@digigov/form/inputs/Input/__stories__/PostalCode";
16
- export * from "@digigov/form/inputs/Input/__stories__/TextWithCharacterLimit";
7
+ import { String } from "@digigov/form/inputs/Input/__stories__/String";
8
+ import { Integer } from "@digigov/form/inputs/Input/__stories__/Integer";
9
+ import { Boolean } from "@digigov/form/inputs/Input/__stories__/Boolean";
10
+ import { PhoneNumber } from "@digigov/form/inputs/Input/__stories__/PhoneNumber";
11
+ import { LandlineNumber } from "@digigov/form/inputs/Input/__stories__/LandlineNumber";
12
+ import { MobilePhone } from "@digigov/form/inputs/Input/__stories__/MobilePhone";
13
+ import { AFM } from "@digigov/form/inputs/Input/__stories__/AFM";
14
+ import { IBAN } from "@digigov/form/inputs/Input/__stories__/IBAN";
15
+ import { PostalCode } from "@digigov/form/inputs/Input/__stories__/PostalCode";
16
+ import { TextWithLimit } from "@digigov/form/inputs/Input/__stories__/TextWithLimit";
17
17
  export {
18
+ AFM,
19
+ Boolean,
20
+ IBAN,
21
+ Integer,
22
+ LandlineNumber,
23
+ MobilePhone,
24
+ PhoneNumber,
25
+ PostalCode,
26
+ String,
27
+ TextWithLimit,
18
28
  Input_stories_default as default
19
29
  };
20
30
  //# sourceMappingURL=Input.stories.js.map
@@ -4,14 +4,14 @@ declare namespace _default {
4
4
  export let displayName: string;
5
5
  }
6
6
  export default _default;
7
- export * from "@digigov/form/inputs/Input/__stories__/Default";
8
- export * from "@digigov/form/inputs/Input/__stories__/Integer";
9
- export * from "@digigov/form/inputs/Input/__stories__/Boolean";
10
- export * from "@digigov/form/inputs/Input/__stories__/PhoneNumber";
11
- export * from "@digigov/form/inputs/Input/__stories__/LandlineNumber";
12
- export * from "@digigov/form/inputs/Input/__stories__/MobilePhone";
13
- export * from "@digigov/form/inputs/Input/__stories__/AFM";
14
- export * from "@digigov/form/inputs/Input/__stories__/IBAN";
15
- export * from "@digigov/form/inputs/Input/__stories__/PostalCode";
16
- export * from "@digigov/form/inputs/Input/__stories__/TextWithCharacterLimit";
7
+ export { String } from "@digigov/form/inputs/Input/__stories__/String";
8
+ export { Integer } from "@digigov/form/inputs/Input/__stories__/Integer";
9
+ export { Boolean } from "@digigov/form/inputs/Input/__stories__/Boolean";
10
+ export { PhoneNumber } from "@digigov/form/inputs/Input/__stories__/PhoneNumber";
11
+ export { LandlineNumber } from "@digigov/form/inputs/Input/__stories__/LandlineNumber";
12
+ export { MobilePhone } from "@digigov/form/inputs/Input/__stories__/MobilePhone";
13
+ export { AFM } from "@digigov/form/inputs/Input/__stories__/AFM";
14
+ export { IBAN } from "@digigov/form/inputs/Input/__stories__/IBAN";
15
+ export { PostalCode } from "@digigov/form/inputs/Input/__stories__/PostalCode";
16
+ export { TextWithLimit } from "@digigov/form/inputs/Input/__stories__/TextWithLimit";
17
17
  import Input from '@digigov/form/inputs/Input';
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/inputs/Input/Input.stories.js"],
4
- "sourcesContent": ["import Input from '@digigov/form/inputs/Input';\nexport default {\n title: 'Digigov Form/inputs/Input',\n component: Input,\n displayName: 'Input',\n};\nexport * from '@digigov/form/inputs/Input/__stories__/Default';\nexport * from '@digigov/form/inputs/Input/__stories__/Integer';\nexport * from '@digigov/form/inputs/Input/__stories__/Boolean';\nexport * from '@digigov/form/inputs/Input/__stories__/PhoneNumber';\nexport * from '@digigov/form/inputs/Input/__stories__/LandlineNumber';\nexport * from '@digigov/form/inputs/Input/__stories__/MobilePhone';\nexport * from '@digigov/form/inputs/Input/__stories__/AFM';\nexport * from '@digigov/form/inputs/Input/__stories__/IBAN';\nexport * from '@digigov/form/inputs/Input/__stories__/PostalCode';\nexport * from '@digigov/form/inputs/Input/__stories__/TextWithCharacterLimit';\n"],
5
- "mappings": "AAAA;AACA,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA;AAEf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
4
+ "sourcesContent": ["import Input from '@digigov/form/inputs/Input';\nexport default {\n title: 'Digigov Form/inputs/Input',\n component: Input,\n displayName: 'Input',\n};\nexport { String } from '@digigov/form/inputs/Input/__stories__/String';\nexport { Integer } from '@digigov/form/inputs/Input/__stories__/Integer';\nexport { Boolean } from '@digigov/form/inputs/Input/__stories__/Boolean';\nexport { PhoneNumber } from '@digigov/form/inputs/Input/__stories__/PhoneNumber';\nexport { LandlineNumber } from '@digigov/form/inputs/Input/__stories__/LandlineNumber';\nexport { MobilePhone } from '@digigov/form/inputs/Input/__stories__/MobilePhone';\nexport { AFM } from '@digigov/form/inputs/Input/__stories__/AFM';\nexport { IBAN } from '@digigov/form/inputs/Input/__stories__/IBAN';\nexport { PostalCode } from '@digigov/form/inputs/Input/__stories__/PostalCode';\nexport { TextWithLimit } from '@digigov/form/inputs/Input/__stories__/TextWithLimit';\n"],
5
+ "mappings": "AAAA,OAAO,WAAW;AAClB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B,SAAS,WAAW;AACpB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;",
6
6
  "names": []
7
7
  }
@@ -1,21 +1,27 @@
1
1
  import React from "react";
2
- import FormBuilder, {Field} from "@digigov/form";
3
- import {Button} from "@digigov/ui/form/Button";
4
- const AFM = () => /* @__PURE__ */ React.createElement(FormBuilder, {
5
- onSubmit: (data) => {
6
- console.log(data);
7
- }
8
- }, /* @__PURE__ */ React.createElement(Field, {
9
- key: "afm",
10
- name: "afm",
11
- type: "afm",
12
- label: {
13
- primary: "\u0391\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 \u03C6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03BF\u03CD \u03BC\u03B7\u03C4\u03C1\u03CE\u03BF\u03C5"
2
+ import FormBuilder, { Field } from "@digigov/form";
3
+ import { Button } from "@digigov/ui/form/Button";
4
+ const AFM = () => /* @__PURE__ */ React.createElement(
5
+ FormBuilder,
6
+ {
7
+ onSubmit: (data) => {
8
+ console.log(data);
9
+ }
14
10
  },
15
- required: true
16
- }), /* @__PURE__ */ React.createElement(Button, {
17
- type: "submit"
18
- }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
11
+ /* @__PURE__ */ React.createElement(
12
+ Field,
13
+ {
14
+ key: "afm",
15
+ name: "afm",
16
+ type: "afm",
17
+ label: {
18
+ primary: "\u0391\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 \u03C6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03BF\u03CD \u03BC\u03B7\u03C4\u03C1\u03CE\u03BF\u03C5"
19
+ },
20
+ required: true
21
+ }
22
+ ),
23
+ /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
24
+ );
19
25
  var AFM_default = AFM;
20
26
  export {
21
27
  AFM,
@@ -1,3 +1,3 @@
1
- /// <reference types="react" />
2
- export declare const AFM: () => JSX.Element;
1
+ import React from 'react';
2
+ export declare const AFM: () => React.JSX.Element;
3
3
  export default AFM;
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/inputs/Input/__stories__/AFM.tsx"],
4
4
  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const AFM = () => (\n <FormBuilder\n onSubmit={(data) => {\n console.log(data);\n }}\n >\n <Field\n key=\"afm\"\n name=\"afm\"\n type=\"afm\"\n label={{\n primary: '\u0391\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 \u03C6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03BF\u03CD \u03BC\u03B7\u03C4\u03C1\u03CE\u03BF\u03C5',\n }}\n required\n />\n <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n </FormBuilder>\n);\nexport default AFM;\n"],
5
- "mappings": "AAAA;AACA;AACA;AAEO,MAAM,MAAM,MACjB,oCAAC,aAAD;AAAA,EACE,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,OAAD;AAAA,EACE,KAAI;AAAA,EACJ,MAAK;AAAA,EACL,MAAK;AAAA,EACL,OAAO;AAAA,IACL,SAAS;AAAA;AAAA,EAEX,UAAQ;AAAA,IAEV,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,cAAQ;",
5
+ "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe,aAAa;AACnC,SAAS,cAAc;AAEhB,MAAM,MAAM,MACjB;AAAA,EAAC;AAAA;AAAA,IACC,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA;AAAA,EAEA;AAAA,IAAC;AAAA;AAAA,MACC,KAAI;AAAA,MACJ,MAAK;AAAA,MACL,MAAK;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,MACA,UAAQ;AAAA;AAAA,EACV;AAAA,EACA,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAChC;AAEF,IAAO,cAAQ;",
6
6
  "names": []
7
7
  }