@digigov/ui 2.0.0-113e6661 → 2.0.0-298cfc51

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 (460) hide show
  1. package/app/Header/__stories__/WithServiceNameAndLogo/index.js +2 -2
  2. package/app/Header/__stories__/WithServiceNameAndLogo.js.map +2 -2
  3. package/app/Loader/index.d.ts +1 -1
  4. package/app/Loader/index.js +1 -1
  5. package/app/Loader/index.js.map +1 -1
  6. package/app/Loader/index.native/index.js +102 -0
  7. package/app/Loader/index.native/package.json +6 -0
  8. package/app/Loader/index.native.d.ts +3 -0
  9. package/app/Loader/index.native.js.map +7 -0
  10. package/app/Loader/index.web/index.js +2 -0
  11. package/{api → app/Loader/index.web}/package.json +1 -1
  12. package/app/Loader/index.web.d.ts +1 -0
  13. package/app/Loader/index.web.js.map +7 -0
  14. package/app/Masthead/Masthead.stories/index.js +2 -0
  15. package/app/Masthead/Masthead.stories.d.ts +1 -0
  16. package/app/Masthead/Masthead.stories.js.map +2 -2
  17. package/app/Masthead/__stories__/Default/index.js +1 -1
  18. package/app/Masthead/__stories__/Default.js.map +1 -1
  19. package/app/Masthead/__stories__/Secondary/index.js +13 -0
  20. package/app/Masthead/__stories__/Secondary/package.json +6 -0
  21. package/app/Masthead/__stories__/Secondary.d.ts +3 -0
  22. package/app/Masthead/__stories__/Secondary.js.map +7 -0
  23. package/app/Masthead/__stories__/WithElements/index.js +1 -5
  24. package/app/Masthead/__stories__/WithElements.js.map +2 -2
  25. package/app/Masthead/__stories__/WithLogo/index.js +1 -5
  26. package/app/Masthead/__stories__/WithLogo.js.map +2 -2
  27. package/app/Modal/auto/index.js +1 -1
  28. package/app/Modal/auto.js.map +2 -2
  29. package/app/Modal/index.d.ts +2 -2
  30. package/app/Modal/index.js +2 -2
  31. package/app/Modal/index.js.map +1 -1
  32. package/app/Modal/index.native/index.js +20 -0
  33. package/{api/APIErrors → app/Modal/index.native}/package.json +1 -1
  34. package/app/Modal/index.native.d.ts +7 -0
  35. package/app/Modal/index.native.js.map +7 -0
  36. package/app/Modal/{Modal → index.web}/index.js +3 -3
  37. package/{api/APIProvider → app/Modal/index.web}/package.json +1 -1
  38. package/app/Modal/{Modal.js.map → index.web.js.map} +2 -2
  39. package/app/QrCodeScanner/index.js.map +2 -2
  40. package/cjs/app/Header/__stories__/WithServiceNameAndLogo.js.map +3 -3
  41. package/cjs/app/Loader/index.js +3 -3
  42. package/cjs/app/Loader/index.js.map +2 -2
  43. package/cjs/app/Loader/index.native/index.js +135 -0
  44. package/cjs/app/Loader/index.native.js.map +7 -0
  45. package/cjs/app/Loader/index.web/index.js +22 -0
  46. package/cjs/app/Loader/index.web.js.map +7 -0
  47. package/cjs/app/Masthead/Masthead.stories/index.js +3 -0
  48. package/cjs/app/Masthead/Masthead.stories.js.map +2 -2
  49. package/cjs/app/Masthead/__stories__/Default/index.js +1 -1
  50. package/cjs/app/Masthead/__stories__/Default.js.map +1 -1
  51. package/cjs/app/Masthead/__stories__/Secondary/index.js +46 -0
  52. package/cjs/app/Masthead/__stories__/Secondary.js.map +7 -0
  53. package/cjs/app/Masthead/__stories__/WithElements/index.js +1 -1
  54. package/cjs/app/Masthead/__stories__/WithElements.js.map +2 -2
  55. package/cjs/app/Masthead/__stories__/WithLogo/index.js +1 -1
  56. package/cjs/app/Masthead/__stories__/WithLogo.js.map +2 -2
  57. package/cjs/app/Modal/auto/index.js +1 -1
  58. package/cjs/app/Modal/auto.js.map +2 -2
  59. package/cjs/app/Modal/index.js +3 -3
  60. package/cjs/app/Modal/index.js.map +2 -2
  61. package/cjs/{api/APIProvider → app/Modal/index.native}/index.js +20 -26
  62. package/cjs/app/Modal/index.native.js.map +7 -0
  63. package/cjs/app/Modal/{Modal → index.web}/index.js +6 -6
  64. package/cjs/app/Modal/{Modal.js.map → index.web.js.map} +2 -2
  65. package/cjs/app/QrCodeScanner/index.js.map +2 -2
  66. package/cjs/content/Table/Table.stories/index.js +3 -3
  67. package/cjs/content/Table/Table.stories.js.map +2 -2
  68. package/cjs/content/Table/__stories__/{Densed → Dense}/index.js +9 -9
  69. package/cjs/content/Table/__stories__/{Densed.js.map → Dense.js.map} +3 -3
  70. package/cjs/feedback/CopyToClipboard/__stories__/Default/index.js +1 -1
  71. package/cjs/feedback/CopyToClipboard/__stories__/Default.js.map +2 -2
  72. package/cjs/form/AutoComplete/index.js +29 -29
  73. package/cjs/form/AutoComplete/index.js.map +3 -3
  74. package/cjs/form/DateInputContainer/__stories__/MultipleQuestions/index.js +1 -1
  75. package/cjs/form/DateInputContainer/__stories__/MultipleQuestions.js.map +1 -1
  76. package/cjs/form/SearchContainer/SearchContainer.stories/index.js +46 -0
  77. package/cjs/form/SearchContainer/SearchContainer.stories.js.map +7 -0
  78. package/cjs/{api/APIErrors → form/SearchContainer/__stories__/Default}/index.js +12 -42
  79. package/cjs/form/SearchContainer/__stories__/Default.js.map +7 -0
  80. package/cjs/i18n/locales/el/index.js +7 -1
  81. package/cjs/i18n/locales/el.js.map +2 -2
  82. package/cjs/{layouts/Basic/Masthead → icons/IconBase}/index.js +8 -12
  83. package/cjs/icons/IconBase/index.js.map +7 -0
  84. package/cjs/{utils → icons}/SvgIcon/index.js +3 -5
  85. package/cjs/icons/SvgIcon/index.js.map +7 -0
  86. package/cjs/icons/index.js +5 -1
  87. package/cjs/icons/index.js.map +2 -2
  88. package/cjs/layouts/Basic/Bottom/__stories__/Default/index.js +7 -5
  89. package/cjs/layouts/Basic/Bottom/__stories__/Default.js.map +3 -3
  90. package/cjs/layouts/Basic/Container/__stories__/Default/index.js +6 -4
  91. package/cjs/layouts/Basic/Container/__stories__/Default.js.map +3 -3
  92. package/cjs/layouts/Basic/Main/__stories__/Default/index.js +6 -4
  93. package/cjs/layouts/Basic/Main/__stories__/Default.js.map +3 -3
  94. package/cjs/layouts/Basic/Top/__stories__/Default/index.js +6 -4
  95. package/cjs/layouts/Basic/Top/__stories__/Default.js.map +3 -3
  96. package/cjs/layouts/Basic/index.js +1 -3
  97. package/cjs/layouts/Basic/index.js.map +2 -2
  98. package/cjs/lazy/index.js +330 -1640
  99. package/cjs/lazy.js.map +2 -2
  100. package/cjs/navigation/Breadcrumbs/Breadcrumbs.stories/index.js +3 -0
  101. package/cjs/navigation/Breadcrumbs/Breadcrumbs.stories.js.map +2 -2
  102. package/cjs/navigation/Breadcrumbs/BreadcrumbsListItem/index.js +61 -0
  103. package/cjs/navigation/Breadcrumbs/BreadcrumbsListItem.js.map +7 -0
  104. package/cjs/navigation/Breadcrumbs/__stories__/Auto/index.js +23 -9
  105. package/cjs/navigation/Breadcrumbs/__stories__/Auto.js.map +2 -2
  106. package/cjs/navigation/Breadcrumbs/__stories__/WithHook/index.js +29 -15
  107. package/cjs/navigation/Breadcrumbs/__stories__/WithHook.js.map +2 -2
  108. package/cjs/navigation/Breadcrumbs/__stories__/WithProvider/index.js +46 -0
  109. package/cjs/navigation/Breadcrumbs/__stories__/WithProvider.js.map +7 -0
  110. package/cjs/navigation/Breadcrumbs/auto/index.js +16 -10
  111. package/cjs/navigation/Breadcrumbs/auto.js.map +3 -3
  112. package/cjs/navigation/Breadcrumbs/hooks/index.js +41 -30
  113. package/cjs/navigation/Breadcrumbs/hooks.js.map +3 -3
  114. package/cjs/navigation/Breadcrumbs/index.js +4 -0
  115. package/cjs/navigation/Breadcrumbs/index.js.map +2 -2
  116. package/cjs/navigation/Breadcrumbs/utils.js.map +2 -2
  117. package/cjs/navigation/Drawer/__stories__/Auto/index.js +3 -1
  118. package/cjs/navigation/Drawer/__stories__/Auto.js.map +2 -2
  119. package/cjs/navigation/Drawer/__stories__/Default/index.js +2 -2
  120. package/cjs/navigation/Drawer/__stories__/Default.js.map +3 -3
  121. package/cjs/navigation/Link/__stories__/DarkBackground/index.js +1 -1
  122. package/cjs/navigation/Link/__stories__/DarkBackground.js.map +1 -1
  123. package/cjs/navigation/Link/__stories__/DarkBackgroundNoUnderline/index.js +1 -1
  124. package/cjs/navigation/Link/__stories__/DarkBackgroundNoUnderline.js.map +1 -1
  125. package/cjs/navigation/NavList/__stories__/UsingNavListAuto/index.js +24 -24
  126. package/cjs/navigation/NavList/__stories__/UsingNavListAuto.js.map +3 -3
  127. package/cjs/navigation/NavList/__stories__/Vertical/index.js +25 -17
  128. package/cjs/navigation/NavList/__stories__/Vertical.js.map +2 -2
  129. package/cjs/navigation/Pagination/__stories__/Auto/index.js +7 -9
  130. package/cjs/navigation/Pagination/__stories__/Auto.js.map +3 -3
  131. package/cjs/navigation/Pagination/__stories__/PaginationWithSmallFont/index.js +2 -2
  132. package/cjs/navigation/Pagination/__stories__/PaginationWithSmallFont.js.map +2 -2
  133. package/cjs/navigation/Pagination/__stories__/WithInactiveValues/index.js +2 -2
  134. package/cjs/navigation/Pagination/__stories__/WithInactiveValues.js.map +2 -2
  135. package/cjs/navigation/Pagination/__stories__/WithResultsPerPage/index.js +2 -2
  136. package/cjs/navigation/Pagination/__stories__/WithResultsPerPage.js.map +2 -2
  137. package/cjs/registry/index.js +12 -22
  138. package/cjs/registry.js.map +2 -2
  139. package/cjs/utils/index.js +0 -2
  140. package/cjs/utils/index.js.map +2 -2
  141. package/content/Table/Table.stories/index.js +2 -2
  142. package/content/Table/Table.stories.d.ts +1 -1
  143. package/content/Table/Table.stories.js.map +2 -2
  144. package/content/Table/__stories__/{Densed → Dense}/index.js +5 -5
  145. package/content/Table/__stories__/Dense/package.json +6 -0
  146. package/content/Table/__stories__/Dense.d.ts +3 -0
  147. package/content/Table/__stories__/{Densed.js.map → Dense.js.map} +3 -3
  148. package/feedback/CopyToClipboard/__stories__/Default/index.js +1 -1
  149. package/feedback/CopyToClipboard/__stories__/Default.js.map +2 -2
  150. package/form/AutoComplete/index.d.ts +9 -9
  151. package/form/AutoComplete/index.js +10 -10
  152. package/form/AutoComplete/index.js.map +2 -2
  153. package/form/DateInputContainer/__stories__/MultipleQuestions/index.js +1 -1
  154. package/form/DateInputContainer/__stories__/MultipleQuestions.js.map +1 -1
  155. package/form/SearchContainer/SearchContainer.stories/index.js +13 -0
  156. package/form/SearchContainer/SearchContainer.stories/package.json +6 -0
  157. package/form/SearchContainer/SearchContainer.stories.d.ts +9 -0
  158. package/form/SearchContainer/SearchContainer.stories.js.map +7 -0
  159. package/form/SearchContainer/__stories__/Default/index.js +11 -0
  160. package/form/SearchContainer/__stories__/Default/package.json +6 -0
  161. package/form/SearchContainer/__stories__/Default.d.ts +3 -0
  162. package/form/SearchContainer/__stories__/Default.js.map +7 -0
  163. package/form/SearchContainer/index.test.d.ts +1 -0
  164. package/i18n/locales/el/index.js +7 -1
  165. package/i18n/locales/el.d.ts +6 -0
  166. package/i18n/locales/el.js.map +2 -2
  167. package/icons/IconBase/index.d.ts +3 -0
  168. package/icons/IconBase/index.js +7 -0
  169. package/icons/IconBase/index.js.map +7 -0
  170. package/{api/fetchAPI → icons/IconBase}/package.json +1 -1
  171. package/icons/SvgIcon/index.d.ts +3 -0
  172. package/icons/SvgIcon/index.js +7 -0
  173. package/icons/SvgIcon/index.js.map +7 -0
  174. package/{api/utils → icons/SvgIcon}/package.json +1 -1
  175. package/icons/index.d.ts +2 -0
  176. package/icons/index.js +2 -0
  177. package/icons/index.js.map +2 -2
  178. package/index.js +1 -1
  179. package/layouts/Basic/Bottom/__stories__/Default/index.js +7 -5
  180. package/layouts/Basic/Bottom/__stories__/Default.js.map +2 -2
  181. package/layouts/Basic/Container/__stories__/Default/index.js +6 -4
  182. package/layouts/Basic/Container/__stories__/Default.js.map +2 -2
  183. package/layouts/Basic/Main/__stories__/Default/index.js +6 -4
  184. package/layouts/Basic/Main/__stories__/Default.js.map +2 -2
  185. package/layouts/Basic/Top/__stories__/Default/index.js +6 -4
  186. package/layouts/Basic/Top/__stories__/Default.js.map +2 -2
  187. package/layouts/Basic/index.d.ts +0 -1
  188. package/layouts/Basic/index.js +0 -1
  189. package/layouts/Basic/index.js.map +2 -2
  190. package/lazy/index.js +330 -1640
  191. package/lazy.d.ts +18 -15
  192. package/lazy.js.map +2 -2
  193. package/navigation/Breadcrumbs/Breadcrumbs.stories/index.js +2 -0
  194. package/navigation/Breadcrumbs/Breadcrumbs.stories.d.ts +1 -0
  195. package/navigation/Breadcrumbs/Breadcrumbs.stories.js.map +2 -2
  196. package/navigation/Breadcrumbs/BreadcrumbsListItem/index.js +28 -0
  197. package/navigation/Breadcrumbs/BreadcrumbsListItem/package.json +6 -0
  198. package/navigation/Breadcrumbs/BreadcrumbsListItem.d.ts +8 -0
  199. package/navigation/Breadcrumbs/BreadcrumbsListItem.js.map +7 -0
  200. package/navigation/Breadcrumbs/__stories__/Auto/index.js +23 -9
  201. package/navigation/Breadcrumbs/__stories__/Auto.js.map +2 -2
  202. package/navigation/Breadcrumbs/__stories__/WithHook/index.js +29 -15
  203. package/navigation/Breadcrumbs/__stories__/WithHook.js.map +2 -2
  204. package/navigation/Breadcrumbs/__stories__/WithProvider/index.js +17 -0
  205. package/navigation/Breadcrumbs/__stories__/WithProvider/package.json +6 -0
  206. package/navigation/Breadcrumbs/__stories__/WithProvider.d.ts +3 -0
  207. package/navigation/Breadcrumbs/__stories__/WithProvider.js.map +7 -0
  208. package/navigation/Breadcrumbs/auto/index.js +24 -12
  209. package/navigation/Breadcrumbs/auto.d.ts +4 -4
  210. package/navigation/Breadcrumbs/auto.js.map +3 -3
  211. package/navigation/Breadcrumbs/hooks/index.js +41 -30
  212. package/navigation/Breadcrumbs/hooks.d.ts +5 -20
  213. package/navigation/Breadcrumbs/hooks.js.map +3 -3
  214. package/navigation/Breadcrumbs/index.d.ts +2 -0
  215. package/navigation/Breadcrumbs/index.js +2 -0
  216. package/navigation/Breadcrumbs/index.js.map +2 -2
  217. package/navigation/Breadcrumbs/utils.js.map +2 -2
  218. package/navigation/Drawer/__stories__/Auto/index.js +3 -1
  219. package/navigation/Drawer/__stories__/Auto.d.ts +1 -0
  220. package/navigation/Drawer/__stories__/Auto.js.map +2 -2
  221. package/navigation/Drawer/__stories__/Default/index.js +1 -1
  222. package/navigation/Drawer/__stories__/Default.js.map +2 -2
  223. package/navigation/Link/__stories__/DarkBackground/index.js +1 -1
  224. package/navigation/Link/__stories__/DarkBackground.js.map +1 -1
  225. package/navigation/Link/__stories__/DarkBackgroundNoUnderline/index.js +1 -1
  226. package/navigation/Link/__stories__/DarkBackgroundNoUnderline.js.map +1 -1
  227. package/navigation/NavList/__stories__/UsingNavListAuto/index.js +24 -24
  228. package/navigation/NavList/__stories__/UsingNavListAuto.js.map +2 -2
  229. package/navigation/NavList/__stories__/Vertical/index.js +25 -17
  230. package/navigation/NavList/__stories__/Vertical.js.map +2 -2
  231. package/navigation/Pagination/__stories__/Auto/index.js +8 -12
  232. package/navigation/Pagination/__stories__/Auto.js.map +2 -2
  233. package/navigation/Pagination/__stories__/PaginationWithSmallFont/index.js +1 -1
  234. package/navigation/Pagination/__stories__/PaginationWithSmallFont.js.map +1 -1
  235. package/navigation/Pagination/__stories__/WithInactiveValues/index.js +1 -1
  236. package/navigation/Pagination/__stories__/WithInactiveValues.js.map +1 -1
  237. package/navigation/Pagination/__stories__/WithResultsPerPage/index.js +1 -1
  238. package/navigation/Pagination/__stories__/WithResultsPerPage.js.map +1 -1
  239. package/package.json +10 -8
  240. package/registry/index.js +12 -22
  241. package/registry.d.ts +7 -11
  242. package/registry.js.map +2 -2
  243. package/src/app/Footer/{index.mdx → doc.mdx} +7 -23
  244. package/src/app/Header/__snapshots__/index.spec.tsx.snap +42 -36
  245. package/src/app/Header/__stories__/WithServiceNameAndLogo.tsx +2 -2
  246. package/src/app/Header/doc.mdx +32 -0
  247. package/src/app/Loader/index.native.tsx +98 -0
  248. package/src/app/Loader/index.tsx +1 -1
  249. package/src/app/Loader/index.web.tsx +1 -0
  250. package/src/app/Masthead/Masthead.stories.js +1 -0
  251. package/src/app/Masthead/__stories__/Default.tsx +1 -1
  252. package/src/app/Masthead/__stories__/Secondary.tsx +26 -0
  253. package/src/app/Masthead/__stories__/WithElements.tsx +1 -5
  254. package/src/app/Masthead/__stories__/WithLogo.tsx +1 -5
  255. package/src/app/Masthead/{index.mdx → doc.mdx} +13 -1
  256. package/src/app/Masthead/index.test.tsx +4 -0
  257. package/src/app/Modal/auto.tsx +1 -1
  258. package/src/app/Modal/{index.mdx → doc.mdx} +9 -6
  259. package/src/app/Modal/index.native.tsx +17 -0
  260. package/src/app/Modal/index.tsx +2 -2
  261. package/src/app/NotFound/{index.mdx → doc.mdx} +2 -4
  262. package/src/app/Panel/{index.mdx → doc.mdx} +3 -1
  263. package/src/app/PhaseBannerHeader/{index.mdx → doc.mdx} +3 -5
  264. package/src/app/QrCodeScanner/__snapshots__/index.spec.tsx.snap +6 -10
  265. package/src/app/QrCodeScanner/index.tsx +1 -0
  266. package/src/app/QrCodeViewer/{index.mdx → doc.mdx} +4 -12
  267. package/src/app/Skeleton/doc.mdx +42 -0
  268. package/src/content/Accordion/__snapshots__/index.spec.tsx.snap +48 -147
  269. package/src/content/Accordion/{index.mdx → doc.mdx} +2 -13
  270. package/src/content/Blockquote/__snapshots__/index.spec.tsx.snap +6 -9
  271. package/src/content/Blockquote/{index.mdx → doc.mdx} +5 -5
  272. package/src/content/Card/doc.mdx +71 -0
  273. package/src/content/Chip/doc.mdx +34 -0
  274. package/src/content/Details/__snapshots__/index.spec.tsx.snap +32 -69
  275. package/src/content/Details/{index.mdx → doc.mdx} +1 -5
  276. package/src/content/List/__snapshots__/index.spec.tsx.snap +3 -3
  277. package/src/content/List/doc.mdx +28 -0
  278. package/src/content/StepNav/{index.mdx → doc.mdx} +5 -19
  279. package/src/content/SummaryList/__snapshots__/index.spec.tsx.snap +37 -89
  280. package/src/content/SummaryList/{index.mdx → doc.mdx} +6 -18
  281. package/src/content/Table/Table.stories.js +1 -1
  282. package/src/content/Table/__stories__/{Densed.tsx → Dense.tsx} +2 -2
  283. package/src/content/Table/doc.mdx +81 -0
  284. package/src/content/Table/index.test.tsx +3 -3
  285. package/src/content/TaskList/{index.mdx → doc.mdx} +4 -6
  286. package/src/content/Timeline/{index.mdx → doc.mdx} +4 -6
  287. package/src/feedback/CopyToClipboard/__stories__/Default.tsx +1 -1
  288. package/src/feedback/CopyToClipboard/doc.mdx +22 -0
  289. package/src/feedback/ErrorSummary/__snapshots__/index.spec.tsx.snap +3 -3
  290. package/src/feedback/ErrorSummary/{index.mdx → doc.mdx} +6 -22
  291. package/src/feedback/NotificationBanner/__snapshots__/index.spec.tsx.snap +1 -1
  292. package/src/feedback/NotificationBanner/{index.mdx → doc.mdx} +8 -19
  293. package/src/feedback/PhaseBanner/{index.mdx → doc.mdx} +2 -12
  294. package/src/feedback/WarningText/__snapshots__/index.spec.tsx.snap +3 -3
  295. package/src/feedback/WarningText/{index.mdx → doc.mdx} +8 -6
  296. package/src/form/AutoComplete/doc.mdx +50 -0
  297. package/src/form/AutoComplete/index.tsx +10 -10
  298. package/src/form/Button/__snapshots__/index.spec.tsx.snap +6 -10
  299. package/src/form/Button/{index.mdx → doc.mdx} +12 -27
  300. package/src/form/Checkbox/{index.mdx → doc.mdx} +10 -36
  301. package/src/form/DateInputContainer/__stories__/MultipleQuestions.tsx +1 -1
  302. package/src/form/DateInputContainer/{index.mdx → doc.mdx} +7 -21
  303. package/src/form/ErrorMessage/{index.mdx → doc.mdx} +1 -5
  304. package/src/form/FileUpload/{index.mdx → doc.mdx} +2 -10
  305. package/src/form/RadioContainer/{index.mdx → doc.mdx} +10 -36
  306. package/src/form/SearchContainer/SearchContainer.stories.js +9 -0
  307. package/src/form/SearchContainer/__stories__/Default.tsx +13 -0
  308. package/src/form/SearchContainer/doc.mdx +16 -0
  309. package/src/form/SearchContainer/index.test.tsx +20 -0
  310. package/src/form/SelectContainer/{index.mdx → doc.mdx} +3 -19
  311. package/src/form/SingleCharacterInputs/{index.mdx → doc.mdx} +3 -11
  312. package/src/form/TextArea/doc.mdx +48 -0
  313. package/src/form/TextInput/{index.mdx → doc.mdx} +12 -44
  314. package/src/i18n/locales/el.ts +15 -8
  315. package/src/icons/IconBase/index.tsx +4 -0
  316. package/src/icons/SvgIcon/index.tsx +4 -0
  317. package/src/icons/index.tsx +2 -0
  318. package/src/layouts/Basic/Bottom/__stories__/Default.tsx +13 -9
  319. package/src/layouts/Basic/Bottom/{index.mdx → doc.mdx} +1 -5
  320. package/src/layouts/Basic/Container/__stories__/Default.tsx +15 -8
  321. package/src/layouts/Basic/Container/{index.mdx → doc.mdx} +1 -6
  322. package/src/layouts/Basic/Main/__stories__/Default.tsx +15 -8
  323. package/src/layouts/Basic/Main/{index.mdx → doc.mdx} +3 -5
  324. package/src/layouts/Basic/Top/__stories__/Default.tsx +13 -6
  325. package/src/layouts/Basic/Top/doc.mdx +19 -0
  326. package/src/layouts/Basic/__snapshots__/index.spec.tsx.snap +30 -102
  327. package/src/layouts/Basic/{index.mdx → doc.mdx} +7 -18
  328. package/src/layouts/Basic/index.tsx +0 -1
  329. package/src/layouts/Grid/doc.mdx +26 -0
  330. package/src/layouts/Stack/doc.mdx +38 -0
  331. package/src/lazy.js +333 -1642
  332. package/src/navigation/BackLink/{index.mdx → doc.mdx} +1 -5
  333. package/src/navigation/Breadcrumbs/Breadcrumbs.stories.js +1 -1
  334. package/src/navigation/Breadcrumbs/BreadcrumbsListItem.tsx +34 -0
  335. package/src/navigation/Breadcrumbs/__stories__/Auto.tsx +34 -19
  336. package/src/navigation/Breadcrumbs/__stories__/WithHook.tsx +41 -19
  337. package/src/navigation/Breadcrumbs/__stories__/WithProvider.tsx +28 -0
  338. package/src/navigation/Breadcrumbs/auto.tsx +35 -18
  339. package/src/navigation/Breadcrumbs/{index.mdx → doc.mdx} +5 -5
  340. package/src/navigation/Breadcrumbs/hooks.ts +47 -56
  341. package/src/navigation/Breadcrumbs/index.test.tsx +4 -0
  342. package/src/navigation/Breadcrumbs/index.tsx +2 -0
  343. package/src/navigation/Breadcrumbs/utils.ts +3 -3
  344. package/src/navigation/Drawer/__stories__/Auto.tsx +3 -1
  345. package/src/navigation/Drawer/__stories__/Default.tsx +2 -2
  346. package/src/navigation/Drawer/{index.mdx → doc.mdx} +5 -1
  347. package/src/navigation/Dropdown/{index.mdx → doc.mdx} +3 -15
  348. package/src/navigation/Link/__snapshots__/index.spec.tsx.snap +16 -30
  349. package/src/navigation/Link/__stories__/DarkBackground.tsx +1 -1
  350. package/src/navigation/Link/__stories__/DarkBackgroundNoUnderline.tsx +1 -1
  351. package/src/navigation/Link/{index.mdx → doc.mdx} +7 -19
  352. package/src/navigation/NavList/__snapshots__/index.spec.tsx.snap +3 -3
  353. package/src/navigation/NavList/__stories__/UsingNavListAuto.tsx +27 -28
  354. package/src/navigation/NavList/__stories__/Vertical.tsx +16 -12
  355. package/src/navigation/NavList/{index.mdx → doc.mdx} +19 -22
  356. package/src/navigation/Pagination/__stories__/Auto.tsx +29 -31
  357. package/src/navigation/Pagination/__stories__/PaginationWithSmallFont.tsx +1 -1
  358. package/src/navigation/Pagination/__stories__/WithInactiveValues.tsx +1 -1
  359. package/src/navigation/Pagination/__stories__/WithResultsPerPage.tsx +1 -1
  360. package/src/navigation/Pagination/doc.mdx +32 -0
  361. package/src/navigation/Tabs/doc.mdx +47 -0
  362. package/src/registry.js +19 -28
  363. package/src/typography/CodeBlock/doc.mdx +30 -0
  364. package/src/typography/Heading/{index.mdx → doc.mdx} +3 -5
  365. package/src/typography/HeadingCaption/{index.mdx → doc.mdx} +5 -5
  366. package/src/typography/Hint/{index.mdx → doc.mdx} +4 -10
  367. package/src/typography/NormalText/doc.mdx +30 -0
  368. package/src/typography/Paragraph/doc.mdx +34 -0
  369. package/src/typography/Typography/doc.mdx +14 -0
  370. package/src/utils/VisuallyHidden/{index.mdx → doc.mdx} +3 -6
  371. package/src/utils/index.ts +0 -1
  372. package/utils/index.d.ts +0 -1
  373. package/utils/index.js +0 -1
  374. package/utils/index.js.map +2 -2
  375. package/api/APIErrors/index.js +0 -40
  376. package/api/APIErrors.d.ts +0 -23
  377. package/api/APIErrors.js.map +0 -7
  378. package/api/APIProvider/index.js +0 -24
  379. package/api/APIProvider.d.ts +0 -16
  380. package/api/APIProvider.js.map +0 -7
  381. package/api/fetchAPI/index.js +0 -29
  382. package/api/fetchAPI.d.ts +0 -14
  383. package/api/fetchAPI.js.map +0 -7
  384. package/api/index.d.ts +0 -8
  385. package/api/index.js +0 -12
  386. package/api/index.js.map +0 -7
  387. package/api/index.spec.d.ts +0 -1
  388. package/api/useResource/index.js +0 -79
  389. package/api/useResource/package.json +0 -6
  390. package/api/useResource.d.ts +0 -11
  391. package/api/useResource.js.map +0 -7
  392. package/api/useResourceAction/index.js +0 -74
  393. package/api/useResourceAction/package.json +0 -6
  394. package/api/useResourceAction.d.ts +0 -2
  395. package/api/useResourceAction.js.map +0 -7
  396. package/api/useResourceQuery/index.js +0 -149
  397. package/api/useResourceQuery/package.json +0 -6
  398. package/api/useResourceQuery.d.ts +0 -18
  399. package/api/useResourceQuery.js.map +0 -7
  400. package/api/utils/index.js +0 -131
  401. package/api/utils.d.ts +0 -10
  402. package/api/utils.js.map +0 -7
  403. package/app/Modal/Modal/package.json +0 -6
  404. package/cjs/api/APIErrors.js.map +0 -7
  405. package/cjs/api/APIProvider.js.map +0 -7
  406. package/cjs/api/fetchAPI/index.js +0 -49
  407. package/cjs/api/fetchAPI.js.map +0 -7
  408. package/cjs/api/index.js +0 -41
  409. package/cjs/api/index.js.map +0 -7
  410. package/cjs/api/useResource/index.js +0 -102
  411. package/cjs/api/useResource.js.map +0 -7
  412. package/cjs/api/useResourceAction/index.js +0 -97
  413. package/cjs/api/useResourceAction.js.map +0 -7
  414. package/cjs/api/useResourceQuery/index.js +0 -173
  415. package/cjs/api/useResourceQuery.js.map +0 -7
  416. package/cjs/api/utils/index.js +0 -157
  417. package/cjs/api/utils.js.map +0 -7
  418. package/cjs/layouts/Basic/Masthead/index.js.map +0 -7
  419. package/cjs/utils/SvgIcon/index.js.map +0 -7
  420. package/content/Table/__stories__/Densed/package.json +0 -6
  421. package/content/Table/__stories__/Densed.d.ts +0 -3
  422. package/layouts/Basic/Masthead/index.d.ts +0 -5
  423. package/layouts/Basic/Masthead/index.js +0 -9
  424. package/layouts/Basic/Masthead/index.js.map +0 -7
  425. package/layouts/Basic/Masthead/package.json +0 -6
  426. package/src/api/APIErrors.tsx +0 -46
  427. package/src/api/APIProvider.tsx +0 -31
  428. package/src/api/fetchAPI.ts +0 -43
  429. package/src/api/index.spec.tsx +0 -417
  430. package/src/api/index.tsx +0 -9
  431. package/src/api/introduction.md +0 -6
  432. package/src/api/useResource.tsx +0 -96
  433. package/src/api/useResourceAction.tsx +0 -80
  434. package/src/api/useResourceQuery.tsx +0 -178
  435. package/src/api/utils.tsx +0 -162
  436. package/src/app/Header/index.mdx +0 -49
  437. package/src/content/Card/index.mdx +0 -103
  438. package/src/content/Chip/index.mdx +0 -53
  439. package/src/content/List/index.mdx +0 -40
  440. package/src/content/Table/index.mdx +0 -111
  441. package/src/feedback/CopyToClipboard/index.mdx +0 -28
  442. package/src/form/AutoComplete/index.mdx +0 -70
  443. package/src/form/TextArea/index.mdx +0 -74
  444. package/src/govgr/Footer/index.mdx +0 -101
  445. package/src/layouts/Basic/Masthead/index.tsx +0 -5
  446. package/src/layouts/Basic/Top/index.mdx +0 -23
  447. package/src/layouts/Grid/index.mdx +0 -39
  448. package/src/navigation/Pagination/index.mdx +0 -48
  449. package/src/navigation/Tabs/index.mdx +0 -31
  450. package/src/typography/NormalText/index.mdx +0 -44
  451. package/src/typography/Paragraph/index.mdx +0 -32
  452. package/src/typography/Typography/index.mdx +0 -12
  453. package/src/utils/SvgIcon/index.tsx +0 -5
  454. package/utils/SvgIcon/index.d.ts +0 -4
  455. package/utils/SvgIcon/index.js +0 -8
  456. package/utils/SvgIcon/index.js.map +0 -7
  457. package/utils/SvgIcon/package.json +0 -6
  458. /package/app/Modal/{Modal.d.ts → index.web.d.ts} +0 -0
  459. /package/src/app/Modal/{Modal.tsx → index.web.tsx} +0 -0
  460. /package/src/utils/Base/{index.mdx → doc.mdx} +0 -0
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../src/app/Modal/Modal.tsx"],
3
+ "sources": ["../../../../src/app/Modal/index.web.tsx"],
4
4
  "sourcesContent": ["import React, { useCallback, useEffect, useRef } from 'react';\nimport ModalContainer, {\n ModalContainerProps,\n} from '@digigov/react-core/ModalContainer';\nimport useKeypress from '@digigov/ui/utils/hooks/useKeypress';\n\nexport interface ModalProps extends ModalContainerProps {\n onEscape?: () => void;\n}\n\nexport const Modal = React.forwardRef<HTMLDivElement, ModalProps>(\n function Modal({ ...props }, ref) {\n if (props.open) {\n return <ModalBase {...props} ref={ref} />;\n } else {\n return null;\n }\n }\n);\n\nexport const ModalBase = React.forwardRef<HTMLDivElement, ModalProps>(\n function ModalBase({ open, children, onEscape, ...props }, ref) {\n const firstModalElement =\n useRef() as React.MutableRefObject<HTMLSpanElement>;\n const lastModalElement =\n useRef() as React.MutableRefObject<HTMLSpanElement>;\n const handleFocus = useCallback(() => {\n firstModalElement.current.focus();\n }, []);\n useKeypress('Escape', onEscape);\n useEffect(() => {\n const lastModalElementInstance = lastModalElement.current;\n handleFocus();\n lastModalElementInstance.addEventListener('focus', handleFocus);\n return () => {\n lastModalElementInstance.removeEventListener('focus', handleFocus);\n };\n }, []);\n return (\n <ModalContainer\n open={open}\n role=\"dialog\"\n ref={ref}\n aria-hidden=\"false\"\n aria-modal=\"true\"\n {...props}\n >\n <span tabIndex={-1} ref={firstModalElement} aria-hidden=\"true\" />\n {open && children}\n <span tabIndex={0} ref={lastModalElement} aria-hidden=\"true\" />\n </ModalContainer>\n );\n }\n);\n\nexport default Modal;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsD;AACtD,4BAEO;AACP,yBAAwB;AAMjB,MAAM,QAAQ,aAAAA,QAAM;AAAA,EACzB,SAASC,OAAM,EAAE,GAAG,MAAM,GAAG,KAAK;AAChC,QAAI,MAAM,MAAM;AACd,aAAO,6BAAAD,QAAA,cAAC,aAAW,GAAG,OAAO,KAAU;AAAA,IACzC,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,SAASE,WAAU,EAAE,MAAM,UAAU,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,UAAM,wBACJ,qBAAO;AACT,UAAM,uBACJ,qBAAO;AACT,UAAM,kBAAc,0BAAY,MAAM;AACpC,wBAAkB,QAAQ,MAAM;AAAA,IAClC,GAAG,CAAC,CAAC;AACL,2BAAAC,SAAY,UAAU,QAAQ;AAC9B,gCAAU,MAAM;AACd,YAAM,2BAA2B,iBAAiB;AAClD,kBAAY;AACZ,+BAAyB,iBAAiB,SAAS,WAAW;AAC9D,aAAO,MAAM;AACX,iCAAyB,oBAAoB,SAAS,WAAW;AAAA,MACnE;AAAA,IACF,GAAG,CAAC,CAAC;AACL,WACE,6BAAAH,QAAA;AAAA,MAAC,sBAAAI;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,eAAY;AAAA,QACZ,cAAW;AAAA,QACV,GAAG;AAAA;AAAA,MAEJ,6BAAAJ,QAAA,cAAC,UAAK,UAAU,IAAI,KAAK,mBAAmB,eAAY,QAAO;AAAA,MAC9D,QAAQ;AAAA,MACT,6BAAAA,QAAA,cAAC,UAAK,UAAU,GAAG,KAAK,kBAAkB,eAAY,QAAO;AAAA,IAC/D;AAAA,EAEJ;AACF;AAEA,IAAO,gBAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsD;AACtD,4BAEO;AACP,yBAAwB;AAMjB,MAAM,QAAQ,aAAAA,QAAM;AAAA,EACzB,SAASC,OAAM,EAAE,GAAG,MAAM,GAAG,KAAK;AAChC,QAAI,MAAM,MAAM;AACd,aAAO,6BAAAD,QAAA,cAAC,aAAW,GAAG,OAAO,KAAU;AAAA,IACzC,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,SAASE,WAAU,EAAE,MAAM,UAAU,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,UAAM,wBACJ,qBAAO;AACT,UAAM,uBACJ,qBAAO;AACT,UAAM,kBAAc,0BAAY,MAAM;AACpC,wBAAkB,QAAQ,MAAM;AAAA,IAClC,GAAG,CAAC,CAAC;AACL,2BAAAC,SAAY,UAAU,QAAQ;AAC9B,gCAAU,MAAM;AACd,YAAM,2BAA2B,iBAAiB;AAClD,kBAAY;AACZ,+BAAyB,iBAAiB,SAAS,WAAW;AAC9D,aAAO,MAAM;AACX,iCAAyB,oBAAoB,SAAS,WAAW;AAAA,MACnE;AAAA,IACF,GAAG,CAAC,CAAC;AACL,WACE,6BAAAH,QAAA;AAAA,MAAC,sBAAAI;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,eAAY;AAAA,QACZ,cAAW;AAAA,QACV,GAAG;AAAA;AAAA,MAEJ,6BAAAJ,QAAA,cAAC,UAAK,UAAU,IAAI,KAAK,mBAAmB,eAAY,QAAO;AAAA,MAC9D,QAAQ;AAAA,MACT,6BAAAA,QAAA,cAAC,UAAK,UAAU,GAAG,KAAK,kBAAkB,eAAY,QAAO;AAAA,IAC/D;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
6
6
  "names": ["React", "Modal", "ModalBase", "useKeypress", "ModalContainer"]
7
7
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/app/QrCodeScanner/index.tsx"],
4
- "sourcesContent": ["import React from 'react';\n\nconst QrReader = React.lazy(() => import('@uides/react-qr-reader'));\n\nexport interface QrCodeScannerProps {\n style?: React.CSSProperties;\n dataType?: 'url' | 'text';\n legacyMode?: boolean;\n validate?: (...args) => boolean;\n onScan: (...args) => void;\n onError: (err: any, data: any) => void;\n onLoad?: (...args) => void;\n onImageLoad?: (...args) => void;\n delay?: number;\n facingMode?: 'user' | 'environment';\n showViewFinder?: boolean;\n className?: string;\n children?: React.ReactNode;\n}\n\n/**\n * QRCodeScanner assumes that the data provided inside the QR code image,\n * are a HTTP link, thus it uses the `encodeURI` function to escape\n * all scanned data that will be forwarded to the `onScan` function\n *\n * When a QR code is scanned, before we run the `onScan` callback function,\n * we do the following:\n *\n * 1. Run a validator function provided in the props of QrCodeScanner component\n * that receives the *raw* scanned data and returns a boolean type. (eg. check\n * if it's a gov.gr subdomain, or that it matches the current domain)\n * 2. If the validator returns `true`, then construct a URL object from the data provided\n * and check if the protocol is `https` and the `origin` is the same as the origin of this page\n * 2. Automatically fallback to the `onError` callback function, if the validation or url check fail\n * 3. Finally, run `onScan` callback function with the scanned data encoded as a URI.\n *\n */\n\nexport const QrCodeScanner: React.FC<QrCodeScannerProps> = ({\n children,\n validate,\n onScan,\n onError,\n dataType = 'url',\n legacyMode = false,\n ...props\n}) => {\n if (dataType === 'text') {\n console.warn(\n `Security Warning! The \\`text\\` dataType could be used to inject XSS code to your application database or user DOM.\n\nIn order to be safe, you can:\n1. Use a sanitizer function inside the \\`onScan\\` callback function that makes sure the data is not posing a threat to your app\n2. Contact @digigov-ui for any further details and feature requests.\n3. Read more about xss https://owasp.org/www-community/attacks/xss/\n`\n );\n }\n const handleOnScan = (data) => {\n if (data) {\n if (dataType === 'url') {\n try {\n new URL(data);\n } catch (e) {\n return onError(\n new Error(\n '@digigov-ui XSS Validation failed: qr code payload should follow the pattern `https://dilosi.services.gov.gr/show/:reference_code`'\n ),\n data\n );\n }\n }\n // run a validator function provided by the application code\n if (validate && !validate(data)) {\n return onError(\n new Error('Custom QR Code payload validation failed'),\n data\n );\n }\n // proceed with application defined callback function\n onScan(data);\n }\n };\n return (\n <>\n <QrReader\n delay={100}\n onError={onError}\n onScan={handleOnScan}\n legacyMode={legacyMode}\n {...props}\n />\n {children}\n </>\n );\n};\n\nexport default QrCodeScanner;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,MAAM,WAAW,aAAAA,QAAM,KAAK,MAAM,OAAO,wBAAwB,CAAC;AAoC3D,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb,GAAG;AACL,MAAM;AACJ,MAAI,aAAa,QAAQ;AACvB,YAAQ;AAAA,MACN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOF;AAAA,EACF;AACA,QAAM,eAAe,CAAC,SAAS;AAC7B,QAAI,MAAM;AACR,UAAI,aAAa,OAAO;AACtB,YAAI;AACF,cAAI,IAAI,IAAI;AAAA,QACd,SAAS,GAAG;AACV,iBAAO;AAAA,YACL,IAAI;AAAA,cACF;AAAA,YACF;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAEA,UAAI,YAAY,CAAC,SAAS,IAAI,GAAG;AAC/B,eAAO;AAAA,UACL,IAAI,MAAM,0CAA0C;AAAA,UACpD;AAAA,QACF;AAAA,MACF;AAEA,aAAO,IAAI;AAAA,IACb;AAAA,EACF;AACA,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACC,QACH;AAEJ;AAEA,IAAO,wBAAQ;",
4
+ "sourcesContent": ["import React from 'react';\n\n// @ts-ignore\nconst QrReader = React.lazy(() => import('@uides/react-qr-reader'));\n\nexport interface QrCodeScannerProps {\n style?: React.CSSProperties;\n dataType?: 'url' | 'text';\n legacyMode?: boolean;\n validate?: (...args) => boolean;\n onScan: (...args) => void;\n onError: (err: any, data: any) => void;\n onLoad?: (...args) => void;\n onImageLoad?: (...args) => void;\n delay?: number;\n facingMode?: 'user' | 'environment';\n showViewFinder?: boolean;\n className?: string;\n children?: React.ReactNode;\n}\n\n/**\n * QRCodeScanner assumes that the data provided inside the QR code image,\n * are a HTTP link, thus it uses the `encodeURI` function to escape\n * all scanned data that will be forwarded to the `onScan` function\n *\n * When a QR code is scanned, before we run the `onScan` callback function,\n * we do the following:\n *\n * 1. Run a validator function provided in the props of QrCodeScanner component\n * that receives the *raw* scanned data and returns a boolean type. (eg. check\n * if it's a gov.gr subdomain, or that it matches the current domain)\n * 2. If the validator returns `true`, then construct a URL object from the data provided\n * and check if the protocol is `https` and the `origin` is the same as the origin of this page\n * 2. Automatically fallback to the `onError` callback function, if the validation or url check fail\n * 3. Finally, run `onScan` callback function with the scanned data encoded as a URI.\n *\n */\n\nexport const QrCodeScanner: React.FC<QrCodeScannerProps> = ({\n children,\n validate,\n onScan,\n onError,\n dataType = 'url',\n legacyMode = false,\n ...props\n}) => {\n if (dataType === 'text') {\n console.warn(\n `Security Warning! The \\`text\\` dataType could be used to inject XSS code to your application database or user DOM.\n\nIn order to be safe, you can:\n1. Use a sanitizer function inside the \\`onScan\\` callback function that makes sure the data is not posing a threat to your app\n2. Contact @digigov-ui for any further details and feature requests.\n3. Read more about xss https://owasp.org/www-community/attacks/xss/\n`\n );\n }\n const handleOnScan = (data) => {\n if (data) {\n if (dataType === 'url') {\n try {\n new URL(data);\n } catch (e) {\n return onError(\n new Error(\n '@digigov-ui XSS Validation failed: qr code payload should follow the pattern `https://dilosi.services.gov.gr/show/:reference_code`'\n ),\n data\n );\n }\n }\n // run a validator function provided by the application code\n if (validate && !validate(data)) {\n return onError(\n new Error('Custom QR Code payload validation failed'),\n data\n );\n }\n // proceed with application defined callback function\n onScan(data);\n }\n };\n return (\n <>\n <QrReader\n delay={100}\n onError={onError}\n onScan={handleOnScan}\n legacyMode={legacyMode}\n {...props}\n />\n {children}\n </>\n );\n};\n\nexport default QrCodeScanner;\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAGlB,MAAM,WAAW,aAAAA,QAAM,KAAK,MAAM,OAAO,wBAAwB,CAAC;AAoC3D,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb,GAAG;AACL,MAAM;AACJ,MAAI,aAAa,QAAQ;AACvB,YAAQ;AAAA,MACN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOF;AAAA,EACF;AACA,QAAM,eAAe,CAAC,SAAS;AAC7B,QAAI,MAAM;AACR,UAAI,aAAa,OAAO;AACtB,YAAI;AACF,cAAI,IAAI,IAAI;AAAA,QACd,SAAS,GAAG;AACV,iBAAO;AAAA,YACL,IAAI;AAAA,cACF;AAAA,YACF;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAEA,UAAI,YAAY,CAAC,SAAS,IAAI,GAAG;AAC/B,eAAO;AAAA,UACL,IAAI,MAAM,0CAA0C;AAAA,UACpD;AAAA,QACF;AAAA,MACF;AAEA,aAAO,IAAI;AAAA,IACb;AAAA,EACF;AACA,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACC,QACH;AAEJ;AAEA,IAAO,wBAAQ;",
6
6
  "names": ["React"]
7
7
  }
@@ -31,7 +31,7 @@ __export(Table_stories_exports, {
31
31
  DarkVariantWithVerticalHeaders: () => import_DarkVariantWithVerticalHeaders.DarkVariantWithVerticalHeaders,
32
32
  Default: () => import_Default.Default,
33
33
  DefinedWidth: () => import_DefinedWidth.DefinedWidth,
34
- Densed: () => import_Densed.Densed,
34
+ Dense: () => import_Dense.Dense,
35
35
  Full: () => import_Full.Full,
36
36
  MultipleProps: () => import_MultipleProps.MultipleProps,
37
37
  NoData: () => import_NoData.NoData,
@@ -61,7 +61,7 @@ var import_DarkVariant = require("@digigov/ui/content/Table/__stories__/DarkVari
61
61
  var import_DarkVariantWithVerticalHeaders = require("@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders");
62
62
  var import_WithLoader = require("@digigov/ui/content/Table/__stories__/WithLoader");
63
63
  var import_DefinedWidth = require("@digigov/ui/content/Table/__stories__/DefinedWidth");
64
- var import_Densed = require("@digigov/ui/content/Table/__stories__/Densed");
64
+ var import_Dense = require("@digigov/ui/content/Table/__stories__/Dense");
65
65
  var import_RowColors = require("@digigov/ui/content/Table/__stories__/RowColors");
66
66
  var import_MultipleProps = require("@digigov/ui/content/Table/__stories__/MultipleProps");
67
67
  var import_WithSortFilters = require("@digigov/ui/content/Table/__stories__/WithSortFilters");
@@ -80,7 +80,7 @@ var Table_stories_default = {
80
80
  DarkVariantWithVerticalHeaders,
81
81
  Default,
82
82
  DefinedWidth,
83
- Densed,
83
+ Dense,
84
84
  Full,
85
85
  MultipleProps,
86
86
  NoData,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/content/Table/Table.stories.js"],
4
- "sourcesContent": ["import Table from '@digigov/ui/content/Table';\nexport default {\n title: 'Digigov UI/content/Table',\n description:\n 'Use the table component to make information easier to compare and scan for users.',\n link: 'https://guide.services.gov.gr/docs/components/table',\n component: Table,\n displayName: 'Table',\n};\nexport { Default } from '@digigov/ui/content/Table/__stories__/Default';\nexport { TableCaptions } from '@digigov/ui/content/Table/__stories__/TableCaptions';\nexport { NoData } from '@digigov/ui/content/Table/__stories__/NoData';\nexport { VerticalHeaders } from '@digigov/ui/content/Table/__stories__/VerticalHeaders';\nexport { ZebraProp } from '@digigov/ui/content/Table/__stories__/ZebraProp';\nexport { NumericDataType } from '@digigov/ui/content/Table/__stories__/NumericDataType';\nexport { VerticalBorders } from '@digigov/ui/content/Table/__stories__/VerticalBorders';\nexport { Stacked } from '@digigov/ui/content/Table/__stories__/Stacked';\nexport { DarkVariant } from '@digigov/ui/content/Table/__stories__/DarkVariant';\nexport { DarkVariantWithVerticalHeaders } from '@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders';\nexport { WithLoader } from '@digigov/ui/content/Table/__stories__/WithLoader';\nexport { DefinedWidth } from '@digigov/ui/content/Table/__stories__/DefinedWidth';\nexport { Densed } from '@digigov/ui/content/Table/__stories__/Densed';\nexport { RowColors } from '@digigov/ui/content/Table/__stories__/RowColors';\nexport { MultipleProps } from '@digigov/ui/content/Table/__stories__/MultipleProps';\nexport { WithSortFilters } from '@digigov/ui/content/Table/__stories__/WithSortFilters';\nexport { WithFloatingScroll } from '@digigov/ui/content/Table/__stories__/WithFloatingScroll';\nexport { Full } from '@digigov/ui/content/Table/__stories__/Full';\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AASlB,qBAAwB;AACxB,2BAA8B;AAC9B,oBAAuB;AACvB,6BAAgC;AAChC,uBAA0B;AAC1B,6BAAgC;AAChC,6BAAgC;AAChC,qBAAwB;AACxB,yBAA4B;AAC5B,4CAA+C;AAC/C,wBAA2B;AAC3B,0BAA6B;AAC7B,oBAAuB;AACvB,uBAA0B;AAC1B,2BAA8B;AAC9B,6BAAgC;AAChC,gCAAmC;AACnC,kBAAqB;AAzBrB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,aAAAA;AAAA,EACX,aAAa;AACf;",
4
+ "sourcesContent": ["import Table from '@digigov/ui/content/Table';\nexport default {\n title: 'Digigov UI/content/Table',\n description:\n 'Use the table component to make information easier to compare and scan for users.',\n link: 'https://guide.services.gov.gr/docs/components/table',\n component: Table,\n displayName: 'Table',\n};\nexport { Default } from '@digigov/ui/content/Table/__stories__/Default';\nexport { TableCaptions } from '@digigov/ui/content/Table/__stories__/TableCaptions';\nexport { NoData } from '@digigov/ui/content/Table/__stories__/NoData';\nexport { VerticalHeaders } from '@digigov/ui/content/Table/__stories__/VerticalHeaders';\nexport { ZebraProp } from '@digigov/ui/content/Table/__stories__/ZebraProp';\nexport { NumericDataType } from '@digigov/ui/content/Table/__stories__/NumericDataType';\nexport { VerticalBorders } from '@digigov/ui/content/Table/__stories__/VerticalBorders';\nexport { Stacked } from '@digigov/ui/content/Table/__stories__/Stacked';\nexport { DarkVariant } from '@digigov/ui/content/Table/__stories__/DarkVariant';\nexport { DarkVariantWithVerticalHeaders } from '@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders';\nexport { WithLoader } from '@digigov/ui/content/Table/__stories__/WithLoader';\nexport { DefinedWidth } from '@digigov/ui/content/Table/__stories__/DefinedWidth';\nexport { Dense } from '@digigov/ui/content/Table/__stories__/Dense';\nexport { RowColors } from '@digigov/ui/content/Table/__stories__/RowColors';\nexport { MultipleProps } from '@digigov/ui/content/Table/__stories__/MultipleProps';\nexport { WithSortFilters } from '@digigov/ui/content/Table/__stories__/WithSortFilters';\nexport { WithFloatingScroll } from '@digigov/ui/content/Table/__stories__/WithFloatingScroll';\nexport { Full } from '@digigov/ui/content/Table/__stories__/Full';\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AASlB,qBAAwB;AACxB,2BAA8B;AAC9B,oBAAuB;AACvB,6BAAgC;AAChC,uBAA0B;AAC1B,6BAAgC;AAChC,6BAAgC;AAChC,qBAAwB;AACxB,yBAA4B;AAC5B,4CAA+C;AAC/C,wBAA2B;AAC3B,0BAA6B;AAC7B,mBAAsB;AACtB,uBAA0B;AAC1B,2BAA8B;AAC9B,6BAAgC;AAChC,gCAAmC;AACnC,kBAAqB;AAzBrB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,aAAAA;AAAA,EACX,aAAa;AACf;",
6
6
  "names": ["Table"]
7
7
  }
@@ -25,12 +25,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
25
25
  mod
26
26
  ));
27
27
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
- var Densed_exports = {};
29
- __export(Densed_exports, {
30
- Densed: () => Densed,
31
- default: () => Densed_default
28
+ var Dense_exports = {};
29
+ __export(Dense_exports, {
30
+ Dense: () => Dense,
31
+ default: () => Dense_default
32
32
  });
33
- module.exports = __toCommonJS(Densed_exports);
33
+ module.exports = __toCommonJS(Dense_exports);
34
34
  var import_react = __toESM(require("react"));
35
35
  var import_Table = require("@digigov/ui/content/Table");
36
36
  const labels = {
@@ -118,14 +118,14 @@ const data = [
118
118
  active: "\u038C\u03C7\u03B9"
119
119
  }
120
120
  ];
121
- const Densed = () => {
121
+ const Dense = () => {
122
122
  return /* @__PURE__ */ import_react.default.createElement(import_Table.TableContainer, { border: true }, /* @__PURE__ */ import_react.default.createElement(import_Table.Table, { dense: true }, /* @__PURE__ */ import_react.default.createElement(import_Table.TableCaption, null, "\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_Table.TableHead, null, /* @__PURE__ */ import_react.default.createElement(import_Table.TableRow, null, Object.keys(data[0]).map((key) => /* @__PURE__ */ import_react.default.createElement(import_Table.TableHeadCell, { key }, labels[key])))), /* @__PURE__ */ import_react.default.createElement(import_Table.TableBody, null, data && data.map((dt, index) => {
123
123
  return /* @__PURE__ */ import_react.default.createElement(import_Table.TableRow, { key: index }, Object.keys(dt).map((key) => /* @__PURE__ */ import_react.default.createElement(import_Table.TableDataCell, { key }, dt[key])));
124
124
  }))));
125
125
  };
126
- var Densed_default = Densed;
126
+ var Dense_default = Dense;
127
127
  // Annotate the CommonJS export names for ESM import in node:
128
128
  0 && (module.exports = {
129
- Densed
129
+ Dense
130
130
  });
131
- //# sourceMappingURL=Densed.js.map
131
+ //# sourceMappingURL=Dense.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../../src/content/Table/__stories__/Densed.tsx"],
4
- "sourcesContent": ["import React from 'react';\n\nimport {\n TableContainer,\n Table,\n TableCaption,\n TableHead,\n TableRow,\n TableBody,\n TableHeadCell,\n TableDataCell,\n} from '@digigov/ui/content/Table';\n\nconst labels = {\n name: '\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF',\n email: 'Email',\n phone: '\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF',\n role: '\u03A1\u03CC\u03BB\u03BF\u03C2',\n status: '\u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7',\n actions: '\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2',\n at: '\u0391\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 \u03A4\u03B1\u03C5\u03C4\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2',\n zip: '\u03A4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B9\u03BA\u03CC\u03C2 \u039A\u03CE\u03B4\u03B9\u03BA\u03B1\u03C2',\n address: '\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7',\n city: '\u03A0\u03CC\u03BB\u03B7',\n country: '\u03A7\u03CE\u03C1\u03B1',\n active: '\u0395\u03BD\u03B5\u03C1\u03B3\u03CC\u03C2',\n last_login: '\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7',\n last_login_agent: '\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 \u0391\u03BE\u03B5\u03C3\u03BF\u03C5\u03AC\u03C1',\n last_login_ip: '\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 IP',\n afm: '\u0391\u03A6\u039C',\n};\n\nconst data = [\n {\n name: '\u03A4\u03AC\u03BA\u03B7\u03C2 \u03A4\u03C3\u03BF\u03CD\u03BA\u03B1\u03BB\u03BF\u03C2',\n afm: '1111111112',\n role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n at: '1212121',\n email: 'takis@gov.gr',\n phone: '22222222',\n address: '\u0391\u03B3\u03AF\u03B1 \u03A0\u03B1\u03C1\u03B1\u03C3\u03BA\u03B5\u03C5\u03AE\u03C2',\n city: '\u0391\u03B3\u03AF\u03B1 \u03A0\u03B1\u03C1\u03B1\u03C3\u03BA\u03B5\u03C5\u03AE',\n country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n zip: '222233',\n active: '\u039D\u03B1\u03B9',\n },\n {\n name: '\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2',\n afm: '1111111113',\n role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n at: '1212122',\n email: 'marios@gov.gr',\n phone: '33333333',\n address: '\u03A7\u03B1\u03BB\u03B1\u03BD\u03B4\u03C1\u03AF\u03BF\u03C5',\n city: '\u03A7\u03B1\u03BB\u03AC\u03BD\u03B4\u03C1\u03B9',\n country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n zip: '222244',\n active: '\u039D\u03B1\u03B9',\n },\n {\n name: '\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5',\n afm: '1111111114',\n role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n at: '1212123',\n email: 'kalliopi@gov.gr',\n phone: '44444444',\n address: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03B1\u03C4\u03AF\u03BF\u03C5',\n city: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03AC\u03C4\u03B9',\n country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n zip: '222255',\n active: '\u039D\u03B1\u03B9',\n },\n {\n name: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n afm: '1111111115',\n role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n at: '1212124',\n email: 'maria@gov.gr',\n phone: '55555555',\n address: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03B1\u03C4\u03AF\u03BF\u03C5',\n city: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03AC\u03C4\u03B9',\n country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n zip: '222255',\n active: '\u038C\u03C7\u03B9',\n },\n {\n name: '\u0397\u03BB\u03AD\u03BA\u03C4\u03C1\u03B1 \u0391\u03C0\u03BF\u03C3\u03C4\u03CC\u03BB\u03BF\u03C5',\n afm: '1111111116',\n role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n at: '1212125',\n email: 'ilektra@gov.gr',\n phone: '66666666',\n address: '\u039A\u03B1\u03BB\u03BB\u03B9\u03B8\u03AD\u03B1\u03C2',\n city: '\u039A\u03B1\u03BB\u03BB\u03B9\u03B8\u03AD\u03B1',\n country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n zip: '222266',\n active: '\u038C\u03C7\u03B9',\n },\n];\n\nexport const Densed = () => {\n return (\n <TableContainer border>\n <Table dense>\n <TableCaption>\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2</TableCaption>\n <TableHead>\n <TableRow>\n {Object.keys(data[0]).map((key) => (\n <TableHeadCell key={key}>{labels[key]}</TableHeadCell>\n ))}\n </TableRow>\n </TableHead>\n <TableBody>\n {data &&\n data.map((dt, index) => {\n return (\n <TableRow key={index}>\n {Object.keys(dt).map((key) => (\n <TableDataCell key={key}>{dt[key]}</TableDataCell>\n ))}\n </TableRow>\n );\n })}\n </TableBody>\n </Table>\n </TableContainer>\n );\n};\nexport default Densed;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mBASO;AAEP,MAAM,SAAS;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,KAAK;AACP;AAEA,MAAM,OAAO;AAAA,EACX;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AACF;AAEO,MAAM,SAAS,MAAM;AAC1B,SACE,6BAAAA,QAAA,cAAC,+BAAe,QAAM,QACpB,6BAAAA,QAAA,cAAC,sBAAM,OAAK,QACV,6BAAAA,QAAA,cAAC,iCAAa,4CAAO,GACrB,6BAAAA,QAAA,cAAC,8BACC,6BAAAA,QAAA,cAAC,6BACE,OAAO,KAAK,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,QACzB,6BAAAA,QAAA,cAAC,8BAAc,OAAW,OAAO,GAAG,CAAE,CACvC,CACH,CACF,GACA,6BAAAA,QAAA,cAAC,8BACE,QACC,KAAK,IAAI,CAAC,IAAI,UAAU;AACtB,WACE,6BAAAA,QAAA,cAAC,yBAAS,KAAK,SACZ,OAAO,KAAK,EAAE,EAAE,IAAI,CAAC,QACpB,6BAAAA,QAAA,cAAC,8BAAc,OAAW,GAAG,GAAG,CAAE,CACnC,CACH;AAAA,EAEJ,CAAC,CACL,CACF,CACF;AAEJ;AACA,IAAO,iBAAQ;",
3
+ "sources": ["../../../../../src/content/Table/__stories__/Dense.tsx"],
4
+ "sourcesContent": ["import React from 'react';\n\nimport {\n TableContainer,\n Table,\n TableCaption,\n TableHead,\n TableRow,\n TableBody,\n TableHeadCell,\n TableDataCell,\n} from '@digigov/ui/content/Table';\n\nconst labels = {\n name: '\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF',\n email: 'Email',\n phone: '\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF',\n role: '\u03A1\u03CC\u03BB\u03BF\u03C2',\n status: '\u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7',\n actions: '\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2',\n at: '\u0391\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 \u03A4\u03B1\u03C5\u03C4\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2',\n zip: '\u03A4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B9\u03BA\u03CC\u03C2 \u039A\u03CE\u03B4\u03B9\u03BA\u03B1\u03C2',\n address: '\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7',\n city: '\u03A0\u03CC\u03BB\u03B7',\n country: '\u03A7\u03CE\u03C1\u03B1',\n active: '\u0395\u03BD\u03B5\u03C1\u03B3\u03CC\u03C2',\n last_login: '\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7',\n last_login_agent: '\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 \u0391\u03BE\u03B5\u03C3\u03BF\u03C5\u03AC\u03C1',\n last_login_ip: '\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 IP',\n afm: '\u0391\u03A6\u039C',\n};\n\nconst data = [\n {\n name: '\u03A4\u03AC\u03BA\u03B7\u03C2 \u03A4\u03C3\u03BF\u03CD\u03BA\u03B1\u03BB\u03BF\u03C2',\n afm: '1111111112',\n role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n at: '1212121',\n email: 'takis@gov.gr',\n phone: '22222222',\n address: '\u0391\u03B3\u03AF\u03B1 \u03A0\u03B1\u03C1\u03B1\u03C3\u03BA\u03B5\u03C5\u03AE\u03C2',\n city: '\u0391\u03B3\u03AF\u03B1 \u03A0\u03B1\u03C1\u03B1\u03C3\u03BA\u03B5\u03C5\u03AE',\n country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n zip: '222233',\n active: '\u039D\u03B1\u03B9',\n },\n {\n name: '\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2',\n afm: '1111111113',\n role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n at: '1212122',\n email: 'marios@gov.gr',\n phone: '33333333',\n address: '\u03A7\u03B1\u03BB\u03B1\u03BD\u03B4\u03C1\u03AF\u03BF\u03C5',\n city: '\u03A7\u03B1\u03BB\u03AC\u03BD\u03B4\u03C1\u03B9',\n country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n zip: '222244',\n active: '\u039D\u03B1\u03B9',\n },\n {\n name: '\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5',\n afm: '1111111114',\n role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n at: '1212123',\n email: 'kalliopi@gov.gr',\n phone: '44444444',\n address: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03B1\u03C4\u03AF\u03BF\u03C5',\n city: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03AC\u03C4\u03B9',\n country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n zip: '222255',\n active: '\u039D\u03B1\u03B9',\n },\n {\n name: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n afm: '1111111115',\n role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n at: '1212124',\n email: 'maria@gov.gr',\n phone: '55555555',\n address: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03B1\u03C4\u03AF\u03BF\u03C5',\n city: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03AC\u03C4\u03B9',\n country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n zip: '222255',\n active: '\u038C\u03C7\u03B9',\n },\n {\n name: '\u0397\u03BB\u03AD\u03BA\u03C4\u03C1\u03B1 \u0391\u03C0\u03BF\u03C3\u03C4\u03CC\u03BB\u03BF\u03C5',\n afm: '1111111116',\n role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n at: '1212125',\n email: 'ilektra@gov.gr',\n phone: '66666666',\n address: '\u039A\u03B1\u03BB\u03BB\u03B9\u03B8\u03AD\u03B1\u03C2',\n city: '\u039A\u03B1\u03BB\u03BB\u03B9\u03B8\u03AD\u03B1',\n country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n zip: '222266',\n active: '\u038C\u03C7\u03B9',\n },\n];\n\nexport const Dense = () => {\n return (\n <TableContainer border>\n <Table dense>\n <TableCaption>\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2</TableCaption>\n <TableHead>\n <TableRow>\n {Object.keys(data[0]).map((key) => (\n <TableHeadCell key={key}>{labels[key]}</TableHeadCell>\n ))}\n </TableRow>\n </TableHead>\n <TableBody>\n {data &&\n data.map((dt, index) => {\n return (\n <TableRow key={index}>\n {Object.keys(dt).map((key) => (\n <TableDataCell key={key}>{dt[key]}</TableDataCell>\n ))}\n </TableRow>\n );\n })}\n </TableBody>\n </Table>\n </TableContainer>\n );\n};\nexport default Dense;\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mBASO;AAEP,MAAM,SAAS;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,KAAK;AACP;AAEA,MAAM,OAAO;AAAA,EACX;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AACF;AAEO,MAAM,QAAQ,MAAM;AACzB,SACE,6BAAAA,QAAA,cAAC,+BAAe,QAAM,QACpB,6BAAAA,QAAA,cAAC,sBAAM,OAAK,QACV,6BAAAA,QAAA,cAAC,iCAAa,4CAAO,GACrB,6BAAAA,QAAA,cAAC,8BACC,6BAAAA,QAAA,cAAC,6BACE,OAAO,KAAK,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,QACzB,6BAAAA,QAAA,cAAC,8BAAc,OAAW,OAAO,GAAG,CAAE,CACvC,CACH,CACF,GACA,6BAAAA,QAAA,cAAC,8BACE,QACC,KAAK,IAAI,CAAC,IAAI,UAAU;AACtB,WACE,6BAAAA,QAAA,cAAC,yBAAS,KAAK,SACZ,OAAO,KAAK,EAAE,EAAE,IAAI,CAAC,QACpB,6BAAAA,QAAA,cAAC,8BAAc,OAAW,GAAG,GAAG,CAAE,CACnC,CACH;AAAA,EAEJ,CAAC,CACL,CACF,CACF;AAEJ;AACA,IAAO,gBAAQ;",
6
6
  "names": ["React"]
7
7
  }
@@ -44,7 +44,7 @@ const Default = () => {
44
44
  message: "\u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03AC\u03C6\u03B7\u03BA\u03B5 \u03C3\u03C4\u03BF \u03C0\u03C1\u03CC\u03C7\u03B5\u03B9\u03C1\u03BF",
45
45
  id: "copy-to-clipboard",
46
46
  onCopy: () => {
47
- console.log("yess copied");
47
+ console.log("content copied!");
48
48
  }
49
49
  },
50
50
  /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { color: "secondary", "aria-describedby": "copy-to-clipboard" }, "\u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03B1\u03C6\u03AE")
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/feedback/CopyToClipboard/__stories__/Default.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport { CopyToClipboard } from '@digigov/ui/feedback/CopyToClipboard';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const Default = () => {\n return (\n <CopyToClipboard\n text=\"copied-text\"\n variant=\"tooltip\"\n tooltipAlign=\"left\"\n message=\"\u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03AC\u03C6\u03B7\u03BA\u03B5 \u03C3\u03C4\u03BF \u03C0\u03C1\u03CC\u03C7\u03B5\u03B9\u03C1\u03BF\"\n id=\"copy-to-clipboard\"\n onCopy={() => {\n console.log('yess copied');\n }}\n >\n <Button color=\"secondary\" aria-describedby=\"copy-to-clipboard\">\n \u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03B1\u03C6\u03AE\n </Button>\n </CopyToClipboard>\n );\n};\nexport default Default;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,6BAAgC;AAChC,oBAAuB;AAEhB,MAAM,UAAU,MAAM;AAC3B,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,cAAa;AAAA,MACb,SAAQ;AAAA,MACR,IAAG;AAAA,MACH,QAAQ,MAAM;AACZ,gBAAQ,IAAI,aAAa;AAAA,MAC3B;AAAA;AAAA,IAEA,6BAAAA,QAAA,cAAC,wBAAO,OAAM,aAAY,oBAAiB,uBAAoB,wDAE/D;AAAA,EACF;AAEJ;AACA,IAAO,kBAAQ;",
4
+ "sourcesContent": ["import React from 'react';\nimport { CopyToClipboard } from '@digigov/ui/feedback/CopyToClipboard';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const Default = () => {\n return (\n <CopyToClipboard\n text=\"copied-text\"\n variant=\"tooltip\"\n tooltipAlign=\"left\"\n message=\"\u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03AC\u03C6\u03B7\u03BA\u03B5 \u03C3\u03C4\u03BF \u03C0\u03C1\u03CC\u03C7\u03B5\u03B9\u03C1\u03BF\"\n id=\"copy-to-clipboard\"\n onCopy={() => {\n console.log('content copied!');\n }}\n >\n <Button color=\"secondary\" aria-describedby=\"copy-to-clipboard\">\n \u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03B1\u03C6\u03AE\n </Button>\n </CopyToClipboard>\n );\n};\nexport default Default;\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,6BAAgC;AAChC,oBAAuB;AAEhB,MAAM,UAAU,MAAM;AAC3B,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,cAAa;AAAA,MACb,SAAQ;AAAA,MACR,IAAG;AAAA,MACH,QAAQ,MAAM;AACZ,gBAAQ,IAAI,iBAAiB;AAAA,MAC/B;AAAA;AAAA,IAEA,6BAAAA,QAAA,cAAC,wBAAO,OAAM,aAAY,oBAAiB,uBAAoB,wDAE/D;AAAA,EACF;AAEJ;AACA,IAAO,kBAAQ;",
6
6
  "names": ["React"]
7
7
  }
@@ -28,27 +28,27 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
28
28
  var AutoComplete_exports = {};
29
29
  __export(AutoComplete_exports, {
30
30
  AutoComplete: () => AutoComplete,
31
- AutoCompleteAssistiveHint: () => import_AutoCompleteAssistiveHint.default,
32
- AutoCompleteContainer: () => import_AutoCompleteContainer.default,
33
- AutoCompleteInput: () => import_AutoCompleteInput.default,
34
- AutoCompleteInputTypeahead: () => import_AutoCompleteInputTypeahead.default,
35
- AutoCompleteMultipleInput: () => import_AutoCompleteMultipleInput.default,
36
- AutoCompleteMultipleInputContainer: () => import_AutoCompleteMultipleInputContainer.default,
37
- AutoCompleteResultList: () => import_AutoCompleteResultList.default,
38
- AutoCompleteResultListItem: () => import_AutoCompleteResultListItem.default,
31
+ AutoCompleteAssistiveHint: () => import_AutoCompleteAssistiveHint.AutoCompleteAssistiveHint,
32
+ AutoCompleteContainer: () => import_AutoCompleteContainer.AutoCompleteContainer,
33
+ AutoCompleteInputBase: () => import_AutoCompleteInputBase.AutoCompleteInputBase,
34
+ AutoCompleteInputTypeahead: () => import_AutoCompleteInputTypeahead.AutoCompleteInputTypeahead,
35
+ AutoCompleteMultipleInput: () => import_AutoCompleteMultipleInput.AutoCompleteMultipleInput,
36
+ AutoCompleteMultipleInputContainer: () => import_AutoCompleteMultipleInputContainer.AutoCompleteMultipleInputContainer,
37
+ AutoCompleteResultList: () => import_AutoCompleteResultList.AutoCompleteResultList,
38
+ AutoCompleteResultListItem: () => import_AutoCompleteResultListItem.AutoCompleteResultListItem,
39
39
  default: () => AutoComplete
40
40
  });
41
41
  module.exports = __toCommonJS(AutoComplete_exports);
42
42
  var import_react = __toESM(require("react"));
43
43
  var import_react2 = require("react");
44
- var import_AutoCompleteAssistiveHint = __toESM(require("@digigov/react-core/AutoCompleteAssistiveHint"));
45
- var import_AutoCompleteInput = __toESM(require("@digigov/react-core/AutoCompleteInput"));
46
- var import_AutoCompleteInputTypeahead = __toESM(require("@digigov/react-core/AutoCompleteInputTypeahead"));
47
- var import_AutoCompleteResultList = __toESM(require("@digigov/react-core/AutoCompleteResultList"));
48
- var import_AutoCompleteResultListItem = __toESM(require("@digigov/react-core/AutoCompleteResultListItem"));
49
- var import_AutoCompleteContainer = __toESM(require("@digigov/react-core/AutoCompleteContainer"));
50
- var import_AutoCompleteMultipleInputContainer = __toESM(require("@digigov/react-core/AutoCompleteMultipleInputContainer"));
51
- var import_AutoCompleteMultipleInput = __toESM(require("@digigov/react-core/AutoCompleteMultipleInput"));
44
+ var import_AutoCompleteAssistiveHint = require("@digigov/react-core/AutoCompleteAssistiveHint");
45
+ var import_AutoCompleteInputBase = require("@digigov/react-core/AutoCompleteInputBase");
46
+ var import_AutoCompleteInputTypeahead = require("@digigov/react-core/AutoCompleteInputTypeahead");
47
+ var import_AutoCompleteResultList = require("@digigov/react-core/AutoCompleteResultList");
48
+ var import_AutoCompleteResultListItem = require("@digigov/react-core/AutoCompleteResultListItem");
49
+ var import_AutoCompleteContainer = require("@digigov/react-core/AutoCompleteContainer");
50
+ var import_AutoCompleteMultipleInputContainer = require("@digigov/react-core/AutoCompleteMultipleInputContainer");
51
+ var import_AutoCompleteMultipleInput = require("@digigov/react-core/AutoCompleteMultipleInput");
52
52
  var import_Base = require("@digigov/react-core/Base");
53
53
  var import_CaretIcon = require("@digigov/react-icons/CaretIcon");
54
54
  var import_Status = __toESM(require("@digigov/ui/form/AutoComplete/Status"));
@@ -482,7 +482,7 @@ class AutoComplete extends import_react2.Component {
482
482
  options2.length
483
483
  ) : "";
484
484
  return /* @__PURE__ */ import_react.default.createElement(
485
- import_AutoCompleteResultListItem.default,
485
+ import_AutoCompleteResultListItem.AutoCompleteResultListItem,
486
486
  {
487
487
  isFocused: showFocused,
488
488
  isHovered: hovered,
@@ -517,7 +517,7 @@ class AutoComplete extends import_react2.Component {
517
517
  });
518
518
  }
519
519
  };
520
- return /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteContainer.default, { onKeyDown: this.handleKeyDown, width }, /* @__PURE__ */ import_react.default.createElement(
520
+ return /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteContainer.AutoCompleteContainer, { onKeyDown: this.handleKeyDown, width }, /* @__PURE__ */ import_react.default.createElement(
521
521
  import_Status.default,
522
522
  {
523
523
  id,
@@ -533,8 +533,8 @@ class AutoComplete extends import_react2.Component {
533
533
  tSelectedOption: tStatusSelectedOption,
534
534
  tResults: tStatusResults
535
535
  }
536
- ), hintValue && (placeholder === "" || !placeholder) && /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteInputTypeahead.default, { value: hintValue }), multiple ? /* @__PURE__ */ import_react.default.createElement(
537
- import_AutoCompleteMultipleInputContainer.default,
536
+ ), hintValue && (placeholder === "" || !placeholder) && /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteInputTypeahead.AutoCompleteInputTypeahead, { value: hintValue }), multiple ? /* @__PURE__ */ import_react.default.createElement(
537
+ import_AutoCompleteMultipleInputContainer.AutoCompleteMultipleInputContainer,
538
538
  {
539
539
  isFocused: componentIsFocused,
540
540
  numberOfSelected: this.props.numberOfSelected
@@ -564,7 +564,7 @@ class AutoComplete extends import_react2.Component {
564
564
  );
565
565
  }), !componentIsFocused && typeof this.props.numberOfSelected === "number" && this.state.selectedValues.length > this.props.numberOfSelected && /* @__PURE__ */ import_react.default.createElement(import_NormalText.NormalText, { fontWeight: "bold", margin: 0 }, "+", this.state.selectedValues.length - this.props.numberOfSelected)),
566
566
  /* @__PURE__ */ import_react.default.createElement(
567
- import_AutoCompleteMultipleInput.default,
567
+ import_AutoCompleteMultipleInput.AutoCompleteMultipleInput,
568
568
  {
569
569
  "aria-expanded": menuOpen ? "true" : "false",
570
570
  "aria-activedescendant": optionFocused ? `${id}__option--${focused}` : "",
@@ -618,7 +618,7 @@ class AutoComplete extends import_react2.Component {
618
618
  /* @__PURE__ */ import_react.default.createElement(import_CaretIcon.CaretIcon, { direction: "down", size: "md" })
619
619
  ),
620
620
  /* @__PURE__ */ import_react.default.createElement(
621
- import_AutoCompleteResultList.default,
621
+ import_AutoCompleteResultList.AutoCompleteResultList,
622
622
  {
623
623
  isVisible: menuIsVisible,
624
624
  onMouseLeave: () => this.handleListMouseLeave(),
@@ -626,11 +626,11 @@ class AutoComplete extends import_react2.Component {
626
626
  role: "listbox"
627
627
  },
628
628
  /* @__PURE__ */ import_react.default.createElement(import_Checkbox.default, null, showAutoCompleteResultListItems(options, multiple)),
629
- showNoOptionsFound && /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteResultListItem.default, { empty: true }, tNoResults?.())
629
+ showNoOptionsFound && /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteResultListItem.AutoCompleteResultListItem, { empty: true }, tNoResults?.())
630
630
  ),
631
- /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteAssistiveHint.default, { id: assistiveHintID }, tAssistiveHint?.())
631
+ /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteAssistiveHint.AutoCompleteAssistiveHint, { id: assistiveHintID }, tAssistiveHint?.())
632
632
  ) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
633
- import_AutoCompleteInput.default,
633
+ import_AutoCompleteInputBase.AutoCompleteInputBase,
634
634
  {
635
635
  "aria-expanded": menuOpen ? "true" : "false",
636
636
  "aria-activedescendant": optionFocused ? `${id}__option--${focused}` : "",
@@ -654,7 +654,7 @@ class AutoComplete extends import_react2.Component {
654
654
  value: query
655
655
  }
656
656
  ), /* @__PURE__ */ import_react.default.createElement(import_CaretIcon.CaretIcon, { direction: "down", size: "md" }), /* @__PURE__ */ import_react.default.createElement(
657
- import_AutoCompleteResultList.default,
657
+ import_AutoCompleteResultList.AutoCompleteResultList,
658
658
  {
659
659
  isVisible: menuIsVisible,
660
660
  onMouseLeave: () => this.handleListMouseLeave(),
@@ -662,8 +662,8 @@ class AutoComplete extends import_react2.Component {
662
662
  role: "listbox"
663
663
  },
664
664
  showAutoCompleteResultListItems(options, false),
665
- showNoOptionsFound && /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteResultListItem.default, { empty: true }, tNoResults?.())
666
- ), /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteAssistiveHint.default, { id: assistiveHintID }, tAssistiveHint?.())));
665
+ showNoOptionsFound && /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteResultListItem.AutoCompleteResultListItem, { empty: true }, tNoResults?.())
666
+ ), /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteAssistiveHint.AutoCompleteAssistiveHint, { id: assistiveHintID }, tAssistiveHint?.())));
667
667
  }
668
668
  }
669
669
  // Annotate the CommonJS export names for ESM import in node:
@@ -671,7 +671,7 @@ class AutoComplete extends import_react2.Component {
671
671
  AutoComplete,
672
672
  AutoCompleteAssistiveHint,
673
673
  AutoCompleteContainer,
674
- AutoCompleteInput,
674
+ AutoCompleteInputBase,
675
675
  AutoCompleteInputTypeahead,
676
676
  AutoCompleteMultipleInput,
677
677
  AutoCompleteMultipleInputContainer,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/form/AutoComplete/index.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport { Component } from 'react';\nimport AutoCompleteAssistiveHint from '@digigov/react-core/AutoCompleteAssistiveHint';\nimport AutoCompleteInput from '@digigov/react-core/AutoCompleteInput';\nimport AutoCompleteInputTypeahead from '@digigov/react-core/AutoCompleteInputTypeahead';\nimport AutoCompleteResultList from '@digigov/react-core/AutoCompleteResultList';\nimport AutoCompleteResultListItem from '@digigov/react-core/AutoCompleteResultListItem';\nimport AutoCompleteContainer from '@digigov/react-core/AutoCompleteContainer';\nimport AutoCompleteMultipleInputContainer from '@digigov/react-core/AutoCompleteMultipleInputContainer';\nimport AutoCompleteMultipleInput from '@digigov/react-core/AutoCompleteMultipleInput';\nimport { Base } from '@digigov/react-core/Base';\nimport { CaretIcon } from '@digigov/react-icons/CaretIcon';\nimport Status from '@digigov/ui/form/AutoComplete/Status';\nimport {\n isIosDevice,\n keyCodes,\n isPrintableKeyCode,\n} from '@digigov/ui/form/AutoComplete/utils';\nimport Checkbox, { CheckboxItem } from '../Checkbox';\nimport { Chip, ChipContainer } from '@digigov/ui/content/Chip';\nimport Button from '@digigov/ui/form/Button';\nimport { NormalText } from '@digigov/ui/typography/NormalText';\n\nexport interface AutoCompleteProps {\n source: (query: string, syncResults: (options: string[]) => void) => void;\n id: string;\n multiple?: boolean;\n tStatusResults?: (x: number, y: string) => string;\n tStatusNoResults?: () => string;\n tStatusQueryTooShort?: (x: number) => string;\n tStatusSelectedOption?: (x: string, y: number, z: number) => string;\n tNoResults?: () => string;\n tAssistiveHint?: () => string;\n templates?: {\n suggestion?: (value: any, query: string | string[]) => any;\n inputValue?: (value: any) => string;\n };\n width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';\n autoselect?: boolean;\n defaultValue?: string | string[];\n minLength?: number;\n name?: string;\n placeholder?: string;\n onConfirm?: (x: any) => void;\n confirmOnBlur?: boolean;\n required?: boolean;\n numberOfSelected?: 1 | 2 | 3 | 'all';\n}\n\nexport type State = {\n focused: any;\n hovered: any;\n menuOpen: boolean;\n options: any[];\n query: string;\n selectedValues: any[];\n validChoiceMade: boolean;\n selected: any;\n ariaHint: boolean;\n};\n\nexport type NewQueryProps = { menuOpen?: boolean; query?: string };\n\nexport default class AutoComplete extends Component<AutoCompleteProps, State> {\n static defaultProps = {\n width: 'full',\n autoselect: false,\n minLength: 0,\n name: 'ds-input-autocomplete',\n placeholder: '',\n onConfirm: (): void => {\n return;\n },\n confirmOnBlur: false,\n required: false,\n tNoResults: (): string => 'No results found',\n tAssistiveHint: (): string =>\n 'When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures.',\n };\n\n elementReferences = {};\n\n constructor(props: AutoCompleteProps) {\n super(props);\n const customState: any = {};\n if (Array.isArray(props.defaultValue)) {\n customState.selectedValues = props.defaultValue as string[];\n } else if (props.defaultValue) {\n customState.selectedValues = [props.defaultValue as string];\n }\n\n this.state = {\n focused: null,\n hovered: null,\n menuOpen: false,\n options: [],\n query: this.props.multiple ? '' : (props.defaultValue as string) || '',\n selectedValues: [],\n validChoiceMade: false,\n selected: null,\n ariaHint: true,\n ...customState,\n };\n this.handleComponentBlur = this.handleComponentBlur.bind(this);\n this.handleAutoCompleteBlur = this.handleAutoCompleteBlur.bind(this);\n this.handleKeyDown = this.handleKeyDown.bind(this);\n this.handleUpArrow = this.handleUpArrow.bind(this);\n this.handleDownArrow = this.handleDownArrow.bind(this);\n this.handleEnter = this.handleEnter.bind(this);\n this.handlePrintableKey = this.handlePrintableKey.bind(this);\n\n this.handleListMouseLeave = this.handleListMouseLeave.bind(this);\n\n if (this.props.multiple) {\n this.handleOptionClick = this.handleOptionClickMultiple.bind(this);\n } else {\n this.handleOptionClick = this.handleOptionClick.bind(this);\n }\n this.handleOptionFocus = this.handleOptionFocus.bind(this);\n this.handleOptionMouseDown = this.handleOptionMouseDown.bind(this);\n this.handleOptionMouseEnter = this.handleOptionMouseEnter.bind(this);\n\n this.handleInputChange = this.handleInputChange.bind(this);\n this.handleInputFocus = this.handleInputFocus.bind(this);\n\n this.getDirectInputChanges = this.getDirectInputChanges.bind(this);\n }\n\n isQueryAnOption(query: string, options: string[]): boolean {\n return (\n options\n .map((entry) => this.templateInputValue(entry).toLowerCase())\n .indexOf(query.toLowerCase()) !== -1\n );\n }\n\n componentDidMount(): void {\n this.getDirectInputChanges();\n\n }\n\n getDirectInputChanges(): void {\n const inputReference = this.elementReferences[-1];\n const queryHasChanged =\n inputReference && inputReference.value !== (this.state.query ?? '');\n if (queryHasChanged) {\n this.handleInputChange({ target: { value: inputReference.value } });\n }\n }\n\n componentDidUpdate(_, prevState: Readonly<State>): void {\n const { focused } = this.state;\n const componentLostFocus = focused === null;\n const focusedChanged = prevState.focused !== focused;\n const focusDifferentElement = focusedChanged && !componentLostFocus;\n if (focusDifferentElement) {\n this.elementReferences[focused].focus();\n }\n const focusedInput = focused === -1;\n const componentGainedFocus = focusedChanged && prevState.focused === null;\n const selectAllText = focusedInput && componentGainedFocus;\n if (selectAllText) {\n const inputElement = this.elementReferences[focused];\n inputElement.setSelectionRange(0, inputElement.value.length);\n }\n }\n\n hasAutoselect(): boolean {\n return (isIosDevice() as boolean)\n ? false\n : (this.props.autoselect as boolean);\n }\n\n // This template is used when converting from a state.options object into a state.query.\n templateInputValue(value: string): string {\n const inputValueTemplate =\n this.props.templates && this.props.templates.inputValue;\n return inputValueTemplate ? inputValueTemplate(value) : value;\n }\n\n // This template is used when displaying results / suggestions.\n templateSuggestion(value: string): string {\n const suggestionTemplate =\n this.props.templates && this.props.templates.suggestion;\n\n return suggestionTemplate\n ? suggestionTemplate(value, this.state.query)\n : value;\n }\n\n handleComponentBlur(newState?: NewQueryProps): void {\n const { options, query, selected } = this.state;\n let newQuery: string;\n if (this.props.confirmOnBlur) {\n newQuery = newState?.query || query;\n this.props.onConfirm?.(options[selected as number]);\n } else {\n newQuery = query;\n }\n this.setState({\n focused: null,\n menuOpen: newState?.menuOpen || false,\n query: newQuery,\n selected: null,\n validChoiceMade: this.isQueryAnOption(newQuery, options),\n });\n }\n\n handleListMouseLeave(): void {\n this.setState({\n hovered: null,\n });\n }\n\n handleAutoCompleteBlur(event, index?: number): void {\n const { focused, options, query, selected } = this.state;\n let focusingOutsideComponent = false;\n if (event.relatedTarget === null) {\n focusingOutsideComponent = true;\n } else {\n // This affects if we have multiple autocompletes in same page and we click the first button-arrow and then another button-arrow\n focusingOutsideComponent =\n this.elementReferences['button-arrow'] !== event.relatedTarget;\n }\n const focusingInput = event.relatedTarget === this.elementReferences[-1];\n const focusingButtonArrow =\n this.elementReferences['button-arrow'] === event.relatedTarget || false;\n let focusingAnotherOption = focused !== null && focused !== -1;\n if (index !== undefined) {\n focusingAnotherOption = focused !== index && focused !== -1;\n }\n // Check if the user clicks outside and not either on option, either on input or on button arrow\n const blurComponent =\n focusingOutsideComponent &&\n !(focusingAnotherOption || focusingInput || focusingButtonArrow);\n\n if (blurComponent) {\n // In handleInputBlur:\n const newQuery = isIosDevice()\n ? query\n : this.templateInputValue(options[selected as number]);\n this.handleComponentBlur({\n menuOpen: false,\n query: newQuery,\n });\n }\n }\n\n handleInputChange(event: { target: any }): void {\n const { source, minLength } = this.props;\n const autoselect = this.hasAutoselect();\n const query = event.target.value;\n const queryEmpty = query.length === 0;\n this.setState({\n query,\n ariaHint: queryEmpty,\n });\n const minLengthQuery =\n minLength != undefined && minLength > query.length ? '' : query;\n source(minLengthQuery, (options) => {\n const optionsAvailable = options.length > 0;\n this.setState({\n menuOpen: optionsAvailable,\n options,\n selected: autoselect && optionsAvailable ? 0 : -1,\n validChoiceMade: false,\n });\n });\n }\n\n handleInputClick(\n event: React.MouseEvent<HTMLInputElement, MouseEvent>\n ): void {\n this.handleInputChange(event);\n }\n\n handleInputFocus(): void {\n const { source } = this.props;\n const { query, validChoiceMade, options } = this.state;\n const { minLength } = this.props;\n const shouldReopenMenu =\n !validChoiceMade &&\n query.length >= (minLength as number) &&\n options.length > 0;\n if (shouldReopenMenu) {\n this.setState(({ menuOpen }) => ({\n focused: -1,\n menuOpen: shouldReopenMenu || menuOpen,\n selected: -1,\n }));\n } else {\n source(query, (options) => {\n this.setState({\n focused: -1,\n options,\n });\n });\n }\n }\n\n handleOptionFocus(index: number): void {\n this.setState({\n focused: index,\n hovered: null,\n selected: index,\n });\n }\n\n handleOptionMouseEnter(index: number): void {\n // iOS Safari prevents click event if mouseenter adds hover background colour\n // See: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW4\n if (!isIosDevice()) {\n this.setState({\n hovered: index,\n });\n }\n }\n\n handleOptionClickMultiple(index: number): void {\n const selectedOption = this.state.options[index];\n let selectedValues = this.state.selectedValues;\n if (this.state.selectedValues.indexOf(selectedOption) === -1) {\n selectedValues = selectedValues.concat([selectedOption]);\n } else {\n selectedValues.splice(\n this.state.selectedValues.indexOf(selectedOption),\n 1\n );\n }\n this.props.onConfirm?.(selectedValues);\n this.setState({\n focused: index,\n hovered: null,\n menuOpen: true,\n query: '',\n selectedValues,\n selected: index,\n validChoiceMade: true,\n });\n this.forceUpdate();\n }\n\n handleOptionClick(index: number): void {\n const selectedOption = this.state.options[index];\n const newQuery = this.templateInputValue(selectedOption);\n this.props.onConfirm?.(selectedOption);\n const selectedValues = this.props.multiple\n ? this.state.selectedValues.concat(selectedOption)\n : [selectedOption];\n this.setState({\n focused: -1,\n hovered: null,\n menuOpen: false,\n query: newQuery,\n selectedValues,\n selected: -1,\n validChoiceMade: true,\n });\n this.forceUpdate();\n }\n\n handleOptionMouseDown(event: { preventDefault: () => void }): void {\n // Safari triggers focusOut before click, but if you\n // preventDefault on mouseDown, you can stop that from happening.\n // If this is removed, clicking on an option in Safari will trigger\n // `handleOptionBlur`, which closes the menu, and the click will\n // trigger on the element underneath instead.\n // See: http://stackoverflow.com/questions/7621711/how-to-prevent-blur-running-when-clicking-a-link-in-jquery\n event.preventDefault();\n }\n\n handleUpArrow(event: { preventDefault: () => void }): void {\n event.preventDefault();\n const { menuOpen, selected } = this.state;\n const isNotAtTop = selected !== -1;\n const allowMoveUp = isNotAtTop && menuOpen;\n if (allowMoveUp) {\n this.handleOptionFocus((selected as number) - 1);\n }\n }\n\n handleDownArrow(event: { preventDefault: () => void }): void {\n event.preventDefault();\n // if not open, open\n if (this.state.menuOpen === false) {\n event.preventDefault();\n this.props.source('', (options) => {\n this.setState({\n menuOpen: true,\n options,\n selected: 0,\n focused: 0,\n hovered: null,\n });\n });\n } else if (this.state.menuOpen === true) {\n const { menuOpen, options, selected } = this.state;\n const isNotAtBottom = selected !== options.length - 1;\n const allowMoveDown = isNotAtBottom && menuOpen;\n if (allowMoveDown) {\n this.handleOptionFocus((selected as number) + 1);\n }\n }\n }\n\n handleSpace(event: { preventDefault: () => void }): void {\n // if not open, open\n if (this.state.menuOpen === false && this.state.query === '') {\n event.preventDefault();\n this.props.source('', (options) => {\n this.setState({\n menuOpen: true,\n options,\n });\n });\n }\n const focusIsOnOption = this.state.focused !== -1;\n if (focusIsOnOption) {\n event.preventDefault();\n this.handleOptionClick(this.state.focused);\n }\n }\n\n handleEnter(event: { preventDefault: () => void }): void {\n if (this.state.menuOpen) {\n event.preventDefault();\n const hasSelectedOption = this.state.selected >= 0;\n if (hasSelectedOption) {\n this.handleOptionClick(this.state.selected);\n if (this.props.multiple) {\n this.setState({\n menuOpen: false,\n focused: -1,\n });\n }\n }\n }\n }\n\n handlePrintableKey(event: { target: any }): void {\n const inputElement = this.elementReferences[-1];\n const eventIsOnInput = event.target === inputElement;\n if (!eventIsOnInput) {\n // FIXME: This would be better if it was in componentDidUpdate,\n // but using setState to trigger that seems to not work correctly\n // in preact@8.1.0.\n inputElement.focus();\n }\n }\n\n handleKeyDown(event: {\n preventDefault: () => void;\n keyCode: number;\n target: any;\n }): void {\n switch (keyCodes[event.keyCode]) {\n case 'up':\n this.handleUpArrow(event);\n break;\n case 'down':\n this.handleDownArrow(event);\n break;\n case 'space':\n this.handleSpace(event);\n break;\n case 'enter':\n this.handleEnter(event);\n break;\n case 'escape':\n this.handleComponentBlur({\n query: this.state.query,\n });\n break;\n case 'backspace':\n if (this.props.multiple) {\n if (this.state.query.length === 0 && this.state.selectedValues.length > 0) {\n event.preventDefault();\n const updatedSelectedValues = this.state.selectedValues.slice(0, -1);\n this.setState({\n selectedValues: updatedSelectedValues,\n }, () => {\n this.props.onConfirm?.(updatedSelectedValues);\n });\n break;\n }\n }\n else {\n this.props.onConfirm?.('');\n break;\n }\n default:\n if (isPrintableKeyCode(event.keyCode)) {\n this.handlePrintableKey(event);\n }\n break;\n }\n }\n\n render(): JSX.Element {\n const {\n id,\n width,\n minLength,\n name,\n placeholder,\n required,\n tNoResults,\n tStatusQueryTooShort,\n tStatusNoResults,\n tStatusSelectedOption,\n tStatusResults,\n tAssistiveHint,\n multiple,\n source,\n } = this.props;\n const {\n focused,\n hovered,\n menuOpen,\n options,\n selected,\n ariaHint,\n validChoiceMade,\n } = this.state;\n const autoselect = this.hasAutoselect();\n const query = this.state.query ?? '';\n const inputFocused = focused === -1;\n const noOptionsAvailable = options.length === 0;\n const queryNotEmpty = query.length !== 0;\n const queryLongEnough = query.length >= (minLength as number);\n const showNoOptionsFound =\n inputFocused && noOptionsAvailable && queryNotEmpty && queryLongEnough;\n const componentIsFocused = focused !== null;\n const optionFocused = focused !== -1 && focused !== null;\n const menuIsVisible = menuOpen || showNoOptionsFound;\n const selectedOptionText = this.templateInputValue(options[selected]);\n const optionBeginsWithQuery =\n selectedOptionText &&\n selectedOptionText.toLowerCase().indexOf(query.toLowerCase()) === 0;\n const hintValue =\n optionBeginsWithQuery && autoselect\n ? query + selectedOptionText.substr(query.length)\n : '';\n\n const assistiveHintID = id + '__assistiveHint';\n const ariaDescribedProp = ariaHint\n ? {\n 'aria-describedby': assistiveHintID,\n }\n : null;\n\n const showAutoCompleteResultListItems = (\n options: string[],\n multiple: boolean\n ) => {\n {\n return options.map((option, index) => {\n const showFocused =\n focused === -1 ? selected === index : focused === index;\n const iosPosinsetHtml = isIosDevice() ? (\n <Base as='span'\n id={`${id}__option-suffix--${index}`}\n style={{\n border: '0',\n clip: 'rect(0 0 0 0)',\n height: '1px',\n marginBottom: '-1px',\n marginRight: '-1px',\n overflow: 'hidden',\n padding: '0',\n position: 'absolute',\n whiteSpace: 'nowrap',\n width: '1px',\n }}\n >\n {index + 1} \u03B1\u03C0\u03CC {options.length}\n </Base>\n ) : (\n ''\n );\n return (\n <AutoCompleteResultListItem\n isFocused={showFocused}\n isHovered={hovered}\n index={index}\n aria-selected={focused === index ? 'true' : 'false'}\n key={index}\n onBlur={(event) => this.handleAutoCompleteBlur(event, index)}\n onClick={() => this.handleOptionClick(index)}\n onMouseDown={this.handleOptionMouseDown}\n onMouseEnter={() => this.handleOptionMouseEnter(index)}\n ref={(optionEl) => {\n this.elementReferences[index] = optionEl;\n }}\n role=\"option\"\n tabIndex={-1}\n // @ts-ignore\n value={typeof option === 'object' ? option?.value : option}\n aria-posinset={index + 1}\n aria-setsize={options.length}\n >\n {multiple ? (\n <CheckboxItem\n value={option}\n checked={this.state.selectedValues.includes(option)}\n onChange={() => { }}\n >\n {this.templateSuggestion(option)}\n </CheckboxItem>\n ) : (\n this.templateSuggestion(option)\n )}\n {iosPosinsetHtml}\n </AutoCompleteResultListItem>\n );\n });\n }\n };\n\n return (\n <AutoCompleteContainer onKeyDown={this.handleKeyDown} width={width}>\n <Status\n id={id}\n length={options.length}\n queryLength={query.length}\n minQueryLength={minLength as number}\n selectedOption={this.templateInputValue(options[selected])}\n selectedOptionIndex={selected}\n validChoiceMade={validChoiceMade}\n isInFocus={this.state.focused !== null}\n tQueryTooShort={tStatusQueryTooShort}\n tNoResults={tStatusNoResults}\n tSelectedOption={tStatusSelectedOption}\n tResults={tStatusResults}\n />\n\n {hintValue && (placeholder === '' || !placeholder) && (\n <AutoCompleteInputTypeahead value={hintValue} />\n )}\n\n {multiple ? (\n <AutoCompleteMultipleInputContainer\n isFocused={componentIsFocused}\n numberOfSelected={this.props.numberOfSelected}\n >\n <ChipContainer>\n {this.state.selectedValues.map((value, index) => {\n return (\n <Chip\n key={index}\n onDelete={() => {\n this.setState(prevState => ({\n selectedValues: prevState.selectedValues.filter(\n (v) => {\n if (typeof v === \"string\") {\n return v !== value;\n } else {\n return v.value !== value.value;\n }\n }\n ),\n }), () => {\n this.props.onConfirm?.(this.state.selectedValues);\n });\n }}\n >\n {typeof value === \"string\" ? value : value.label.primary}\n </Chip>\n );\n })}\n {!componentIsFocused &&\n typeof this.props.numberOfSelected === 'number' &&\n this.state.selectedValues.length >\n this.props.numberOfSelected && (\n <NormalText fontWeight=\"bold\" margin={0}>\n +\n {this.state.selectedValues.length -\n this.props.numberOfSelected}\n </NormalText>\n )}\n </ChipContainer>\n <AutoCompleteMultipleInput\n aria-expanded={menuOpen ? 'true' : 'false'}\n aria-activedescendant={\n optionFocused ? `${id}__option--${focused}` : ''\n }\n aria-owns={`${id}__listbox`}\n aria-autocomplete={this.hasAutoselect() ? 'both' : 'list'}\n {...ariaDescribedProp}\n autoComplete=\"off\"\n // isFocused={componentIsFocused}\n id={id}\n onClick={(event) => this.handleInputClick(event)}\n onBlur={(event) => this.handleAutoCompleteBlur(event)}\n onChange={this.handleInputChange}\n onFocus={this.handleInputFocus}\n name={name}\n placeholder={placeholder}\n ref={(inputElement) => {\n this.elementReferences[-1] = inputElement;\n }}\n role=\"combobox\"\n required={required}\n value={query}\n />\n <Button\n id={`${id}__button-arrow`}\n ref={(buttonElement) => {\n this.elementReferences['button-arrow'] = buttonElement;\n }}\n variant=\"link\"\n onClick={() => {\n if (!this.state.menuOpen) {\n source(query, (options) => {\n const optionsAvailable = options.length > 0;\n this.setState({\n menuOpen: optionsAvailable,\n options,\n selected: autoselect && optionsAvailable ? 0 : -1,\n validChoiceMade: false,\n });\n });\n } else {\n this.setState({\n menuOpen: false,\n focused: null,\n });\n }\n }}\n onBlur={(event) => this.handleAutoCompleteBlur(event)}\n >\n <CaretIcon direction=\"down\" size=\"md\" />\n </Button>\n\n <AutoCompleteResultList\n isVisible={menuIsVisible}\n onMouseLeave={() => this.handleListMouseLeave()}\n id={`${id}__listbox`}\n role=\"listbox\"\n >\n <Checkbox>\n {showAutoCompleteResultListItems(options, multiple)}\n </Checkbox>\n\n {showNoOptionsFound && (\n <AutoCompleteResultListItem empty>\n {tNoResults?.()}\n </AutoCompleteResultListItem>\n )}\n </AutoCompleteResultList>\n\n <AutoCompleteAssistiveHint id={assistiveHintID}>\n {tAssistiveHint?.()}\n </AutoCompleteAssistiveHint>\n </AutoCompleteMultipleInputContainer>\n ) : (\n <>\n <AutoCompleteInput\n aria-expanded={menuOpen ? 'true' : 'false'}\n aria-activedescendant={\n optionFocused ? `${id}__option--${focused}` : ''\n }\n aria-owns={`${id}__listbox`}\n aria-autocomplete={this.hasAutoselect() ? 'both' : 'list'}\n {...ariaDescribedProp}\n autoComplete=\"off\"\n isFocused={componentIsFocused}\n id={id}\n onClick={(event) => this.handleInputClick(event)}\n onBlur={this.handleAutoCompleteBlur}\n onChange={this.handleInputChange}\n onFocus={this.handleInputFocus}\n name={name}\n placeholder={placeholder}\n ref={(inputElement) => {\n this.elementReferences[-1] = inputElement;\n }}\n role=\"combobox\"\n required={required}\n value={query}\n />\n <CaretIcon direction=\"down\" size=\"md\" />\n\n <AutoCompleteResultList\n isVisible={menuIsVisible}\n onMouseLeave={() => this.handleListMouseLeave()}\n id={`${id}__listbox`}\n role=\"listbox\"\n >\n {showAutoCompleteResultListItems(options, false)}\n {showNoOptionsFound && (\n <AutoCompleteResultListItem empty>\n {tNoResults?.()}\n </AutoCompleteResultListItem>\n )}\n </AutoCompleteResultList>\n <AutoCompleteAssistiveHint id={assistiveHintID}>\n {tAssistiveHint?.()}\n </AutoCompleteAssistiveHint>\n </>\n )}\n </AutoCompleteContainer>\n );\n }\n}\n\nexport {\n AutoComplete,\n AutoCompleteInput,\n AutoCompleteInputTypeahead,\n AutoCompleteResultList,\n AutoCompleteResultListItem,\n AutoCompleteContainer,\n AutoCompleteAssistiveHint,\n AutoCompleteMultipleInputContainer,\n AutoCompleteMultipleInput,\n};\n"],
5
- "mappings": "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",
6
- "names": ["AutoCompleteAssistiveHint", "AutoCompleteContainer", "AutoCompleteInput", "AutoCompleteInputTypeahead", "AutoCompleteMultipleInput", "AutoCompleteMultipleInputContainer", "AutoCompleteResultList", "AutoCompleteResultListItem", "import_react", "options", "multiple", "React", "Status", "Button", "Checkbox"]
4
+ "sourcesContent": ["import React from 'react';\nimport { Component } from 'react';\nimport { AutoCompleteAssistiveHint } from '@digigov/react-core/AutoCompleteAssistiveHint';\nimport { AutoCompleteInputBase } from '@digigov/react-core/AutoCompleteInputBase';\nimport { AutoCompleteInputTypeahead } from '@digigov/react-core/AutoCompleteInputTypeahead';\nimport { AutoCompleteResultList } from '@digigov/react-core/AutoCompleteResultList';\nimport { AutoCompleteResultListItem } from '@digigov/react-core/AutoCompleteResultListItem';\nimport { AutoCompleteContainer } from '@digigov/react-core/AutoCompleteContainer';\nimport { AutoCompleteMultipleInputContainer } from '@digigov/react-core/AutoCompleteMultipleInputContainer';\nimport { AutoCompleteMultipleInput } from '@digigov/react-core/AutoCompleteMultipleInput';\nimport { Base } from '@digigov/react-core/Base';\nimport { CaretIcon } from '@digigov/react-icons/CaretIcon';\nimport Status from '@digigov/ui/form/AutoComplete/Status';\nimport {\n isIosDevice,\n keyCodes,\n isPrintableKeyCode,\n} from '@digigov/ui/form/AutoComplete/utils';\nimport Checkbox, { CheckboxItem } from '../Checkbox';\nimport { Chip, ChipContainer } from '@digigov/ui/content/Chip';\nimport Button from '@digigov/ui/form/Button';\nimport { NormalText } from '@digigov/ui/typography/NormalText';\n\nexport interface AutoCompleteProps {\n source: (query: string, syncResults: (options: string[]) => void) => void;\n id: string;\n multiple?: boolean;\n tStatusResults?: (x: number, y: string) => string;\n tStatusNoResults?: () => string;\n tStatusQueryTooShort?: (x: number) => string;\n tStatusSelectedOption?: (x: string, y: number, z: number) => string;\n tNoResults?: () => string;\n tAssistiveHint?: () => string;\n templates?: {\n suggestion?: (value: any, query: string | string[]) => any;\n inputValue?: (value: any) => string;\n };\n width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';\n autoselect?: boolean;\n defaultValue?: string | string[];\n minLength?: number;\n name?: string;\n placeholder?: string;\n onConfirm?: (x: any) => void;\n confirmOnBlur?: boolean;\n required?: boolean;\n numberOfSelected?: 1 | 2 | 3 | 'all';\n}\n\nexport type State = {\n focused: any;\n hovered: any;\n menuOpen: boolean;\n options: any[];\n query: string;\n selectedValues: any[];\n validChoiceMade: boolean;\n selected: any;\n ariaHint: boolean;\n};\n\nexport type NewQueryProps = { menuOpen?: boolean; query?: string };\n\nexport default class AutoComplete extends Component<AutoCompleteProps, State> {\n static defaultProps = {\n width: 'full',\n autoselect: false,\n minLength: 0,\n name: 'ds-input-autocomplete',\n placeholder: '',\n onConfirm: (): void => {\n return;\n },\n confirmOnBlur: false,\n required: false,\n tNoResults: (): string => 'No results found',\n tAssistiveHint: (): string =>\n 'When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures.',\n };\n\n elementReferences = {};\n\n constructor(props: AutoCompleteProps) {\n super(props);\n const customState: any = {};\n if (Array.isArray(props.defaultValue)) {\n customState.selectedValues = props.defaultValue as string[];\n } else if (props.defaultValue) {\n customState.selectedValues = [props.defaultValue as string];\n }\n\n this.state = {\n focused: null,\n hovered: null,\n menuOpen: false,\n options: [],\n query: this.props.multiple ? '' : (props.defaultValue as string) || '',\n selectedValues: [],\n validChoiceMade: false,\n selected: null,\n ariaHint: true,\n ...customState,\n };\n this.handleComponentBlur = this.handleComponentBlur.bind(this);\n this.handleAutoCompleteBlur = this.handleAutoCompleteBlur.bind(this);\n this.handleKeyDown = this.handleKeyDown.bind(this);\n this.handleUpArrow = this.handleUpArrow.bind(this);\n this.handleDownArrow = this.handleDownArrow.bind(this);\n this.handleEnter = this.handleEnter.bind(this);\n this.handlePrintableKey = this.handlePrintableKey.bind(this);\n\n this.handleListMouseLeave = this.handleListMouseLeave.bind(this);\n\n if (this.props.multiple) {\n this.handleOptionClick = this.handleOptionClickMultiple.bind(this);\n } else {\n this.handleOptionClick = this.handleOptionClick.bind(this);\n }\n this.handleOptionFocus = this.handleOptionFocus.bind(this);\n this.handleOptionMouseDown = this.handleOptionMouseDown.bind(this);\n this.handleOptionMouseEnter = this.handleOptionMouseEnter.bind(this);\n\n this.handleInputChange = this.handleInputChange.bind(this);\n this.handleInputFocus = this.handleInputFocus.bind(this);\n\n this.getDirectInputChanges = this.getDirectInputChanges.bind(this);\n }\n\n isQueryAnOption(query: string, options: string[]): boolean {\n return (\n options\n .map((entry) => this.templateInputValue(entry).toLowerCase())\n .indexOf(query.toLowerCase()) !== -1\n );\n }\n\n componentDidMount(): void {\n this.getDirectInputChanges();\n\n }\n\n getDirectInputChanges(): void {\n const inputReference = this.elementReferences[-1];\n const queryHasChanged =\n inputReference && inputReference.value !== (this.state.query ?? '');\n if (queryHasChanged) {\n this.handleInputChange({ target: { value: inputReference.value } });\n }\n }\n\n componentDidUpdate(_, prevState: Readonly<State>): void {\n const { focused } = this.state;\n const componentLostFocus = focused === null;\n const focusedChanged = prevState.focused !== focused;\n const focusDifferentElement = focusedChanged && !componentLostFocus;\n if (focusDifferentElement) {\n this.elementReferences[focused].focus();\n }\n const focusedInput = focused === -1;\n const componentGainedFocus = focusedChanged && prevState.focused === null;\n const selectAllText = focusedInput && componentGainedFocus;\n if (selectAllText) {\n const inputElement = this.elementReferences[focused];\n inputElement.setSelectionRange(0, inputElement.value.length);\n }\n }\n\n hasAutoselect(): boolean {\n return (isIosDevice() as boolean)\n ? false\n : (this.props.autoselect as boolean);\n }\n\n // This template is used when converting from a state.options object into a state.query.\n templateInputValue(value: string): string {\n const inputValueTemplate =\n this.props.templates && this.props.templates.inputValue;\n return inputValueTemplate ? inputValueTemplate(value) : value;\n }\n\n // This template is used when displaying results / suggestions.\n templateSuggestion(value: string): string {\n const suggestionTemplate =\n this.props.templates && this.props.templates.suggestion;\n\n return suggestionTemplate\n ? suggestionTemplate(value, this.state.query)\n : value;\n }\n\n handleComponentBlur(newState?: NewQueryProps): void {\n const { options, query, selected } = this.state;\n let newQuery: string;\n if (this.props.confirmOnBlur) {\n newQuery = newState?.query || query;\n this.props.onConfirm?.(options[selected as number]);\n } else {\n newQuery = query;\n }\n this.setState({\n focused: null,\n menuOpen: newState?.menuOpen || false,\n query: newQuery,\n selected: null,\n validChoiceMade: this.isQueryAnOption(newQuery, options),\n });\n }\n\n handleListMouseLeave(): void {\n this.setState({\n hovered: null,\n });\n }\n\n handleAutoCompleteBlur(event, index?: number): void {\n const { focused, options, query, selected } = this.state;\n let focusingOutsideComponent = false;\n if (event.relatedTarget === null) {\n focusingOutsideComponent = true;\n } else {\n // This affects if we have multiple autocompletes in same page and we click the first button-arrow and then another button-arrow\n focusingOutsideComponent =\n this.elementReferences['button-arrow'] !== event.relatedTarget;\n }\n const focusingInput = event.relatedTarget === this.elementReferences[-1];\n const focusingButtonArrow =\n this.elementReferences['button-arrow'] === event.relatedTarget || false;\n let focusingAnotherOption = focused !== null && focused !== -1;\n if (index !== undefined) {\n focusingAnotherOption = focused !== index && focused !== -1;\n }\n // Check if the user clicks outside and not either on option, either on input or on button arrow\n const blurComponent =\n focusingOutsideComponent &&\n !(focusingAnotherOption || focusingInput || focusingButtonArrow);\n\n if (blurComponent) {\n // In handleInputBlur:\n const newQuery = isIosDevice()\n ? query\n : this.templateInputValue(options[selected as number]);\n this.handleComponentBlur({\n menuOpen: false,\n query: newQuery,\n });\n }\n }\n\n handleInputChange(event: { target: any }): void {\n const { source, minLength } = this.props;\n const autoselect = this.hasAutoselect();\n const query = event.target.value;\n const queryEmpty = query.length === 0;\n this.setState({\n query,\n ariaHint: queryEmpty,\n });\n const minLengthQuery =\n minLength != undefined && minLength > query.length ? '' : query;\n source(minLengthQuery, (options) => {\n const optionsAvailable = options.length > 0;\n this.setState({\n menuOpen: optionsAvailable,\n options,\n selected: autoselect && optionsAvailable ? 0 : -1,\n validChoiceMade: false,\n });\n });\n }\n\n handleInputClick(\n event: React.MouseEvent<HTMLInputElement, MouseEvent>\n ): void {\n this.handleInputChange(event);\n }\n\n handleInputFocus(): void {\n const { source } = this.props;\n const { query, validChoiceMade, options } = this.state;\n const { minLength } = this.props;\n const shouldReopenMenu =\n !validChoiceMade &&\n query.length >= (minLength as number) &&\n options.length > 0;\n if (shouldReopenMenu) {\n this.setState(({ menuOpen }) => ({\n focused: -1,\n menuOpen: shouldReopenMenu || menuOpen,\n selected: -1,\n }));\n } else {\n source(query, (options) => {\n this.setState({\n focused: -1,\n options,\n });\n });\n }\n }\n\n handleOptionFocus(index: number): void {\n this.setState({\n focused: index,\n hovered: null,\n selected: index,\n });\n }\n\n handleOptionMouseEnter(index: number): void {\n // iOS Safari prevents click event if mouseenter adds hover background colour\n // See: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW4\n if (!isIosDevice()) {\n this.setState({\n hovered: index,\n });\n }\n }\n\n handleOptionClickMultiple(index: number): void {\n const selectedOption = this.state.options[index];\n let selectedValues = this.state.selectedValues;\n if (this.state.selectedValues.indexOf(selectedOption) === -1) {\n selectedValues = selectedValues.concat([selectedOption]);\n } else {\n selectedValues.splice(\n this.state.selectedValues.indexOf(selectedOption),\n 1\n );\n }\n this.props.onConfirm?.(selectedValues);\n this.setState({\n focused: index,\n hovered: null,\n menuOpen: true,\n query: '',\n selectedValues,\n selected: index,\n validChoiceMade: true,\n });\n this.forceUpdate();\n }\n\n handleOptionClick(index: number): void {\n const selectedOption = this.state.options[index];\n const newQuery = this.templateInputValue(selectedOption);\n this.props.onConfirm?.(selectedOption);\n const selectedValues = this.props.multiple\n ? this.state.selectedValues.concat(selectedOption)\n : [selectedOption];\n this.setState({\n focused: -1,\n hovered: null,\n menuOpen: false,\n query: newQuery,\n selectedValues,\n selected: -1,\n validChoiceMade: true,\n });\n this.forceUpdate();\n }\n\n handleOptionMouseDown(event: { preventDefault: () => void }): void {\n // Safari triggers focusOut before click, but if you\n // preventDefault on mouseDown, you can stop that from happening.\n // If this is removed, clicking on an option in Safari will trigger\n // `handleOptionBlur`, which closes the menu, and the click will\n // trigger on the element underneath instead.\n // See: http://stackoverflow.com/questions/7621711/how-to-prevent-blur-running-when-clicking-a-link-in-jquery\n event.preventDefault();\n }\n\n handleUpArrow(event: { preventDefault: () => void }): void {\n event.preventDefault();\n const { menuOpen, selected } = this.state;\n const isNotAtTop = selected !== -1;\n const allowMoveUp = isNotAtTop && menuOpen;\n if (allowMoveUp) {\n this.handleOptionFocus((selected as number) - 1);\n }\n }\n\n handleDownArrow(event: { preventDefault: () => void }): void {\n event.preventDefault();\n // if not open, open\n if (this.state.menuOpen === false) {\n event.preventDefault();\n this.props.source('', (options) => {\n this.setState({\n menuOpen: true,\n options,\n selected: 0,\n focused: 0,\n hovered: null,\n });\n });\n } else if (this.state.menuOpen === true) {\n const { menuOpen, options, selected } = this.state;\n const isNotAtBottom = selected !== options.length - 1;\n const allowMoveDown = isNotAtBottom && menuOpen;\n if (allowMoveDown) {\n this.handleOptionFocus((selected as number) + 1);\n }\n }\n }\n\n handleSpace(event: { preventDefault: () => void }): void {\n // if not open, open\n if (this.state.menuOpen === false && this.state.query === '') {\n event.preventDefault();\n this.props.source('', (options) => {\n this.setState({\n menuOpen: true,\n options,\n });\n });\n }\n const focusIsOnOption = this.state.focused !== -1;\n if (focusIsOnOption) {\n event.preventDefault();\n this.handleOptionClick(this.state.focused);\n }\n }\n\n handleEnter(event: { preventDefault: () => void }): void {\n if (this.state.menuOpen) {\n event.preventDefault();\n const hasSelectedOption = this.state.selected >= 0;\n if (hasSelectedOption) {\n this.handleOptionClick(this.state.selected);\n if (this.props.multiple) {\n this.setState({\n menuOpen: false,\n focused: -1,\n });\n }\n }\n }\n }\n\n handlePrintableKey(event: { target: any }): void {\n const inputElement = this.elementReferences[-1];\n const eventIsOnInput = event.target === inputElement;\n if (!eventIsOnInput) {\n // FIXME: This would be better if it was in componentDidUpdate,\n // but using setState to trigger that seems to not work correctly\n // in preact@8.1.0.\n inputElement.focus();\n }\n }\n\n handleKeyDown(event: {\n preventDefault: () => void;\n keyCode: number;\n target: any;\n }): void {\n switch (keyCodes[event.keyCode]) {\n case 'up':\n this.handleUpArrow(event);\n break;\n case 'down':\n this.handleDownArrow(event);\n break;\n case 'space':\n this.handleSpace(event);\n break;\n case 'enter':\n this.handleEnter(event);\n break;\n case 'escape':\n this.handleComponentBlur({\n query: this.state.query,\n });\n break;\n case 'backspace':\n if (this.props.multiple) {\n if (this.state.query.length === 0 && this.state.selectedValues.length > 0) {\n event.preventDefault();\n const updatedSelectedValues = this.state.selectedValues.slice(0, -1);\n this.setState({\n selectedValues: updatedSelectedValues,\n }, () => {\n this.props.onConfirm?.(updatedSelectedValues);\n });\n break;\n }\n }\n else {\n this.props.onConfirm?.('');\n break;\n }\n default:\n if (isPrintableKeyCode(event.keyCode)) {\n this.handlePrintableKey(event);\n }\n break;\n }\n }\n\n render(): JSX.Element {\n const {\n id,\n width,\n minLength,\n name,\n placeholder,\n required,\n tNoResults,\n tStatusQueryTooShort,\n tStatusNoResults,\n tStatusSelectedOption,\n tStatusResults,\n tAssistiveHint,\n multiple,\n source,\n } = this.props;\n const {\n focused,\n hovered,\n menuOpen,\n options,\n selected,\n ariaHint,\n validChoiceMade,\n } = this.state;\n const autoselect = this.hasAutoselect();\n const query = this.state.query ?? '';\n const inputFocused = focused === -1;\n const noOptionsAvailable = options.length === 0;\n const queryNotEmpty = query.length !== 0;\n const queryLongEnough = query.length >= (minLength as number);\n const showNoOptionsFound =\n inputFocused && noOptionsAvailable && queryNotEmpty && queryLongEnough;\n const componentIsFocused = focused !== null;\n const optionFocused = focused !== -1 && focused !== null;\n const menuIsVisible = menuOpen || showNoOptionsFound;\n const selectedOptionText = this.templateInputValue(options[selected]);\n const optionBeginsWithQuery =\n selectedOptionText &&\n selectedOptionText.toLowerCase().indexOf(query.toLowerCase()) === 0;\n const hintValue =\n optionBeginsWithQuery && autoselect\n ? query + selectedOptionText.substr(query.length)\n : '';\n\n const assistiveHintID = id + '__assistiveHint';\n const ariaDescribedProp = ariaHint\n ? {\n 'aria-describedby': assistiveHintID,\n }\n : null;\n\n const showAutoCompleteResultListItems = (\n options: string[],\n multiple: boolean\n ) => {\n {\n return options.map((option, index) => {\n const showFocused =\n focused === -1 ? selected === index : focused === index;\n const iosPosinsetHtml = isIosDevice() ? (\n <Base as='span'\n id={`${id}__option-suffix--${index}`}\n style={{\n border: '0',\n clip: 'rect(0 0 0 0)',\n height: '1px',\n marginBottom: '-1px',\n marginRight: '-1px',\n overflow: 'hidden',\n padding: '0',\n position: 'absolute',\n whiteSpace: 'nowrap',\n width: '1px',\n }}\n >\n {index + 1} \u03B1\u03C0\u03CC {options.length}\n </Base>\n ) : (\n ''\n );\n return (\n <AutoCompleteResultListItem\n isFocused={showFocused}\n isHovered={hovered}\n index={index}\n aria-selected={focused === index ? 'true' : 'false'}\n key={index}\n onBlur={(event) => this.handleAutoCompleteBlur(event, index)}\n onClick={() => this.handleOptionClick(index)}\n onMouseDown={this.handleOptionMouseDown}\n onMouseEnter={() => this.handleOptionMouseEnter(index)}\n ref={(optionEl) => {\n this.elementReferences[index] = optionEl;\n }}\n role=\"option\"\n tabIndex={-1}\n // @ts-ignore\n value={typeof option === 'object' ? option?.value : option}\n aria-posinset={index + 1}\n aria-setsize={options.length}\n >\n {multiple ? (\n <CheckboxItem\n value={option}\n checked={this.state.selectedValues.includes(option)}\n onChange={() => { }}\n >\n {this.templateSuggestion(option)}\n </CheckboxItem>\n ) : (\n this.templateSuggestion(option)\n )}\n {iosPosinsetHtml}\n </AutoCompleteResultListItem>\n );\n });\n }\n };\n\n return (\n <AutoCompleteContainer onKeyDown={this.handleKeyDown} width={width}>\n <Status\n id={id}\n length={options.length}\n queryLength={query.length}\n minQueryLength={minLength as number}\n selectedOption={this.templateInputValue(options[selected])}\n selectedOptionIndex={selected}\n validChoiceMade={validChoiceMade}\n isInFocus={this.state.focused !== null}\n tQueryTooShort={tStatusQueryTooShort}\n tNoResults={tStatusNoResults}\n tSelectedOption={tStatusSelectedOption}\n tResults={tStatusResults}\n />\n\n {hintValue && (placeholder === '' || !placeholder) && (\n <AutoCompleteInputTypeahead value={hintValue} />\n )}\n\n {multiple ? (\n <AutoCompleteMultipleInputContainer\n isFocused={componentIsFocused}\n numberOfSelected={this.props.numberOfSelected}\n >\n <ChipContainer>\n {this.state.selectedValues.map((value, index) => {\n return (\n <Chip\n key={index}\n onDelete={() => {\n this.setState(prevState => ({\n selectedValues: prevState.selectedValues.filter(\n (v) => {\n if (typeof v === \"string\") {\n return v !== value;\n } else {\n return v.value !== value.value;\n }\n }\n ),\n }), () => {\n this.props.onConfirm?.(this.state.selectedValues);\n });\n }}\n >\n {typeof value === \"string\" ? value : value.label.primary}\n </Chip>\n );\n })}\n {!componentIsFocused &&\n typeof this.props.numberOfSelected === 'number' &&\n this.state.selectedValues.length >\n this.props.numberOfSelected && (\n <NormalText fontWeight=\"bold\" margin={0}>\n +\n {this.state.selectedValues.length -\n this.props.numberOfSelected}\n </NormalText>\n )}\n </ChipContainer>\n <AutoCompleteMultipleInput\n aria-expanded={menuOpen ? 'true' : 'false'}\n aria-activedescendant={\n optionFocused ? `${id}__option--${focused}` : ''\n }\n aria-owns={`${id}__listbox`}\n aria-autocomplete={this.hasAutoselect() ? 'both' : 'list'}\n {...ariaDescribedProp}\n autoComplete=\"off\"\n // isFocused={componentIsFocused}\n id={id}\n onClick={(event) => this.handleInputClick(event)}\n onBlur={(event) => this.handleAutoCompleteBlur(event)}\n onChange={this.handleInputChange}\n onFocus={this.handleInputFocus}\n name={name}\n placeholder={placeholder}\n ref={(inputElement) => {\n this.elementReferences[-1] = inputElement;\n }}\n role=\"combobox\"\n required={required}\n value={query}\n />\n <Button\n id={`${id}__button-arrow`}\n ref={(buttonElement) => {\n this.elementReferences['button-arrow'] = buttonElement;\n }}\n variant=\"link\"\n onClick={() => {\n if (!this.state.menuOpen) {\n source(query, (options) => {\n const optionsAvailable = options.length > 0;\n this.setState({\n menuOpen: optionsAvailable,\n options,\n selected: autoselect && optionsAvailable ? 0 : -1,\n validChoiceMade: false,\n });\n });\n } else {\n this.setState({\n menuOpen: false,\n focused: null,\n });\n }\n }}\n onBlur={(event) => this.handleAutoCompleteBlur(event)}\n >\n <CaretIcon direction=\"down\" size=\"md\" />\n </Button>\n\n <AutoCompleteResultList\n isVisible={menuIsVisible}\n onMouseLeave={() => this.handleListMouseLeave()}\n id={`${id}__listbox`}\n role=\"listbox\"\n >\n <Checkbox>\n {showAutoCompleteResultListItems(options, multiple)}\n </Checkbox>\n\n {showNoOptionsFound && (\n <AutoCompleteResultListItem empty>\n {tNoResults?.()}\n </AutoCompleteResultListItem>\n )}\n </AutoCompleteResultList>\n\n <AutoCompleteAssistiveHint id={assistiveHintID}>\n {tAssistiveHint?.()}\n </AutoCompleteAssistiveHint>\n </AutoCompleteMultipleInputContainer>\n ) : (\n <>\n <AutoCompleteInputBase\n aria-expanded={menuOpen ? 'true' : 'false'}\n aria-activedescendant={\n optionFocused ? `${id}__option--${focused}` : ''\n }\n aria-owns={`${id}__listbox`}\n aria-autocomplete={this.hasAutoselect() ? 'both' : 'list'}\n {...ariaDescribedProp}\n autoComplete=\"off\"\n isFocused={componentIsFocused}\n id={id}\n onClick={(event) => this.handleInputClick(event)}\n onBlur={this.handleAutoCompleteBlur}\n onChange={this.handleInputChange}\n onFocus={this.handleInputFocus}\n name={name}\n placeholder={placeholder}\n ref={(inputElement) => {\n this.elementReferences[-1] = inputElement;\n }}\n role=\"combobox\"\n required={required}\n value={query}\n />\n <CaretIcon direction=\"down\" size=\"md\" />\n\n <AutoCompleteResultList\n isVisible={menuIsVisible}\n onMouseLeave={() => this.handleListMouseLeave()}\n id={`${id}__listbox`}\n role=\"listbox\"\n >\n {showAutoCompleteResultListItems(options, false)}\n {showNoOptionsFound && (\n <AutoCompleteResultListItem empty>\n {tNoResults?.()}\n </AutoCompleteResultListItem>\n )}\n </AutoCompleteResultList>\n <AutoCompleteAssistiveHint id={assistiveHintID}>\n {tAssistiveHint?.()}\n </AutoCompleteAssistiveHint>\n </>\n )}\n </AutoCompleteContainer>\n );\n }\n}\n\nexport {\n AutoComplete,\n AutoCompleteInputBase,\n AutoCompleteInputTypeahead,\n AutoCompleteResultList,\n AutoCompleteResultListItem,\n AutoCompleteContainer,\n AutoCompleteAssistiveHint,\n AutoCompleteMultipleInputContainer,\n AutoCompleteMultipleInput,\n};\n"],
5
+ "mappings": "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",
6
+ "names": ["import_react", "options", "multiple", "React", "Status", "Button", "Checkbox"]
7
7
  }
@@ -35,7 +35,7 @@ var import_react = __toESM(require("react"));
35
35
  var import_DateInputContainer = require("@digigov/ui/form/DateInputContainer");
36
36
  var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
37
37
  var import_Hint = require("@digigov/ui/typography/Hint");
38
- const MultipleQuestions = () => /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { "aria-describedby": "passport-hint" }, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.Fieldset, null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldsetLegend, { size: "md" }, "\u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03CC \u03C3\u03B1\u03C2;"), /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { id: "passport-hint" }, "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"), /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputContainer, null, /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputItem, { name: "day" }, "\u0397\u03BC\u03AD\u03C1\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputItem, { name: "month" }, "\u039C\u03AE\u03BD\u03B1\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputItem, { width: 4, name: "year" }, "\u0388\u03C4\u03BF\u03C2"))));
38
+ const MultipleQuestions = () => /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { "aria-describedby": "passport-hint" }, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.Fieldset, null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldsetLegend, { size: "sm" }, "\u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03CC \u03C3\u03B1\u03C2;"), /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { id: "passport-hint" }, "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"), /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputContainer, null, /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputItem, { name: "day" }, "\u0397\u03BC\u03AD\u03C1\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputItem, { name: "month" }, "\u039C\u03AE\u03BD\u03B1\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputItem, { width: 4, name: "year" }, "\u0388\u03C4\u03BF\u03C2"))));
39
39
  var MultipleQuestions_default = MultipleQuestions;
40
40
  // Annotate the CommonJS export names for ESM import in node:
41
41
  0 && (module.exports = {
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/form/DateInputContainer/__stories__/MultipleQuestions.tsx"],
4
- "sourcesContent": ["import React from 'react';\n\nimport {\n DateInputContainer,\n DateInputItem,\n} from '@digigov/ui/form/DateInputContainer';\n\nimport {\n FieldContainer,\n Fieldset,\n FieldsetLegend,\n} from '@digigov/ui/form/FieldContainer';\n\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const MultipleQuestions = () => (\n <FieldContainer aria-describedby=\"passport-hint\">\n <Fieldset>\n <FieldsetLegend size=\"md\">\n \u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03CC \u03C3\u03B1\u03C2;\n </FieldsetLegend>\n <Hint id=\"passport-hint\">\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020</Hint>\n <DateInputContainer>\n <DateInputItem name=\"day\">\u0397\u03BC\u03AD\u03C1\u03B1</DateInputItem>\n <DateInputItem name=\"month\">\u039C\u03AE\u03BD\u03B1\u03C2</DateInputItem>\n <DateInputItem width={4} name=\"year\">\n \u0388\u03C4\u03BF\u03C2\n </DateInputItem>\n </DateInputContainer>\n </Fieldset>\n </FieldContainer>\n);\n\nexport default MultipleQuestions;\n"],
4
+ "sourcesContent": ["import React from 'react';\n\nimport {\n DateInputContainer,\n DateInputItem,\n} from '@digigov/ui/form/DateInputContainer';\n\nimport {\n FieldContainer,\n Fieldset,\n FieldsetLegend,\n} from '@digigov/ui/form/FieldContainer';\n\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const MultipleQuestions = () => (\n <FieldContainer aria-describedby=\"passport-hint\">\n <Fieldset>\n <FieldsetLegend size=\"sm\">\n \u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03CC \u03C3\u03B1\u03C2;\n </FieldsetLegend>\n <Hint id=\"passport-hint\">\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020</Hint>\n <DateInputContainer>\n <DateInputItem name=\"day\">\u0397\u03BC\u03AD\u03C1\u03B1</DateInputItem>\n <DateInputItem name=\"month\">\u039C\u03AE\u03BD\u03B1\u03C2</DateInputItem>\n <DateInputItem width={4} name=\"year\">\n \u0388\u03C4\u03BF\u03C2\n </DateInputItem>\n </DateInputContainer>\n </Fieldset>\n </FieldContainer>\n);\n\nexport default MultipleQuestions;\n"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,gCAGO;AAEP,4BAIO;AAEP,kBAAqB;AAEd,MAAM,oBAAoB,MAC/B,6BAAAA,QAAA,cAAC,wCAAe,oBAAiB,mBAC/B,6BAAAA,QAAA,cAAC,sCACC,6BAAAA,QAAA,cAAC,wCAAe,MAAK,QAAK,yKAE1B,GACA,6BAAAA,QAAA,cAAC,oBAAK,IAAG,mBAAgB,6FAA0B,GACnD,6BAAAA,QAAA,cAAC,oDACC,6BAAAA,QAAA,cAAC,2CAAc,MAAK,SAAM,gCAAK,GAC/B,6BAAAA,QAAA,cAAC,2CAAc,MAAK,WAAQ,gCAAK,GACjC,6BAAAA,QAAA,cAAC,2CAAc,OAAO,GAAG,MAAK,UAAO,0BAErC,CACF,CACF,CACF;AAGF,IAAO,4BAAQ;",
6
6
  "names": ["React"]
7
7
  }