@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
package/cjs/navigation/Drawer/__stories__/Auto.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/navigation/Drawer/__stories__/Auto.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport { GovGRFooter } from '@digigov/ui/govgr/Footer';\nimport { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\nimport { BurgerIcon } from '@digigov/ui/icons';\nimport {\n AdminAside,\n AdminContainer,\n AdminLayout,\n AdminMain,\n AdminTopSection,\n AdminHeader,\n AdminHeaderContent,\n} from '@digigov/ui/layouts/Admin';\nimport {\n DrawerProvider,\n DrawerAuto,\n DrawerHeadingAuto,\n DrawerButtonAuto,\n} from '@digigov/ui/navigation/Drawer/auto';\nimport { NavListAuto } from '@digigov/ui/navigation/NavList';\nimport { Heading } from '@digigov/ui/typography/Heading';\n\nconst links = [\n { name: 'Nav1', href: '#', label: 'Nav list item 1' },\n {\n name: 'Nav2',\n href: '#',\n label: 'Nav list item 2',\n menu: {\n links: [\n {\n name: 'Nav2.1',\n href: '#',\n label: 'Nav list item 2.1',\n },\n {\n name: 'Nav2.2',\n href: '#',\n label: 'Nav list item 2.2',\n },\n {\n name: 'Nav2.3',\n href: '#',\n label: 'Nav list item 2.3',\n },\n {\n name: 'Nav2.4',\n href: '#',\n label: 'Nav list item 2.4',\n },\n ],\n },\n },\n { name: 'Nav3', href: '#', label: 'Nav list item 3' },\n];\n\nexport const Auto = () => {\n const layout = 'vertical';\n const border = false;\n const fixed = false;\n\n return (\n <AdminLayout>\n <DrawerProvider>\n <AdminHeader>\n <AdminHeaderContent>\n <GovGRLogo></GovGRLogo>\n <DrawerButtonAuto\n drawer=\"drawer-1\"\n className=\"md:hidden\"\n open\n color=\"secondary\"\n style={{\n marginBottom: 0,\n }}\n >\n <BurgerIcon />\n </DrawerButtonAuto>\n </AdminHeaderContent>\n </AdminHeader>\n <AdminContainer>\n <AdminAside>\n <AdminTopSection></AdminTopSection>\n <DrawerAuto id=\"drawer-1\" upRelative=\"md\" direction=\"left\">\n <DrawerHeadingAuto drawer=\"drawer-1\">\n <Heading size=\"md\">Menu</Heading>\n </DrawerHeadingAuto>\n <NavListAuto\n layout={layout}\n border={border}\n links={links}\n fixed={fixed}\n aria-label=\"Nav list\"\n role=\"menu\"\n ></NavListAuto>\n </DrawerAuto>\n </AdminAside>\n <AdminMain></AdminMain>\n </AdminContainer>\n <GovGRFooter />\n </DrawerProvider>\n </AdminLayout>\n );\n};\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAA4B;AAC5B,uBAA0B;AAC1B,mBAA2B;AAC3B,mBAQO;AACP,kBAKO;AACP,qBAA4B;AAC5B,qBAAwB;AAExB,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ,MAAM,KAAK,OAAO,kBAAkB;AAAA,EACpD;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,QACL;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,MAAM,QAAQ,MAAM,KAAK,OAAO,kBAAkB;AACtD;AAEO,MAAM,OAAO,MAAM;AACxB,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,QAAQ;AAEd,SACE,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,uCACC,6BAAAA,QAAA,cAAC,gCAAU,GACX,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,WAAU;AAAA,MACV,MAAI;AAAA,MACJ,OAAM;AAAA,MACN,OAAO;AAAA,QACL,cAAc;AAAA,MAChB;AAAA;AAAA,IAEA,6BAAAA,QAAA,cAAC,6BAAW;AAAA,EACd,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,mCACC,6BAAAA,QAAA,cAAC,+BACC,6BAAAA,QAAA,cAAC,kCAAgB,GACjB,6BAAAA,QAAA,cAAC,0BAAW,IAAG,YAAW,YAAW,MAAK,WAAU,UAClD,6BAAAA,QAAA,cAAC,iCAAkB,QAAO,cACxB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,QAAK,MAAI,CACzB,GACA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAW;AAAA,MACX,MAAK;AAAA;AAAA,EACN,CACH,CACF,GACA,6BAAAA,QAAA,cAAC,4BAAU,CACb,GACA,6BAAAA,QAAA,cAAC,+BAAY,CACf,CACF;AAEJ;",
4
+ "sourcesContent": ["import React from 'react';\nimport { GovGRFooter } from '@digigov/ui/govgr/Footer';\nimport { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\nimport { BurgerIcon } from '@digigov/ui/icons';\nimport {\n AdminAside,\n AdminContainer,\n AdminLayout,\n AdminMain,\n AdminTopSection,\n AdminHeader,\n AdminHeaderContent,\n} from '@digigov/ui/layouts/Admin';\nimport {\n DrawerProvider,\n DrawerAuto,\n DrawerHeadingAuto,\n DrawerButtonAuto,\n} from '@digigov/ui/navigation/Drawer/auto';\nimport { NavListAuto } from '@digigov/ui/navigation/NavList';\nimport { Heading } from '@digigov/ui/typography/Heading';\n\nconst links = [\n { name: 'Nav1', href: '#', label: 'Nav list item 1' },\n {\n name: 'Nav2',\n href: '#',\n label: 'Nav list item 2',\n menu: {\n links: [\n {\n name: 'Nav2.1',\n href: '#',\n label: 'Nav list item 2.1',\n },\n {\n name: 'Nav2.2',\n href: '#',\n label: 'Nav list item 2.2',\n },\n {\n name: 'Nav2.3',\n href: '#',\n label: 'Nav list item 2.3',\n },\n {\n name: 'Nav2.4',\n href: '#',\n label: 'Nav list item 2.4',\n },\n ],\n },\n },\n { name: 'Nav3', href: '#', label: 'Nav list item 3' },\n];\n\nexport const Auto = () => {\n const layout = 'vertical';\n const border = false;\n const fixed = false;\n\n return (\n <AdminLayout>\n <DrawerProvider>\n <AdminHeader>\n <AdminHeaderContent>\n <GovGRLogo />\n <DrawerButtonAuto\n drawer=\"drawer-1\"\n className=\"md:hidden\"\n open\n color=\"secondary\"\n style={{\n marginBottom: 0,\n }}\n >\n <BurgerIcon />\n </DrawerButtonAuto>\n </AdminHeaderContent>\n </AdminHeader>\n <AdminContainer>\n <AdminAside>\n <AdminTopSection></AdminTopSection>\n <DrawerAuto id=\"drawer-1\" upRelative=\"md\" direction=\"left\">\n <DrawerHeadingAuto drawer=\"drawer-1\">\n <Heading size=\"md\">Menu</Heading>\n </DrawerHeadingAuto>\n <NavListAuto\n layout={layout}\n border={border}\n links={links}\n fixed={fixed}\n aria-label=\"Nav list\"\n role=\"menu\"\n ></NavListAuto>\n </DrawerAuto>\n </AdminAside>\n <AdminMain></AdminMain>\n </AdminContainer>\n <GovGRFooter />\n </DrawerProvider>\n </AdminLayout>\n );\n};\n\nexport default Auto;\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAA4B;AAC5B,uBAA0B;AAC1B,mBAA2B;AAC3B,mBAQO;AACP,kBAKO;AACP,qBAA4B;AAC5B,qBAAwB;AAExB,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ,MAAM,KAAK,OAAO,kBAAkB;AAAA,EACpD;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,QACL;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,MAAM,QAAQ,MAAM,KAAK,OAAO,kBAAkB;AACtD;AAEO,MAAM,OAAO,MAAM;AACxB,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,QAAQ;AAEd,SACE,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,uCACC,6BAAAA,QAAA,cAAC,gCAAU,GACX,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,WAAU;AAAA,MACV,MAAI;AAAA,MACJ,OAAM;AAAA,MACN,OAAO;AAAA,QACL,cAAc;AAAA,MAChB;AAAA;AAAA,IAEA,6BAAAA,QAAA,cAAC,6BAAW;AAAA,EACd,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,mCACC,6BAAAA,QAAA,cAAC,+BACC,6BAAAA,QAAA,cAAC,kCAAgB,GACjB,6BAAAA,QAAA,cAAC,0BAAW,IAAG,YAAW,YAAW,MAAK,WAAU,UAClD,6BAAAA,QAAA,cAAC,iCAAkB,QAAO,cACxB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,QAAK,MAAI,CACzB,GACA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAW;AAAA,MACX,MAAK;AAAA;AAAA,EACN,CACH,CACF,GACA,6BAAAA,QAAA,cAAC,4BAAU,CACb,GACA,6BAAAA,QAAA,cAAC,+BAAY,CACf,CACF;AAEJ;AAEA,IAAO,eAAQ;",
6
6
  "names": ["React"]
7
7
  }
package/cjs/navigation/Drawer/__stories__/Default/index.js CHANGED
@@ -35,7 +35,7 @@ var import_react = __toESM(require("react"));
35
35
  var import_Drawer = require("@digigov/ui/navigation/Drawer");
36
36
  var import_Drawer2 = require("@digigov/ui/navigation/Drawer");
37
37
  var import_NavList = require("@digigov/ui/navigation/NavList");
38
- var import_Heading = __toESM(require("@digigov/ui/typography/Heading"));
38
+ var import_Heading = require("@digigov/ui/typography/Heading");
39
39
  function useDrawer() {
40
40
  const [open, setOpen] = (0, import_react.useState)(true);
41
41
  function toggleDrawer() {
@@ -85,7 +85,7 @@ const Default = () => {
85
85
  const layout = "vertical";
86
86
  const border = false;
87
87
  const fixed = false;
88
- return /* @__PURE__ */ import_react.default.createElement(import_Drawer.Drawer, { upRelative: "md", direction: "left", open }, /* @__PURE__ */ import_react.default.createElement(import_Drawer2.DrawerHeading, { onClick: () => toggleDrawer() }, /* @__PURE__ */ import_react.default.createElement(import_Heading.default, { size: "md" }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2")), /* @__PURE__ */ import_react.default.createElement(
88
+ return /* @__PURE__ */ import_react.default.createElement(import_Drawer.Drawer, { upRelative: "md", direction: "left", open }, /* @__PURE__ */ import_react.default.createElement(import_Drawer2.DrawerHeading, { onClick: () => toggleDrawer() }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md" }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2")), /* @__PURE__ */ import_react.default.createElement(
89
89
  import_NavList.NavListAuto,
90
90
  {
91
91
  layout,
package/cjs/navigation/Drawer/__stories__/Default.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/navigation/Drawer/__stories__/Default.tsx"],
4
- "sourcesContent": ["import React, { useState } from 'react';\nimport { Drawer } from '@digigov/ui/navigation/Drawer';\nimport { DrawerHeading } from '@digigov/ui/navigation/Drawer';\nimport { NavListAuto } from '@digigov/ui/navigation/NavList';\nimport Heading from '@digigov/ui/typography/Heading';\n\nfunction useDrawer(): [boolean, () => void] {\n const [open, setOpen] = useState(true);\n function toggleDrawer() {\n setOpen(!open);\n }\n return [open, toggleDrawer];\n}\n\nconst links = [\n { name: 'home', href: '#home', label: '\u0391\u03C1\u03C7\u03B9\u03BA\u03AE' },\n {\n name: 'educational',\n label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC',\n menu: {\n links: [\n {\n name: 'elearning',\n href: '#elearning',\n label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1',\n },\n {\n name: 'videos',\n href: '#videos',\n label: '\u0392\u03AF\u03BD\u03C4\u03B5\u03BF',\n },\n {\n name: 'presentations',\n href: '#presentations',\n label: '\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2',\n },\n {\n name: 'promoting',\n href: '#promoting',\n label: '\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC',\n },\n {\n name: 'other-texts',\n href: '#other-texts',\n label: '\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1',\n },\n ],\n },\n },\n { name: 'news', href: '#news', label: '\u039D\u03AD\u03B1' },\n];\n\nexport const Default = () => {\n const [open, toggleDrawer] = useDrawer();\n\n const layout = 'vertical';\n const border = false;\n const fixed = false;\n\n return (\n <Drawer upRelative=\"md\" direction=\"left\" open={open}>\n <DrawerHeading onClick={() => toggleDrawer()}>\n <Heading size=\"md\">\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2</Heading>\n </DrawerHeading>\n <NavListAuto\n layout={layout}\n links={links}\n border={border}\n fixed={fixed}\n aria-label=\"Nav list\"\n ></NavListAuto>\n </Drawer>\n );\n};\nexport default Default;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,oBAAuB;AACvB,IAAAA,iBAA8B;AAC9B,qBAA4B;AAC5B,qBAAoB;AAEpB,SAAS,YAAmC;AAC1C,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,IAAI;AACrC,WAAS,eAAe;AACtB,YAAQ,CAAC,IAAI;AAAA,EACf;AACA,SAAO,CAAC,MAAM,YAAY;AAC5B;AAEA,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ,MAAM,SAAS,OAAO,uCAAS;AAAA,EAC/C;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,QACL;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,MAAM,QAAQ,MAAM,SAAS,OAAO,qBAAM;AAC9C;AAEO,MAAM,UAAU,MAAM;AAC3B,QAAM,CAAC,MAAM,YAAY,IAAI,UAAU;AAEvC,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,QAAQ;AAEd,SACE,6BAAAC,QAAA,cAAC,wBAAO,YAAW,MAAK,WAAU,QAAO,QACvC,6BAAAA,QAAA,cAAC,gCAAc,SAAS,MAAM,aAAa,KACzC,6BAAAA,QAAA,cAAC,eAAAC,SAAA,EAAQ,MAAK,QAAK,kDAAQ,CAC7B,GACA,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAW;AAAA;AAAA,EACZ,CACH;AAEJ;AACA,IAAO,kBAAQ;",
6
- "names": ["import_Drawer", "React", "Heading"]
4
+ "sourcesContent": ["import React, { useState } from 'react';\nimport { Drawer } from '@digigov/ui/navigation/Drawer';\nimport { DrawerHeading } from '@digigov/ui/navigation/Drawer';\nimport { NavListAuto } from '@digigov/ui/navigation/NavList';\nimport { Heading } from '@digigov/ui/typography/Heading';\n\nfunction useDrawer(): [boolean, () => void] {\n const [open, setOpen] = useState(true);\n function toggleDrawer() {\n setOpen(!open);\n }\n return [open, toggleDrawer];\n}\n\nconst links = [\n { name: 'home', href: '#home', label: '\u0391\u03C1\u03C7\u03B9\u03BA\u03AE' },\n {\n name: 'educational',\n label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC',\n menu: {\n links: [\n {\n name: 'elearning',\n href: '#elearning',\n label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1',\n },\n {\n name: 'videos',\n href: '#videos',\n label: '\u0392\u03AF\u03BD\u03C4\u03B5\u03BF',\n },\n {\n name: 'presentations',\n href: '#presentations',\n label: '\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2',\n },\n {\n name: 'promoting',\n href: '#promoting',\n label: '\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC',\n },\n {\n name: 'other-texts',\n href: '#other-texts',\n label: '\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1',\n },\n ],\n },\n },\n { name: 'news', href: '#news', label: '\u039D\u03AD\u03B1' },\n];\n\nexport const Default = () => {\n const [open, toggleDrawer] = useDrawer();\n const layout = 'vertical';\n const border = false;\n const fixed = false;\n\n return (\n <Drawer upRelative=\"md\" direction=\"left\" open={open}>\n <DrawerHeading onClick={() => toggleDrawer()}>\n <Heading size=\"md\">\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2</Heading>\n </DrawerHeading>\n <NavListAuto\n layout={layout}\n links={links}\n border={border}\n fixed={fixed}\n aria-label=\"Nav list\"\n ></NavListAuto>\n </Drawer>\n );\n};\n\nexport default Default;\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,oBAAuB;AACvB,IAAAA,iBAA8B;AAC9B,qBAA4B;AAC5B,qBAAwB;AAExB,SAAS,YAAmC;AAC1C,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,IAAI;AACrC,WAAS,eAAe;AACtB,YAAQ,CAAC,IAAI;AAAA,EACf;AACA,SAAO,CAAC,MAAM,YAAY;AAC5B;AAEA,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ,MAAM,SAAS,OAAO,uCAAS;AAAA,EAC/C;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,QACL;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,MAAM,QAAQ,MAAM,SAAS,OAAO,qBAAM;AAC9C;AAEO,MAAM,UAAU,MAAM;AAC3B,QAAM,CAAC,MAAM,YAAY,IAAI,UAAU;AACvC,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,QAAQ;AAEd,SACE,6BAAAC,QAAA,cAAC,wBAAO,YAAW,MAAK,WAAU,QAAO,QACvC,6BAAAA,QAAA,cAAC,gCAAc,SAAS,MAAM,aAAa,KACzC,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,QAAK,kDAAQ,CAC7B,GACA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAW;AAAA;AAAA,EACZ,CACH;AAEJ;AAEA,IAAO,kBAAQ;",
6
+ "names": ["import_Drawer", "React"]
7
7
  }
package/cjs/navigation/Link/__stories__/DarkBackground/index.js CHANGED
@@ -32,7 +32,7 @@ __export(DarkBackground_exports, {
32
32
  });
33
33
  module.exports = __toCommonJS(DarkBackground_exports);
34
34
  var import_react = __toESM(require("react"));
35
- var import_Masthead = require("@digigov/ui/layouts/Basic/Masthead");
35
+ var import_Masthead = require("@digigov/ui/app/Masthead");
36
36
  var import_SectionBreak = require("@digigov/ui/layouts/SectionBreak");
37
37
  var import_Link = require("@digigov/ui/navigation/Link");
38
38
  const DarkBackground = () => /* @__PURE__ */ import_react.default.createElement(import_Masthead.Masthead, null, /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { visible: false }), /* @__PURE__ */ import_react.default.createElement(
package/cjs/navigation/Link/__stories__/DarkBackground.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/navigation/Link/__stories__/DarkBackground.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport { Masthead } from '@digigov/ui/layouts/Basic/Masthead';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nexport const DarkBackground = () => (\n <Masthead>\n <SectionBreak visible={false} />\n <Link\n aria-label=\"\u03C0\u03BB\u03BF\u03B7\u03B3\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B9\u03C3\u03C4\u03BF\u03C3\u03B5\u03BB\u03AF\u03B4\u03B1 \u03C4\u03BF govgr\"\n role=\"link\"\n href=\"#\"\n >\n \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2\n </Link>\n <SectionBreak visible={false} />\n </Masthead>\n);\n\nexport default DarkBackground;\n"],
4
+ "sourcesContent": ["import React from 'react';\nimport { Masthead } from '@digigov/ui/app/Masthead';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nexport const DarkBackground = () => (\n <Masthead>\n <SectionBreak visible={false} />\n <Link\n aria-label=\"\u03C0\u03BB\u03BF\u03B7\u03B3\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B9\u03C3\u03C4\u03BF\u03C3\u03B5\u03BB\u03AF\u03B4\u03B1 \u03C4\u03BF govgr\"\n role=\"link\"\n href=\"#\"\n >\n \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2\n </Link>\n <SectionBreak visible={false} />\n </Masthead>\n);\n\nexport default DarkBackground;\n"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,sBAAyB;AACzB,0BAA6B;AAC7B,kBAAqB;AACd,MAAM,iBAAiB,MAC5B,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,oCAAa,SAAS,OAAO,GAC9B,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,MAAK;AAAA;AAAA,EACN;AAED,GACA,6BAAAA,QAAA,cAAC,oCAAa,SAAS,OAAO,CAChC;AAGF,IAAO,yBAAQ;",
6
6
  "names": ["React"]
7
7
  }
package/cjs/navigation/Link/__stories__/DarkBackgroundNoUnderline/index.js CHANGED
@@ -32,7 +32,7 @@ __export(DarkBackgroundNoUnderline_exports, {
32
32
  });
33
33
  module.exports = __toCommonJS(DarkBackgroundNoUnderline_exports);
34
34
  var import_react = __toESM(require("react"));
35
- var import_Masthead = require("@digigov/ui/layouts/Basic/Masthead");
35
+ var import_Masthead = require("@digigov/ui/app/Masthead");
36
36
  var import_SectionBreak = require("@digigov/ui/layouts/SectionBreak");
37
37
  var import_Link = require("@digigov/ui/navigation/Link");
38
38
  const DarkBackgroundNoUnderline = () => /* @__PURE__ */ import_react.default.createElement(import_Masthead.Masthead, null, /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { visible: false }), /* @__PURE__ */ import_react.default.createElement(
package/cjs/navigation/Link/__stories__/DarkBackgroundNoUnderline.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/navigation/Link/__stories__/DarkBackgroundNoUnderline.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport { Masthead } from '@digigov/ui/layouts/Basic/Masthead';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nexport const DarkBackgroundNoUnderline = () => (\n <Masthead>\n <SectionBreak visible={false} />\n <Link\n aria-label=\"\u03C0\u03BB\u03BF\u03B7\u03B3\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B9\u03C3\u03C4\u03BF\u03C3\u03B5\u03BB\u03AF\u03B4\u03B1 \u03C4\u03BF govgr\"\n role=\"link\"\n href=\"#\"\n underline={false}\n >\n \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2\n </Link>\n <SectionBreak visible={false} />\n </Masthead>\n);\n\nexport default DarkBackgroundNoUnderline;\n"],
4
+ "sourcesContent": ["import React from 'react';\nimport { Masthead } from '@digigov/ui/app/Masthead';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nexport const DarkBackgroundNoUnderline = () => (\n <Masthead>\n <SectionBreak visible={false} />\n <Link\n aria-label=\"\u03C0\u03BB\u03BF\u03B7\u03B3\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B9\u03C3\u03C4\u03BF\u03C3\u03B5\u03BB\u03AF\u03B4\u03B1 \u03C4\u03BF govgr\"\n role=\"link\"\n href=\"#\"\n underline={false}\n >\n \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2\n </Link>\n <SectionBreak visible={false} />\n </Masthead>\n);\n\nexport default DarkBackgroundNoUnderline;\n"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,sBAAyB;AACzB,0BAA6B;AAC7B,kBAAqB;AACd,MAAM,4BAA4B,MACvC,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,oCAAa,SAAS,OAAO,GAC9B,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,MAAK;AAAA,IACL,WAAW;AAAA;AAAA,EACZ;AAED,GACA,6BAAAA,QAAA,cAAC,oCAAa,SAAS,OAAO,CAChC;AAGF,IAAO,oCAAQ;",
6
6
  "names": ["React"]
7
7
  }
package/cjs/navigation/NavList/__stories__/UsingNavListAuto/index.js CHANGED
@@ -32,51 +32,51 @@ __export(UsingNavListAuto_exports, {
32
32
  });
33
33
  module.exports = __toCommonJS(UsingNavListAuto_exports);
34
34
  var import_react = __toESM(require("react"));
35
- var import_SvgIcon = __toESM(require("@digigov/ui/utils/SvgIcon"));
35
+ var import_icons = require("@digigov/ui/icons");
36
36
  var import_Button = require("@digigov/ui/form/Button");
37
37
  var import_NavList = require("@digigov/ui/navigation/NavList");
38
38
  const links = [
39
- { "name": "home", "href": "#home", "label": "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE" },
39
+ { name: "home", href: "#home", label: "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE" },
40
40
  {
41
- "name": "educational",
42
- "label": "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
43
- "subMenuHeading": "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
44
- "subMenu": [
41
+ name: "educational",
42
+ label: "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
43
+ subMenuHeading: "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
44
+ subMenu: [
45
45
  {
46
- "name": "elearning",
47
- "href": "#elearning",
48
- "label": "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1"
46
+ name: "elearning",
47
+ href: "#elearning",
48
+ label: "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1"
49
49
  },
50
50
  {
51
- "name": "videos",
52
- "href": "#videos",
53
- "label": "\u0392\u03AF\u03BD\u03C4\u03B5\u03BF"
51
+ name: "videos",
52
+ href: "#videos",
53
+ label: "\u0392\u03AF\u03BD\u03C4\u03B5\u03BF"
54
54
  },
55
55
  {
56
- "name": "presentations",
57
- "href": "#presentations",
58
- "label": "\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2"
56
+ name: "presentations",
57
+ href: "#presentations",
58
+ label: "\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2"
59
59
  },
60
60
  {
61
- "name": "promoting",
62
- "href": "#promoting",
63
- "label": "\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC"
61
+ name: "promoting",
62
+ href: "#promoting",
63
+ label: "\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC"
64
64
  },
65
65
  {
66
- "name": "other-texts",
67
- "href": "#other-texts",
68
- "label": "\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1"
66
+ name: "other-texts",
67
+ href: "#other-texts",
68
+ label: "\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1"
69
69
  }
70
70
  ]
71
71
  },
72
- { "name": "news", "href": "#news", "label": "\u039D\u03AD\u03B1" }
72
+ { name: "news", href: "#news", label: "\u039D\u03AD\u03B1" }
73
73
  ];
74
74
  const UsingNavListAuto = () => {
75
75
  const layout = "horizontal";
76
76
  const drawer = "smDown";
77
77
  const border = true;
78
- const [open, setOpen] = import_react.default.useState(false);
79
- return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { color: "secondary", onClick: () => setOpen(!open), smUpHidden: true }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 ", /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.default, null)), /* @__PURE__ */ import_react.default.createElement(
78
+ const [open, setOpen] = (0, import_react.useState)(false);
79
+ return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { color: "secondary", onClick: () => setOpen(!open), smUpHidden: true }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 ", /* @__PURE__ */ import_react.default.createElement(import_icons.BurgerIcon, null)), /* @__PURE__ */ import_react.default.createElement(
80
80
  import_NavList.NavListAuto,
81
81
  {
82
82
  layout,
package/cjs/navigation/NavList/__stories__/UsingNavListAuto.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/navigation/NavList/__stories__/UsingNavListAuto.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport BurgerIcon from '@digigov/ui/utils/SvgIcon';\nimport { Button } from '@digigov/ui/form/Button';\nimport { NavListAuto } from '@digigov/ui/navigation/NavList';\n\nconst links = [\n { \"name\": \"home\", \"href\": \"#home\", \"label\": \"\u0391\u03C1\u03C7\u03B9\u03BA\u03AE\" },\n {\n \"name\": \"educational\",\n \"label\": \"\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC\",\n \"subMenuHeading\": \"\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC\",\n \"subMenu\": [\n {\n \"name\": \"elearning\",\n \"href\": \"#elearning\",\n \"label\": \"\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1\"\n },\n {\n \"name\": \"videos\",\n \"href\": \"#videos\",\n \"label\": \"\u0392\u03AF\u03BD\u03C4\u03B5\u03BF\"\n },\n {\n \"name\": \"presentations\",\n \"href\": \"#presentations\",\n \"label\": \"\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2\"\n },\n {\n \"name\": \"promoting\",\n \"href\": \"#promoting\",\n \"label\": \"\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC\"\n },\n {\n \"name\": \"other-texts\",\n \"href\": \"#other-texts\",\n \"label\": \"\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1\"\n }\n ]\n },\n { \"name\": \"news\", \"href\": \"#news\", \"label\": \"\u039D\u03AD\u03B1\" }\n]\n\n\nexport const UsingNavListAuto = () => {\n const layout = 'horizontal';\n const drawer = 'smDown';\n const border = true;\n const [open, setOpen] = React.useState(false);\n return (\n <>\n <Button color=\"secondary\" onClick={() => setOpen(!open)} smUpHidden>\n \u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 <BurgerIcon />\n </Button>\n <NavListAuto\n layout={layout}\n border={border}\n drawer={drawer}\n open={open}\n links={links}\n onClose={() => setOpen(false)}\n aria-label=\"Nav list\"\n ></NavListAuto>\n </>\n );\n};\n\nexport default UsingNavListAuto;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAuB;AACvB,oBAAuB;AACvB,qBAA4B;AAE5B,MAAM,QAAQ;AAAA,EACZ,EAAE,QAAQ,QAAQ,QAAQ,SAAS,SAAS,uCAAS;AAAA,EACrD;AAAA,IACE,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,WAAW;AAAA,MACT;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,QAAQ,QAAQ,QAAQ,SAAS,SAAS,qBAAM;AACpD;AAGO,MAAM,mBAAmB,MAAM;AACpC,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,aAAAA,QAAM,SAAS,KAAK;AAC5C,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,wBAAO,OAAM,aAAY,SAAS,MAAM,QAAQ,CAAC,IAAI,GAAG,YAAU,QAAC,qDACzD,6BAAAA,QAAA,cAAC,eAAAC,SAAA,IAAW,CACvB,GACA,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,QAAQ,KAAK;AAAA,MAC5B,cAAW;AAAA;AAAA,EACZ,CACH;AAEJ;AAEA,IAAO,2BAAQ;",
6
- "names": ["React", "BurgerIcon"]
4
+ "sourcesContent": ["import React, { useState } from 'react';\nimport { BurgerIcon } from '@digigov/ui/icons';\nimport { Button } from '@digigov/ui/form/Button';\nimport { NavListAuto } from '@digigov/ui/navigation/NavList';\n\nconst links = [\n { name: 'home', href: '#home', label: '\u0391\u03C1\u03C7\u03B9\u03BA\u03AE' },\n {\n name: 'educational',\n label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC',\n subMenuHeading: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC',\n subMenu: [\n {\n name: 'elearning',\n href: '#elearning',\n label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1',\n },\n {\n name: 'videos',\n href: '#videos',\n label: '\u0392\u03AF\u03BD\u03C4\u03B5\u03BF',\n },\n {\n name: 'presentations',\n href: '#presentations',\n label: '\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2',\n },\n {\n name: 'promoting',\n href: '#promoting',\n label: '\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC',\n },\n {\n name: 'other-texts',\n href: '#other-texts',\n label: '\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1',\n },\n ],\n },\n { name: 'news', href: '#news', label: '\u039D\u03AD\u03B1' },\n];\n\nexport const UsingNavListAuto = () => {\n const layout = 'horizontal';\n const drawer = 'smDown';\n const border = true;\n const [open, setOpen] = useState(false);\n return (\n <>\n <Button color=\"secondary\" onClick={() => setOpen(!open)} smUpHidden>\n \u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 <BurgerIcon />\n </Button>\n <NavListAuto\n layout={layout}\n border={border}\n drawer={drawer}\n open={open}\n links={links}\n onClose={() => setOpen(false)}\n aria-label=\"Nav list\"\n ></NavListAuto>\n </>\n );\n};\n\nexport default UsingNavListAuto;\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,mBAA2B;AAC3B,oBAAuB;AACvB,qBAA4B;AAE5B,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ,MAAM,SAAS,OAAO,uCAAS;AAAA,EAC/C;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,gBAAgB;AAAA,IAChB,SAAS;AAAA,MACP;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,MAAM,QAAQ,MAAM,SAAS,OAAO,qBAAM;AAC9C;AAEO,MAAM,mBAAmB,MAAM;AACpC,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,wBAAO,OAAM,aAAY,SAAS,MAAM,QAAQ,CAAC,IAAI,GAAG,YAAU,QAAC,qDACzD,6BAAAA,QAAA,cAAC,6BAAW,CACvB,GACA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,QAAQ,KAAK;AAAA,MAC5B,cAAW;AAAA;AAAA,EACZ,CACH;AAEJ;AAEA,IAAO,2BAAQ;",
6
+ "names": ["React"]
7
7
  }
package/cjs/navigation/NavList/__stories__/Vertical/index.js CHANGED
@@ -35,35 +35,43 @@ var import_react = __toESM(require("react"));
35
35
  var import_NavList = require("@digigov/ui/navigation/NavList");
36
36
  const links = [
37
37
  {
38
- "name": "home",
39
- "href": "#home",
40
- "label": "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE"
38
+ name: "home",
39
+ href: "#home",
40
+ label: "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE"
41
41
  },
42
42
  {
43
- "name": "educational",
44
- "label": "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
45
- "href": "#educational"
43
+ name: "educational",
44
+ label: "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
45
+ href: "#educational"
46
46
  },
47
47
  {
48
- "name": "news",
49
- "href": "#news",
50
- "label": "\u039D\u03AD\u03B1"
48
+ name: "news",
49
+ href: "#news",
50
+ label: "\u039D\u03AD\u03B1"
51
51
  }
52
52
  ];
53
53
  const Vertical = () => {
54
54
  const layout = "vertical";
55
55
  const { registerNavItem } = (0, import_NavList.useNavList)();
56
56
  const [useActive, setUseActive] = (0, import_react.useState)("");
57
- return /* @__PURE__ */ import_react.default.createElement(import_NavList.Nav, { "aria-orientation": layout || "horizontal", "aria-label": "navigation list" }, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout }, links.map((item, key) => /* @__PURE__ */ import_react.default.createElement(
58
- import_NavList.NavListItemAction,
57
+ return /* @__PURE__ */ import_react.default.createElement(
58
+ import_NavList.Nav,
59
59
  {
60
- ...registerNavItem(item),
61
- key,
62
- active: item.name === useActive,
63
- onClick: () => setUseActive(item.name)
60
+ "aria-orientation": layout || "horizontal",
61
+ "aria-label": "navigation list",
62
+ border: false
64
63
  },
65
- item.label
66
- ))));
64
+ /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout }, links.map((item, key) => /* @__PURE__ */ import_react.default.createElement(
65
+ import_NavList.NavListItemAction,
66
+ {
67
+ ...registerNavItem(item),
68
+ key,
69
+ active: item.name === useActive,
70
+ onClick: () => setUseActive(item.name)
71
+ },
72
+ item.label
73
+ )))
74
+ );
67
75
  };
68
76
  var Vertical_default = Vertical;
69
77
  // Annotate the CommonJS export names for ESM import in node:
package/cjs/navigation/NavList/__stories__/Vertical.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/navigation/NavList/__stories__/Vertical.tsx"],
4
- "sourcesContent": ["import React, { useState } from 'react';\nimport {\n Nav,\n NavList,\n NavListItemAction,\n useNavList,\n} from '@digigov/ui/navigation/NavList';\n\nconst links = [\n {\n \"name\": \"home\",\n \"href\": \"#home\",\n \"label\": \"\u0391\u03C1\u03C7\u03B9\u03BA\u03AE\"\n },\n {\n \"name\": \"educational\",\n \"label\": \"\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC\",\n \"href\": \"#educational\"\n },\n {\n \"name\": \"news\",\n \"href\": \"#news\",\n \"label\": \"\u039D\u03AD\u03B1\"\n }\n]\n\nexport const Vertical = () => {\n const layout = 'vertical';\n const { registerNavItem } = useNavList();\n const [useActive, setUseActive] = useState('');\n\n return (\n <Nav aria-orientation={layout || 'horizontal'} aria-label=\"navigation list\">\n <NavList layout={layout}>\n {links.map((item, key) => (\n <NavListItemAction\n {...registerNavItem(item)}\n key={key}\n active={item.name === useActive}\n onClick={() => setUseActive(item.name)}\n >\n {item.label}\n </NavListItemAction>\n ))}\n </NavList>\n </Nav>\n );\n};\n\nexport default Vertical;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,qBAKO;AAEP,MAAM,QAAQ;AAAA,EACZ;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAEO,MAAM,WAAW,MAAM;AAC5B,QAAM,SAAS;AACf,QAAM,EAAE,gBAAgB,QAAI,2BAAW;AACvC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,EAAE;AAE7C,SACE,6BAAAA,QAAA,cAAC,sBAAI,oBAAkB,UAAU,cAAc,cAAW,qBACxD,6BAAAA,QAAA,cAAC,0BAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,gBAAgB,IAAI;AAAA,MACxB;AAAA,MACA,QAAQ,KAAK,SAAS;AAAA,MACtB,SAAS,MAAM,aAAa,KAAK,IAAI;AAAA;AAAA,IAEpC,KAAK;AAAA,EACR,CACD,CACH,CACF;AAEJ;AAEA,IAAO,mBAAQ;",
4
+ "sourcesContent": ["import React, { useState } from 'react';\nimport {\n Nav,\n NavList,\n NavListItemAction,\n useNavList,\n} from '@digigov/ui/navigation/NavList';\n\nconst links = [\n {\n name: 'home',\n href: '#home',\n label: '\u0391\u03C1\u03C7\u03B9\u03BA\u03AE',\n },\n {\n name: 'educational',\n label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC',\n href: '#educational',\n },\n {\n name: 'news',\n href: '#news',\n label: '\u039D\u03AD\u03B1',\n },\n];\n\nexport const Vertical = () => {\n const layout = 'vertical';\n const { registerNavItem } = useNavList();\n const [useActive, setUseActive] = useState('');\n\n return (\n <Nav\n aria-orientation={layout || 'horizontal'}\n aria-label=\"navigation list\"\n border={false}\n >\n <NavList layout={layout}>\n {links.map((item, key) => (\n <NavListItemAction\n {...registerNavItem(item)}\n key={key}\n active={item.name === useActive}\n onClick={() => setUseActive(item.name)}\n >\n {item.label}\n </NavListItemAction>\n ))}\n </NavList>\n </Nav>\n );\n};\n\nexport default Vertical;\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,qBAKO;AAEP,MAAM,QAAQ;AAAA,EACZ;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF;AAEO,MAAM,WAAW,MAAM;AAC5B,QAAM,SAAS;AACf,QAAM,EAAE,gBAAgB,QAAI,2BAAW;AACvC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,EAAE;AAE7C,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,oBAAkB,UAAU;AAAA,MAC5B,cAAW;AAAA,MACX,QAAQ;AAAA;AAAA,IAER,6BAAAA,QAAA,cAAC,0BAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,gBAAgB,IAAI;AAAA,QACxB;AAAA,QACA,QAAQ,KAAK,SAAS;AAAA,QACtB,SAAS,MAAM,aAAa,KAAK,IAAI;AAAA;AAAA,MAEpC,KAAK;AAAA,IACR,CACD,CACH;AAAA,EACF;AAEJ;AAEA,IAAO,mBAAQ;",
6
6
  "names": ["React"]
7
7
  }
package/cjs/navigation/Pagination/__stories__/Auto/index.js CHANGED
@@ -33,8 +33,7 @@ __export(Auto_exports, {
33
33
  module.exports = __toCommonJS(Auto_exports);
34
34
  var import_react = __toESM(require("react"));
35
35
  var import_Card = __toESM(require("@digigov/ui/content/Card"));
36
- var import_Basic = __toESM(require("@digigov/ui/layouts/Basic"));
37
- var import_Basic2 = __toESM(require("@digigov/ui/layouts/Basic"));
36
+ var import_Container = __toESM(require("@digigov/ui/layouts/Basic/Container"));
38
37
  var import_Grid = __toESM(require("@digigov/ui/layouts/Grid"));
39
38
  var import_Pagination = require("@digigov/ui/navigation/Pagination");
40
39
  var import_auto = require("@digigov/ui/navigation/Pagination/auto");
@@ -42,14 +41,13 @@ const fetchedData = [];
42
41
  for (let i = 0; i < 78; i++) {
43
42
  fetchedData.push({ id: i });
44
43
  }
45
- const MyContainer = ({ data }) => {
44
+ const DataGrid = ({ data }) => {
46
45
  const { offset, limit } = (0, import_auto.usePaginationContext)();
47
- return data.filter((item, index) => {
48
- index > offset && index < offset + limit;
49
- console.log(item);
46
+ return /* @__PURE__ */ import_react.default.createElement(import_Grid.default, { container: true, spacing: 4, mb: { xs: 4, md: 8 } }, data.filter((_item, index) => {
47
+ return index > offset && index < offset + limit;
50
48
  }).map((item, index) => {
51
- return /* @__PURE__ */ import_react.default.createElement(import_Grid.default, { item: true, xs: 4, md: 2, key: index }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " ", item.id));
52
- });
49
+ return /* @__PURE__ */ import_react.default.createElement(import_Grid.default, { item: true, xs: 4, md: 2, key: index }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border", borderColor: "light", dense: true }, item.id));
50
+ }));
53
51
  };
54
52
  const Auto = () => {
55
53
  return /* @__PURE__ */ import_react.default.createElement(
@@ -60,7 +58,7 @@ const Auto = () => {
60
58
  previousLabel: "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B7",
61
59
  nextLabel: "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7"
62
60
  },
63
- /* @__PURE__ */ import_react.default.createElement(import_Basic.default, null, /* @__PURE__ */ import_react.default.createElement(import_Basic2.default, null, /* @__PURE__ */ import_react.default.createElement(import_Grid.default, { container: true, spacing: 4 }, /* @__PURE__ */ import_react.default.createElement(MyContainer, { data: fetchedData })), /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_auto.PaginationLabelAuto, null), /* @__PURE__ */ import_react.default.createElement(import_auto.PaginationResultsPerPageSelectAuto, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_auto.PaginationListAuto, null))))
61
+ /* @__PURE__ */ import_react.default.createElement(import_Container.default, { grid: false }, /* @__PURE__ */ import_react.default.createElement(DataGrid, { data: fetchedData }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_auto.PaginationLabelAuto, null), /* @__PURE__ */ import_react.default.createElement(import_auto.PaginationResultsPerPageSelectAuto, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_auto.PaginationListAuto, null)))
64
62
  );
65
63
  };
66
64
  var Auto_default = Auto;
package/cjs/navigation/Pagination/__stories__/Auto.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/navigation/Pagination/__stories__/Auto.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport Container from '@digigov/ui/layouts/Basic';\nimport Main from '@digigov/ui/layouts/Basic';\nimport Grid from '@digigov/ui/layouts/Grid';\nimport {\n Pagination,\n} from '@digigov/ui/navigation/Pagination';\nimport {\n PaginationContextAuto,\n PaginationLabelAuto,\n PaginationListAuto,\n PaginationResultsPerPageSelectAuto,\n usePaginationContext,\n} from '@digigov/ui/navigation/Pagination/auto';\n\nconst fetchedData: { id: number }[] = [];\n\nfor (let i = 0; i < 78; i++) {\n fetchedData.push({ id: i });\n}\n\nconst MyContainer = ({ data }) => {\n const { offset, limit } = usePaginationContext();\n\n return data\n .filter((item, index) => {\n index > offset && index < offset + limit;\n console.log(item);\n })\n .map((item, index) => {\n return (\n <Grid item xs={4} md={2} key={index}>\n <Card variant=\"border\"> {item.id}</Card>\n </Grid>\n );\n });\n};\n\nexport const Auto = () => {\n return (\n <PaginationContextAuto\n total={fetchedData.length}\n resultsPerPageOptions={[15, 25]}\n previousLabel=\"\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B7\"\n nextLabel=\"\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7\"\n >\n <Container>\n <Main>\n <Grid container spacing={4}>\n <MyContainer data={fetchedData} />\n </Grid>\n <Pagination>\n <PaginationLabelAuto />\n <PaginationResultsPerPageSelectAuto>\n \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n </PaginationResultsPerPageSelectAuto>\n <PaginationListAuto />\n </Pagination>\n </Main>\n </Container>\n </PaginationContextAuto>\n );\n};\nexport default Auto;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,mBAAsB;AACtB,IAAAA,gBAAiB;AACjB,kBAAiB;AACjB,wBAEO;AACP,kBAMO;AAEP,MAAM,cAAgC,CAAC;AAEvC,SAAS,IAAI,GAAG,IAAI,IAAI,KAAK;AAC3B,cAAY,KAAK,EAAE,IAAI,EAAE,CAAC;AAC5B;AAEA,MAAM,cAAc,CAAC,EAAE,KAAK,MAAM;AAChC,QAAM,EAAE,QAAQ,MAAM,QAAI,kCAAqB;AAE/C,SAAO,KACJ,OAAO,CAAC,MAAM,UAAU;AACvB,YAAQ,UAAU,QAAQ,SAAS;AACnC,YAAQ,IAAI,IAAI;AAAA,EAClB,CAAC,EACA,IAAI,CAAC,MAAM,UAAU;AACpB,WACE,6BAAAC,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GAAG,KAAK,SAC5B,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,KAAE,KAAK,EAAG,CACnC;AAAA,EAEJ,CAAC;AACL;AAEO,MAAM,OAAO,MAAM;AACxB,SACE,6BAAAF,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,YAAY;AAAA,MACnB,uBAAuB,CAAC,IAAI,EAAE;AAAA,MAC9B,eAAc;AAAA,MACd,WAAU;AAAA;AAAA,IAEV,6BAAAA,QAAA,cAAC,aAAAG,SAAA,MACC,6BAAAH,QAAA,cAAC,cAAAI,SAAA,MACC,6BAAAJ,QAAA,cAAC,YAAAC,SAAA,EAAK,WAAS,MAAC,SAAS,KACvB,6BAAAD,QAAA,cAAC,eAAY,MAAM,aAAa,CAClC,GACA,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAoB,GACrB,6BAAAA,QAAA,cAAC,sDAAmC,kIAEpC,GACA,6BAAAA,QAAA,cAAC,oCAAmB,CACtB,CACF,CACF;AAAA,EACF;AAEJ;AACA,IAAO,eAAQ;",
6
- "names": ["import_Basic", "React", "Grid", "Card", "Container", "Main"]
4
+ "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport Container from '@digigov/ui/layouts/Basic/Container';\nimport Grid from '@digigov/ui/layouts/Grid';\nimport { Pagination } from '@digigov/ui/navigation/Pagination';\nimport {\n PaginationContextAuto,\n PaginationLabelAuto,\n PaginationListAuto,\n PaginationResultsPerPageSelectAuto,\n usePaginationContext,\n} from '@digigov/ui/navigation/Pagination/auto';\n\nconst fetchedData: { id: number }[] = [];\n\nfor (let i = 0; i < 78; i++) {\n fetchedData.push({ id: i });\n}\n\nconst DataGrid = ({ data }) => {\n const { offset, limit } = usePaginationContext();\n\n return (\n <Grid container spacing={4} mb={{ xs: 4, md: 8 }}>\n {data\n .filter((_item, index) => {\n return index > offset && index < offset + limit;\n })\n .map((item, index) => {\n return (\n <Grid item xs={4} md={2} key={index}>\n <Card variant=\"border\" borderColor=\"light\" dense>\n {item.id}\n </Card>\n </Grid>\n );\n })}\n </Grid>\n );\n};\n\nexport const Auto = () => {\n return (\n <PaginationContextAuto\n total={fetchedData.length}\n resultsPerPageOptions={[15, 25]}\n previousLabel=\"\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B7\"\n nextLabel=\"\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7\"\n >\n <Container grid={false}>\n <DataGrid data={fetchedData} />\n <Pagination>\n <PaginationLabelAuto />\n <PaginationResultsPerPageSelectAuto>\n \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n </PaginationResultsPerPageSelectAuto>\n <PaginationListAuto />\n </Pagination>\n </Container>\n </PaginationContextAuto>\n );\n};\nexport default Auto;\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,uBAAsB;AACtB,kBAAiB;AACjB,wBAA2B;AAC3B,kBAMO;AAEP,MAAM,cAAgC,CAAC;AAEvC,SAAS,IAAI,GAAG,IAAI,IAAI,KAAK;AAC3B,cAAY,KAAK,EAAE,IAAI,EAAE,CAAC;AAC5B;AAEA,MAAM,WAAW,CAAC,EAAE,KAAK,MAAM;AAC7B,QAAM,EAAE,QAAQ,MAAM,QAAI,kCAAqB;AAE/C,SACE,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,WAAS,MAAC,SAAS,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,KAC5C,KACE,OAAO,CAAC,OAAO,UAAU;AACxB,WAAO,QAAQ,UAAU,QAAQ,SAAS;AAAA,EAC5C,CAAC,EACA,IAAI,CAAC,MAAM,UAAU;AACpB,WACE,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GAAG,KAAK,SAC5B,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,UAAS,aAAY,SAAQ,OAAK,QAC7C,KAAK,EACR,CACF;AAAA,EAEJ,CAAC,CACL;AAEJ;AAEO,MAAM,OAAO,MAAM;AACxB,SACE,6BAAAF,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,YAAY;AAAA,MACnB,uBAAuB,CAAC,IAAI,EAAE;AAAA,MAC9B,eAAc;AAAA,MACd,WAAU;AAAA;AAAA,IAEV,6BAAAA,QAAA,cAAC,iBAAAG,SAAA,EAAU,MAAM,SACf,6BAAAH,QAAA,cAAC,YAAS,MAAM,aAAa,GAC7B,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAoB,GACrB,6BAAAA,QAAA,cAAC,sDAAmC,kIAEpC,GACA,6BAAAA,QAAA,cAAC,oCAAmB,CACtB,CACF;AAAA,EACF;AAEJ;AACA,IAAO,eAAQ;",
6
+ "names": ["React", "Grid", "Card", "Container"]
7
7
  }
package/cjs/navigation/Pagination/__stories__/PaginationWithSmallFont/index.js CHANGED
@@ -37,8 +37,8 @@ var import_SelectContainer = require("@digigov/ui/form/SelectContainer");
37
37
  var import_i18n = require("@digigov/ui/i18n");
38
38
  var import_Link = require("@digigov/ui/navigation/Link");
39
39
  var import_Pagination = require("@digigov/ui/navigation/Pagination");
40
- var import_SvgIcon = require("@digigov/ui/utils/SvgIcon");
41
- const PaginationWithSmallFont = () => /* @__PURE__ */ import_react.default.createElement("div", { className: "example" }, /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, { size: "sm" }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 1, end: 10, total: 15 }), /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1", /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectContainer, null, /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "5"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "10"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "15"))), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "8"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page20" }, "20")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "right" })))))));
40
+ var import_icons = require("@digigov/ui/icons");
41
+ const PaginationWithSmallFont = () => /* @__PURE__ */ import_react.default.createElement("div", { className: "example" }, /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, { size: "sm" }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 1, end: 10, total: 15 }), /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1", /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectContainer, null, /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "5"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "10"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "15"))), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "8"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page20" }, "20")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "right" })))))));
42
42
  var PaginationWithSmallFont_default = PaginationWithSmallFont;
43
43
  // Annotate the CommonJS export names for ESM import in node:
44
44
  0 && (module.exports = {
package/cjs/navigation/Pagination/__stories__/PaginationWithSmallFont.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/navigation/Pagination/__stories__/PaginationWithSmallFont.tsx"],
4
- "sourcesContent": ["import React from 'react';\n\nimport { LabelContainer } from '@digigov/react-core/LabelContainer';\nimport {\n SelectContainer,\n SelectOption,\n} from '@digigov/ui/form/SelectContainer';\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n Pagination,\n PaginationList,\n PaginationListItem,\n PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nimport { ChevronIcon } from '@digigov/ui/utils/SvgIcon';\n\nexport const PaginationWithSmallFont = () => (\n <div className=\"example\">\n <I18NProvider t={(str: string) => str}>\n <Pagination size=\"sm\">\n <PaginationLabel start={1} end={10} total={15}></PaginationLabel>\n <LabelContainer>\n \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n <SelectContainer>\n <SelectOption>5</SelectOption>\n <SelectOption>10</SelectOption>\n <SelectOption>15</SelectOption>\n </SelectContainer>\n </LabelContainer>\n <PaginationList>\n <PaginationListItem>\n <Link>\n <ChevronIcon direction=\"left\" />\n \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n </Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page1\">1</Link>\n </PaginationListItem>\n <PaginationListItem variant=\"dots\"></PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page7\">7</Link>\n </PaginationListItem>\n <PaginationListItem currentPage>8</PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page9\">9</Link>\n </PaginationListItem>\n <PaginationListItem variant=\"dots\"></PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page20\">20</Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link>\n \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n <ChevronIcon direction=\"right\" />\n </Link>\n </PaginationListItem>\n </PaginationList>\n </Pagination>\n </I18NProvider>\n </div>\n);\n\nexport default PaginationWithSmallFont;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,4BAA+B;AAC/B,6BAGO;AACP,kBAA6B;AAC7B,kBAAqB;AACrB,wBAKO;AAEP,qBAA4B;AAErB,MAAM,0BAA0B,MACrC,6BAAAA,QAAA,cAAC,SAAI,WAAU,aACb,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,gCAAW,MAAK,QACf,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,GAC/C,6BAAAA,QAAA,cAAC,4CAAe,oIAEd,6BAAAA,QAAA,cAAC,8CACC,6BAAAA,QAAA,cAAC,2CAAa,GAAC,GACf,6BAAAA,QAAA,cAAC,2CAAa,IAAE,GAChB,6BAAAA,QAAA,cAAC,2CAAa,IAAE,CAClB,CACF,GACA,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,8BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,aAAU,IAAE,CACzB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,8BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF,CACF;AAGF,IAAO,kCAAQ;",
4
+ "sourcesContent": ["import React from 'react';\n\nimport { LabelContainer } from '@digigov/react-core/LabelContainer';\nimport {\n SelectContainer,\n SelectOption,\n} from '@digigov/ui/form/SelectContainer';\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n Pagination,\n PaginationList,\n PaginationListItem,\n PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nimport { ChevronIcon } from '@digigov/ui/icons';\n\nexport const PaginationWithSmallFont = () => (\n <div className=\"example\">\n <I18NProvider t={(str: string) => str}>\n <Pagination size=\"sm\">\n <PaginationLabel start={1} end={10} total={15}></PaginationLabel>\n <LabelContainer>\n \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n <SelectContainer>\n <SelectOption>5</SelectOption>\n <SelectOption>10</SelectOption>\n <SelectOption>15</SelectOption>\n </SelectContainer>\n </LabelContainer>\n <PaginationList>\n <PaginationListItem>\n <Link>\n <ChevronIcon direction=\"left\" />\n \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n </Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page1\">1</Link>\n </PaginationListItem>\n <PaginationListItem variant=\"dots\"></PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page7\">7</Link>\n </PaginationListItem>\n <PaginationListItem currentPage>8</PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page9\">9</Link>\n </PaginationListItem>\n <PaginationListItem variant=\"dots\"></PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page20\">20</Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link>\n \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n <ChevronIcon direction=\"right\" />\n </Link>\n </PaginationListItem>\n </PaginationList>\n </Pagination>\n </I18NProvider>\n </div>\n);\n\nexport default PaginationWithSmallFont;\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,4BAA+B;AAC/B,6BAGO;AACP,kBAA6B;AAC7B,kBAAqB;AACrB,wBAKO;AAEP,mBAA4B;AAErB,MAAM,0BAA0B,MACrC,6BAAAA,QAAA,cAAC,SAAI,WAAU,aACb,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,gCAAW,MAAK,QACf,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,GAC/C,6BAAAA,QAAA,cAAC,4CAAe,oIAEd,6BAAAA,QAAA,cAAC,8CACC,6BAAAA,QAAA,cAAC,2CAAa,GAAC,GACf,6BAAAA,QAAA,cAAC,2CAAa,IAAE,GAChB,6BAAAA,QAAA,cAAC,2CAAa,IAAE,CAClB,CACF,GACA,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,aAAU,IAAE,CACzB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,4BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF,CACF;AAGF,IAAO,kCAAQ;",
6
6
  "names": ["React"]
7
7
  }
package/cjs/navigation/Pagination/__stories__/WithInactiveValues/index.js CHANGED
@@ -36,8 +36,8 @@ var import_i18n = require("@digigov/ui/i18n");
36
36
  var import_SectionBreak = require("@digigov/ui/layouts/SectionBreak");
37
37
  var import_Link = require("@digigov/ui/navigation/Link");
38
38
  var import_Pagination = require("@digigov/ui/navigation/Pagination");
39
- var import_SvgIcon = require("@digigov/ui/utils/SvgIcon");
40
- const WithInactiveValues = () => /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 10, end: 20, total: 1e4 }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { active: false }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "1"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page2" }, "2")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page3" }, "3")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page8" }, "8")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "right" }))))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { size: "lg" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 10, end: 20, total: 1e4 }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "2")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page3" }, "3")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page8" }, "8")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "9"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { active: false }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "right" }))))));
39
+ var import_icons = require("@digigov/ui/icons");
40
+ const WithInactiveValues = () => /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 10, end: 20, total: 1e4 }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { active: false }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "1"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page2" }, "2")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page3" }, "3")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page8" }, "8")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "right" }))))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { size: "lg" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 10, end: 20, total: 1e4 }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "2")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page3" }, "3")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page8" }, "8")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "9"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { active: false }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "right" }))))));
41
41
  var WithInactiveValues_default = WithInactiveValues;
42
42
  // Annotate the CommonJS export names for ESM import in node:
43
43
  0 && (module.exports = {
package/cjs/navigation/Pagination/__stories__/WithInactiveValues.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/navigation/Pagination/__stories__/WithInactiveValues.tsx"],
4
- "sourcesContent": ["import React from 'react';\n\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n Pagination,\n PaginationList,\n PaginationListItem,\n PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\nimport { ChevronIcon } from '@digigov/ui/utils/SvgIcon';\n\nexport const WithInactiveValues = () => (\n <I18NProvider t={(str: string) => str}>\n <Pagination>\n <PaginationLabel start={10} end={20} total={10000}></PaginationLabel>\n <PaginationList>\n <PaginationListItem active={false}>\n <Link>\n <ChevronIcon direction=\"left\" />\n \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n </Link>\n </PaginationListItem>\n <PaginationListItem currentPage>1</PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page2\">2</Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page3\">3</Link>\n </PaginationListItem>\n <PaginationListItem variant=\"dots\"></PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page7\">7</Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page8\">8</Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page9\">9</Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link>\n \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n <ChevronIcon direction=\"right\" />\n </Link>\n </PaginationListItem>\n </PaginationList>\n </Pagination>\n <SectionBreak size=\"lg\" />\n <Pagination>\n <PaginationLabel start={10} end={20} total={10000}></PaginationLabel>\n <PaginationList>\n <PaginationListItem>\n <Link>\n <ChevronIcon direction=\"left\" />\n \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n </Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page1\">1</Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link>2</Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page3\">3</Link>\n </PaginationListItem>\n <PaginationListItem variant=\"dots\"></PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page7\">7</Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page8\">8</Link>\n </PaginationListItem>\n <PaginationListItem currentPage>9</PaginationListItem>\n <PaginationListItem active={false}>\n <Link>\n \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n <ChevronIcon direction=\"right\" />\n </Link>\n </PaginationListItem>\n </PaginationList>\n </Pagination>\n </I18NProvider>\n);\n\nexport default WithInactiveValues;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAA6B;AAC7B,0BAA6B;AAC7B,kBAAqB;AACrB,wBAKO;AACP,qBAA4B;AAErB,MAAM,qBAAqB,MAChC,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,IAAI,KAAK,IAAI,OAAO,KAAO,GACnD,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,wCAAmB,QAAQ,SAC1B,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,8BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,8BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,MAAK,GACxB,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,IAAI,KAAK,IAAI,OAAO,KAAO,GACnD,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,8BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,GAAC,CACT,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,wCAAmB,QAAQ,SAC1B,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,8BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF;AAGF,IAAO,6BAAQ;",
4
+ "sourcesContent": ["import React from 'react';\n\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n Pagination,\n PaginationList,\n PaginationListItem,\n PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\nimport { ChevronIcon } from '@digigov/ui/icons';\n\nexport const WithInactiveValues = () => (\n <I18NProvider t={(str: string) => str}>\n <Pagination>\n <PaginationLabel start={10} end={20} total={10000}></PaginationLabel>\n <PaginationList>\n <PaginationListItem active={false}>\n <Link>\n <ChevronIcon direction=\"left\" />\n \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n </Link>\n </PaginationListItem>\n <PaginationListItem currentPage>1</PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page2\">2</Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page3\">3</Link>\n </PaginationListItem>\n <PaginationListItem variant=\"dots\"></PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page7\">7</Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page8\">8</Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page9\">9</Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link>\n \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n <ChevronIcon direction=\"right\" />\n </Link>\n </PaginationListItem>\n </PaginationList>\n </Pagination>\n <SectionBreak size=\"lg\" />\n <Pagination>\n <PaginationLabel start={10} end={20} total={10000}></PaginationLabel>\n <PaginationList>\n <PaginationListItem>\n <Link>\n <ChevronIcon direction=\"left\" />\n \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n </Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page1\">1</Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link>2</Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page3\">3</Link>\n </PaginationListItem>\n <PaginationListItem variant=\"dots\"></PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page7\">7</Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page8\">8</Link>\n </PaginationListItem>\n <PaginationListItem currentPage>9</PaginationListItem>\n <PaginationListItem active={false}>\n <Link>\n \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n <ChevronIcon direction=\"right\" />\n </Link>\n </PaginationListItem>\n </PaginationList>\n </Pagination>\n </I18NProvider>\n);\n\nexport default WithInactiveValues;\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAA6B;AAC7B,0BAA6B;AAC7B,kBAAqB;AACrB,wBAKO;AACP,mBAA4B;AAErB,MAAM,qBAAqB,MAChC,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,IAAI,KAAK,IAAI,OAAO,KAAO,GACnD,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,wCAAmB,QAAQ,SAC1B,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,4BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,MAAK,GACxB,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,IAAI,KAAK,IAAI,OAAO,KAAO,GACnD,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,GAAC,CACT,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,wCAAmB,QAAQ,SAC1B,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,4BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF;AAGF,IAAO,6BAAQ;",
6
6
  "names": ["React"]
7
7
  }
package/cjs/navigation/Pagination/__stories__/WithResultsPerPage/index.js CHANGED
@@ -37,8 +37,8 @@ var import_SelectContainer = require("@digigov/ui/form/SelectContainer");
37
37
  var import_i18n = require("@digigov/ui/i18n");
38
38
  var import_Link = require("@digigov/ui/navigation/Link");
39
39
  var import_Pagination = require("@digigov/ui/navigation/Pagination");
40
- var import_SvgIcon = require("@digigov/ui/utils/SvgIcon");
41
- const WithResultsPerPage = () => /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 1, end: 10, total: 15 }), /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1", /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectContainer, null, /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "5"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "10"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "15"))), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "8"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page20" }, "20")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "right" }))))));
40
+ var import_icons = require("@digigov/ui/icons");
41
+ const WithResultsPerPage = () => /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 1, end: 10, total: 15 }), /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1", /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectContainer, null, /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "5"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "10"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "15"))), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "8"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page20" }, "20")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "right" }))))));
42
42
  var WithResultsPerPage_default = WithResultsPerPage;
43
43
  // Annotate the CommonJS export names for ESM import in node:
44
44
  0 && (module.exports = {
package/cjs/navigation/Pagination/__stories__/WithResultsPerPage.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/navigation/Pagination/__stories__/WithResultsPerPage.tsx"],
4
- "sourcesContent": ["import React from 'react';\n\nimport { LabelContainer } from '@digigov/react-core/LabelContainer';\nimport {\n SelectContainer,\n SelectOption,\n} from '@digigov/ui/form/SelectContainer';\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n Pagination,\n PaginationList,\n PaginationListItem,\n PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nimport { ChevronIcon } from '@digigov/ui/utils/SvgIcon';\n\nexport const WithResultsPerPage = () => (\n <I18NProvider t={(str: string) => str}>\n <Pagination>\n <PaginationLabel start={1} end={10} total={15}></PaginationLabel>\n <LabelContainer>\n \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n <SelectContainer>\n <SelectOption>5</SelectOption>\n <SelectOption>10</SelectOption>\n <SelectOption>15</SelectOption>\n </SelectContainer>\n </LabelContainer>\n <PaginationList>\n <PaginationListItem>\n <Link>\n <ChevronIcon direction=\"left\" />\n \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n </Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page1\">1</Link>\n </PaginationListItem>\n <PaginationListItem variant=\"dots\"></PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page7\">7</Link>\n </PaginationListItem>\n <PaginationListItem currentPage>8</PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page9\">9</Link>\n </PaginationListItem>\n <PaginationListItem variant=\"dots\"></PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page20\">20</Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link>\n \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n <ChevronIcon direction=\"right\" />\n </Link>\n </PaginationListItem>\n </PaginationList>\n </Pagination>\n </I18NProvider>\n);\n\nexport default WithResultsPerPage;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,4BAA+B;AAC/B,6BAGO;AACP,kBAA6B;AAC7B,kBAAqB;AACrB,wBAKO;AAEP,qBAA4B;AAErB,MAAM,qBAAqB,MAChC,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,GAC/C,6BAAAA,QAAA,cAAC,4CAAe,oIAEd,6BAAAA,QAAA,cAAC,8CACC,6BAAAA,QAAA,cAAC,2CAAa,GAAC,GACf,6BAAAA,QAAA,cAAC,2CAAa,IAAE,GAChB,6BAAAA,QAAA,cAAC,2CAAa,IAAE,CAClB,CACF,GACA,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,8BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,aAAU,IAAE,CACzB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,8BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF;AAGF,IAAO,6BAAQ;",
4
+ "sourcesContent": ["import React from 'react';\n\nimport { LabelContainer } from '@digigov/react-core/LabelContainer';\nimport {\n SelectContainer,\n SelectOption,\n} from '@digigov/ui/form/SelectContainer';\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n Pagination,\n PaginationList,\n PaginationListItem,\n PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nimport { ChevronIcon } from '@digigov/ui/icons';\n\nexport const WithResultsPerPage = () => (\n <I18NProvider t={(str: string) => str}>\n <Pagination>\n <PaginationLabel start={1} end={10} total={15}></PaginationLabel>\n <LabelContainer>\n \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n <SelectContainer>\n <SelectOption>5</SelectOption>\n <SelectOption>10</SelectOption>\n <SelectOption>15</SelectOption>\n </SelectContainer>\n </LabelContainer>\n <PaginationList>\n <PaginationListItem>\n <Link>\n <ChevronIcon direction=\"left\" />\n \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n </Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page1\">1</Link>\n </PaginationListItem>\n <PaginationListItem variant=\"dots\"></PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page7\">7</Link>\n </PaginationListItem>\n <PaginationListItem currentPage>8</PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page9\">9</Link>\n </PaginationListItem>\n <PaginationListItem variant=\"dots\"></PaginationListItem>\n <PaginationListItem>\n <Link href=\"#page20\">20</Link>\n </PaginationListItem>\n <PaginationListItem>\n <Link>\n \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n <ChevronIcon direction=\"right\" />\n </Link>\n </PaginationListItem>\n </PaginationList>\n </Pagination>\n </I18NProvider>\n);\n\nexport default WithResultsPerPage;\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,4BAA+B;AAC/B,6BAGO;AACP,kBAA6B;AAC7B,kBAAqB;AACrB,wBAKO;AAEP,mBAA4B;AAErB,MAAM,qBAAqB,MAChC,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,GAC/C,6BAAAA,QAAA,cAAC,4CAAe,oIAEd,6BAAAA,QAAA,cAAC,8CACC,6BAAAA,QAAA,cAAC,2CAAa,GAAC,GACf,6BAAAA,QAAA,cAAC,2CAAa,IAAE,GAChB,6BAAAA,QAAA,cAAC,2CAAa,IAAE,CAClB,CACF,GACA,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,aAAU,IAAE,CACzB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,4BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF;AAGF,IAAO,6BAAQ;",
6
6
  "names": ["React"]
7
7
  }