@amboss/design-system 1.15.1 → 1.15.2

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 (348) hide show
  1. package/package.json +1 -1
  2. package/build/cjs/build-tokens/_breakpoints.json.js +0 -10
  3. package/build/cjs/build-tokens/_icon_sizes_map.json.js +0 -5
  4. package/build/cjs/build-tokens/_zindex.json.js +0 -10
  5. package/build/cjs/build-tokens/assets/icons.json.js +0 -82
  6. package/build/cjs/build-tokens/assets/icons16.json.js +0 -87
  7. package/build/cjs/build-tokens/assets/logo.json.js +0 -7
  8. package/build/cjs/build-tokens/visualConfig.js +0 -1329
  9. package/build/cjs/scss/themes/dark.scss +0 -111
  10. package/build/cjs/scss/themes/light.scss +0 -111
  11. package/build/cjs/src/components/Badge/Badge.js +0 -63
  12. package/build/cjs/src/components/Box/Box.js +0 -89
  13. package/build/cjs/src/components/Button/Button.js +0 -290
  14. package/build/cjs/src/components/Callout/Callout.js +0 -102
  15. package/build/cjs/src/components/Card/Card.js +0 -69
  16. package/build/cjs/src/components/Card/CardBox.js +0 -23
  17. package/build/cjs/src/components/Card/CardHeader/CardHeader.js +0 -59
  18. package/build/cjs/src/components/Collapsible/Collapsible.js +0 -117
  19. package/build/cjs/src/components/Column/Columns.js +0 -147
  20. package/build/cjs/src/components/Container/Container.js +0 -63
  21. package/build/cjs/src/components/DataTable/DataTable.js +0 -187
  22. package/build/cjs/src/components/DataTable/TableBody.js +0 -161
  23. package/build/cjs/src/components/DataTable/TableCell.js +0 -45
  24. package/build/cjs/src/components/DataTable/TableHeader.js +0 -194
  25. package/build/cjs/src/components/DataTable/useDataTableSort.js +0 -42
  26. package/build/cjs/src/components/Divider/Divider.js +0 -68
  27. package/build/cjs/src/components/DropdownMenu/DropdownMenu.js +0 -227
  28. package/build/cjs/src/components/DropdownMenu/MenuItem.js +0 -103
  29. package/build/cjs/src/components/Form/Checkbox/Checkbox.js +0 -147
  30. package/build/cjs/src/components/Form/FormErrorMessages/FormErrorMessages.js +0 -27
  31. package/build/cjs/src/components/Form/FormField/FormField.js +0 -58
  32. package/build/cjs/src/components/Form/FormFieldGroup/FormFieldGroup.js +0 -55
  33. package/build/cjs/src/components/Form/FormLabelText/FormLabelText.js +0 -42
  34. package/build/cjs/src/components/Form/Input/Input.js +0 -186
  35. package/build/cjs/src/components/Form/PasswordInput/PasswordInput.js +0 -226
  36. package/build/cjs/src/components/Form/Radio/Radio.js +0 -138
  37. package/build/cjs/src/components/Form/RadioButton/RadioButton.js +0 -124
  38. package/build/cjs/src/components/Form/SegmentedControl/SegmentedControl.js +0 -131
  39. package/build/cjs/src/components/Form/SegmentedControl/SegmentedControlOption.js +0 -216
  40. package/build/cjs/src/components/Form/Select/Select.js +0 -291
  41. package/build/cjs/src/components/Form/Textarea/Textarea.js +0 -93
  42. package/build/cjs/src/components/Form/Toggle/Toggle.js +0 -179
  43. package/build/cjs/src/components/Form/ToggleButton/ToggleButton.js +0 -143
  44. package/build/cjs/src/components/Icon/Icon.js +0 -110
  45. package/build/cjs/src/components/Inline/Inline.js +0 -113
  46. package/build/cjs/src/components/Link/Link.js +0 -77
  47. package/build/cjs/src/components/LoadingSpinner/LoadingSpinner.js +0 -84
  48. package/build/cjs/src/components/Logo/Logo.js +0 -44
  49. package/build/cjs/src/components/MediaItem/MediaItem.js +0 -120
  50. package/build/cjs/src/components/MediaViewerBar/MediaViewerBar.js +0 -73
  51. package/build/cjs/src/components/Notification/Notification.js +0 -108
  52. package/build/cjs/src/components/Pagination/Pagination.js +0 -91
  53. package/build/cjs/src/components/Patterns/ButtonGroup/ButtonGroup.js +0 -52
  54. package/build/cjs/src/components/Patterns/Modal/Modal.js +0 -221
  55. package/build/cjs/src/components/PictogramButton/PictogramButton.js +0 -150
  56. package/build/cjs/src/components/Portal/Portal.js +0 -22
  57. package/build/cjs/src/components/ProgressBar/ProgressBar.js +0 -38
  58. package/build/cjs/src/components/RoundButton/RoundButton.js +0 -140
  59. package/build/cjs/src/components/SearchResult/SearchResult.js +0 -184
  60. package/build/cjs/src/components/SegmentedProgressBar/SegmentedProgressBar.js +0 -110
  61. package/build/cjs/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.js +0 -42
  62. package/build/cjs/src/components/Stack/Stack.js +0 -80
  63. package/build/cjs/src/components/SubThemeProvider/SubThemeProvider.js +0 -55
  64. package/build/cjs/src/components/Tabs/Tabs.js +0 -137
  65. package/build/cjs/src/components/Tag/Tag.js +0 -90
  66. package/build/cjs/src/components/Tooltip/Tooltip.js +0 -275
  67. package/build/cjs/src/components/Tooltip/utils.js +0 -81
  68. package/build/cjs/src/components/Typography/Header/Header.js +0 -132
  69. package/build/cjs/src/components/Typography/StyledText/StyledText.js +0 -168
  70. package/build/cjs/src/components/Typography/Text/Text.js +0 -71
  71. package/build/cjs/src/components/Typography/TextClamped/TextClamped.js +0 -54
  72. package/build/cjs/src/components/VirtualScrollList/VirtualScrollList.js +0 -116
  73. package/build/cjs/src/components/VirtualScrollList/VirtualScrollListReducer.js +0 -131
  74. package/build/cjs/src/index.js +0 -136
  75. package/build/cjs/src/shared/ScreenReaderText.js +0 -26
  76. package/build/cjs/src/shared/flattenChildren.js +0 -33
  77. package/build/cjs/src/shared/informDeprecation.js +0 -12
  78. package/build/cjs/src/shared/mediaQueries.js +0 -68
  79. package/build/cjs/src/shared/useAutoPosition.js +0 -42
  80. package/build/cjs/src/shared/useDocument.js +0 -7
  81. package/build/cjs/src/shared/useHover.js +0 -26
  82. package/build/cjs/src/shared/useKeyboard.js +0 -43
  83. package/build/cjs/src/shared/useOnEscapePress.js +0 -52
  84. package/build/cjs/src/shared/useOutsideClick.js +0 -33
  85. package/build/cjs/src/shared/useWindow.js +0 -7
  86. package/build/esm/build-tokens/_breakpoints.json +0 -17
  87. package/build/esm/build-tokens/_breakpoints.json.js +0 -4
  88. package/build/esm/build-tokens/_breakpoints.json.js.map +0 -1
  89. package/build/esm/build-tokens/_colors.json +0 -918
  90. package/build/esm/build-tokens/_icon_sizes_map.json +0 -7
  91. package/build/esm/build-tokens/_icon_sizes_map.json.js +0 -4
  92. package/build/esm/build-tokens/_icon_sizes_map.json.js.map +0 -1
  93. package/build/esm/build-tokens/_sizes.json +0 -782
  94. package/build/esm/build-tokens/_subThemeType.d.ts +0 -1
  95. package/build/esm/build-tokens/_zindex.json +0 -17
  96. package/build/esm/build-tokens/_zindex.json.js +0 -4
  97. package/build/esm/build-tokens/_zindex.json.js.map +0 -1
  98. package/build/esm/build-tokens/assets/icons.json +0 -141
  99. package/build/esm/build-tokens/assets/icons.json.js +0 -4
  100. package/build/esm/build-tokens/assets/icons.json.js.map +0 -1
  101. package/build/esm/build-tokens/assets/icons16.json +0 -153
  102. package/build/esm/build-tokens/assets/icons16.json.js +0 -4
  103. package/build/esm/build-tokens/assets/icons16.json.js.map +0 -1
  104. package/build/esm/build-tokens/assets/logo.json +0 -3
  105. package/build/esm/build-tokens/assets/logo.json.js +0 -4
  106. package/build/esm/build-tokens/assets/logo.json.js.map +0 -1
  107. package/build/esm/build-tokens/visualConfig.d.ts +0 -767
  108. package/build/esm/build-tokens/visualConfig.js +0 -1328
  109. package/build/esm/build-tokens/visualConfig.js.map +0 -1
  110. package/build/esm/scss/themes/dark.scss +0 -111
  111. package/build/esm/scss/themes/light.scss +0 -111
  112. package/build/esm/src/components/Badge/Badge.d.ts +0 -11
  113. package/build/esm/src/components/Badge/Badge.js +0 -57
  114. package/build/esm/src/components/Badge/Badge.js.map +0 -1
  115. package/build/esm/src/components/Box/Box.d.ts +0 -35
  116. package/build/esm/src/components/Box/Box.js +0 -82
  117. package/build/esm/src/components/Box/Box.js.map +0 -1
  118. package/build/esm/src/components/Button/Button.d.ts +0 -33
  119. package/build/esm/src/components/Button/Button.js +0 -282
  120. package/build/esm/src/components/Button/Button.js.map +0 -1
  121. package/build/esm/src/components/Button/mock.d.ts +0 -326
  122. package/build/esm/src/components/Callout/Callout.d.ts +0 -14
  123. package/build/esm/src/components/Callout/Callout.js +0 -96
  124. package/build/esm/src/components/Callout/Callout.js.map +0 -1
  125. package/build/esm/src/components/Card/Card.d.ts +0 -16
  126. package/build/esm/src/components/Card/Card.js +0 -63
  127. package/build/esm/src/components/Card/Card.js.map +0 -1
  128. package/build/esm/src/components/Card/CardBox.d.ts +0 -6
  129. package/build/esm/src/components/Card/CardBox.js +0 -18
  130. package/build/esm/src/components/Card/CardBox.js.map +0 -1
  131. package/build/esm/src/components/Card/CardHeader/CardHeader.d.ts +0 -12
  132. package/build/esm/src/components/Card/CardHeader/CardHeader.js +0 -52
  133. package/build/esm/src/components/Card/CardHeader/CardHeader.js.map +0 -1
  134. package/build/esm/src/components/Collapsible/Collapsible.d.ts +0 -15
  135. package/build/esm/src/components/Collapsible/Collapsible.js +0 -110
  136. package/build/esm/src/components/Collapsible/Collapsible.js.map +0 -1
  137. package/build/esm/src/components/Column/Columns.d.ts +0 -45
  138. package/build/esm/src/components/Column/Columns.js +0 -141
  139. package/build/esm/src/components/Column/Columns.js.map +0 -1
  140. package/build/esm/src/components/Container/Container.d.ts +0 -11
  141. package/build/esm/src/components/Container/Container.js +0 -57
  142. package/build/esm/src/components/Container/Container.js.map +0 -1
  143. package/build/esm/src/components/DataTable/DataTable.d.ts +0 -58
  144. package/build/esm/src/components/DataTable/DataTable.js +0 -180
  145. package/build/esm/src/components/DataTable/DataTable.js.map +0 -1
  146. package/build/esm/src/components/DataTable/TableBody.d.ts +0 -9
  147. package/build/esm/src/components/DataTable/TableBody.js +0 -153
  148. package/build/esm/src/components/DataTable/TableBody.js.map +0 -1
  149. package/build/esm/src/components/DataTable/TableCell.d.ts +0 -15
  150. package/build/esm/src/components/DataTable/TableCell.js +0 -38
  151. package/build/esm/src/components/DataTable/TableCell.js.map +0 -1
  152. package/build/esm/src/components/DataTable/TableHeader.d.ts +0 -9
  153. package/build/esm/src/components/DataTable/TableHeader.js +0 -185
  154. package/build/esm/src/components/DataTable/TableHeader.js.map +0 -1
  155. package/build/esm/src/components/DataTable/index.d.ts +0 -4
  156. package/build/esm/src/components/DataTable/types.d.ts +0 -15
  157. package/build/esm/src/components/DataTable/useDataTableSort.d.ts +0 -14
  158. package/build/esm/src/components/DataTable/useDataTableSort.js +0 -41
  159. package/build/esm/src/components/DataTable/useDataTableSort.js.map +0 -1
  160. package/build/esm/src/components/Divider/Divider.d.ts +0 -6
  161. package/build/esm/src/components/Divider/Divider.js +0 -62
  162. package/build/esm/src/components/Divider/Divider.js.map +0 -1
  163. package/build/esm/src/components/DropdownMenu/DropdownMenu.d.ts +0 -35
  164. package/build/esm/src/components/DropdownMenu/DropdownMenu.js +0 -221
  165. package/build/esm/src/components/DropdownMenu/DropdownMenu.js.map +0 -1
  166. package/build/esm/src/components/DropdownMenu/MenuItem.d.ts +0 -19
  167. package/build/esm/src/components/DropdownMenu/MenuItem.js +0 -97
  168. package/build/esm/src/components/DropdownMenu/MenuItem.js.map +0 -1
  169. package/build/esm/src/components/Form/Checkbox/Checkbox.d.ts +0 -15
  170. package/build/esm/src/components/Form/Checkbox/Checkbox.js +0 -140
  171. package/build/esm/src/components/Form/Checkbox/Checkbox.js.map +0 -1
  172. package/build/esm/src/components/Form/FormErrorMessages/FormErrorMessages.d.ts +0 -6
  173. package/build/esm/src/components/Form/FormErrorMessages/FormErrorMessages.js +0 -22
  174. package/build/esm/src/components/Form/FormErrorMessages/FormErrorMessages.js.map +0 -1
  175. package/build/esm/src/components/Form/FormField/FormField.d.ts +0 -15
  176. package/build/esm/src/components/Form/FormField/FormField.js +0 -52
  177. package/build/esm/src/components/Form/FormField/FormField.js.map +0 -1
  178. package/build/esm/src/components/Form/FormFieldGroup/FormFieldGroup.d.ts +0 -11
  179. package/build/esm/src/components/Form/FormFieldGroup/FormFieldGroup.js +0 -49
  180. package/build/esm/src/components/Form/FormFieldGroup/FormFieldGroup.js.map +0 -1
  181. package/build/esm/src/components/Form/FormLabelText/FormLabelText.d.ts +0 -7
  182. package/build/esm/src/components/Form/FormLabelText/FormLabelText.js +0 -36
  183. package/build/esm/src/components/Form/FormLabelText/FormLabelText.js.map +0 -1
  184. package/build/esm/src/components/Form/Input/Input.d.ts +0 -54
  185. package/build/esm/src/components/Form/Input/Input.js +0 -178
  186. package/build/esm/src/components/Form/Input/Input.js.map +0 -1
  187. package/build/esm/src/components/Form/Input/index.d.ts +0 -2
  188. package/build/esm/src/components/Form/PasswordInput/PasswordInput.d.ts +0 -53
  189. package/build/esm/src/components/Form/PasswordInput/PasswordInput.js +0 -218
  190. package/build/esm/src/components/Form/PasswordInput/PasswordInput.js.map +0 -1
  191. package/build/esm/src/components/Form/PasswordInput/index.d.ts +0 -2
  192. package/build/esm/src/components/Form/Radio/Radio.d.ts +0 -14
  193. package/build/esm/src/components/Form/Radio/Radio.js +0 -131
  194. package/build/esm/src/components/Form/Radio/Radio.js.map +0 -1
  195. package/build/esm/src/components/Form/RadioButton/RadioButton.d.ts +0 -17
  196. package/build/esm/src/components/Form/RadioButton/RadioButton.js +0 -117
  197. package/build/esm/src/components/Form/RadioButton/RadioButton.js.map +0 -1
  198. package/build/esm/src/components/Form/SegmentedControl/SegmentedControl.d.ts +0 -31
  199. package/build/esm/src/components/Form/SegmentedControl/SegmentedControl.js +0 -124
  200. package/build/esm/src/components/Form/SegmentedControl/SegmentedControl.js.map +0 -1
  201. package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.d.ts +0 -8
  202. package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.js +0 -210
  203. package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.js.map +0 -1
  204. package/build/esm/src/components/Form/Select/Select.d.ts +0 -23
  205. package/build/esm/src/components/Form/Select/Select.js +0 -284
  206. package/build/esm/src/components/Form/Select/Select.js.map +0 -1
  207. package/build/esm/src/components/Form/Textarea/Textarea.d.ts +0 -26
  208. package/build/esm/src/components/Form/Textarea/Textarea.js +0 -86
  209. package/build/esm/src/components/Form/Textarea/Textarea.js.map +0 -1
  210. package/build/esm/src/components/Form/Toggle/Toggle.d.ts +0 -18
  211. package/build/esm/src/components/Form/Toggle/Toggle.js +0 -172
  212. package/build/esm/src/components/Form/Toggle/Toggle.js.map +0 -1
  213. package/build/esm/src/components/Form/ToggleButton/ToggleButton.d.ts +0 -15
  214. package/build/esm/src/components/Form/ToggleButton/ToggleButton.js +0 -136
  215. package/build/esm/src/components/Form/ToggleButton/ToggleButton.js.map +0 -1
  216. package/build/esm/src/components/Icon/Icon.d.ts +0 -22
  217. package/build/esm/src/components/Icon/Icon.js +0 -104
  218. package/build/esm/src/components/Icon/Icon.js.map +0 -1
  219. package/build/esm/src/components/Inline/Inline.d.ts +0 -30
  220. package/build/esm/src/components/Inline/Inline.js +0 -107
  221. package/build/esm/src/components/Inline/Inline.js.map +0 -1
  222. package/build/esm/src/components/Link/Link.d.ts +0 -14
  223. package/build/esm/src/components/Link/Link.js +0 -70
  224. package/build/esm/src/components/Link/Link.js.map +0 -1
  225. package/build/esm/src/components/LoadingSpinner/LoadingSpinner.d.ts +0 -11
  226. package/build/esm/src/components/LoadingSpinner/LoadingSpinner.js +0 -78
  227. package/build/esm/src/components/LoadingSpinner/LoadingSpinner.js.map +0 -1
  228. package/build/esm/src/components/Logo/Logo.d.ts +0 -8
  229. package/build/esm/src/components/Logo/Logo.js +0 -38
  230. package/build/esm/src/components/Logo/Logo.js.map +0 -1
  231. package/build/esm/src/components/MediaItem/MediaItem.d.ts +0 -14
  232. package/build/esm/src/components/MediaItem/MediaItem.js +0 -114
  233. package/build/esm/src/components/MediaItem/MediaItem.js.map +0 -1
  234. package/build/esm/src/components/MediaViewerBar/MediaViewerBar.d.ts +0 -7
  235. package/build/esm/src/components/MediaViewerBar/MediaViewerBar.js +0 -67
  236. package/build/esm/src/components/MediaViewerBar/MediaViewerBar.js.map +0 -1
  237. package/build/esm/src/components/Notification/ExpandedContent.d.ts +0 -2
  238. package/build/esm/src/components/Notification/Notification.d.ts +0 -16
  239. package/build/esm/src/components/Notification/Notification.js +0 -102
  240. package/build/esm/src/components/Notification/Notification.js.map +0 -1
  241. package/build/esm/src/components/Pagination/Pagination.d.ts +0 -17
  242. package/build/esm/src/components/Pagination/Pagination.js +0 -86
  243. package/build/esm/src/components/Pagination/Pagination.js.map +0 -1
  244. package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.d.ts +0 -14
  245. package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.js +0 -46
  246. package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.js.map +0 -1
  247. package/build/esm/src/components/Patterns/Modal/Modal.d.ts +0 -28
  248. package/build/esm/src/components/Patterns/Modal/Modal.js +0 -214
  249. package/build/esm/src/components/Patterns/Modal/Modal.js.map +0 -1
  250. package/build/esm/src/components/PictogramButton/PictogramButton.d.ts +0 -15
  251. package/build/esm/src/components/PictogramButton/PictogramButton.js +0 -143
  252. package/build/esm/src/components/PictogramButton/PictogramButton.js.map +0 -1
  253. package/build/esm/src/components/Portal/Portal.d.ts +0 -7
  254. package/build/esm/src/components/Portal/Portal.js +0 -16
  255. package/build/esm/src/components/Portal/Portal.js.map +0 -1
  256. package/build/esm/src/components/ProgressBar/ProgressBar.d.ts +0 -15
  257. package/build/esm/src/components/ProgressBar/ProgressBar.js +0 -33
  258. package/build/esm/src/components/ProgressBar/ProgressBar.js.map +0 -1
  259. package/build/esm/src/components/RoundButton/RoundButton.d.ts +0 -12
  260. package/build/esm/src/components/RoundButton/RoundButton.js +0 -133
  261. package/build/esm/src/components/RoundButton/RoundButton.js.map +0 -1
  262. package/build/esm/src/components/SearchResult/SearchResult.d.ts +0 -43
  263. package/build/esm/src/components/SearchResult/SearchResult.js +0 -178
  264. package/build/esm/src/components/SearchResult/SearchResult.js.map +0 -1
  265. package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.d.ts +0 -28
  266. package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.js +0 -104
  267. package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.js.map +0 -1
  268. package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.d.ts +0 -10
  269. package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.js +0 -40
  270. package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.js.map +0 -1
  271. package/build/esm/src/components/ShadowWebComponent/ShadowWebComponent.d.ts +0 -13
  272. package/build/esm/src/components/Stack/Stack.d.ts +0 -20
  273. package/build/esm/src/components/Stack/Stack.js +0 -74
  274. package/build/esm/src/components/Stack/Stack.js.map +0 -1
  275. package/build/esm/src/components/SubThemeProvider/SubThemeProvider.d.ts +0 -8
  276. package/build/esm/src/components/SubThemeProvider/SubThemeProvider.js +0 -50
  277. package/build/esm/src/components/SubThemeProvider/SubThemeProvider.js.map +0 -1
  278. package/build/esm/src/components/Tabs/Tabs.d.ts +0 -28
  279. package/build/esm/src/components/Tabs/Tabs.js +0 -130
  280. package/build/esm/src/components/Tabs/Tabs.js.map +0 -1
  281. package/build/esm/src/components/Tag/Tag.d.ts +0 -18
  282. package/build/esm/src/components/Tag/Tag.js +0 -84
  283. package/build/esm/src/components/Tag/Tag.js.map +0 -1
  284. package/build/esm/src/components/Tooltip/BaseTooltip.d.ts +0 -22
  285. package/build/esm/src/components/Tooltip/Popover.d.ts +0 -7
  286. package/build/esm/src/components/Tooltip/Tooltip.d.ts +0 -23
  287. package/build/esm/src/components/Tooltip/Tooltip.js +0 -269
  288. package/build/esm/src/components/Tooltip/Tooltip.js.map +0 -1
  289. package/build/esm/src/components/Tooltip/util.d.ts +0 -12
  290. package/build/esm/src/components/Tooltip/utils.d.ts +0 -11
  291. package/build/esm/src/components/Tooltip/utils.js +0 -75
  292. package/build/esm/src/components/Tooltip/utils.js.map +0 -1
  293. package/build/esm/src/components/Typography/Header/Header.d.ts +0 -34
  294. package/build/esm/src/components/Typography/Header/Header.js +0 -122
  295. package/build/esm/src/components/Typography/Header/Header.js.map +0 -1
  296. package/build/esm/src/components/Typography/StyledText/StyledText.d.ts +0 -11
  297. package/build/esm/src/components/Typography/StyledText/StyledText.js +0 -161
  298. package/build/esm/src/components/Typography/StyledText/StyledText.js.map +0 -1
  299. package/build/esm/src/components/Typography/Text/Text.d.ts +0 -21
  300. package/build/esm/src/components/Typography/Text/Text.js +0 -65
  301. package/build/esm/src/components/Typography/Text/Text.js.map +0 -1
  302. package/build/esm/src/components/Typography/TextClamped/TextClamped.d.ts +0 -10
  303. package/build/esm/src/components/Typography/TextClamped/TextClamped.js +0 -47
  304. package/build/esm/src/components/Typography/TextClamped/TextClamped.js.map +0 -1
  305. package/build/esm/src/components/VirtualScrollList/VirtualScrollList.d.ts +0 -11
  306. package/build/esm/src/components/VirtualScrollList/VirtualScrollList.js +0 -110
  307. package/build/esm/src/components/VirtualScrollList/VirtualScrollList.js.map +0 -1
  308. package/build/esm/src/components/VirtualScrollList/VirtualScrollListReducer.d.ts +0 -36
  309. package/build/esm/src/components/VirtualScrollList/VirtualScrollListReducer.js +0 -130
  310. package/build/esm/src/components/VirtualScrollList/VirtualScrollListReducer.js.map +0 -1
  311. package/build/esm/src/index.d.ts +0 -53
  312. package/build/esm/src/index.js +0 -60
  313. package/build/esm/src/index.js.map +0 -1
  314. package/build/esm/src/shared/ScreenReaderText.d.ts +0 -5
  315. package/build/esm/src/shared/ScreenReaderText.js +0 -21
  316. package/build/esm/src/shared/ScreenReaderText.js.map +0 -1
  317. package/build/esm/src/shared/flattenChildren.d.ts +0 -11
  318. package/build/esm/src/shared/flattenChildren.js +0 -32
  319. package/build/esm/src/shared/flattenChildren.js.map +0 -1
  320. package/build/esm/src/shared/informDeprecation.d.ts +0 -1
  321. package/build/esm/src/shared/informDeprecation.js +0 -11
  322. package/build/esm/src/shared/informDeprecation.js.map +0 -1
  323. package/build/esm/src/shared/mediaQueries.d.ts +0 -14
  324. package/build/esm/src/shared/mediaQueries.js +0 -66
  325. package/build/esm/src/shared/mediaQueries.js.map +0 -1
  326. package/build/esm/src/shared/replaceDeprecated.d.ts +0 -1
  327. package/build/esm/src/shared/useAutoPosition.d.ts +0 -5
  328. package/build/esm/src/shared/useAutoPosition.js +0 -41
  329. package/build/esm/src/shared/useAutoPosition.js.map +0 -1
  330. package/build/esm/src/shared/useDocument.d.ts +0 -1
  331. package/build/esm/src/shared/useDocument.js +0 -6
  332. package/build/esm/src/shared/useDocument.js.map +0 -1
  333. package/build/esm/src/shared/useHover.d.ts +0 -2
  334. package/build/esm/src/shared/useHover.js +0 -25
  335. package/build/esm/src/shared/useHover.js.map +0 -1
  336. package/build/esm/src/shared/useKeyboard.d.ts +0 -17
  337. package/build/esm/src/shared/useKeyboard.js +0 -42
  338. package/build/esm/src/shared/useKeyboard.js.map +0 -1
  339. package/build/esm/src/shared/useOnEscapePress.d.ts +0 -2
  340. package/build/esm/src/shared/useOnEscapePress.js +0 -51
  341. package/build/esm/src/shared/useOnEscapePress.js.map +0 -1
  342. package/build/esm/src/shared/useOutsideClick.d.ts +0 -11
  343. package/build/esm/src/shared/useOutsideClick.js +0 -32
  344. package/build/esm/src/shared/useOutsideClick.js.map +0 -1
  345. package/build/esm/src/shared/useWindow.d.ts +0 -1
  346. package/build/esm/src/shared/useWindow.js +0 -6
  347. package/build/esm/src/shared/useWindow.js.map +0 -1
  348. package/build/esm/src/types/index.d.ts +0 -57
@@ -1,114 +0,0 @@
1
- import _styled from '@emotion/styled/base';
2
- import React, { useState } from 'react';
3
- import { Icon } from '../Icon/Icon.js';
4
-
5
- const StyledMediaContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
6
- target: "e18zu6wq2"
7
- } : {
8
- target: "e18zu6wq2",
9
- label: "StyledMediaContainer"
10
- })(_ref => {
11
- let {
12
- squareByWidth
13
- } = _ref;
14
- return {
15
- position: "relative",
16
- backgroundColor: " transparent",
17
- overflow: "hidden",
18
- border: "none",
19
- width: "100%",
20
- borderRadius: "inherit",
21
- ...(squareByWidth && {
22
- paddingTop: "100%"
23
- }),
24
- ...(!squareByWidth && {
25
- height: "100%"
26
- })
27
- };
28
- }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUI2QiIsImZpbGUiOiJNZWRpYUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5cbmV4cG9ydCB0eXBlIE1lZGlhSXRlbVByb3BzID0ge1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIFNldHMgdGhlIGhlaWdodCBvZiB0aGUgbWVkaWEgdG8gZXF1YWwgdGhlIHdpZHRoIHZhbHVlIG1ha2luZyBhIHNxdWFyZSA8YnIvPlxuICAgKi9cbiAgc3F1YXJlQnlXaWR0aD86IGJvb2xlYW47XG4gIC8qKiBTcGVjaWZ5IGZpdCBvZiB0aGUgbWVkaWEgYmFja2dyb3VuZC4gPGJyLz5cbiAgICogXCJjb250YWluXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbywgYnV0IGlzIHJlc2l6ZWQgdG8gZml0IHdpdGhpbiB0aGUgZ2l2ZW4gZGltZW5zaW9uLiA8YnIvPlxuICAgKiBcImNvdmVyXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbyBhbmQgZmlsbHMgdGhlIGdpdmVuIGRpbWVuc2lvbi4gVGhlIG1lZGlhIHdpbGwgYmUgY2xpcHBlZCB0byBmaXQuXG4gICAqL1xuICBmaXQ6IFwiY292ZXJcIiB8IFwiY29udGFpblwiO1xufTtcblxuY29uc3QgU3R5bGVkTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgc3F1YXJlQnlXaWR0aCB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiB0cmFuc3BhcmVudFwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogXCJpbmhlcml0XCIsXG4gICAgLi4uKHNxdWFyZUJ5V2lkdGggJiYgeyBwYWRkaW5nVG9wOiBcIjEwMCVcIiB9KSxcbiAgICAuLi4oIXNxdWFyZUJ5V2lkdGggJiYgeyBoZWlnaHQ6IFwiMTAwJVwiIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkTWVkaWEgPSBzdHlsZWQuaW1nPFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PigoeyB0aGVtZSwgZml0IH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRQb3NpdGlvbjogXCJjZW50ZXJcIixcbiAgb2JqZWN0Rml0OiBmaXQsXG4gIGJhY2tncm91bmRSZXBlYXQ6IFwibm8tcmVwZWF0XCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGFydGlhbDxNZWRpYUl0ZW1Qcm9wcz4+KFxuICAoeyB0aGVtZSwgc3F1YXJlQnlXaWR0aCB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgdG9wOiAwLFxuICAgIGxlZnQ6IDAsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgLi4uKHNxdWFyZUJ5V2lkdGggJiYgeyBwYWRkaW5nVG9wOiBcIjEwMCVcIiB9KSxcbiAgICAuLi4oIXNxdWFyZUJ5V2lkdGggJiYgeyBoZWlnaHQ6IFwiMTAwJVwiIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhSXRlbSh7XG4gIHNyYyxcbiAgdGl0bGUsXG4gIHNxdWFyZUJ5V2lkdGggPSBmYWxzZSxcbiAgZml0ID0gXCJjb3ZlclwiLFxufTogTWVkaWFJdGVtUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbc3JjRXJyb3IsIHNldFNyY0Vycm9yXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBpbWFnZSA9IG5ldyBJbWFnZSgpO1xuICBpbWFnZS5zcmMgPSBzcmM7XG4gIGltYWdlLm9uZXJyb3IgPSAoKSA9PiB7XG4gICAgaWYgKCFzcmNFcnJvcikge1xuICAgICAgc2V0U3JjRXJyb3IodHJ1ZSk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1lZGlhQ29udGFpbmVyIHNxdWFyZUJ5V2lkdGg9e3NxdWFyZUJ5V2lkdGh9IGRhdGEtZHMtaWQ9XCJNZWRpYUl0ZW1cIj5cbiAgICAgIHshc3JjRXJyb3IgPyAoXG4gICAgICAgIDxTdHlsZWRNZWRpYSBzcmM9e3NyY30gdGl0bGU9e3RpdGxlfSBhbHQ9e3RpdGxlfSBmaXQ9e2ZpdH0gLz5cbiAgICAgICkgOiAoXG4gICAgICAgIDxTdHlsZWRDb250YWluZXIgdGl0bGU9XCJFcnJvciBub3QgZm91bmRcIj5cbiAgICAgICAgICA8SWNvbiBuYW1lPVwiaW1hZ2UtYnJva2VuXCIgY29sb3I9XCJ0ZXJ0aWFyeVwiIC8+XG4gICAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZE1lZGlhQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
29
- const StyledMedia = /*#__PURE__*/_styled("img", process.env.NODE_ENV === "production" ? {
30
- target: "e18zu6wq1"
31
- } : {
32
- target: "e18zu6wq1",
33
- label: "StyledMedia"
34
- })(_ref2 => {
35
- let {
36
- theme,
37
- fit
38
- } = _ref2;
39
- return {
40
- position: "absolute",
41
- top: 0,
42
- left: 0,
43
- display: "block",
44
- width: "100%",
45
- height: "100%",
46
- backgroundPosition: "center",
47
- objectFit: fit,
48
- backgroundRepeat: "no-repeat",
49
- cursor: "pointer",
50
- ":global(.isDarkmodeActive) &": {
51
- backgroundColor: theme.values.color.background.primary.default
52
- }
53
- };
54
- }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJvQiIsImZpbGUiOiJNZWRpYUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5cbmV4cG9ydCB0eXBlIE1lZGlhSXRlbVByb3BzID0ge1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIFNldHMgdGhlIGhlaWdodCBvZiB0aGUgbWVkaWEgdG8gZXF1YWwgdGhlIHdpZHRoIHZhbHVlIG1ha2luZyBhIHNxdWFyZSA8YnIvPlxuICAgKi9cbiAgc3F1YXJlQnlXaWR0aD86IGJvb2xlYW47XG4gIC8qKiBTcGVjaWZ5IGZpdCBvZiB0aGUgbWVkaWEgYmFja2dyb3VuZC4gPGJyLz5cbiAgICogXCJjb250YWluXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbywgYnV0IGlzIHJlc2l6ZWQgdG8gZml0IHdpdGhpbiB0aGUgZ2l2ZW4gZGltZW5zaW9uLiA8YnIvPlxuICAgKiBcImNvdmVyXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbyBhbmQgZmlsbHMgdGhlIGdpdmVuIGRpbWVuc2lvbi4gVGhlIG1lZGlhIHdpbGwgYmUgY2xpcHBlZCB0byBmaXQuXG4gICAqL1xuICBmaXQ6IFwiY292ZXJcIiB8IFwiY29udGFpblwiO1xufTtcblxuY29uc3QgU3R5bGVkTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgc3F1YXJlQnlXaWR0aCB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiB0cmFuc3BhcmVudFwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogXCJpbmhlcml0XCIsXG4gICAgLi4uKHNxdWFyZUJ5V2lkdGggJiYgeyBwYWRkaW5nVG9wOiBcIjEwMCVcIiB9KSxcbiAgICAuLi4oIXNxdWFyZUJ5V2lkdGggJiYgeyBoZWlnaHQ6IFwiMTAwJVwiIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkTWVkaWEgPSBzdHlsZWQuaW1nPFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PigoeyB0aGVtZSwgZml0IH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRQb3NpdGlvbjogXCJjZW50ZXJcIixcbiAgb2JqZWN0Rml0OiBmaXQsXG4gIGJhY2tncm91bmRSZXBlYXQ6IFwibm8tcmVwZWF0XCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGFydGlhbDxNZWRpYUl0ZW1Qcm9wcz4+KFxuICAoeyB0aGVtZSwgc3F1YXJlQnlXaWR0aCB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgdG9wOiAwLFxuICAgIGxlZnQ6IDAsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgLi4uKHNxdWFyZUJ5V2lkdGggJiYgeyBwYWRkaW5nVG9wOiBcIjEwMCVcIiB9KSxcbiAgICAuLi4oIXNxdWFyZUJ5V2lkdGggJiYgeyBoZWlnaHQ6IFwiMTAwJVwiIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhSXRlbSh7XG4gIHNyYyxcbiAgdGl0bGUsXG4gIHNxdWFyZUJ5V2lkdGggPSBmYWxzZSxcbiAgZml0ID0gXCJjb3ZlclwiLFxufTogTWVkaWFJdGVtUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbc3JjRXJyb3IsIHNldFNyY0Vycm9yXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBpbWFnZSA9IG5ldyBJbWFnZSgpO1xuICBpbWFnZS5zcmMgPSBzcmM7XG4gIGltYWdlLm9uZXJyb3IgPSAoKSA9PiB7XG4gICAgaWYgKCFzcmNFcnJvcikge1xuICAgICAgc2V0U3JjRXJyb3IodHJ1ZSk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1lZGlhQ29udGFpbmVyIHNxdWFyZUJ5V2lkdGg9e3NxdWFyZUJ5V2lkdGh9IGRhdGEtZHMtaWQ9XCJNZWRpYUl0ZW1cIj5cbiAgICAgIHshc3JjRXJyb3IgPyAoXG4gICAgICAgIDxTdHlsZWRNZWRpYSBzcmM9e3NyY30gdGl0bGU9e3RpdGxlfSBhbHQ9e3RpdGxlfSBmaXQ9e2ZpdH0gLz5cbiAgICAgICkgOiAoXG4gICAgICAgIDxTdHlsZWRDb250YWluZXIgdGl0bGU9XCJFcnJvciBub3QgZm91bmRcIj5cbiAgICAgICAgICA8SWNvbiBuYW1lPVwiaW1hZ2UtYnJva2VuXCIgY29sb3I9XCJ0ZXJ0aWFyeVwiIC8+XG4gICAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZE1lZGlhQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
55
- const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
56
- target: "e18zu6wq0"
57
- } : {
58
- target: "e18zu6wq0",
59
- label: "StyledContainer"
60
- })(_ref3 => {
61
- let {
62
- theme,
63
- squareByWidth
64
- } = _ref3;
65
- return {
66
- position: "absolute",
67
- top: 0,
68
- left: 0,
69
- display: "flex",
70
- alignItems: "center",
71
- justifyContent: "center",
72
- width: "100%",
73
- backgroundColor: theme.values.color.background.transparent.active,
74
- ...(squareByWidth && {
75
- paddingTop: "100%"
76
- }),
77
- ...(!squareByWidth && {
78
- height: "100%"
79
- })
80
- };
81
- }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEN3QiIsImZpbGUiOiJNZWRpYUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5cbmV4cG9ydCB0eXBlIE1lZGlhSXRlbVByb3BzID0ge1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIFNldHMgdGhlIGhlaWdodCBvZiB0aGUgbWVkaWEgdG8gZXF1YWwgdGhlIHdpZHRoIHZhbHVlIG1ha2luZyBhIHNxdWFyZSA8YnIvPlxuICAgKi9cbiAgc3F1YXJlQnlXaWR0aD86IGJvb2xlYW47XG4gIC8qKiBTcGVjaWZ5IGZpdCBvZiB0aGUgbWVkaWEgYmFja2dyb3VuZC4gPGJyLz5cbiAgICogXCJjb250YWluXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbywgYnV0IGlzIHJlc2l6ZWQgdG8gZml0IHdpdGhpbiB0aGUgZ2l2ZW4gZGltZW5zaW9uLiA8YnIvPlxuICAgKiBcImNvdmVyXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbyBhbmQgZmlsbHMgdGhlIGdpdmVuIGRpbWVuc2lvbi4gVGhlIG1lZGlhIHdpbGwgYmUgY2xpcHBlZCB0byBmaXQuXG4gICAqL1xuICBmaXQ6IFwiY292ZXJcIiB8IFwiY29udGFpblwiO1xufTtcblxuY29uc3QgU3R5bGVkTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgc3F1YXJlQnlXaWR0aCB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiB0cmFuc3BhcmVudFwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogXCJpbmhlcml0XCIsXG4gICAgLi4uKHNxdWFyZUJ5V2lkdGggJiYgeyBwYWRkaW5nVG9wOiBcIjEwMCVcIiB9KSxcbiAgICAuLi4oIXNxdWFyZUJ5V2lkdGggJiYgeyBoZWlnaHQ6IFwiMTAwJVwiIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkTWVkaWEgPSBzdHlsZWQuaW1nPFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PigoeyB0aGVtZSwgZml0IH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRQb3NpdGlvbjogXCJjZW50ZXJcIixcbiAgb2JqZWN0Rml0OiBmaXQsXG4gIGJhY2tncm91bmRSZXBlYXQ6IFwibm8tcmVwZWF0XCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGFydGlhbDxNZWRpYUl0ZW1Qcm9wcz4+KFxuICAoeyB0aGVtZSwgc3F1YXJlQnlXaWR0aCB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgdG9wOiAwLFxuICAgIGxlZnQ6IDAsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgLi4uKHNxdWFyZUJ5V2lkdGggJiYgeyBwYWRkaW5nVG9wOiBcIjEwMCVcIiB9KSxcbiAgICAuLi4oIXNxdWFyZUJ5V2lkdGggJiYgeyBoZWlnaHQ6IFwiMTAwJVwiIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhSXRlbSh7XG4gIHNyYyxcbiAgdGl0bGUsXG4gIHNxdWFyZUJ5V2lkdGggPSBmYWxzZSxcbiAgZml0ID0gXCJjb3ZlclwiLFxufTogTWVkaWFJdGVtUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbc3JjRXJyb3IsIHNldFNyY0Vycm9yXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBpbWFnZSA9IG5ldyBJbWFnZSgpO1xuICBpbWFnZS5zcmMgPSBzcmM7XG4gIGltYWdlLm9uZXJyb3IgPSAoKSA9PiB7XG4gICAgaWYgKCFzcmNFcnJvcikge1xuICAgICAgc2V0U3JjRXJyb3IodHJ1ZSk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1lZGlhQ29udGFpbmVyIHNxdWFyZUJ5V2lkdGg9e3NxdWFyZUJ5V2lkdGh9IGRhdGEtZHMtaWQ9XCJNZWRpYUl0ZW1cIj5cbiAgICAgIHshc3JjRXJyb3IgPyAoXG4gICAgICAgIDxTdHlsZWRNZWRpYSBzcmM9e3NyY30gdGl0bGU9e3RpdGxlfSBhbHQ9e3RpdGxlfSBmaXQ9e2ZpdH0gLz5cbiAgICAgICkgOiAoXG4gICAgICAgIDxTdHlsZWRDb250YWluZXIgdGl0bGU9XCJFcnJvciBub3QgZm91bmRcIj5cbiAgICAgICAgICA8SWNvbiBuYW1lPVwiaW1hZ2UtYnJva2VuXCIgY29sb3I9XCJ0ZXJ0aWFyeVwiIC8+XG4gICAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZE1lZGlhQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
82
- function MediaItem(_ref4) {
83
- let {
84
- src,
85
- title,
86
- squareByWidth = false,
87
- fit = "cover"
88
- } = _ref4;
89
- const [srcError, setSrcError] = useState(false);
90
- const image = new Image();
91
- image.src = src;
92
- image.onerror = () => {
93
- if (!srcError) {
94
- setSrcError(true);
95
- }
96
- };
97
- return /*#__PURE__*/React.createElement(StyledMediaContainer, {
98
- squareByWidth: squareByWidth,
99
- "data-ds-id": "MediaItem"
100
- }, !srcError ? /*#__PURE__*/React.createElement(StyledMedia, {
101
- src: src,
102
- title: title,
103
- alt: title,
104
- fit: fit
105
- }) : /*#__PURE__*/React.createElement(StyledContainer, {
106
- title: "Error not found"
107
- }, /*#__PURE__*/React.createElement(Icon, {
108
- name: "image-broken",
109
- color: "tertiary"
110
- })));
111
- }
112
-
113
- export { MediaItem };
114
- //# sourceMappingURL=MediaItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MediaItem.js","sources":["../../../../../src/components/MediaItem/MediaItem.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Icon } from \"../Icon/Icon\";\n\nexport type MediaItemProps = {\n src: string;\n title: string;\n /** Sets the height of the media to equal the width value making a square <br/>\n */\n squareByWidth?: boolean;\n /** Specify fit of the media background. <br/>\n * \"contain\" - the media keeps its aspect ratio, but is resized to fit within the given dimension. <br/>\n * \"cover\" - the media keeps its aspect ratio and fills the given dimension. The media will be clipped to fit.\n */\n fit: \"cover\" | \"contain\";\n};\n\nconst StyledMediaContainer = styled.div<Partial<MediaItemProps>>(\n ({ squareByWidth }) => ({\n position: \"relative\",\n backgroundColor: \" transparent\",\n overflow: \"hidden\",\n border: \"none\",\n width: \"100%\",\n borderRadius: \"inherit\",\n ...(squareByWidth && { paddingTop: \"100%\" }),\n ...(!squareByWidth && { height: \"100%\" }),\n })\n);\n\nconst StyledMedia = styled.img<Partial<MediaItemProps>>(({ theme, fit }) => ({\n position: \"absolute\",\n top: 0,\n left: 0,\n display: \"block\",\n width: \"100%\",\n height: \"100%\",\n backgroundPosition: \"center\",\n objectFit: fit,\n backgroundRepeat: \"no-repeat\",\n cursor: \"pointer\",\n \":global(.isDarkmodeActive) &\": {\n backgroundColor: theme.values.color.background.primary.default,\n },\n}));\n\nconst StyledContainer = styled.div<Partial<MediaItemProps>>(\n ({ theme, squareByWidth }) => ({\n position: \"absolute\",\n top: 0,\n left: 0,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n width: \"100%\",\n backgroundColor: theme.values.color.background.transparent.active,\n ...(squareByWidth && { paddingTop: \"100%\" }),\n ...(!squareByWidth && { height: \"100%\" }),\n })\n);\n\nexport function MediaItem({\n src,\n title,\n squareByWidth = false,\n fit = \"cover\",\n}: MediaItemProps): React.ReactElement {\n const [srcError, setSrcError] = useState(false);\n\n const image = new Image();\n image.src = src;\n image.onerror = () => {\n if (!srcError) {\n setSrcError(true);\n }\n };\n\n return (\n <StyledMediaContainer squareByWidth={squareByWidth} data-ds-id=\"MediaItem\">\n {!srcError ? (\n <StyledMedia src={src} title={title} alt={title} fit={fit} />\n ) : (\n <StyledContainer title=\"Error not found\">\n <Icon name=\"image-broken\" color=\"tertiary\" />\n </StyledContainer>\n )}\n </StyledMediaContainer>\n );\n}\n"],"names":["StyledMediaContainer","_styled","process","env","NODE_ENV","target","label","_ref","squareByWidth","position","backgroundColor","overflow","border","width","borderRadius","paddingTop","height","StyledMedia","_ref2","theme","fit","top","left","display","backgroundPosition","objectFit","backgroundRepeat","cursor","values","color","background","primary","default","StyledContainer","_ref3","alignItems","justifyContent","transparent","active","MediaItem","_ref4","src","title","srcError","setSrcError","useState","image","Image","onerror","React","createElement","alt","Icon","name"],"mappings":"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"}
@@ -1,7 +0,0 @@
1
- import { ReactElement } from "react";
2
- export declare type MediaViewerBarProps = {
3
- children?: ReactElement | ReactElement[];
4
- hasSeparator?: boolean;
5
- "data-e2e-test-id"?: string;
6
- };
7
- export declare function MediaViewerBar({ children, hasSeparator, "data-e2e-test-id": dataE2eTestId, }: MediaViewerBarProps): ReactElement;
@@ -1,67 +0,0 @@
1
- import _styled from '@emotion/styled/base';
2
- import React from 'react';
3
- import { Inline } from '../Inline/Inline.js';
4
- import { flattenChildren } from '../../shared/flattenChildren.js';
5
- import { SubThemeProvider } from '../SubThemeProvider/SubThemeProvider.js';
6
-
7
- const StyledMediaViewerBar = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
8
- target: "e1l20w891"
9
- } : {
10
- target: "e1l20w891",
11
- label: "StyledMediaViewerBar"
12
- })(_ref => {
13
- let {
14
- theme
15
- } = _ref;
16
- return {
17
- display: "inline-flex",
18
- borderRadius: theme.variables.size.spacing.xxs,
19
- height: theme.variables.size.spacing.l,
20
- backgroundColor: theme.values.color.background.primary.default,
21
- color: theme.values.color.text.secondary.default,
22
- overflow: "hidden",
23
- "> div": {
24
- width: "100%",
25
- "> div": {
26
- lineHeight: "normal"
27
- }
28
- }
29
- };
30
- }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhVmlld2VyQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNNkIiLCJmaWxlIjoiTWVkaWFWaWV3ZXJCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgZmxhdHRlbkNoaWxkcmVuIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9mbGF0dGVuQ2hpbGRyZW5cIjtcbmltcG9ydCB7IFN1YlRoZW1lUHJvdmlkZXIgfSBmcm9tIFwiLi4vU3ViVGhlbWVQcm92aWRlci9TdWJUaGVtZVByb3ZpZGVyXCI7XG5cbmNvbnN0IFN0eWxlZE1lZGlhVmlld2VyQmFyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgXCI+IGRpdlwiOiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIFwiPiBkaXZcIjoge1xuICAgICAgbGluZUhlaWdodDogXCJub3JtYWxcIixcbiAgICB9LFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRTZXBhcmF0b3IgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24ubWVkaWFWaWV3ZXJCYXIuc2VwYXJhdG9yLndpZHRoLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQmFyUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3RFbGVtZW50IHwgUmVhY3RFbGVtZW50W107XG4gIGhhc1NlcGFyYXRvcj86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQmFyKHtcbiAgY2hpbGRyZW4sXG4gIGhhc1NlcGFyYXRvcixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBNZWRpYVZpZXdlckJhclByb3BzKTogUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgZmxhdHRlbmVkQ2hpbGRyZW4gPSBmbGF0dGVuQ2hpbGRyZW4oY2hpbGRyZW4pO1xuXG4gIHJldHVybiAoXG4gICAgPFN1YlRoZW1lUHJvdmlkZXIgbmFtZT1cImRpbW1lZFwiPlxuICAgICAgPFN0eWxlZE1lZGlhVmlld2VyQmFyXG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJNZWRpYVZpZXdlckJhclwiXG4gICAgICA+XG4gICAgICAgIDxJbmxpbmUgc3BhY2U9XCJ6ZXJvXCIgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgbm9XcmFwPlxuICAgICAgICAgIHtSZWFjdC5DaGlsZHJlbi5tYXAoZmxhdHRlbmVkQ2hpbGRyZW4sIChjaGlsZCwgaW5kZXgpID0+IChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgIHtoYXNTZXBhcmF0b3IgJiYgaW5kZXggPiAwICYmIDxTdHlsZWRTZXBhcmF0b3IgLz59XG4gICAgICAgICAgICAgIHtjaGlsZH1cbiAgICAgICAgICAgIDwvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvU3R5bGVkTWVkaWFWaWV3ZXJCYXI+XG4gICAgPC9TdWJUaGVtZVByb3ZpZGVyPlxuICApO1xufVxuIl19 */");
31
- const StyledSeparator = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
32
- target: "e1l20w890"
33
- } : {
34
- target: "e1l20w890",
35
- label: "StyledSeparator"
36
- })(_ref2 => {
37
- let {
38
- theme
39
- } = _ref2;
40
- return {
41
- width: theme.variables.size.dimension.mediaViewerBar.separator.width,
42
- height: theme.variables.size.spacing.l,
43
- backgroundColor: theme.values.color.background.primary.default
44
- };
45
- }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhVmlld2VyQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQndCIiwiZmlsZSI6Ik1lZGlhVmlld2VyQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdEVsZW1lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IGZsYXR0ZW5DaGlsZHJlbiB9IGZyb20gXCIuLi8uLi9zaGFyZWQvZmxhdHRlbkNoaWxkcmVuXCI7XG5pbXBvcnQgeyBTdWJUaGVtZVByb3ZpZGVyIH0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVQcm92aWRlclwiO1xuXG5jb25zdCBTdHlsZWRNZWRpYVZpZXdlckJhciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIFwiPiBkaXZcIjoge1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBcIj4gZGl2XCI6IHtcbiAgICAgIGxpbmVIZWlnaHQ6IFwibm9ybWFsXCIsXG4gICAgfSxcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkU2VwYXJhdG9yID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICB3aWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLm1lZGlhVmlld2VyQmFyLnNlcGFyYXRvci53aWR0aCxcbiAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxufSkpO1xuXG5leHBvcnQgdHlwZSBNZWRpYVZpZXdlckJhclByb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0RWxlbWVudCB8IFJlYWN0RWxlbWVudFtdO1xuICBoYXNTZXBhcmF0b3I/OiBib29sZWFuO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBNZWRpYVZpZXdlckJhcih7XG4gIGNoaWxkcmVuLFxuICBoYXNTZXBhcmF0b3IsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogTWVkaWFWaWV3ZXJCYXJQcm9wcyk6IFJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGZsYXR0ZW5lZENoaWxkcmVuID0gZmxhdHRlbkNoaWxkcmVuKGNoaWxkcmVuKTtcblxuICByZXR1cm4gKFxuICAgIDxTdWJUaGVtZVByb3ZpZGVyIG5hbWU9XCJkaW1tZWRcIj5cbiAgICAgIDxTdHlsZWRNZWRpYVZpZXdlckJhclxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICBkYXRhLWRzLWlkPVwiTWVkaWFWaWV3ZXJCYXJcIlxuICAgICAgPlxuICAgICAgICA8SW5saW5lIHNwYWNlPVwiemVyb1wiIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIG5vV3JhcD5cbiAgICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGZsYXR0ZW5lZENoaWxkcmVuLCAoY2hpbGQsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICB7aGFzU2VwYXJhdG9yICYmIGluZGV4ID4gMCAmJiA8U3R5bGVkU2VwYXJhdG9yIC8+fVxuICAgICAgICAgICAgICB7Y2hpbGR9XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L1N0eWxlZE1lZGlhVmlld2VyQmFyPlxuICAgIDwvU3ViVGhlbWVQcm92aWRlcj5cbiAgKTtcbn1cbiJdfQ== */");
46
- function MediaViewerBar(_ref3) {
47
- let {
48
- children,
49
- hasSeparator,
50
- "data-e2e-test-id": dataE2eTestId
51
- } = _ref3;
52
- const flattenedChildren = flattenChildren(children);
53
- return /*#__PURE__*/React.createElement(SubThemeProvider, {
54
- name: "dimmed"
55
- }, /*#__PURE__*/React.createElement(StyledMediaViewerBar, {
56
- "data-e2e-test-id": dataE2eTestId,
57
- "data-ds-id": "MediaViewerBar"
58
- }, /*#__PURE__*/React.createElement(Inline, {
59
- space: "zero",
60
- vAlignItems: "center",
61
- alignItems: "center",
62
- noWrap: true
63
- }, React.Children.map(flattenedChildren, (child, index) => /*#__PURE__*/React.createElement(React.Fragment, null, hasSeparator && index > 0 && /*#__PURE__*/React.createElement(StyledSeparator, null), child)))));
64
- }
65
-
66
- export { MediaViewerBar };
67
- //# sourceMappingURL=MediaViewerBar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MediaViewerBar.js","sources":["../../../../../src/components/MediaViewerBar/MediaViewerBar.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Inline } from \"../Inline/Inline\";\nimport { flattenChildren } from \"../../shared/flattenChildren\";\nimport { SubThemeProvider } from \"../SubThemeProvider/SubThemeProvider\";\n\nconst StyledMediaViewerBar = styled.div(({ theme }) => ({\n display: \"inline-flex\",\n borderRadius: theme.variables.size.spacing.xxs,\n height: theme.variables.size.spacing.l,\n backgroundColor: theme.values.color.background.primary.default,\n color: theme.values.color.text.secondary.default,\n overflow: \"hidden\",\n \"> div\": {\n width: \"100%\",\n \"> div\": {\n lineHeight: \"normal\",\n },\n },\n}));\n\nconst StyledSeparator = styled.div(({ theme }) => ({\n width: theme.variables.size.dimension.mediaViewerBar.separator.width,\n height: theme.variables.size.spacing.l,\n backgroundColor: theme.values.color.background.primary.default,\n}));\n\nexport type MediaViewerBarProps = {\n children?: ReactElement | ReactElement[];\n hasSeparator?: boolean;\n \"data-e2e-test-id\"?: string;\n};\n\nexport function MediaViewerBar({\n children,\n hasSeparator,\n \"data-e2e-test-id\": dataE2eTestId,\n}: MediaViewerBarProps): ReactElement {\n const flattenedChildren = flattenChildren(children);\n\n return (\n <SubThemeProvider name=\"dimmed\">\n <StyledMediaViewerBar\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"MediaViewerBar\"\n >\n <Inline space=\"zero\" vAlignItems=\"center\" alignItems=\"center\" noWrap>\n {React.Children.map(flattenedChildren, (child, index) => (\n <>\n {hasSeparator && index > 0 && <StyledSeparator />}\n {child}\n </>\n ))}\n </Inline>\n </StyledMediaViewerBar>\n </SubThemeProvider>\n );\n}\n"],"names":["StyledMediaViewerBar","_styled","process","env","NODE_ENV","target","label","_ref","theme","display","borderRadius","variables","size","spacing","xxs","height","l","backgroundColor","values","color","background","primary","default","text","secondary","overflow","width","lineHeight","StyledSeparator","_ref2","dimension","mediaViewerBar","separator","MediaViewerBar","_ref3","children","hasSeparator","dataE2eTestId","flattenedChildren","flattenChildren","React","createElement","SubThemeProvider","name","Inline","space","vAlignItems","alignItems","noWrap","Children","map","child","index","Fragment"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import React from "react";
2
- export declare function ExpandedContent(): React.ReactElement;
@@ -1,16 +0,0 @@
1
- import React from "react";
2
- import { IconName } from "../Icon/Icon";
3
- export declare type NotificationProps = {
4
- "data-e2e-test-id"?: string;
5
- text?: string;
6
- icon?: IconName;
7
- isDismissable?: boolean;
8
- callToActionLabel?: string;
9
- expandButtonLabel?: string;
10
- shrinkButtonLabel?: string;
11
- expandable?: boolean;
12
- onClickCallToAction?: (e: React.MouseEvent) => void;
13
- onClickDismiss?: () => void;
14
- children?: React.ReactNode;
15
- };
16
- export declare function Notification({ text, icon, isDismissable, callToActionLabel, onClickDismiss, onClickCallToAction, expandable, expandButtonLabel, shrinkButtonLabel, children, "data-e2e-test-id": dataE2eTestId, }: NotificationProps): React.ReactElement;
@@ -1,102 +0,0 @@
1
- import _styled from '@emotion/styled/base';
2
- import React, { useState } from 'react';
3
- import { Card } from '../Card/Card.js';
4
- import { Box } from '../Box/Box.js';
5
- import { Columns, Column } from '../Column/Columns.js';
6
- import { Button } from '../Button/Button.js';
7
- import { Icon } from '../Icon/Icon.js';
8
- import { Text } from '../Typography/Text/Text.js';
9
-
10
- const ANIMATION_TIME = 200;
11
- const StyledExpandingContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
12
- target: "e1cdeufo1"
13
- } : {
14
- target: "e1cdeufo1",
15
- label: "StyledExpandingContainer"
16
- })(_ref => {
17
- let {
18
- isDismissed
19
- } = _ref;
20
- return {
21
- transform: `translateY(${isDismissed ? "calc(-100% - 8px)" : "0%"})`,
22
- transition: `transform ${isDismissed ? ANIMATION_TIME : 0}ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`
23
- };
24
- }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlmaWNhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJpQyIsImZpbGUiOiJOb3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENhcmQgfSBmcm9tIFwiLi4vQ2FyZC9DYXJkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQ29sdW1ucywgQ29sdW1uIH0gZnJvbSBcIi4uL0NvbHVtbi9Db2x1bW5zXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuXG5leHBvcnQgdHlwZSBOb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHRleHQ/OiBzdHJpbmc7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgaXNEaXNtaXNzYWJsZT86IGJvb2xlYW47XG4gIGNhbGxUb0FjdGlvbkxhYmVsPzogc3RyaW5nO1xuICBleHBhbmRCdXR0b25MYWJlbD86IHN0cmluZztcbiAgc2hyaW5rQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIGV4cGFuZGFibGU/OiBib29sZWFuO1xuICBvbkNsaWNrQ2FsbFRvQWN0aW9uPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xpY2tEaXNtaXNzPzogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNEaXNtaXNzZWQ6IGJvb2xlYW47XG59PigoeyBpc0Rpc21pc3NlZCB9KSA9PiAoe1xuICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7aXNEaXNtaXNzZWQgPyBcImNhbGMoLTEwMCUgLSA4cHgpXCIgOiBcIjAlXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0Rpc21pc3NlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5vdGlmaWNhdGlvbih7XG4gIHRleHQsXG4gIGljb24sXG4gIGlzRGlzbWlzc2FibGUsXG4gIGNhbGxUb0FjdGlvbkxhYmVsLFxuICBvbkNsaWNrRGlzbWlzcyxcbiAgb25DbGlja0NhbGxUb0FjdGlvbixcbiAgZXhwYW5kYWJsZSxcbiAgZXhwYW5kQnV0dG9uTGFiZWwsXG4gIHNocmlua0J1dHRvbkxhYmVsLFxuICBjaGlsZHJlbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgZGlzbWlzcyA9ICgpID0+IHtcbiAgICBzZXRJc0Rpc21pc3NlZCh0cnVlKTtcbiAgICBzZXRUaW1lb3V0KG9uQ2xpY2tEaXNtaXNzLCBBTklNQVRJT05fVElNRSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyIGRhdGEtZHMtaWQ9XCJOb3RpZmljYXRpb25cIj5cbiAgICAgIDxTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgaXNEaXNtaXNzZWQ9e2lzRGlzbWlzc2VkfT5cbiAgICAgICAgPENhcmQgc3F1YXJlQ29ybmVycyBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfT5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwic1wiPlxuICAgICAgICAgICAgPENvbHVtbnMgZ2FwPVwic1wiIHZBbGlnbkl0ZW1zPVwidG9wXCI+XG4gICAgICAgICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgIDxCb3ggdlNwYWNlPVwieHhzXCIgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAgICAgICAgICAgIDxJY29uIG5hbWU9e2ljb259IGNvbG9yPVwicHJpbWFyeVwiIGRhdGEtdGVzdGlkPVwiaWNvblwiIC8+XG4gICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwiZmlsbFwiPlxuICAgICAgICAgICAgICAgIDxCb3ggdlNwYWNlPVwieHhzXCIgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAgICAgICAgICA8VGV4dD57dGV4dH08L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgIDwvQ29sdW1uPntcIiBcIn1cbiAgICAgICAgICAgICAgeyhjYWxsVG9BY3Rpb25MYWJlbCB8fCBleHBhbmRhYmxlKSAmJiAoXG4gICAgICAgICAgICAgICAgPENvbHVtblxuICAgICAgICAgICAgICAgICAgc2l6ZT17WzEyLCBcIm5hcnJvd1wiLCBcIm5hcnJvd1wiXX1cbiAgICAgICAgICAgICAgICAgIG9yZGVyPXtbXCJsYXN0XCIsIFwidW5zZXRcIiwgXCJ1bnNldFwiXX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7Y2FsbFRvQWN0aW9uTGFiZWwgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHNpemU9XCJzXCIgZnVsbFdpZHRoIG9uQ2xpY2s9e29uQ2xpY2tDYWxsVG9BY3Rpb259PlxuICAgICAgICAgICAgICAgICAgICAgIHtjYWxsVG9BY3Rpb25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAge2V4cGFuZGFibGUgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgICAgIGZ1bGxXaWR0aFxuICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNldElzRXhwYW5kZWQoIWlzRXhwYW5kZWQpfVxuICAgICAgICAgICAgICAgICAgICAgIHJpZ2h0SWNvbj17aXNFeHBhbmRlZCA/IFwiY2hldnJvbi11cFwiIDogXCJjaGV2cm9uLWRvd25cIn1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIHtpc0V4cGFuZGVkID8gc2hyaW5rQnV0dG9uTGFiZWwgOiBleHBhbmRCdXR0b25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7aXNEaXNtaXNzYWJsZSAmJiAoXG4gICAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwibmFycm93XCI+XG4gICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGxlZnRJY29uPVwieFwiXG4gICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17ZGlzbWlzc31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0NvbHVtbnM+XG4gICAgICAgICAgICB7aXNFeHBhbmRlZCAmJiBjaGlsZHJlbn1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9DYXJkPlxuICAgICAgPC9TdHlsZWRFeHBhbmRpbmdDb250YWluZXI+XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXX0= */");
25
- const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
26
- target: "e1cdeufo0"
27
- } : {
28
- target: "e1cdeufo0",
29
- label: "StyledContainer"
30
- })(() => ({
31
- overflow: "hidden"
32
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlmaWNhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0N3QiIsImZpbGUiOiJOb3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENhcmQgfSBmcm9tIFwiLi4vQ2FyZC9DYXJkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQ29sdW1ucywgQ29sdW1uIH0gZnJvbSBcIi4uL0NvbHVtbi9Db2x1bW5zXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuXG5leHBvcnQgdHlwZSBOb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHRleHQ/OiBzdHJpbmc7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgaXNEaXNtaXNzYWJsZT86IGJvb2xlYW47XG4gIGNhbGxUb0FjdGlvbkxhYmVsPzogc3RyaW5nO1xuICBleHBhbmRCdXR0b25MYWJlbD86IHN0cmluZztcbiAgc2hyaW5rQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIGV4cGFuZGFibGU/OiBib29sZWFuO1xuICBvbkNsaWNrQ2FsbFRvQWN0aW9uPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xpY2tEaXNtaXNzPzogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNEaXNtaXNzZWQ6IGJvb2xlYW47XG59PigoeyBpc0Rpc21pc3NlZCB9KSA9PiAoe1xuICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7aXNEaXNtaXNzZWQgPyBcImNhbGMoLTEwMCUgLSA4cHgpXCIgOiBcIjAlXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0Rpc21pc3NlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5vdGlmaWNhdGlvbih7XG4gIHRleHQsXG4gIGljb24sXG4gIGlzRGlzbWlzc2FibGUsXG4gIGNhbGxUb0FjdGlvbkxhYmVsLFxuICBvbkNsaWNrRGlzbWlzcyxcbiAgb25DbGlja0NhbGxUb0FjdGlvbixcbiAgZXhwYW5kYWJsZSxcbiAgZXhwYW5kQnV0dG9uTGFiZWwsXG4gIHNocmlua0J1dHRvbkxhYmVsLFxuICBjaGlsZHJlbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgZGlzbWlzcyA9ICgpID0+IHtcbiAgICBzZXRJc0Rpc21pc3NlZCh0cnVlKTtcbiAgICBzZXRUaW1lb3V0KG9uQ2xpY2tEaXNtaXNzLCBBTklNQVRJT05fVElNRSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyIGRhdGEtZHMtaWQ9XCJOb3RpZmljYXRpb25cIj5cbiAgICAgIDxTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgaXNEaXNtaXNzZWQ9e2lzRGlzbWlzc2VkfT5cbiAgICAgICAgPENhcmQgc3F1YXJlQ29ybmVycyBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfT5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwic1wiPlxuICAgICAgICAgICAgPENvbHVtbnMgZ2FwPVwic1wiIHZBbGlnbkl0ZW1zPVwidG9wXCI+XG4gICAgICAgICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgIDxCb3ggdlNwYWNlPVwieHhzXCIgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAgICAgICAgICAgIDxJY29uIG5hbWU9e2ljb259IGNvbG9yPVwicHJpbWFyeVwiIGRhdGEtdGVzdGlkPVwiaWNvblwiIC8+XG4gICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwiZmlsbFwiPlxuICAgICAgICAgICAgICAgIDxCb3ggdlNwYWNlPVwieHhzXCIgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAgICAgICAgICA8VGV4dD57dGV4dH08L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgIDwvQ29sdW1uPntcIiBcIn1cbiAgICAgICAgICAgICAgeyhjYWxsVG9BY3Rpb25MYWJlbCB8fCBleHBhbmRhYmxlKSAmJiAoXG4gICAgICAgICAgICAgICAgPENvbHVtblxuICAgICAgICAgICAgICAgICAgc2l6ZT17WzEyLCBcIm5hcnJvd1wiLCBcIm5hcnJvd1wiXX1cbiAgICAgICAgICAgICAgICAgIG9yZGVyPXtbXCJsYXN0XCIsIFwidW5zZXRcIiwgXCJ1bnNldFwiXX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7Y2FsbFRvQWN0aW9uTGFiZWwgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHNpemU9XCJzXCIgZnVsbFdpZHRoIG9uQ2xpY2s9e29uQ2xpY2tDYWxsVG9BY3Rpb259PlxuICAgICAgICAgICAgICAgICAgICAgIHtjYWxsVG9BY3Rpb25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAge2V4cGFuZGFibGUgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgICAgIGZ1bGxXaWR0aFxuICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNldElzRXhwYW5kZWQoIWlzRXhwYW5kZWQpfVxuICAgICAgICAgICAgICAgICAgICAgIHJpZ2h0SWNvbj17aXNFeHBhbmRlZCA/IFwiY2hldnJvbi11cFwiIDogXCJjaGV2cm9uLWRvd25cIn1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIHtpc0V4cGFuZGVkID8gc2hyaW5rQnV0dG9uTGFiZWwgOiBleHBhbmRCdXR0b25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7aXNEaXNtaXNzYWJsZSAmJiAoXG4gICAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwibmFycm93XCI+XG4gICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGxlZnRJY29uPVwieFwiXG4gICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17ZGlzbWlzc31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0NvbHVtbnM+XG4gICAgICAgICAgICB7aXNFeHBhbmRlZCAmJiBjaGlsZHJlbn1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9DYXJkPlxuICAgICAgPC9TdHlsZWRFeHBhbmRpbmdDb250YWluZXI+XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXX0= */");
33
- function Notification(_ref2) {
34
- let {
35
- text,
36
- icon,
37
- isDismissable,
38
- callToActionLabel,
39
- onClickDismiss,
40
- onClickCallToAction,
41
- expandable,
42
- expandButtonLabel,
43
- shrinkButtonLabel,
44
- children,
45
- "data-e2e-test-id": dataE2eTestId
46
- } = _ref2;
47
- const [isExpanded, setIsExpanded] = useState(false);
48
- const [isDismissed, setIsDismissed] = useState(false);
49
- const dismiss = () => {
50
- setIsDismissed(true);
51
- setTimeout(onClickDismiss, ANIMATION_TIME);
52
- };
53
- return /*#__PURE__*/React.createElement(StyledContainer, {
54
- "data-ds-id": "Notification"
55
- }, /*#__PURE__*/React.createElement(StyledExpandingContainer, {
56
- isDismissed: isDismissed
57
- }, /*#__PURE__*/React.createElement(Card, {
58
- squareCorners: true,
59
- "data-e2e-test-id": dataE2eTestId
60
- }, /*#__PURE__*/React.createElement(Box, {
61
- space: "s"
62
- }, /*#__PURE__*/React.createElement(Columns, {
63
- gap: "s",
64
- vAlignItems: "top"
65
- }, icon && /*#__PURE__*/React.createElement(Column, {
66
- size: "narrow"
67
- }, /*#__PURE__*/React.createElement(Box, {
68
- vSpace: "xxs",
69
- space: "zero"
70
- }, /*#__PURE__*/React.createElement(Icon, {
71
- name: icon,
72
- color: "primary",
73
- "data-testid": "icon"
74
- }))), /*#__PURE__*/React.createElement(Column, {
75
- size: "fill"
76
- }, /*#__PURE__*/React.createElement(Box, {
77
- vSpace: "xxs",
78
- space: "zero"
79
- }, /*#__PURE__*/React.createElement(Text, null, text))), " ", (callToActionLabel || expandable) && /*#__PURE__*/React.createElement(Column, {
80
- size: [12, "narrow", "narrow"],
81
- order: ["last", "unset", "unset"]
82
- }, callToActionLabel && /*#__PURE__*/React.createElement(Button, {
83
- size: "s",
84
- fullWidth: true,
85
- onClick: onClickCallToAction
86
- }, callToActionLabel), expandable && /*#__PURE__*/React.createElement(Button, {
87
- size: "s",
88
- fullWidth: true,
89
- onClick: () => setIsExpanded(!isExpanded),
90
- rightIcon: isExpanded ? "chevron-up" : "chevron-down"
91
- }, isExpanded ? shrinkButtonLabel : expandButtonLabel)), isDismissable && /*#__PURE__*/React.createElement(Column, {
92
- size: "narrow"
93
- }, /*#__PURE__*/React.createElement(Button, {
94
- leftIcon: "x",
95
- variant: "tertiary",
96
- size: "s",
97
- onClick: dismiss
98
- }))), isExpanded && children))));
99
- }
100
-
101
- export { Notification };
102
- //# sourceMappingURL=Notification.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Notification.js","sources":["../../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Card } from \"../Card/Card\";\nimport { Box } from \"../Box/Box\";\nimport { Columns, Column } from \"../Column/Columns\";\nimport { Button } from \"../Button/Button\";\nimport { Icon, IconName } from \"../Icon/Icon\";\nimport { Text } from \"../Typography/Text/Text\";\n\nconst ANIMATION_TIME = 200;\n\nexport type NotificationProps = {\n \"data-e2e-test-id\"?: string;\n text?: string;\n icon?: IconName;\n isDismissable?: boolean;\n callToActionLabel?: string;\n expandButtonLabel?: string;\n shrinkButtonLabel?: string;\n expandable?: boolean;\n onClickCallToAction?: (e: React.MouseEvent) => void;\n onClickDismiss?: () => void;\n children?: React.ReactNode;\n};\n\nconst StyledExpandingContainer = styled.div<{\n isDismissed: boolean;\n}>(({ isDismissed }) => ({\n transform: `translateY(${isDismissed ? \"calc(-100% - 8px)\" : \"0%\"})`,\n transition: `transform ${\n isDismissed ? ANIMATION_TIME : 0\n }ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`,\n}));\n\nconst StyledContainer = styled.div(() => ({\n overflow: \"hidden\",\n}));\n\nexport function Notification({\n text,\n icon,\n isDismissable,\n callToActionLabel,\n onClickDismiss,\n onClickCallToAction,\n expandable,\n expandButtonLabel,\n shrinkButtonLabel,\n children,\n \"data-e2e-test-id\": dataE2eTestId,\n}: NotificationProps): React.ReactElement {\n const [isExpanded, setIsExpanded] = useState(false);\n const [isDismissed, setIsDismissed] = useState(false);\n\n const dismiss = () => {\n setIsDismissed(true);\n setTimeout(onClickDismiss, ANIMATION_TIME);\n };\n\n return (\n <StyledContainer data-ds-id=\"Notification\">\n <StyledExpandingContainer isDismissed={isDismissed}>\n <Card squareCorners data-e2e-test-id={dataE2eTestId}>\n <Box space=\"s\">\n <Columns gap=\"s\" vAlignItems=\"top\">\n {icon && (\n <Column size=\"narrow\">\n <Box vSpace=\"xxs\" space=\"zero\">\n <Icon name={icon} color=\"primary\" data-testid=\"icon\" />\n </Box>\n </Column>\n )}\n <Column size=\"fill\">\n <Box vSpace=\"xxs\" space=\"zero\">\n <Text>{text}</Text>\n </Box>\n </Column>{\" \"}\n {(callToActionLabel || expandable) && (\n <Column\n size={[12, \"narrow\", \"narrow\"]}\n order={[\"last\", \"unset\", \"unset\"]}\n >\n {callToActionLabel && (\n <Button size=\"s\" fullWidth onClick={onClickCallToAction}>\n {callToActionLabel}\n </Button>\n )}\n {expandable && (\n <Button\n size=\"s\"\n fullWidth\n onClick={() => setIsExpanded(!isExpanded)}\n rightIcon={isExpanded ? \"chevron-up\" : \"chevron-down\"}\n >\n {isExpanded ? shrinkButtonLabel : expandButtonLabel}\n </Button>\n )}\n </Column>\n )}\n {isDismissable && (\n <Column size=\"narrow\">\n <Button\n leftIcon=\"x\"\n variant=\"tertiary\"\n size=\"s\"\n onClick={dismiss}\n />\n </Column>\n )}\n </Columns>\n {isExpanded && children}\n </Box>\n </Card>\n </StyledExpandingContainer>\n </StyledContainer>\n );\n}\n"],"names":["ANIMATION_TIME","StyledExpandingContainer","_styled","process","env","NODE_ENV","target","label","_ref","isDismissed","transform","transition","StyledContainer","overflow","Notification","_ref2","text","icon","isDismissable","callToActionLabel","onClickDismiss","onClickCallToAction","expandable","expandButtonLabel","shrinkButtonLabel","children","dataE2eTestId","isExpanded","setIsExpanded","useState","setIsDismissed","dismiss","setTimeout","React","createElement","Card","squareCorners","Box","space","Columns","gap","vAlignItems","Column","size","vSpace","Icon","name","color","Text","order","Button","fullWidth","onClick","rightIcon","leftIcon","variant"],"mappings":";;;;;;;;;AASA,MAAMA,cAAc,GAAG,GAAG,CAAA;AAgB1B,MAAMC,wBAAwB,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,0BAAA;AAAA,CAAA,CAAA,CAE9BC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,WAAAA;AAAY,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;AACvBE,IAAAA,SAAS,EAAG,CAAaD,WAAAA,EAAAA,WAAW,GAAG,mBAAmB,GAAG,IAAK,CAAE,CAAA,CAAA;AACpEE,IAAAA,UAAU,EAAG,CACXF,UAAAA,EAAAA,WAAW,GAAGT,cAAc,GAAG,CAChC,CAAA,oCAAA,CAAA;GACF,CAAA;AAAA,CAAC,EAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,yqKAAA,CAAA,CAAA;AAEH,MAAMO,eAAe,gBAAGV,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAW,OAAO;AACxCM,EAAAA,QAAQ,EAAE,QAAA;AACZ,CAAC,CAAC,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,yqKAAA,CAAA,CAAA;AAEI,SAASS,YAAYA,CAAAC,KAAA,EAYc;EAAA,IAZb;IAC3BC,IAAI;IACJC,IAAI;IACJC,aAAa;IACbC,iBAAiB;IACjBC,cAAc;IACdC,mBAAmB;IACnBC,UAAU;IACVC,iBAAiB;IACjBC,iBAAiB;IACjBC,QAAQ;AACR,IAAA,kBAAkB,EAAEC,aAAAA;AACH,GAAC,GAAAX,KAAA,CAAA;EAClB,MAAM,CAACY,UAAU,EAAEC,aAAa,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;EACnD,MAAM,CAACpB,WAAW,EAAEqB,cAAc,CAAC,GAAGD,QAAQ,CAAC,KAAK,CAAC,CAAA;EAErD,MAAME,OAAO,GAAGA,MAAM;IACpBD,cAAc,CAAC,IAAI,CAAC,CAAA;AACpBE,IAAAA,UAAU,CAACZ,cAAc,EAAEpB,cAAc,CAAC,CAAA;GAC3C,CAAA;AAED,EAAA,oBACEiC,KAAA,CAAAC,aAAA,CAACtB,eAAe,EAAA;IAAC,YAAW,EAAA,cAAA;AAAc,GAAA,eACxCqB,KAAA,CAAAC,aAAA,CAACjC,wBAAwB,EAAA;AAACQ,IAAAA,WAAW,EAAEA,WAAAA;AAAY,GAAA,eACjDwB,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;IAACC,aAAa,EAAA,IAAA;IAAC,kBAAkBV,EAAAA,aAAAA;AAAc,GAAA,eAClDO,KAAA,CAAAC,aAAA,CAACG,GAAG,EAAA;AAACC,IAAAA,KAAK,EAAC,GAAA;AAAG,GAAA,eACZL,KAAA,CAAAC,aAAA,CAACK,OAAO,EAAA;AAACC,IAAAA,GAAG,EAAC,GAAG;AAACC,IAAAA,WAAW,EAAC,KAAA;AAAK,GAAA,EAC/BxB,IAAI,iBACHgB,KAAA,CAAAC,aAAA,CAACQ,MAAM,EAAA;AAACC,IAAAA,IAAI,EAAC,QAAA;AAAQ,GAAA,eACnBV,KAAA,CAAAC,aAAA,CAACG,GAAG,EAAA;AAACO,IAAAA,MAAM,EAAC,KAAK;AAACN,IAAAA,KAAK,EAAC,MAAA;AAAM,GAAA,eAC5BL,KAAA,CAAAC,aAAA,CAACW,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAE7B,IAAK;AAAC8B,IAAAA,KAAK,EAAC,SAAS;IAAC,aAAY,EAAA,MAAA;GAAQ,CACnD,CACC,CACT,eACDd,KAAA,CAAAC,aAAA,CAACQ,MAAM,EAAA;AAACC,IAAAA,IAAI,EAAC,MAAA;AAAM,GAAA,eACjBV,KAAA,CAAAC,aAAA,CAACG,GAAG,EAAA;AAACO,IAAAA,MAAM,EAAC,KAAK;AAACN,IAAAA,KAAK,EAAC,MAAA;GACtBL,eAAAA,KAAA,CAAAC,aAAA,CAACc,IAAI,EAAEhC,IAAAA,EAAAA,IAAW,CACf,CACC,CAAC,EAAC,GAAG,EACZ,CAACG,iBAAiB,IAAIG,UAAU,kBAC/BW,KAAA,CAAAC,aAAA,CAACQ,MAAM,EAAA;AACLC,IAAAA,IAAI,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAE;AAC/BM,IAAAA,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAA;AAAE,GAAA,EAEjC9B,iBAAiB,iBAChBc,KAAA,CAAAC,aAAA,CAACgB,MAAM,EAAA;AAACP,IAAAA,IAAI,EAAC,GAAG;IAACQ,SAAS,EAAA,IAAA;AAACC,IAAAA,OAAO,EAAE/B,mBAAAA;GACjCF,EAAAA,iBACK,CACT,EACAG,UAAU,iBACTW,KAAA,CAAAC,aAAA,CAACgB,MAAM,EAAA;AACLP,IAAAA,IAAI,EAAC,GAAG;IACRQ,SAAS,EAAA,IAAA;AACTC,IAAAA,OAAO,EAAEA,MAAMxB,aAAa,CAAC,CAACD,UAAU,CAAE;AAC1C0B,IAAAA,SAAS,EAAE1B,UAAU,GAAG,YAAY,GAAG,cAAA;AAAe,GAAA,EAErDA,UAAU,GAAGH,iBAAiB,GAAGD,iBAC5B,CAEJ,CACT,EACAL,aAAa,iBACZe,KAAA,CAAAC,aAAA,CAACQ,MAAM,EAAA;AAACC,IAAAA,IAAI,EAAC,QAAA;AAAQ,GAAA,eACnBV,KAAA,CAAAC,aAAA,CAACgB,MAAM,EAAA;AACLI,IAAAA,QAAQ,EAAC,GAAG;AACZC,IAAAA,OAAO,EAAC,UAAU;AAClBZ,IAAAA,IAAI,EAAC,GAAG;AACRS,IAAAA,OAAO,EAAErB,OAAAA;GACV,CACK,CAEH,CAAC,EACTJ,UAAU,IAAIF,QACZ,CACD,CACkB,CACX,CAAC,CAAA;AAEtB;;;;"}
@@ -1,17 +0,0 @@
1
- import React from "react";
2
- export declare type PaginationProps = {
3
- /** Total number of items */
4
- numOfItems: number;
5
- /** Current page */
6
- currentPage: number;
7
- /** Number of items per page */
8
- numOfItemsPerPage?: number;
9
- onPrevClick: (page: number, firstItemIndex?: number, lastItemIndex?: number) => void;
10
- onNextClick: (page: number, firstItemIndex?: number, lastItemIndex?: number) => void;
11
- /** Callback to provide a custom label */
12
- formatLabel?: (firstItemIndex?: number, lastItemIndex?: number, numOfItems?: number) => string;
13
- /** Align label with respect to arrow buttons */
14
- alignLabel?: "center" | "left";
15
- "data-e2e-test-id"?: string;
16
- };
17
- export declare function Pagination({ numOfItems, numOfItemsPerPage, currentPage, formatLabel, alignLabel, "data-e2e-test-id": dataE2eTestId, onPrevClick, onNextClick, }: PaginationProps): React.ReactElement;
@@ -1,86 +0,0 @@
1
- import React from 'react';
2
- import { Inline } from '../Inline/Inline.js';
3
- import { PictogramButton } from '../PictogramButton/PictogramButton.js';
4
- import { Text } from '../Typography/Text/Text.js';
5
-
6
- function getItemIndices(page, numOfItemsPerPage, numOfItems) {
7
- let lastItemIndex = page * numOfItemsPerPage;
8
- let itemsPerPage = numOfItemsPerPage;
9
-
10
- // Re-calculate the numOfItemsPerPage for the last page.
11
- if (lastItemIndex > numOfItems) {
12
- itemsPerPage -= lastItemIndex - numOfItems;
13
- lastItemIndex = numOfItems;
14
- }
15
- const firstItemIndex = lastItemIndex - itemsPerPage + 1;
16
- return [firstItemIndex, lastItemIndex];
17
- }
18
- function Pagination(_ref) {
19
- let {
20
- numOfItems,
21
- numOfItemsPerPage = 1,
22
- currentPage,
23
- formatLabel,
24
- alignLabel = "center",
25
- "data-e2e-test-id": dataE2eTestId,
26
- onPrevClick,
27
- onNextClick
28
- } = _ref;
29
- let label;
30
- const itemsPerPage = numOfItems > numOfItemsPerPage ? numOfItemsPerPage : numOfItems;
31
- const numOfPages = Math.ceil(numOfItems / itemsPerPage);
32
- const isFirstPage = currentPage === 1;
33
- const isLastPage = currentPage === numOfPages;
34
- if (itemsPerPage > 1) {
35
- const [firstItemIndex, lastItemIndex] = getItemIndices(currentPage, itemsPerPage, numOfItems);
36
- if (formatLabel) {
37
- label = formatLabel(firstItemIndex, lastItemIndex);
38
- } else if (firstItemIndex === lastItemIndex) {
39
- label = `${firstItemIndex} of ${numOfItems}`;
40
- } else {
41
- label = `${firstItemIndex} - ${lastItemIndex} of ${numOfItems}`;
42
- }
43
- } else {
44
- label = formatLabel ? formatLabel() : `${currentPage} of ${numOfPages}`;
45
- }
46
- const handlePrevClick = () => {
47
- if (itemsPerPage > 1) {
48
- const [firstItemIndex, lastItemIndex] = getItemIndices(currentPage - 1, itemsPerPage, numOfItems);
49
- onPrevClick(currentPage - 1, firstItemIndex, lastItemIndex);
50
- } else {
51
- onPrevClick(currentPage - 1);
52
- }
53
- };
54
- const handleNextClick = () => {
55
- if (itemsPerPage > 1) {
56
- const [firstItemIndex, lastItemIndex] = getItemIndices(currentPage + 1, itemsPerPage, numOfItems);
57
- onNextClick(currentPage + 1, firstItemIndex, lastItemIndex);
58
- } else {
59
- onNextClick(currentPage + 1);
60
- }
61
- };
62
- const leftButton = /*#__PURE__*/React.createElement(PictogramButton, {
63
- size: "s",
64
- icon: "chevron-left",
65
- disabled: isFirstPage,
66
- onClick: handlePrevClick
67
- });
68
- const rightButton = /*#__PURE__*/React.createElement(PictogramButton, {
69
- size: "s",
70
- icon: "chevron-right",
71
- disabled: isLastPage,
72
- onClick: handleNextClick
73
- });
74
- const labelElm = /*#__PURE__*/React.createElement(Text, {
75
- size: "s"
76
- }, label);
77
- const content = alignLabel === "left" ? /*#__PURE__*/React.createElement(React.Fragment, null, labelElm, leftButton, rightButton) : /*#__PURE__*/React.createElement(React.Fragment, null, leftButton, labelElm, rightButton);
78
- return /*#__PURE__*/React.createElement(Inline, {
79
- vAlignItems: "center",
80
- "data-e2e-test-id": dataE2eTestId,
81
- "data-ds-id": "Pagination"
82
- }, content);
83
- }
84
-
85
- export { Pagination };
86
- //# sourceMappingURL=Pagination.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Pagination.js","sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React from \"react\";\nimport { Inline } from \"../Inline/Inline\";\nimport { PictogramButton } from \"../PictogramButton/PictogramButton\";\nimport { Text } from \"../Typography/Text/Text\";\n\nexport type PaginationProps = {\n /** Total number of items */\n numOfItems: number;\n /** Current page */\n currentPage: number;\n /** Number of items per page */\n numOfItemsPerPage?: number;\n onPrevClick: (\n page: number,\n firstItemIndex?: number,\n lastItemIndex?: number\n ) => void;\n onNextClick: (\n page: number,\n firstItemIndex?: number,\n lastItemIndex?: number\n ) => void;\n /** Callback to provide a custom label */\n formatLabel?: (\n firstItemIndex?: number,\n lastItemIndex?: number,\n numOfItems?: number\n ) => string;\n /** Align label with respect to arrow buttons */\n alignLabel?: \"center\" | \"left\";\n \"data-e2e-test-id\"?: string;\n};\n\nfunction getItemIndices(\n page: number,\n numOfItemsPerPage: number,\n numOfItems: number\n): [number, number] {\n let lastItemIndex = page * numOfItemsPerPage;\n let itemsPerPage = numOfItemsPerPage;\n\n // Re-calculate the numOfItemsPerPage for the last page.\n if (lastItemIndex > numOfItems) {\n itemsPerPage -= lastItemIndex - numOfItems;\n lastItemIndex = numOfItems;\n }\n const firstItemIndex = lastItemIndex - itemsPerPage + 1;\n\n return [firstItemIndex, lastItemIndex];\n}\n\nexport function Pagination({\n numOfItems,\n numOfItemsPerPage = 1,\n currentPage,\n formatLabel,\n alignLabel = \"center\",\n \"data-e2e-test-id\": dataE2eTestId,\n onPrevClick,\n onNextClick,\n}: PaginationProps): React.ReactElement {\n let label;\n const itemsPerPage =\n numOfItems > numOfItemsPerPage ? numOfItemsPerPage : numOfItems;\n const numOfPages = Math.ceil(numOfItems / itemsPerPage);\n const isFirstPage = currentPage === 1;\n const isLastPage = currentPage === numOfPages;\n\n if (itemsPerPage > 1) {\n const [firstItemIndex, lastItemIndex] = getItemIndices(\n currentPage,\n itemsPerPage,\n numOfItems\n );\n\n if (formatLabel) {\n label = formatLabel(firstItemIndex, lastItemIndex);\n } else if (firstItemIndex === lastItemIndex) {\n label = `${firstItemIndex} of ${numOfItems}`;\n } else {\n label = `${firstItemIndex} - ${lastItemIndex} of ${numOfItems}`;\n }\n } else {\n label = formatLabel ? formatLabel() : `${currentPage} of ${numOfPages}`;\n }\n\n const handlePrevClick = () => {\n if (itemsPerPage > 1) {\n const [firstItemIndex, lastItemIndex] = getItemIndices(\n currentPage - 1,\n itemsPerPage,\n numOfItems\n );\n\n onPrevClick(currentPage - 1, firstItemIndex, lastItemIndex);\n } else {\n onPrevClick(currentPage - 1);\n }\n };\n\n const handleNextClick = () => {\n if (itemsPerPage > 1) {\n const [firstItemIndex, lastItemIndex] = getItemIndices(\n currentPage + 1,\n itemsPerPage,\n numOfItems\n );\n\n onNextClick(currentPage + 1, firstItemIndex, lastItemIndex);\n } else {\n onNextClick(currentPage + 1);\n }\n };\n\n const leftButton = (\n <PictogramButton\n size=\"s\"\n icon=\"chevron-left\"\n disabled={isFirstPage}\n onClick={handlePrevClick}\n />\n );\n const rightButton = (\n <PictogramButton\n size=\"s\"\n icon=\"chevron-right\"\n disabled={isLastPage}\n onClick={handleNextClick}\n />\n );\n const labelElm = <Text size=\"s\">{label}</Text>;\n const content =\n alignLabel === \"left\" ? (\n <>\n {labelElm}\n {leftButton}\n {rightButton}\n </>\n ) : (\n <>\n {leftButton}\n {labelElm}\n {rightButton}\n </>\n );\n\n return (\n <Inline\n vAlignItems=\"center\"\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Pagination\"\n >\n {content}\n </Inline>\n );\n}\n"],"names":["getItemIndices","page","numOfItemsPerPage","numOfItems","lastItemIndex","itemsPerPage","firstItemIndex","Pagination","_ref","currentPage","formatLabel","alignLabel","dataE2eTestId","onPrevClick","onNextClick","label","numOfPages","Math","ceil","isFirstPage","isLastPage","handlePrevClick","handleNextClick","leftButton","React","createElement","PictogramButton","size","icon","disabled","onClick","rightButton","labelElm","Text","content","Fragment","Inline","vAlignItems"],"mappings":"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"}
@@ -1,14 +0,0 @@
1
- import React from "react";
2
- import { MQ, SpaceSizes } from "../../../types";
3
- import { ButtonProps } from "../../Button/Button";
4
- export declare type ActionButtonProps = {
5
- text: string;
6
- } & ButtonProps;
7
- export declare type ButtonGroupProps = {
8
- actionButton?: ActionButtonProps;
9
- cancelButtonText?: string;
10
- onButtonClick?: (action: "cancel" | "action") => void;
11
- space?: MQ<SpaceSizes> | SpaceSizes;
12
- "data-e2e-test-id"?: string;
13
- };
14
- export declare function ButtonGroup({ cancelButtonText, actionButton, onButtonClick, "data-e2e-test-id": dataE2eTestId, }: ButtonGroupProps): React.ReactElement;
@@ -1,46 +0,0 @@
1
- import _extends from '@babel/runtime/helpers/extends';
2
- import React from 'react';
3
- import { Columns, Column } from '../../Column/Columns.js';
4
- import { Button } from '../../Button/Button.js';
5
-
6
- /* eslint-disable react/jsx-props-no-spreading */
7
- function ButtonGroup(_ref) {
8
- let {
9
- cancelButtonText,
10
- actionButton,
11
- onButtonClick,
12
- "data-e2e-test-id": dataE2eTestId
13
- } = _ref;
14
- const {
15
- text,
16
- ...rest
17
- } = actionButton;
18
- return /*#__PURE__*/React.createElement(Columns, {
19
- gap: "s",
20
- alignItems: ["spaceBetween", "right"],
21
- "data-e2e-test-id": dataE2eTestId,
22
- "data-ds-id": "ButtonGroup"
23
- }, actionButton && /*#__PURE__*/React.createElement(Column, {
24
- order: ["first", "last"],
25
- size: [12, "narrow"]
26
- }, /*#__PURE__*/React.createElement(Button, _extends({
27
- variant: "primary",
28
- fullWidth: true,
29
- onClick: () => {
30
- onButtonClick("action");
31
- }
32
- }, rest), text)), cancelButtonText && /*#__PURE__*/React.createElement(Column, {
33
- size: [12, "narrow"]
34
- }, /*#__PURE__*/React.createElement(Button, {
35
- variant: "secondary",
36
- fullWidth: true,
37
- onClick: () => {
38
- onButtonClick("cancel");
39
- }
40
- }, cancelButtonText)));
41
- }
42
-
43
- /* eslint-enable react/jsx-props-no-spreading */
44
-
45
- export { ButtonGroup };
46
- //# sourceMappingURL=ButtonGroup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ButtonGroup.js","sources":["../../../../../../src/components/Patterns/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { MQ, SpaceSizes } from \"../../../types\";\nimport { Columns, Column } from \"../../Column/Columns\";\nimport { Button, ButtonProps } from \"../../Button/Button\";\n\nexport type ActionButtonProps = {\n text: string;\n} & ButtonProps;\n\nexport type ButtonGroupProps = {\n actionButton?: ActionButtonProps;\n cancelButtonText?: string;\n onButtonClick?: (action: \"cancel\" | \"action\") => void;\n space?: MQ<SpaceSizes> | SpaceSizes;\n \"data-e2e-test-id\"?: string;\n};\n\n/* eslint-disable react/jsx-props-no-spreading */\nexport function ButtonGroup({\n cancelButtonText,\n actionButton,\n onButtonClick,\n \"data-e2e-test-id\": dataE2eTestId,\n}: ButtonGroupProps): React.ReactElement {\n const { text, ...rest } = actionButton;\n\n return (\n <Columns\n gap=\"s\"\n alignItems={[\"spaceBetween\", \"right\"]}\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"ButtonGroup\"\n >\n {actionButton && (\n <Column order={[\"first\", \"last\"]} size={[12, \"narrow\"]}>\n <Button\n variant=\"primary\"\n fullWidth\n onClick={() => {\n onButtonClick(\"action\");\n }}\n {...rest}\n >\n {text}\n </Button>\n </Column>\n )}\n {cancelButtonText && (\n <Column size={[12, \"narrow\"]}>\n <Button\n variant=\"secondary\"\n fullWidth\n onClick={() => {\n onButtonClick(\"cancel\");\n }}\n >\n {cancelButtonText}\n </Button>\n </Column>\n )}\n </Columns>\n );\n}\n\n/* eslint-enable react/jsx-props-no-spreading */\n"],"names":["ButtonGroup","_ref","cancelButtonText","actionButton","onButtonClick","dataE2eTestId","text","rest","React","createElement","Columns","gap","alignItems","Column","order","size","Button","_extends","variant","fullWidth","onClick"],"mappings":";;;;;AAiBA;AACO,SAASA,WAAWA,CAAAC,IAAA,EAKc;EAAA,IALb;IAC1BC,gBAAgB;IAChBC,YAAY;IACZC,aAAa;AACb,IAAA,kBAAkB,EAAEC,aAAAA;AACJ,GAAC,GAAAJ,IAAA,CAAA;EACjB,MAAM;IAAEK,IAAI;IAAE,GAAGC,IAAAA;AAAK,GAAC,GAAGJ,YAAY,CAAA;AAEtC,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAACC,OAAO,EAAA;AACNC,IAAAA,GAAG,EAAC,GAAG;AACPC,IAAAA,UAAU,EAAE,CAAC,cAAc,EAAE,OAAO,CAAE;AACtC,IAAA,kBAAA,EAAkBP,aAAc;IAChC,YAAW,EAAA,aAAA;AAAa,GAAA,EAEvBF,YAAY,iBACXK,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,CAAE;AAACC,IAAAA,IAAI,EAAE,CAAC,EAAE,EAAE,QAAQ,CAAA;AAAE,GAAA,eACrDP,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAAC,QAAA,CAAA;AACLC,IAAAA,OAAO,EAAC,SAAS;IACjBC,SAAS,EAAA,IAAA;IACTC,OAAO,EAAEA,MAAM;MACbhB,aAAa,CAAC,QAAQ,CAAC,CAAA;AACzB,KAAA;AAAE,GAAA,EACEG,IAAI,CAAA,EAEPD,IACK,CACF,CACT,EACAJ,gBAAgB,iBACfM,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACE,IAAAA,IAAI,EAAE,CAAC,EAAE,EAAE,QAAQ,CAAA;AAAE,GAAA,eAC3BP,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AACLE,IAAAA,OAAO,EAAC,WAAW;IACnBC,SAAS,EAAA,IAAA;IACTC,OAAO,EAAEA,MAAM;MACbhB,aAAa,CAAC,QAAQ,CAAC,CAAA;AACzB,KAAA;GAECF,EAAAA,gBACK,CACF,CAEH,CAAC,CAAA;AAEd,CAAA;;AAEA;;;;"}