@dfds-ui/react-components 2.2.0-alpha.8d87a90d → 2.2.0-alpha.b65ca4da

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 (601) hide show
  1. package/accordion/Accordion.js +4 -5
  2. package/accordion/AccordionContent.d.ts +1 -0
  3. package/accordion/AccordionContent.js +4 -4
  4. package/accordion/AccordionSmall.d.ts +1 -0
  5. package/accordion/AccordionSmall.js +7 -8
  6. package/app-bar/AppBar.js +10 -12
  7. package/app-bar/AppBarContext.js +4 -4
  8. package/app-bar/AppBarDrawer.js +3 -3
  9. package/app-bar/AppBarIconButton.js +3 -3
  10. package/app-bar/AppBarItem.d.ts +1 -1
  11. package/app-bar/AppBarItem.js +35 -42
  12. package/app-bar/AppBarListItem.d.ts +0 -1
  13. package/assertions/banner/Banner.js +10 -12
  14. package/assertions/banner/BannerAction.js +3 -3
  15. package/assertions/banner/BannerTypography.d.ts +2 -0
  16. package/assertions/banner/BannerTypography.js +3 -5
  17. package/assertions/toast/Toast.d.ts +1 -0
  18. package/assertions/toast/Toast.js +9 -10
  19. package/assertions/toast/Toaster.js +19 -12
  20. package/badge/Badge.d.ts +1 -1
  21. package/badge/Badge.js +4 -5
  22. package/button/BadgeIcon.d.ts +2 -2
  23. package/button/BaseButton.d.ts +1 -1
  24. package/button/Button.js +4 -5
  25. package/button/IconButton.d.ts +1 -1
  26. package/button/IconButton.js +4 -5
  27. package/button/LinkButton.d.ts +1 -1
  28. package/button/LinkButton.js +1 -1
  29. package/button/button-style.d.ts +7 -7
  30. package/button/button-style.js +1 -2
  31. package/button-stack/ButtonStack.d.ts +1 -0
  32. package/button-stack/ButtonStack.js +7 -7
  33. package/card/Card.d.ts +1 -0
  34. package/card/Card.js +15 -15
  35. package/card/CardActions.js +3 -3
  36. package/card/CardContent.d.ts +2 -1
  37. package/card/CardContent.js +4 -4
  38. package/card/CardMedia.d.ts +2 -1
  39. package/card/CardMedia.js +4 -5
  40. package/card/CardPriceTag.d.ts +2 -2
  41. package/card/CardPriceTag.js +8 -14
  42. package/card/CardTitle.d.ts +2 -1
  43. package/card/CardTitle.js +5 -5
  44. package/chip/Chip.d.ts +2 -2
  45. package/chip/Chip.js +9 -11
  46. package/cjs/accordion/Accordion.d.ts +101 -0
  47. package/cjs/accordion/Accordion.js +23 -28
  48. package/cjs/accordion/AccordionContent.d.ts +14 -0
  49. package/cjs/accordion/AccordionContent.js +9 -11
  50. package/cjs/accordion/AccordionSmall.d.ts +56 -0
  51. package/cjs/accordion/AccordionSmall.js +17 -21
  52. package/cjs/accordion/index.d.ts +3 -0
  53. package/cjs/accordion/index.js +3 -3
  54. package/cjs/app-bar/AppBar.d.ts +13 -0
  55. package/cjs/app-bar/AppBar.js +46 -70
  56. package/cjs/app-bar/AppBarContext.d.ts +12 -0
  57. package/cjs/app-bar/AppBarContext.js +3 -16
  58. package/cjs/app-bar/AppBarDrawer.d.ts +5 -0
  59. package/cjs/app-bar/AppBarDrawer.js +11 -13
  60. package/cjs/app-bar/AppBarIconButton.d.ts +10 -0
  61. package/cjs/app-bar/AppBarIconButton.js +8 -11
  62. package/cjs/app-bar/AppBarItem.d.ts +23 -0
  63. package/cjs/app-bar/AppBarItem.js +30 -52
  64. package/cjs/app-bar/AppBarListItem.d.ts +15 -0
  65. package/cjs/app-bar/AppBarListItem.js +1 -1
  66. package/cjs/app-bar/index.d.ts +7 -0
  67. package/cjs/app-bar/index.js +9 -9
  68. package/cjs/assertions/banner/Banner.d.ts +74 -0
  69. package/cjs/assertions/banner/Banner.js +26 -49
  70. package/cjs/assertions/banner/BannerAction.d.ts +19 -0
  71. package/cjs/assertions/banner/BannerAction.js +9 -11
  72. package/cjs/assertions/banner/BannerTypography.d.ts +9 -0
  73. package/cjs/assertions/banner/BannerTypography.js +4 -6
  74. package/cjs/assertions/banner/index.d.ts +3 -0
  75. package/cjs/assertions/banner/index.js +3 -3
  76. package/cjs/assertions/index.d.ts +2 -0
  77. package/cjs/assertions/index.js +2 -2
  78. package/cjs/assertions/toast/Toast.d.ts +13 -0
  79. package/cjs/assertions/toast/Toast.js +17 -22
  80. package/cjs/assertions/toast/Toaster.d.ts +19 -0
  81. package/cjs/assertions/toast/Toaster.js +23 -44
  82. package/cjs/assertions/toast/index.d.ts +2 -0
  83. package/cjs/assertions/toast/index.js +5 -6
  84. package/cjs/badge/Badge.d.ts +26 -0
  85. package/cjs/badge/Badge.js +12 -18
  86. package/cjs/badge/index.d.ts +2 -0
  87. package/cjs/badge/index.js +3 -4
  88. package/cjs/button/BadgeIcon.d.ts +7 -0
  89. package/cjs/button/BadgeIcon.js +1 -1
  90. package/cjs/button/BaseButton.d.ts +14 -0
  91. package/cjs/button/BaseButton.js +1 -1
  92. package/cjs/button/Button.d.ts +19 -0
  93. package/cjs/button/Button.js +16 -24
  94. package/cjs/button/IconButton.d.ts +75 -0
  95. package/cjs/button/IconButton.js +21 -31
  96. package/cjs/button/LinkButton.d.ts +8 -0
  97. package/cjs/button/LinkButton.js +3 -4
  98. package/cjs/button/button-style.d.ts +7 -0
  99. package/cjs/button/button-style.js +1 -2
  100. package/cjs/button/index.d.ts +7 -0
  101. package/cjs/button/index.js +8 -9
  102. package/cjs/button-stack/ButtonStack.d.ts +12 -0
  103. package/cjs/button-stack/ButtonStack.js +13 -17
  104. package/cjs/button-stack/index.d.ts +1 -0
  105. package/cjs/button-stack/index.js +2 -2
  106. package/cjs/card/Card.d.ts +19 -0
  107. package/cjs/card/Card.js +27 -44
  108. package/cjs/card/CardActions.d.ts +4 -0
  109. package/cjs/card/CardActions.js +8 -12
  110. package/cjs/card/CardContent.d.ts +14 -0
  111. package/cjs/card/CardContent.js +13 -17
  112. package/cjs/card/CardMedia.d.ts +19 -0
  113. package/cjs/card/CardMedia.js +9 -13
  114. package/cjs/card/CardPriceTag.d.ts +25 -0
  115. package/cjs/card/CardPriceTag.js +14 -24
  116. package/cjs/card/CardTitle.d.ts +19 -0
  117. package/cjs/card/CardTitle.js +13 -15
  118. package/cjs/card/index.d.ts +6 -0
  119. package/cjs/card/index.js +7 -7
  120. package/cjs/chip/Chip.d.ts +19 -0
  121. package/cjs/chip/Chip.js +17 -35
  122. package/cjs/chip/index.d.ts +2 -0
  123. package/cjs/chip/index.js +3 -4
  124. package/cjs/common/LockBodyScroll.d.ts +25 -0
  125. package/cjs/common/LockBodyScroll.js +7 -10
  126. package/cjs/common/arrow.d.ts +6 -0
  127. package/cjs/common/arrow.js +2 -4
  128. package/cjs/common/emotionCloneElement.d.ts +2 -0
  129. package/cjs/common/emotionCloneElement.js +5 -8
  130. package/cjs/common/intent.d.ts +3 -0
  131. package/cjs/common/miniMoize.d.ts +1 -0
  132. package/cjs/common/polymorphic.d.ts +25 -0
  133. package/cjs/common/polymorphic.js +5 -5
  134. package/cjs/common/use-media.d.ts +1 -0
  135. package/cjs/common/use-media.js +1 -10
  136. package/cjs/common/useOnClickOutside.d.ts +3 -0
  137. package/cjs/common/utils.d.ts +3 -0
  138. package/cjs/counter/Counter.d.ts +26 -0
  139. package/cjs/counter/Counter.js +10 -26
  140. package/cjs/counter/PluralCounter.d.ts +13 -0
  141. package/cjs/counter/PluralCounter.js +13 -27
  142. package/cjs/counter/index.d.ts +2 -0
  143. package/cjs/counter/index.js +3 -3
  144. package/cjs/data-table/DataTable.d.ts +11 -0
  145. package/cjs/data-table/DataTable.js +17 -29
  146. package/cjs/data-table/index.d.ts +1 -0
  147. package/cjs/data-table/index.js +1 -1
  148. package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +2 -0
  149. package/cjs/date-range-picker/DatePickerDefaultStyles.js +1 -2
  150. package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +2 -0
  151. package/cjs/date-range-picker/DateRangePicker.d.ts +33 -0
  152. package/cjs/date-range-picker/DateRangePicker.js +29 -57
  153. package/cjs/date-range-picker/index.d.ts +1 -0
  154. package/cjs/date-range-picker/index.js +2 -2
  155. package/cjs/divider/Divider.d.ts +26 -0
  156. package/cjs/divider/Divider.js +11 -11
  157. package/cjs/divider/index.d.ts +1 -0
  158. package/cjs/divider/index.js +1 -1
  159. package/cjs/drawer/Drawer.d.ts +31 -0
  160. package/cjs/drawer/Drawer.js +11 -17
  161. package/cjs/drawer/index.d.ts +1 -0
  162. package/cjs/drawer/index.js +1 -1
  163. package/cjs/dropdown-menu/Dropdown.d.ts +46 -0
  164. package/cjs/dropdown-menu/Dropdown.js +21 -36
  165. package/cjs/dropdown-menu/DropdownContext.d.ts +13 -0
  166. package/cjs/dropdown-menu/DropdownContext.js +1 -2
  167. package/cjs/dropdown-menu/MenuCheckbox.d.ts +34 -0
  168. package/cjs/dropdown-menu/MenuCheckbox.js +5 -4
  169. package/cjs/dropdown-menu/MenuItem.d.ts +45 -0
  170. package/cjs/dropdown-menu/MenuItem.js +25 -42
  171. package/cjs/dropdown-menu/MenuTitle.d.ts +14 -0
  172. package/cjs/dropdown-menu/MenuTitle.js +5 -5
  173. package/cjs/dropdown-menu/index.d.ts +5 -0
  174. package/cjs/dropdown-menu/index.js +7 -8
  175. package/cjs/elevation/index.d.ts +3 -0
  176. package/cjs/elevation/index.js +3 -6
  177. package/cjs/flexbox/FlexBox.d.ts +100 -0
  178. package/cjs/flexbox/FlexBox.js +6 -14
  179. package/cjs/flexbox/index.d.ts +1 -0
  180. package/cjs/flexbox/index.js +1 -1
  181. package/cjs/footer/Footer.d.ts +7 -0
  182. package/cjs/footer/Footer.js +1 -1
  183. package/cjs/footer/index.d.ts +1 -0
  184. package/cjs/footer/index.js +2 -2
  185. package/cjs/forms/assistive-text/AssistiveText.d.ts +7 -0
  186. package/cjs/forms/assistive-text/AssistiveText.js +1 -1
  187. package/cjs/forms/asterisk/Asterisk.d.ts +3 -0
  188. package/cjs/forms/asterisk/Asterisk.js +1 -1
  189. package/cjs/forms/checkbox/Checkbox.d.ts +39 -0
  190. package/cjs/forms/checkbox/Checkbox.js +17 -23
  191. package/cjs/forms/checkbox/ExampleControlComponent.d.ts +11 -0
  192. package/cjs/forms/checkbox/ExampleControlComponent.js +8 -19
  193. package/cjs/forms/checkbox/index.d.ts +1 -0
  194. package/cjs/forms/checkbox/index.js +2 -2
  195. package/cjs/forms/email-field/EmailField.d.ts +6 -0
  196. package/cjs/forms/email-field/EmailField.js +3 -3
  197. package/cjs/forms/error-text/ErrorText.d.ts +7 -0
  198. package/cjs/forms/error-text/ErrorText.js +3 -5
  199. package/cjs/forms/field/Field.d.ts +11 -0
  200. package/cjs/forms/field/Field.js +4 -7
  201. package/cjs/forms/index.d.ts +21 -0
  202. package/cjs/forms/index.js +19 -19
  203. package/cjs/forms/input/Input.d.ts +19 -0
  204. package/cjs/forms/input/Input.js +23 -33
  205. package/cjs/forms/input/InputComposition.d.ts +43 -0
  206. package/cjs/forms/input/InputComposition.js +26 -32
  207. package/cjs/forms/label/Label.d.ts +11 -0
  208. package/cjs/forms/label/Label.js +10 -14
  209. package/cjs/forms/number-field/NumberField.d.ts +6 -0
  210. package/cjs/forms/number-field/NumberField.js +4 -5
  211. package/cjs/forms/password-field/PasswordField.d.ts +4 -0
  212. package/cjs/forms/password-field/PasswordField.js +5 -16
  213. package/cjs/forms/radio/Radio.d.ts +35 -0
  214. package/cjs/forms/radio/Radio.js +30 -36
  215. package/cjs/forms/reactselect/ReactSelect.d.ts +25 -0
  216. package/cjs/forms/reactselect/ReactSelect.js +43 -53
  217. package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +6 -0
  218. package/cjs/forms/searchable-select/AsyncSearchableSelect.js +30 -34
  219. package/cjs/forms/select/Select.d.ts +16 -0
  220. package/cjs/forms/select/Select.js +17 -24
  221. package/cjs/forms/select-field/SelectField.d.ts +17 -0
  222. package/cjs/forms/select-field/SelectField.js +20 -25
  223. package/cjs/forms/switch/Switch.d.ts +13 -0
  224. package/cjs/forms/switch/Switch.js +16 -23
  225. package/cjs/forms/tel-field/TelField.d.ts +6 -0
  226. package/cjs/forms/tel-field/TelField.js +3 -3
  227. package/cjs/forms/text-field/TextField.d.ts +26 -0
  228. package/cjs/forms/text-field/TextField.js +23 -28
  229. package/cjs/global-styles/GlobalStyles.d.ts +3 -0
  230. package/cjs/global-styles/GlobalStyles.js +1 -1
  231. package/cjs/global-styles/ResetStyles.d.ts +9 -0
  232. package/cjs/global-styles/ResetStyles.js +2 -3
  233. package/cjs/global-styles/sanitize.d.ts +1 -0
  234. package/cjs/global-styles/sanitize.js +1 -2
  235. package/cjs/grid/Column.d.ts +10 -0
  236. package/cjs/grid/Column.js +10 -12
  237. package/cjs/grid/Container.d.ts +15 -0
  238. package/cjs/grid/Container.js +11 -13
  239. package/cjs/grid/index.d.ts +2 -0
  240. package/cjs/grid/index.js +3 -3
  241. package/cjs/hero/Hero.d.ts +10 -0
  242. package/cjs/hero/Hero.js +5 -9
  243. package/cjs/hero/index.d.ts +1 -0
  244. package/cjs/hero/index.js +2 -2
  245. package/cjs/hero/stripes.d.ts +6 -0
  246. package/cjs/hero/stripes.js +1 -1
  247. package/cjs/ie-banner/IEBanner.d.ts +12 -0
  248. package/cjs/ie-banner/IEBanner.js +4 -20
  249. package/cjs/ie-banner/index.d.ts +1 -0
  250. package/cjs/ie-banner/index.js +2 -2
  251. package/cjs/index.d.ts +44 -0
  252. package/cjs/index.js +46 -46
  253. package/cjs/layout/LayoutLegacy.d.ts +2 -0
  254. package/cjs/layout/LayoutLegacy.js +1 -1
  255. package/cjs/lists/FeatureList.d.ts +22 -0
  256. package/cjs/lists/FeatureList.js +9 -12
  257. package/cjs/lists/ListAddon.d.ts +11 -0
  258. package/cjs/lists/ListAddon.js +8 -11
  259. package/cjs/lists/ListDivider.d.ts +5 -0
  260. package/cjs/lists/ListDivider.js +8 -11
  261. package/cjs/lists/ListIcon.d.ts +18 -0
  262. package/cjs/lists/ListIcon.js +14 -17
  263. package/cjs/lists/ListItem.d.ts +46 -0
  264. package/cjs/lists/ListItem.js +17 -26
  265. package/cjs/lists/ListText.d.ts +39 -0
  266. package/cjs/lists/ListText.js +10 -13
  267. package/cjs/lists/ListTextGroup.d.ts +15 -0
  268. package/cjs/lists/ListTextGroup.js +11 -15
  269. package/cjs/lists/ListTitle.d.ts +4 -0
  270. package/cjs/lists/ListTitle.js +7 -11
  271. package/cjs/lists/index.d.ts +8 -0
  272. package/cjs/lists/index.js +9 -9
  273. package/cjs/loader/DfdsLoader.d.ts +9 -0
  274. package/cjs/loader/DfdsLoader.js +4 -5
  275. package/cjs/loader/Loader.d.ts +6 -0
  276. package/cjs/loader/Loader.js +2 -3
  277. package/cjs/loader/index.d.ts +2 -0
  278. package/cjs/loader/index.js +3 -3
  279. package/cjs/localization/LocaleFlag.d.ts +13 -0
  280. package/cjs/localization/LocaleFlag.js +10 -15
  281. package/cjs/localization/index.d.ts +2 -0
  282. package/cjs/localization/index.js +2 -2
  283. package/cjs/localization/locales.d.ts +35 -0
  284. package/cjs/logo/Logo.d.ts +11 -0
  285. package/cjs/logo/Logo.js +7 -10
  286. package/cjs/logo/index.d.ts +1 -0
  287. package/cjs/logo/index.js +1 -1
  288. package/cjs/media/index.d.ts +2 -0
  289. package/cjs/menu/Menu.d.ts +7 -0
  290. package/cjs/menu/Menu.js +25 -27
  291. package/cjs/menu/index.d.ts +2 -0
  292. package/cjs/menu/index.js +3 -4
  293. package/cjs/mobile-stepper/MobileStepper.d.ts +25 -0
  294. package/cjs/mobile-stepper/MobileStepper.js +12 -18
  295. package/cjs/mobile-stepper/index.d.ts +1 -0
  296. package/cjs/mobile-stepper/index.js +2 -2
  297. package/cjs/nav-bar/NavBar.d.ts +37 -0
  298. package/cjs/nav-bar/NavBar.js +34 -52
  299. package/cjs/nav-bar/index.d.ts +2 -0
  300. package/cjs/nav-bar/index.js +3 -4
  301. package/cjs/nav-menu/NavMenuItem.d.ts +10 -0
  302. package/cjs/nav-menu/NavMenuItem.js +2 -3
  303. package/cjs/nav-menu/index.d.ts +1 -0
  304. package/cjs/nav-menu/index.js +2 -2
  305. package/cjs/pagination/Pagination.d.ts +44 -0
  306. package/cjs/pagination/Pagination.js +11 -12
  307. package/cjs/pagination/Pagination.styles.d.ts +6 -0
  308. package/cjs/pagination/Pagination.styles.js +1 -2
  309. package/cjs/pagination/index.d.ts +1 -0
  310. package/cjs/pagination/index.js +1 -1
  311. package/cjs/popper/Popper.d.ts +29 -0
  312. package/cjs/popper/Popper.js +24 -29
  313. package/cjs/popper/index.d.ts +1 -0
  314. package/cjs/popper/index.js +2 -2
  315. package/cjs/progress-bar/ProgressBar.d.ts +8 -0
  316. package/cjs/progress-bar/ProgressBar.js +3 -5
  317. package/cjs/progress-bar/index.d.ts +2 -0
  318. package/cjs/progress-bar/index.js +3 -4
  319. package/cjs/schedule/ScheduleItem.d.ts +19 -0
  320. package/cjs/schedule/ScheduleItem.js +1 -1
  321. package/cjs/schedule/ScheduleList.d.ts +11 -0
  322. package/cjs/schedule/ScheduleList.js +6 -8
  323. package/cjs/schedule/index.d.ts +2 -0
  324. package/cjs/schedule/index.js +3 -3
  325. package/cjs/side-sheet/SideSheet.d.ts +57 -0
  326. package/cjs/side-sheet/SideSheet.js +36 -58
  327. package/cjs/side-sheet/SideSheetCloseButton.d.ts +13 -0
  328. package/cjs/side-sheet/SideSheetCloseButton.js +10 -15
  329. package/cjs/side-sheet/SideSheetContent.d.ts +7 -0
  330. package/cjs/side-sheet/SideSheetContent.js +7 -10
  331. package/cjs/side-sheet/SideSheetFooter.d.ts +7 -0
  332. package/cjs/side-sheet/SideSheetFooter.js +7 -10
  333. package/cjs/side-sheet/SideSheetHeader.d.ts +9 -0
  334. package/cjs/side-sheet/SideSheetHeader.js +10 -14
  335. package/cjs/side-sheet/SideSheetHeadline.d.ts +7 -0
  336. package/cjs/side-sheet/SideSheetHeadline.js +1 -1
  337. package/cjs/side-sheet/index.d.ts +4 -0
  338. package/cjs/side-sheet/index.js +6 -7
  339. package/cjs/site-layout/SiteLayout.d.ts +40 -0
  340. package/cjs/site-layout/SiteLayout.js +31 -35
  341. package/cjs/site-layout/index.d.ts +2 -0
  342. package/cjs/site-layout/index.js +3 -4
  343. package/cjs/skeleton/Skeleton.d.ts +8 -0
  344. package/cjs/skeleton/Skeleton.js +12 -16
  345. package/cjs/skeleton/index.d.ts +1 -0
  346. package/cjs/skeleton/index.js +1 -1
  347. package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +24 -0
  348. package/cjs/social-media-link-list/SocialMediaLinkList.js +15 -17
  349. package/cjs/social-media-link-list/index.d.ts +1 -0
  350. package/cjs/social-media-link-list/index.js +1 -1
  351. package/cjs/spinner/Spinner.d.ts +58 -0
  352. package/cjs/spinner/Spinner.js +11 -16
  353. package/cjs/spinner/index.d.ts +1 -0
  354. package/cjs/spinner/index.js +1 -1
  355. package/cjs/step/Step.d.ts +45 -0
  356. package/cjs/step/Step.js +23 -32
  357. package/cjs/step/Step.styles.d.ts +4 -0
  358. package/cjs/step/Step.styles.js +1 -2
  359. package/cjs/step/StepButton.d.ts +4 -0
  360. package/cjs/step/StepButton.js +18 -18
  361. package/cjs/step/StepContent.d.ts +6 -0
  362. package/cjs/step/StepContent.js +6 -7
  363. package/cjs/step/StepContext.d.ts +12 -0
  364. package/cjs/step/StepContext.js +1 -1
  365. package/cjs/step/StepLabel.d.ts +7 -0
  366. package/cjs/step/StepLabel.js +6 -6
  367. package/cjs/step/index.d.ts +1 -0
  368. package/cjs/step/index.js +2 -2
  369. package/cjs/stepper/Stepper.d.ts +25 -0
  370. package/cjs/stepper/Stepper.js +17 -29
  371. package/cjs/stepper/StepperContext.d.ts +9 -0
  372. package/cjs/stepper/StepperContext.js +1 -1
  373. package/cjs/stepper/index.d.ts +1 -0
  374. package/cjs/stepper/index.js +2 -2
  375. package/cjs/stepper-feedback-message/StepperFeedbackMessage.d.ts +5 -0
  376. package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +2 -3
  377. package/cjs/stepper-feedback-message/index.d.ts +1 -0
  378. package/cjs/stepper-feedback-message/index.js +2 -2
  379. package/cjs/styles/index.d.ts +3 -0
  380. package/cjs/styles/index.js +6 -7
  381. package/cjs/styles/media.d.ts +21 -0
  382. package/cjs/styles/rem.d.ts +1 -0
  383. package/cjs/styles/style-helpers.d.ts +1 -0
  384. package/cjs/styles/style-helpers.js +1 -2
  385. package/cjs/styles/theme.d.ts +39 -0
  386. package/cjs/surface/Surface.d.ts +32 -0
  387. package/cjs/surface/Surface.js +14 -21
  388. package/cjs/surface/index.d.ts +1 -0
  389. package/cjs/surface/index.js +1 -1
  390. package/cjs/tab/Tab.d.ts +12 -0
  391. package/cjs/tab/Tab.js +16 -18
  392. package/cjs/tab/TabPanel.d.ts +7 -0
  393. package/cjs/tab/TabPanel.js +4 -3
  394. package/cjs/tab/Tabs.d.ts +11 -0
  395. package/cjs/tab/Tabs.js +24 -42
  396. package/cjs/tab/TabsContext.d.ts +16 -0
  397. package/cjs/tab/TabsContext.js +1 -2
  398. package/cjs/tab/index.d.ts +4 -0
  399. package/cjs/tab/index.js +5 -5
  400. package/cjs/table/Table.d.ts +22 -0
  401. package/cjs/table/Table.js +8 -13
  402. package/cjs/table/TableBody.d.ts +9 -0
  403. package/cjs/table/TableBody.js +6 -9
  404. package/cjs/table/TableDataCell.d.ts +14 -0
  405. package/cjs/table/TableDataCell.js +7 -11
  406. package/cjs/table/TableHead.d.ts +14 -0
  407. package/cjs/table/TableHead.js +11 -13
  408. package/cjs/table/TableHeaderCell.d.ts +15 -0
  409. package/cjs/table/TableHeaderCell.js +7 -11
  410. package/cjs/table/TableRow.d.ts +17 -0
  411. package/cjs/table/TableRow.js +12 -15
  412. package/cjs/table/index.d.ts +6 -0
  413. package/cjs/table/index.js +6 -6
  414. package/cjs/test/Test.d.ts +8 -0
  415. package/cjs/test/Test.js +1 -1
  416. package/cjs/tooltip/Tooltip.d.ts +26 -0
  417. package/cjs/tooltip/Tooltip.js +14 -17
  418. package/cjs/tooltip/index.d.ts +2 -0
  419. package/cjs/tooltip/index.js +3 -4
  420. package/cjs/typography/Headlines.d.ts +71 -0
  421. package/cjs/typography/Headlines.js +21 -26
  422. package/cjs/typography/Text.d.ts +4 -0
  423. package/cjs/typography/Text.js +2 -3
  424. package/cjs/typography/index.d.ts +2 -0
  425. package/cjs/typography/index.js +2 -2
  426. package/common/LockBodyScroll.js +3 -3
  427. package/common/arrow.d.ts +1 -1
  428. package/common/arrow.js +2 -4
  429. package/common/emotionCloneElement.d.ts +0 -1
  430. package/common/emotionCloneElement.js +1 -1
  431. package/common/polymorphic.d.ts +2 -2
  432. package/common/polymorphic.js +2 -2
  433. package/common/use-media.js +4 -4
  434. package/common/useOnClickOutside.d.ts +0 -1
  435. package/common/utils.d.ts +3 -3
  436. package/common/utils.js +1 -1
  437. package/counter/Counter.js +9 -14
  438. package/counter/PluralCounter.js +8 -9
  439. package/data-table/DataTable.d.ts +2 -1
  440. package/data-table/DataTable.js +11 -11
  441. package/date-range-picker/DatePickerDefaultStyles.d.ts +1 -1
  442. package/date-range-picker/DatePickerDefaultStyles.js +1 -2
  443. package/date-range-picker/DatePickerDfdsStyles.d.ts +1 -1
  444. package/date-range-picker/DateRangePicker.js +8 -8
  445. package/divider/Divider.d.ts +2 -2
  446. package/divider/Divider.js +3 -3
  447. package/drawer/Drawer.js +3 -3
  448. package/dropdown-menu/Dropdown.d.ts +1 -1
  449. package/dropdown-menu/Dropdown.js +8 -9
  450. package/dropdown-menu/MenuCheckbox.d.ts +1 -1
  451. package/dropdown-menu/MenuCheckbox.js +1 -1
  452. package/dropdown-menu/MenuItem.d.ts +3 -3
  453. package/dropdown-menu/MenuItem.js +12 -17
  454. package/dropdown-menu/MenuTitle.d.ts +1 -1
  455. package/dropdown-menu/MenuTitle.js +1 -2
  456. package/elevation/index.d.ts +1 -1
  457. package/elevation/index.js +3 -6
  458. package/flexbox/FlexBox.d.ts +3 -3
  459. package/flexbox/FlexBox.js +7 -7
  460. package/forms/assistive-text/AssistiveText.d.ts +1 -2
  461. package/forms/asterisk/Asterisk.d.ts +2 -2
  462. package/forms/checkbox/Checkbox.d.ts +1 -1
  463. package/forms/checkbox/Checkbox.js +4 -5
  464. package/forms/checkbox/ExampleControlComponent.d.ts +1 -0
  465. package/forms/checkbox/ExampleControlComponent.js +7 -7
  466. package/forms/email-field/EmailField.d.ts +1 -1
  467. package/forms/email-field/EmailField.js +2 -2
  468. package/forms/error-text/ErrorText.d.ts +1 -2
  469. package/forms/error-text/ErrorText.js +2 -4
  470. package/forms/field/Field.d.ts +1 -0
  471. package/forms/field/Field.js +3 -6
  472. package/forms/input/Input.d.ts +1 -1
  473. package/forms/input/Input.js +11 -19
  474. package/forms/input/InputComposition.d.ts +3 -3
  475. package/forms/input/InputComposition.js +4 -5
  476. package/forms/label/Label.d.ts +1 -0
  477. package/forms/label/Label.js +7 -9
  478. package/forms/number-field/NumberField.d.ts +1 -1
  479. package/forms/number-field/NumberField.js +3 -4
  480. package/forms/password-field/PasswordField.d.ts +1 -1
  481. package/forms/password-field/PasswordField.js +6 -7
  482. package/forms/radio/Radio.d.ts +1 -1
  483. package/forms/radio/Radio.js +4 -5
  484. package/forms/reactselect/ReactSelect.d.ts +5 -5
  485. package/forms/reactselect/ReactSelect.js +5 -6
  486. package/forms/searchable-select/AsyncSearchableSelect.js +3 -3
  487. package/forms/select/Select.d.ts +1 -1
  488. package/forms/select/Select.js +8 -13
  489. package/forms/select-field/SelectField.d.ts +1 -1
  490. package/forms/select-field/SelectField.js +8 -12
  491. package/forms/switch/Switch.js +6 -9
  492. package/forms/tel-field/TelField.d.ts +1 -1
  493. package/forms/tel-field/TelField.js +2 -2
  494. package/forms/text-field/TextField.d.ts +1 -1
  495. package/forms/text-field/TextField.js +8 -12
  496. package/global-styles/GlobalStyles.d.ts +3 -3
  497. package/global-styles/ResetStyles.d.ts +2 -2
  498. package/global-styles/ResetStyles.js +1 -2
  499. package/global-styles/sanitize.d.ts +1 -1
  500. package/global-styles/sanitize.js +1 -2
  501. package/grid/Column.js +3 -3
  502. package/grid/Container.js +4 -4
  503. package/hero/Hero.js +5 -9
  504. package/ie-banner/IEBanner.d.ts +1 -0
  505. package/ie-banner/IEBanner.js +4 -4
  506. package/layout/LayoutLegacy.d.ts +2 -2
  507. package/lists/FeatureList.d.ts +2 -4
  508. package/lists/FeatureList.js +3 -3
  509. package/lists/ListAddon.d.ts +1 -1
  510. package/lists/ListAddon.js +3 -3
  511. package/lists/ListDivider.d.ts +2 -2
  512. package/lists/ListDivider.js +3 -3
  513. package/lists/ListIcon.d.ts +1 -1
  514. package/lists/ListIcon.js +3 -3
  515. package/lists/ListItem.d.ts +2 -2
  516. package/lists/ListItem.js +3 -3
  517. package/lists/ListText.d.ts +1 -1
  518. package/lists/ListText.js +3 -3
  519. package/lists/ListTextGroup.d.ts +1 -1
  520. package/lists/ListTextGroup.js +3 -3
  521. package/lists/ListTitle.d.ts +2 -2
  522. package/lists/ListTitle.js +4 -5
  523. package/loader/DfdsLoader.js +2 -3
  524. package/loader/Loader.d.ts +2 -2
  525. package/loader/Loader.js +2 -3
  526. package/localization/LocaleFlag.d.ts +2 -2
  527. package/localization/LocaleFlag.js +3 -3
  528. package/logo/Logo.d.ts +2 -2
  529. package/logo/Logo.js +3 -3
  530. package/menu/Menu.js +8 -8
  531. package/mobile-stepper/MobileStepper.d.ts +2 -2
  532. package/mobile-stepper/MobileStepper.js +10 -12
  533. package/nav-bar/NavBar.d.ts +4 -2
  534. package/nav-bar/NavBar.js +19 -22
  535. package/nav-menu/NavMenuItem.js +1 -2
  536. package/package.json +21 -21
  537. package/pagination/Pagination.d.ts +1 -1
  538. package/pagination/Pagination.js +4 -6
  539. package/pagination/Pagination.styles.d.ts +6 -6
  540. package/pagination/Pagination.styles.js +2 -3
  541. package/popper/Popper.d.ts +2 -2
  542. package/popper/Popper.js +4 -5
  543. package/progress-bar/ProgressBar.d.ts +2 -2
  544. package/progress-bar/ProgressBar.js +2 -4
  545. package/schedule/ScheduleItem.d.ts +2 -4
  546. package/schedule/ScheduleList.js +3 -3
  547. package/side-sheet/SideSheet.d.ts +1 -1
  548. package/side-sheet/SideSheet.js +13 -18
  549. package/side-sheet/SideSheetCloseButton.d.ts +1 -1
  550. package/side-sheet/SideSheetCloseButton.js +3 -3
  551. package/side-sheet/SideSheetContent.d.ts +2 -2
  552. package/side-sheet/SideSheetContent.js +3 -3
  553. package/side-sheet/SideSheetFooter.d.ts +2 -2
  554. package/side-sheet/SideSheetFooter.js +3 -3
  555. package/side-sheet/SideSheetHeader.d.ts +2 -2
  556. package/side-sheet/SideSheetHeader.js +3 -3
  557. package/side-sheet/SideSheetHeadline.d.ts +2 -2
  558. package/site-layout/SiteLayout.d.ts +6 -2
  559. package/site-layout/SiteLayout.js +8 -9
  560. package/skeleton/Skeleton.d.ts +2 -2
  561. package/skeleton/Skeleton.js +4 -4
  562. package/social-media-link-list/SocialMediaLinkList.d.ts +2 -4
  563. package/social-media-link-list/SocialMediaLinkList.js +3 -3
  564. package/spinner/Spinner.d.ts +2 -2
  565. package/spinner/Spinner.js +5 -6
  566. package/step/Step.d.ts +1 -1
  567. package/step/Step.js +3 -3
  568. package/step/Step.styles.d.ts +4 -4
  569. package/step/Step.styles.js +1 -2
  570. package/step/StepButton.js +4 -6
  571. package/step/StepContent.d.ts +2 -2
  572. package/step/StepContent.js +2 -4
  573. package/step/StepLabel.js +1 -2
  574. package/stepper/Stepper.d.ts +1 -1
  575. package/stepper/Stepper.js +6 -8
  576. package/stepper-feedback-message/StepperFeedbackMessage.d.ts +2 -2
  577. package/stepper-feedback-message/StepperFeedbackMessage.js +1 -2
  578. package/styles/style-helpers.d.ts +1 -1
  579. package/styles/style-helpers.js +1 -2
  580. package/surface/Surface.d.ts +1 -1
  581. package/surface/Surface.js +4 -4
  582. package/tab/Tab.js +4 -5
  583. package/tab/Tabs.js +8 -9
  584. package/table/Table.d.ts +1 -1
  585. package/table/Table.js +3 -3
  586. package/table/TableBody.d.ts +1 -1
  587. package/table/TableBody.js +3 -3
  588. package/table/TableDataCell.d.ts +1 -1
  589. package/table/TableDataCell.js +3 -3
  590. package/table/TableHead.d.ts +2 -2
  591. package/table/TableHead.js +4 -4
  592. package/table/TableHeaderCell.d.ts +2 -2
  593. package/table/TableHeaderCell.js +3 -3
  594. package/table/TableRow.d.ts +1 -1
  595. package/table/TableRow.js +4 -4
  596. package/tooltip/Tooltip.d.ts +1 -1
  597. package/tooltip/Tooltip.js +4 -5
  598. package/typography/Headlines.d.ts +29 -28
  599. package/typography/Headlines.js +14 -16
  600. package/typography/Text.d.ts +1 -2
  601. package/typography/Text.js +1 -2
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ declare type TabPanelProps = {
3
+ index: number | string;
4
+ children: React.ReactNode;
5
+ };
6
+ declare const TabPanel: React.FC<TabPanelProps>;
7
+ export default TabPanel;
@@ -8,7 +8,7 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _TabsContext = _interopRequireDefault(require("./TabsContext"));
10
10
  var _react2 = require("@emotion/react");
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
12
  const StyledTabPanel = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
13
13
  target: "eqh3xez0"
14
14
  } : {
@@ -19,8 +19,9 @@ const TabPanel = ({
19
19
  index,
20
20
  children
21
21
  }) => {
22
- const _useTabsContext = (0, _TabsContext.default)(),
23
- activeTab = _useTabsContext.activeTab;
22
+ const {
23
+ activeTab
24
+ } = (0, _TabsContext.default)();
24
25
  return (0, _react2.jsx)(StyledTabPanel, {
25
26
  active: index === activeTab
26
27
  }, children);
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ declare type TabsLabels = {
3
+ scrollLeft: string;
4
+ scrollRight: string;
5
+ };
6
+ declare type TabsProps = {
7
+ tabsLabels?: TabsLabels;
8
+ children?: any;
9
+ };
10
+ declare const Tabs: React.FC<TabsProps>;
11
+ export default Tabs;
package/cjs/tab/Tabs.js CHANGED
@@ -12,19 +12,9 @@ var _button = require("../button");
12
12
  var _TabsContext = _interopRequireDefault(require("./TabsContext"));
13
13
  var _theme = require("@dfds-ui/theme");
14
14
  var _system = require("@dfds-ui/icons/system");
15
- const _excluded = ["children", "tabsLabels"];
16
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
17
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
20
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
21
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
22
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
23
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
24
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
25
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
26
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
27
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
15
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
16
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
17
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
28
18
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
29
19
  const CHEVRON_SCROLL_STEP = 300;
30
20
  const StyledTabs = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
@@ -44,38 +34,30 @@ var _ref = process.env.NODE_ENV === "production" ? {
44
34
  styles: "position:relative"
45
35
  } : {
46
36
  name: "1tk52mw-Tabs",
47
- styles: "position:relative;label:Tabs;",
48
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWIvVGFicy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkhjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90YWIvVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlUmVzaXplT2JzZXJ2ZXIgfSBmcm9tICdAZGZkcy11aS9ob29rcydcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi9idXR0b24nXG5pbXBvcnQgdXNlVGFic0NvbnRleHQgZnJvbSAnLi9UYWJzQ29udGV4dCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBDaGV2cm9uTGVmdCwgQ2hldnJvblJpZ2h0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuXG5jb25zdCBDSEVWUk9OX1NDUk9MTF9TVEVQID0gMzAwXG5cbnR5cGUgVGFic0xhYmVscyA9IHtcbiAgc2Nyb2xsTGVmdDogc3RyaW5nXG4gIHNjcm9sbFJpZ2h0OiBzdHJpbmdcbn1cblxudHlwZSBUYWJzUHJvcHMgPSB7XG4gIHRhYnNMYWJlbHM/OiBUYWJzTGFiZWxzXG4gIGNoaWxkcmVuPzogYW55XG59XG5cbmNvbnN0IFN0eWxlZFRhYnMgPSBzdHlsZWQuZGl2PHsgdHJhbnNwYXJlbnQ6IGJvb2xlYW4gfCB1bmRlZmluZWQgfT5gXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubH0gJHt0aGVtZS5yYWRpaS5sfSAwIDA7XG4gIGJhY2tncm91bmQ6ICR7KHApID0+IChwLnRyYW5zcGFyZW50ID8gJ3RyYW5zcGFyZW50JyA6IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnkpfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gXG5cbmNvbnN0IENoZXZyb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbik8e1xuICBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfCB1bmRlZmluZWRcbiAgdmlzaWJsZTogYm9vbGVhblxuICBzaXplOiAncycgfCAnbScgfCB1bmRlZmluZWRcbn0+YFxuICBoZWlnaHQ6ICR7KHApID0+IChwLnNpemUgPT09ICdzJyA/ICcyLjc1cmVtJyA6ICczLjI1cmVtJyl9O1xuICB3aWR0aDogMS4yNXJlbTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnNlY29uZGFyeX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgZGlzcGxheTogJHsocCkgPT4gKHAudmlzaWJsZSA/ICdmbGV4JyA6ICdub25lJyl9O1xuXG4gIC5qcy1mb2N1cy12aXNpYmxlICYgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgIGJvcmRlcjogMDtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgfVxuICAkeyhwKSA9PlxuICAgIHAuZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfSAwIDAgMDtcbiAgICAgICAgYFxuICAgICAgOiBjc3NgXG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMCAke3RoZW1lLnJhZGlpLm19IDAgMDtcbiAgICAgICAgYH1cbiAgei1pbmRleDogMTtcbmBcblxuY29uc3QgVGFiczogUmVhY3QuRkM8VGFic1Byb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICB0YWJzTGFiZWxzID0geyBzY3JvbGxMZWZ0OiAnU2Nyb2xsIHRhYnMgbGVmdCcsIHNjcm9sbFJpZ2h0OiAnU2Nyb2xsIHRhYnMgcmlnaHQnIH0sXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICBjb25zdCBbaXNTY3JvbGxTdGFydCwgc2V0SXNTY3JvbGxTdGFydF0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW2lzU2Nyb2xsRW5kLCBzZXRJc1Njcm9sbEVuZF0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW3Nob3dDaGV2cm9ucywgc2V0U2hvd0NoZXZyb25zXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIGNvbnN0IHsgdHJhbnNwYXJlbnQsIHNpemUgfSA9IHVzZVRhYnNDb250ZXh0KClcblxuICBjb25zdCB7IHdpZHRoIH0gPSB1c2VSZXNpemVPYnNlcnZlcih7IHJlZiB9KVxuXG4gIGNvbnN0IHVwZGF0ZVNjcm9sbENvbnRyb2xzID0gKHtcbiAgICBzY3JvbGxXaWR0aCxcbiAgICBjbGllbnRXaWR0aCxcbiAgICBzY3JvbGxMZWZ0LFxuICB9OiB7XG4gICAgc2Nyb2xsV2lkdGg6IG51bWJlclxuICAgIGNsaWVudFdpZHRoOiBudW1iZXJcbiAgICBzY3JvbGxMZWZ0OiBudW1iZXJcbiAgfSkgPT4ge1xuICAgIHNldElzU2Nyb2xsU3RhcnQoc2Nyb2xsTGVmdCA9PT0gMClcbiAgICBzZXRJc1Njcm9sbEVuZChzY3JvbGxXaWR0aCA9PT0gY2xpZW50V2lkdGggKyBzY3JvbGxMZWZ0KVxuICAgIHNldFNob3dDaGV2cm9ucyhzY3JvbGxXaWR0aCAhPT0gY2xpZW50V2lkdGgpXG4gIH1cblxuICBjb25zdCBzY3JvbGxCeSA9IChkaXN0YW5jZTogbnVtYmVyKSA9PiB7XG4gICAgaWYgKHJlZi5jdXJyZW50KSB7XG4gICAgICBpZiAocmVmLmN1cnJlbnQuc2Nyb2xsQnkgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICByZWYuY3VycmVudC5zY3JvbGxMZWZ0ICs9IGRpc3RhbmNlXG4gICAgICB9IGVsc2Uge1xuICAgICAgICByZWYuY3VycmVudC5zY3JvbGxCeSh7XG4gICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgIGxlZnQ6IGRpc3RhbmNlLFxuICAgICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJyxcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgLy8gVE9ETzogQ29uc2lkZXIgcmV3cml0ZSB1c2luZyByZWYgY2FsbGJhY2tcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocmVmICE9PSBudWxsICYmIHJlZi5jdXJyZW50ICE9PSBudWxsKSB7XG4gICAgICBjb25zdCBub2RlID0gcmVmLmN1cnJlbnRcbiAgICAgIHVwZGF0ZVNjcm9sbENvbnRyb2xzKG5vZGUpXG5cbiAgICAgIGNvbnN0IGhhbmRsZXIgPSAoKSA9PiB7XG4gICAgICAgIHVwZGF0ZVNjcm9sbENvbnRyb2xzKG5vZGUpXG4gICAgICB9XG5cbiAgICAgIHJlZi5jdXJyZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGhhbmRsZXIpXG4gICAgICByZXR1cm4gKCkgPT4gbm9kZS5yZW1vdmVFdmVudExpc3RlbmVyKCdzY3JvbGwnLCBoYW5kbGVyKVxuICAgIH1cbiAgICByZXR1cm5cbiAgfSwgW3JlZiwgaXNTY3JvbGxTdGFydCwgaXNTY3JvbGxFbmQsIHNob3dDaGV2cm9ucywgd2lkdGhdKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge3Nob3dDaGV2cm9ucyAmJiAoXG4gICAgICAgIDxDaGV2cm9uQnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICBpY29uPXtDaGV2cm9uTGVmdH1cbiAgICAgICAgICBkaXJlY3Rpb249XCJsZWZ0XCJcbiAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgIHZpc2libGU9eyFpc1Njcm9sbFN0YXJ0fVxuICAgICAgICAgIGFyaWFMYWJlbD17dGFic0xhYmVscy5zY3JvbGxMZWZ0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNjcm9sbEJ5KC1DSEVWUk9OX1NDUk9MTF9TVEVQKX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICB7c2hvd0NoZXZyb25zICYmIChcbiAgICAgICAgPENoZXZyb25CdXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIGljb249e0NoZXZyb25SaWdodH1cbiAgICAgICAgICBkaXJlY3Rpb249XCJyaWdodFwiXG4gICAgICAgICAgZGlzYWJsZVRvb2x0aXBcbiAgICAgICAgICB2aXNpYmxlPXshaXNTY3JvbGxFbmR9XG4gICAgICAgICAgYXJpYUxhYmVsPXt0YWJzTGFiZWxzLnNjcm9sbFJpZ2h0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNjcm9sbEJ5KENIRVZST05fU0NST0xMX1NURVApfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxTdHlsZWRUYWJzIHJlZj17cmVmfSB7Li4ucmVzdH0gdHJhbnNwYXJlbnQ9e3RyYW5zcGFyZW50fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRUYWJzPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRhYnNcbiJdfQ== */",
37
+ styles: "position:relative;label:Tabs;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWIvVGFicy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkhjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90YWIvVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlUmVzaXplT2JzZXJ2ZXIgfSBmcm9tICdAZGZkcy11aS9ob29rcydcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi9idXR0b24nXG5pbXBvcnQgdXNlVGFic0NvbnRleHQgZnJvbSAnLi9UYWJzQ29udGV4dCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBDaGV2cm9uTGVmdCwgQ2hldnJvblJpZ2h0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuXG5jb25zdCBDSEVWUk9OX1NDUk9MTF9TVEVQID0gMzAwXG5cbnR5cGUgVGFic0xhYmVscyA9IHtcbiAgc2Nyb2xsTGVmdDogc3RyaW5nXG4gIHNjcm9sbFJpZ2h0OiBzdHJpbmdcbn1cblxudHlwZSBUYWJzUHJvcHMgPSB7XG4gIHRhYnNMYWJlbHM/OiBUYWJzTGFiZWxzXG4gIGNoaWxkcmVuPzogYW55XG59XG5cbmNvbnN0IFN0eWxlZFRhYnMgPSBzdHlsZWQuZGl2PHsgdHJhbnNwYXJlbnQ6IGJvb2xlYW4gfCB1bmRlZmluZWQgfT5gXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubH0gJHt0aGVtZS5yYWRpaS5sfSAwIDA7XG4gIGJhY2tncm91bmQ6ICR7KHApID0+IChwLnRyYW5zcGFyZW50ID8gJ3RyYW5zcGFyZW50JyA6IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnkpfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gXG5cbmNvbnN0IENoZXZyb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbik8e1xuICBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfCB1bmRlZmluZWRcbiAgdmlzaWJsZTogYm9vbGVhblxuICBzaXplOiAncycgfCAnbScgfCB1bmRlZmluZWRcbn0+YFxuICBoZWlnaHQ6ICR7KHApID0+IChwLnNpemUgPT09ICdzJyA/ICcyLjc1cmVtJyA6ICczLjI1cmVtJyl9O1xuICB3aWR0aDogMS4yNXJlbTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnNlY29uZGFyeX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgZGlzcGxheTogJHsocCkgPT4gKHAudmlzaWJsZSA/ICdmbGV4JyA6ICdub25lJyl9O1xuXG4gIC5qcy1mb2N1cy12aXNpYmxlICYgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgIGJvcmRlcjogMDtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgfVxuICAkeyhwKSA9PlxuICAgIHAuZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfSAwIDAgMDtcbiAgICAgICAgYFxuICAgICAgOiBjc3NgXG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMCAke3RoZW1lLnJhZGlpLm19IDAgMDtcbiAgICAgICAgYH1cbiAgei1pbmRleDogMTtcbmBcblxuY29uc3QgVGFiczogUmVhY3QuRkM8VGFic1Byb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICB0YWJzTGFiZWxzID0geyBzY3JvbGxMZWZ0OiAnU2Nyb2xsIHRhYnMgbGVmdCcsIHNjcm9sbFJpZ2h0OiAnU2Nyb2xsIHRhYnMgcmlnaHQnIH0sXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICBjb25zdCBbaXNTY3JvbGxTdGFydCwgc2V0SXNTY3JvbGxTdGFydF0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW2lzU2Nyb2xsRW5kLCBzZXRJc1Njcm9sbEVuZF0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW3Nob3dDaGV2cm9ucywgc2V0U2hvd0NoZXZyb25zXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIGNvbnN0IHsgdHJhbnNwYXJlbnQsIHNpemUgfSA9IHVzZVRhYnNDb250ZXh0KClcblxuICBjb25zdCB7IHdpZHRoIH0gPSB1c2VSZXNpemVPYnNlcnZlcih7IHJlZiB9KVxuXG4gIGNvbnN0IHVwZGF0ZVNjcm9sbENvbnRyb2xzID0gKHtcbiAgICBzY3JvbGxXaWR0aCxcbiAgICBjbGllbnRXaWR0aCxcbiAgICBzY3JvbGxMZWZ0LFxuICB9OiB7XG4gICAgc2Nyb2xsV2lkdGg6IG51bWJlclxuICAgIGNsaWVudFdpZHRoOiBudW1iZXJcbiAgICBzY3JvbGxMZWZ0OiBudW1iZXJcbiAgfSkgPT4ge1xuICAgIHNldElzU2Nyb2xsU3RhcnQoc2Nyb2xsTGVmdCA9PT0gMClcbiAgICBzZXRJc1Njcm9sbEVuZChzY3JvbGxXaWR0aCA9PT0gY2xpZW50V2lkdGggKyBzY3JvbGxMZWZ0KVxuICAgIHNldFNob3dDaGV2cm9ucyhzY3JvbGxXaWR0aCAhPT0gY2xpZW50V2lkdGgpXG4gIH1cblxuICBjb25zdCBzY3JvbGxCeSA9IChkaXN0YW5jZTogbnVtYmVyKSA9PiB7XG4gICAgaWYgKHJlZi5jdXJyZW50KSB7XG4gICAgICBpZiAocmVmLmN1cnJlbnQuc2Nyb2xsQnkgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICByZWYuY3VycmVudC5zY3JvbGxMZWZ0ICs9IGRpc3RhbmNlXG4gICAgICB9IGVsc2Uge1xuICAgICAgICByZWYuY3VycmVudC5zY3JvbGxCeSh7XG4gICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgIGxlZnQ6IGRpc3RhbmNlLFxuICAgICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJyxcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgLy8gVE9ETzogQ29uc2lkZXIgcmV3cml0ZSB1c2luZyByZWYgY2FsbGJhY2tcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocmVmICE9PSBudWxsICYmIHJlZi5jdXJyZW50ICE9PSBudWxsKSB7XG4gICAgICBjb25zdCBub2RlID0gcmVmLmN1cnJlbnRcbiAgICAgIHVwZGF0ZVNjcm9sbENvbnRyb2xzKG5vZGUpXG5cbiAgICAgIGNvbnN0IGhhbmRsZXIgPSAoKSA9PiB7XG4gICAgICAgIHVwZGF0ZVNjcm9sbENvbnRyb2xzKG5vZGUpXG4gICAgICB9XG5cbiAgICAgIHJlZi5jdXJyZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGhhbmRsZXIpXG4gICAgICByZXR1cm4gKCkgPT4gbm9kZS5yZW1vdmVFdmVudExpc3RlbmVyKCdzY3JvbGwnLCBoYW5kbGVyKVxuICAgIH1cbiAgICByZXR1cm5cbiAgfSwgW3JlZiwgaXNTY3JvbGxTdGFydCwgaXNTY3JvbGxFbmQsIHNob3dDaGV2cm9ucywgd2lkdGhdKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge3Nob3dDaGV2cm9ucyAmJiAoXG4gICAgICAgIDxDaGV2cm9uQnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICBpY29uPXtDaGV2cm9uTGVmdH1cbiAgICAgICAgICBkaXJlY3Rpb249XCJsZWZ0XCJcbiAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgIHZpc2libGU9eyFpc1Njcm9sbFN0YXJ0fVxuICAgICAgICAgIGFyaWFMYWJlbD17dGFic0xhYmVscy5zY3JvbGxMZWZ0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNjcm9sbEJ5KC1DSEVWUk9OX1NDUk9MTF9TVEVQKX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICB7c2hvd0NoZXZyb25zICYmIChcbiAgICAgICAgPENoZXZyb25CdXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIGljb249e0NoZXZyb25SaWdodH1cbiAgICAgICAgICBkaXJlY3Rpb249XCJyaWdodFwiXG4gICAgICAgICAgZGlzYWJsZVRvb2x0aXBcbiAgICAgICAgICB2aXNpYmxlPXshaXNTY3JvbGxFbmR9XG4gICAgICAgICAgYXJpYUxhYmVsPXt0YWJzTGFiZWxzLnNjcm9sbFJpZ2h0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNjcm9sbEJ5KENIRVZST05fU0NST0xMX1NURVApfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxTdHlsZWRUYWJzIHJlZj17cmVmfSB7Li4ucmVzdH0gdHJhbnNwYXJlbnQ9e3RyYW5zcGFyZW50fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRUYWJzPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRhYnNcbiJdfQ== */",
49
38
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
50
39
  };
51
- const Tabs = _ref2 => {
52
- let children = _ref2.children,
53
- _ref2$tabsLabels = _ref2.tabsLabels,
54
- tabsLabels = _ref2$tabsLabels === void 0 ? {
55
- scrollLeft: 'Scroll tabs left',
56
- scrollRight: 'Scroll tabs right'
57
- } : _ref2$tabsLabels,
58
- rest = _objectWithoutProperties(_ref2, _excluded);
40
+ const Tabs = ({
41
+ children,
42
+ tabsLabels = {
43
+ scrollLeft: 'Scroll tabs left',
44
+ scrollRight: 'Scroll tabs right'
45
+ },
46
+ ...rest
47
+ }) => {
59
48
  const ref = (0, _react.useRef)(null);
60
- const _useState = (0, _react.useState)(false),
61
- _useState2 = _slicedToArray(_useState, 2),
62
- isScrollStart = _useState2[0],
63
- setIsScrollStart = _useState2[1];
64
- const _useState3 = (0, _react.useState)(false),
65
- _useState4 = _slicedToArray(_useState3, 2),
66
- isScrollEnd = _useState4[0],
67
- setIsScrollEnd = _useState4[1];
68
- const _useState5 = (0, _react.useState)(false),
69
- _useState6 = _slicedToArray(_useState5, 2),
70
- showChevrons = _useState6[0],
71
- setShowChevrons = _useState6[1];
72
- const _useTabsContext = (0, _TabsContext.default)(),
73
- transparent = _useTabsContext.transparent,
74
- size = _useTabsContext.size;
75
- const _useResizeObserver = (0, _hooks.useResizeObserver)({
76
- ref
77
- }),
78
- width = _useResizeObserver.width;
49
+ const [isScrollStart, setIsScrollStart] = (0, _react.useState)(false);
50
+ const [isScrollEnd, setIsScrollEnd] = (0, _react.useState)(false);
51
+ const [showChevrons, setShowChevrons] = (0, _react.useState)(false);
52
+ const {
53
+ transparent,
54
+ size
55
+ } = (0, _TabsContext.default)();
56
+ const {
57
+ width
58
+ } = (0, _hooks.useResizeObserver)({
59
+ ref
60
+ });
79
61
  const updateScrollControls = ({
80
62
  scrollWidth,
81
63
  clientWidth,
@@ -0,0 +1,16 @@
1
+ import React, { ReactNode } from 'react';
2
+ import { Index } from './Tab';
3
+ export declare type TabsContextProps = {
4
+ transparent?: boolean;
5
+ onChange?: (index: any) => void;
6
+ size?: 's' | 'm';
7
+ activeTab?: Index | undefined;
8
+ children?: React.ReactNode;
9
+ };
10
+ export declare const TabsContext: React.Context<TabsContextProps>;
11
+ export declare const TabsContextProvider: React.FC<{
12
+ value: TabsContextProps;
13
+ children?: ReactNode;
14
+ }>;
15
+ export declare const useTabsContext: () => TabsContextProps;
16
+ export default useTabsContext;
@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.useTabsContext = exports.default = exports.TabsContextProvider = exports.TabsContext = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
8
  var _react2 = require("@emotion/react");
9
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
10
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
9
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
11
10
  const TabsContext = /*#__PURE__*/(0, _react.createContext)({
12
11
  transparent: false,
13
12
  activeTab: undefined,
@@ -0,0 +1,4 @@
1
+ export * from './TabsContext';
2
+ export { default as Tabs } from './Tabs';
3
+ export { default as Tab } from './Tab';
4
+ export { default as TabPanel } from './TabPanel';
package/cjs/tab/index.js CHANGED
@@ -10,19 +10,19 @@ var _exportNames = {
10
10
  };
11
11
  Object.defineProperty(exports, "Tab", {
12
12
  enumerable: true,
13
- get: function get() {
13
+ get: function () {
14
14
  return _Tab.default;
15
15
  }
16
16
  });
17
17
  Object.defineProperty(exports, "TabPanel", {
18
18
  enumerable: true,
19
- get: function get() {
19
+ get: function () {
20
20
  return _TabPanel.default;
21
21
  }
22
22
  });
23
23
  Object.defineProperty(exports, "Tabs", {
24
24
  enumerable: true,
25
- get: function get() {
25
+ get: function () {
26
26
  return _Tabs.default;
27
27
  }
28
28
  });
@@ -33,7 +33,7 @@ Object.keys(_TabsContext).forEach(function (key) {
33
33
  if (key in exports && exports[key] === _TabsContext[key]) return;
34
34
  Object.defineProperty(exports, key, {
35
35
  enumerable: true,
36
- get: function get() {
36
+ get: function () {
37
37
  return _TabsContext[key];
38
38
  }
39
39
  });
@@ -41,4 +41,4 @@ Object.keys(_TabsContext).forEach(function (key) {
41
41
  var _Tabs = _interopRequireDefault(require("./Tabs"));
42
42
  var _Tab = _interopRequireDefault(require("./Tab"));
43
43
  var _TabPanel = _interopRequireDefault(require("./TabPanel"));
44
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
44
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -0,0 +1,22 @@
1
+ import React, { ComponentPropsWithRef, ReactNode } from 'react';
2
+ export declare type TableProps = {
3
+ /**
4
+ * Table content
5
+ */
6
+ children?: ReactNode;
7
+ /**
8
+ * Enables interaction effect on table rows
9
+ */
10
+ isInteractive?: boolean;
11
+ /**
12
+ * Makes table header sticky when scrolling (no IE 11 support)
13
+ */
14
+ isHeaderSticky?: boolean;
15
+ } & ComponentPropsWithRef<'table'>;
16
+ export declare type TableContextProps = {
17
+ isInteractive: boolean;
18
+ isHeaderSticky: boolean;
19
+ };
20
+ export declare const useTable: () => TableContextProps;
21
+ export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps, "ref"> & React.RefAttributes<HTMLTableElement>>;
22
+ export default Table;
@@ -7,12 +7,8 @@ exports.useTable = exports.default = exports.Table = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
8
  var _react2 = require("@emotion/react");
9
9
  var _theme = require("@dfds-ui/theme");
10
- const _excluded = ["children", "isHeaderSticky", "isInteractive"];
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
13
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
14
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
15
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
10
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
11
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
16
12
  const TableContext = /*#__PURE__*/(0, _react.createContext)({
17
13
  isInteractive: false,
18
14
  isHeaderSticky: false
@@ -26,13 +22,12 @@ const useTable = () => {
26
22
  };
27
23
  exports.useTable = useTable;
28
24
  const tableStyle = /*#__PURE__*/(0, _react2.css)("background:", _theme.theme.colors.surface.primary, ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : ";label:tableStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdGFibGUvVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFByb3BzV2l0aFJlZiwgY3JlYXRlQ29udGV4dCwgZm9yd2FyZFJlZiwgUmVhY3ROb2RlLCB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIFRhYmxlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBFbmFibGVzIGludGVyYWN0aW9uIGVmZmVjdCBvbiB0YWJsZSByb3dzXG4gICAqL1xuICBpc0ludGVyYWN0aXZlPzogYm9vbGVhblxuXG4gIC8qKlxuICAgKiBNYWtlcyB0YWJsZSBoZWFkZXIgc3RpY2t5IHdoZW4gc2Nyb2xsaW5nIChubyBJRSAxMSBzdXBwb3J0KVxuICAgKi9cbiAgaXNIZWFkZXJTdGlja3k/OiBib29sZWFuXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0YWJsZSc+XG5cbmV4cG9ydCB0eXBlIFRhYmxlQ29udGV4dFByb3BzID0ge1xuICBpc0ludGVyYWN0aXZlOiBib29sZWFuXG4gIGlzSGVhZGVyU3RpY2t5OiBib29sZWFuXG59XG5cbmNvbnN0IFRhYmxlQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8VGFibGVDb250ZXh0UHJvcHM+KHtcbiAgaXNJbnRlcmFjdGl2ZTogZmFsc2UsXG4gIGlzSGVhZGVyU3RpY2t5OiBmYWxzZSxcbn0pXG5cbmV4cG9ydCBjb25zdCB1c2VUYWJsZSA9ICgpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoVGFibGVDb250ZXh0KVxuXG4gIGlmIChjb250ZXh0ID09PSB1bmRlZmluZWQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ1RhYmxlQ29udGV4dCBtdXN0IGJlIHVzZWQgaW5zaWRlIG9mIGEgVGFibGVDb250ZXh0IHByb3ZpZGVyJylcbiAgfVxuXG4gIHJldHVybiBjb250ZXh0XG59XG5cbmNvbnN0IHRhYmxlU3R5bGUgPSBjc3NgXG4gIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlID0gZm9yd2FyZFJlZjxIVE1MVGFibGVFbGVtZW50LCBUYWJsZVByb3BzPihcbiAgKHsgY2hpbGRyZW4sIGlzSGVhZGVyU3RpY2t5ID0gZmFsc2UsIGlzSW50ZXJhY3RpdmUgPSBmYWxzZSwgLi4ucmVzdCB9OiBUYWJsZVByb3BzLCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPHRhYmxlIGNzcz17dGFibGVTdHlsZX0gey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAgPFRhYmxlQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17eyBpc0ludGVyYWN0aXZlLCBpc0hlYWRlclN0aWNreSB9fT57Y2hpbGRyZW59PC9UYWJsZUNvbnRleHQuUHJvdmlkZXI+XG4gICAgICA8L3RhYmxlPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBUYWJsZVxuIl19 */");
29
- const Table = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
30
- let children = _ref.children,
31
- _ref$isHeaderSticky = _ref.isHeaderSticky,
32
- isHeaderSticky = _ref$isHeaderSticky === void 0 ? false : _ref$isHeaderSticky,
33
- _ref$isInteractive = _ref.isInteractive,
34
- isInteractive = _ref$isInteractive === void 0 ? false : _ref$isInteractive,
35
- rest = _objectWithoutProperties(_ref, _excluded);
25
+ const Table = /*#__PURE__*/(0, _react.forwardRef)(({
26
+ children,
27
+ isHeaderSticky = false,
28
+ isInteractive = false,
29
+ ...rest
30
+ }, ref) => {
36
31
  return (0, _react2.jsx)("table", _extends({
37
32
  css: tableStyle
38
33
  }, rest, {
@@ -0,0 +1,9 @@
1
+ import React, { ComponentPropsWithRef, ReactNode } from 'react';
2
+ export declare type TableBodyProps = {
3
+ /**
4
+ * Table body content
5
+ */
6
+ children: ReactNode;
7
+ } & ComponentPropsWithRef<'tbody'>;
8
+ export declare const TableBody: React.ForwardRefExoticComponent<Omit<TableBodyProps, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
9
+ export default TableBody;
@@ -6,15 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = exports.TableBody = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
8
  var _react2 = require("@emotion/react");
9
- const _excluded = ["children"];
10
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
11
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
12
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
13
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
14
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
15
- const TableBody = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
16
- let children = _ref.children,
17
- rest = _objectWithoutProperties(_ref, _excluded);
9
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
10
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
11
+ const TableBody = /*#__PURE__*/(0, _react.forwardRef)(({
12
+ children,
13
+ ...rest
14
+ }, ref) => {
18
15
  return (0, _react2.jsx)("tbody", _extends({}, rest, {
19
16
  ref: ref
20
17
  }), children);
@@ -0,0 +1,14 @@
1
+ import React, { ComponentPropsWithRef, ReactNode } from 'react';
2
+ import { Alignment } from './TableHeaderCell';
3
+ export declare type TableDataCellProps = {
4
+ /**
5
+ * Sets alignment for the content in the tag
6
+ */
7
+ align?: Alignment;
8
+ /**
9
+ * Table cell content
10
+ */
11
+ children: ReactNode;
12
+ } & ComponentPropsWithRef<'td'>;
13
+ export declare const TableDataCell: React.ForwardRefExoticComponent<Omit<TableDataCellProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
14
+ export default TableDataCell;
@@ -9,18 +9,14 @@ var _react2 = require("@emotion/react");
9
9
  var _typography = require("@dfds-ui/typography");
10
10
  var _theme = require("@dfds-ui/theme");
11
11
  var _TableHeaderCell = require("./TableHeaderCell");
12
- const _excluded = ["align", "children"];
13
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
15
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
16
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
17
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
12
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
13
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
18
14
  const tableDataCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)((0, _TableHeaderCell.getTableCellStyle)(align), " color:", _theme.theme.colors.text.dark.primary, ";", _typography.typography.body, ";text-align:", align, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableDataCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZURhdGFDZWxsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjZEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZURhdGFDZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wc1dpdGhSZWYsIGZvcndhcmRSZWYsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBBbGlnbm1lbnQsIGdldFRhYmxlQ2VsbFN0eWxlIH0gZnJvbSAnLi9UYWJsZUhlYWRlckNlbGwnXG5cbmV4cG9ydCB0eXBlIFRhYmxlRGF0YUNlbGxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldHMgYWxpZ25tZW50IGZvciB0aGUgY29udGVudCBpbiB0aGUgdGFnXG4gICAqL1xuICBhbGlnbj86IEFsaWdubWVudFxuXG4gIC8qKlxuICAgKiBUYWJsZSBjZWxsIGNvbnRlbnRcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn0gJiBDb21wb25lbnRQcm9wc1dpdGhSZWY8J3RkJz5cblxuY29uc3QgdGFibGVEYXRhQ2VsbFN0eWxlID0gKGFsaWduOiBBbGlnbm1lbnQgPSAnbGVmdCcpID0+IGNzc2BcbiAgJHtnZXRUYWJsZUNlbGxTdHlsZShhbGlnbil9XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICR7dHlwb2dyYXBoeS5ib2R5fTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZURhdGFDZWxsID0gZm9yd2FyZFJlZjxIVE1MVGFibGVDZWxsRWxlbWVudCwgVGFibGVEYXRhQ2VsbFByb3BzPihcbiAgKHsgYWxpZ24gPSAnbGVmdCcsIGNoaWxkcmVuLCAuLi5yZXN0IH06IFRhYmxlRGF0YUNlbGxQcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDx0ZCBhbGlnbj17YWxpZ259IGNzcz17dGFibGVEYXRhQ2VsbFN0eWxlKGFsaWduKX0gey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90ZD5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVEYXRhQ2VsbFxuIl19 */");
19
- const TableDataCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
20
- let _ref$align = _ref.align,
21
- align = _ref$align === void 0 ? 'left' : _ref$align,
22
- children = _ref.children,
23
- rest = _objectWithoutProperties(_ref, _excluded);
15
+ const TableDataCell = /*#__PURE__*/(0, _react.forwardRef)(({
16
+ align = 'left',
17
+ children,
18
+ ...rest
19
+ }, ref) => {
24
20
  return (0, _react2.jsx)("td", _extends({
25
21
  align: align,
26
22
  css: tableDataCellStyle(align)
@@ -0,0 +1,14 @@
1
+ import React, { ComponentPropsWithRef, ReactNode } from 'react';
2
+ export declare type TableHeadProps = {
3
+ /**
4
+ * Table header content
5
+ */
6
+ children: ReactNode;
7
+ /**
8
+ * Classes applied on the thead tag
9
+ */
10
+ className?: string;
11
+ } & ComponentPropsWithRef<'thead'>;
12
+ export declare const tableHeadStyle: import("@emotion/react").SerializedStyles;
13
+ export declare const TableHead: React.ForwardRefExoticComponent<Omit<TableHeadProps, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
14
+ export default TableHead;
@@ -8,24 +8,22 @@ var _react = _interopRequireWildcard(require("react"));
8
8
  var _classnames = _interopRequireDefault(require("classnames"));
9
9
  var _Table = require("./Table");
10
10
  var _react2 = require("@emotion/react");
11
- const _excluded = ["children", "className"];
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
15
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
16
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
17
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
13
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
18
14
  const ClassName = {
19
15
  IS_STICKY: 'is-sticky'
20
16
  };
21
17
  const tableHeadStyle = /*#__PURE__*/(0, _react2.css)("&.", ClassName.IS_STICKY, " th{position:sticky;top:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBmb3J3YXJkUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnXG5pbXBvcnQgeyB1c2VUYWJsZSB9IGZyb20gJy4vVGFibGUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSBoZWFkZXIgY29udGVudFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBDbGFzc2VzIGFwcGxpZWQgb24gdGhlIHRoZWFkIHRhZ1xuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aGVhZCc+XG5cbmNvbnN0IENsYXNzTmFtZSA9IHtcbiAgSVNfU1RJQ0tZOiAnaXMtc3RpY2t5Jyxcbn1cblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZFN0eWxlID0gY3NzYFxuICAmLiR7Q2xhc3NOYW1lLklTX1NUSUNLWX0gdGgge1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgdG9wOiAwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWQgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZVNlY3Rpb25FbGVtZW50LCBUYWJsZUhlYWRQcm9wcz4oXG4gICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIC4uLnJlc3QgfTogVGFibGVIZWFkUHJvcHMsIHJlZikgPT4ge1xuICAgIGNvbnN0IHsgaXNIZWFkZXJTdGlja3kgfSA9IHVzZVRhYmxlKClcblxuICAgIHJldHVybiAoXG4gICAgICA8dGhlYWRcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKGNsYXNzTmFtZSwge1xuICAgICAgICAgIFtDbGFzc05hbWUuSVNfU1RJQ0tZXTogaXNIZWFkZXJTdGlja3ksXG4gICAgICAgIH0pfVxuICAgICAgICBjc3M9e3RhYmxlSGVhZFN0eWxlfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvdGhlYWQ+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlSGVhZFxuIl19 */");
22
18
  exports.tableHeadStyle = tableHeadStyle;
23
- const TableHead = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
24
- let children = _ref.children,
25
- className = _ref.className,
26
- rest = _objectWithoutProperties(_ref, _excluded);
27
- const _useTable = (0, _Table.useTable)(),
28
- isHeaderSticky = _useTable.isHeaderSticky;
19
+ const TableHead = /*#__PURE__*/(0, _react.forwardRef)(({
20
+ children,
21
+ className,
22
+ ...rest
23
+ }, ref) => {
24
+ const {
25
+ isHeaderSticky
26
+ } = (0, _Table.useTable)();
29
27
  return (0, _react2.jsx)("thead", _extends({
30
28
  className: (0, _classnames.default)(className, {
31
29
  [ClassName.IS_STICKY]: isHeaderSticky
@@ -0,0 +1,15 @@
1
+ import React, { ComponentPropsWithRef, ReactNode } from 'react';
2
+ export declare type Alignment = 'left' | 'center' | 'right' | 'justify' | 'char';
3
+ export declare type TableHeaderCellProps = {
4
+ /**
5
+ * Sets alignment for the content in the tag
6
+ */
7
+ align?: Alignment;
8
+ /**
9
+ * Table cell content
10
+ */
11
+ children: ReactNode;
12
+ } & ComponentPropsWithRef<'th'>;
13
+ export declare const getTableCellStyle: (align?: Alignment) => import("@emotion/react").SerializedStyles;
14
+ export declare const TableHeaderCell: React.ForwardRefExoticComponent<Omit<TableHeaderCellProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
15
+ export default TableHeaderCell;
@@ -8,20 +8,16 @@ var _react = _interopRequireWildcard(require("react"));
8
8
  var _react2 = require("@emotion/react");
9
9
  var _typography = require("@dfds-ui/typography");
10
10
  var _theme = require("@dfds-ui/theme");
11
- const _excluded = ["align", "children"];
12
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
14
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
15
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
16
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
11
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
12
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
17
13
  const getTableCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)("border-bottom:1px solid ", _theme.theme.colors.surface.secondary, ";min-width:11rem;padding:0 0.75rem;text-align:", align, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getTableCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CbUUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBmb3J3YXJkUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBBbGlnbm1lbnQgPSAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCcgfCAnanVzdGlmeScgfCAnY2hhcidcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJDZWxsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXRzIGFsaWdubWVudCBmb3IgdGhlIGNvbnRlbnQgaW4gdGhlIHRhZ1xuICAgKi9cbiAgYWxpZ24/OiBBbGlnbm1lbnRcblxuICAvKipcbiAgICogVGFibGUgY2VsbCBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aCc+XG5cbmV4cG9ydCBjb25zdCBnZXRUYWJsZUNlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIG1pbi13aWR0aDogMTFyZW07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gICR7Z2V0VGFibGVDZWxsU3R5bGUoYWxpZ24pfVxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbkJvbGR9O1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcblxuICB0aC5pcy1zdGlja3kgJiB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkZXJDZWxsID0gZm9yd2FyZFJlZjxIVE1MVGFibGVDZWxsRWxlbWVudCwgVGFibGVIZWFkZXJDZWxsUHJvcHM+KFxuICAoeyBhbGlnbiA9ICdsZWZ0JywgY2hpbGRyZW4sIC4uLnJlc3QgfTogVGFibGVIZWFkZXJDZWxsUHJvcHMsIHJlZikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8dGggYWxpZ249e2FsaWdufSBjc3M9e3RhYmxlSGVhZENlbGxTdHlsZShhbGlnbil9IHsuLi5yZXN0fSByZWY9e3JlZn0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvdGg+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlSGVhZGVyQ2VsbFxuIl19 */");
18
14
  exports.getTableCellStyle = getTableCellStyle;
19
15
  const tableHeadCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)(getTableCellStyle(align), " color:", _theme.theme.colors.primary.main, ";", _typography.typography.actionBold, ";text-align:", align, ";th.is-sticky &{position:sticky;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCNkQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBmb3J3YXJkUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBBbGlnbm1lbnQgPSAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCcgfCAnanVzdGlmeScgfCAnY2hhcidcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJDZWxsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXRzIGFsaWdubWVudCBmb3IgdGhlIGNvbnRlbnQgaW4gdGhlIHRhZ1xuICAgKi9cbiAgYWxpZ24/OiBBbGlnbm1lbnRcblxuICAvKipcbiAgICogVGFibGUgY2VsbCBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aCc+XG5cbmV4cG9ydCBjb25zdCBnZXRUYWJsZUNlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIG1pbi13aWR0aDogMTFyZW07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gICR7Z2V0VGFibGVDZWxsU3R5bGUoYWxpZ24pfVxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbkJvbGR9O1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcblxuICB0aC5pcy1zdGlja3kgJiB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkZXJDZWxsID0gZm9yd2FyZFJlZjxIVE1MVGFibGVDZWxsRWxlbWVudCwgVGFibGVIZWFkZXJDZWxsUHJvcHM+KFxuICAoeyBhbGlnbiA9ICdsZWZ0JywgY2hpbGRyZW4sIC4uLnJlc3QgfTogVGFibGVIZWFkZXJDZWxsUHJvcHMsIHJlZikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8dGggYWxpZ249e2FsaWdufSBjc3M9e3RhYmxlSGVhZENlbGxTdHlsZShhbGlnbil9IHsuLi5yZXN0fSByZWY9e3JlZn0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvdGg+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlSGVhZGVyQ2VsbFxuIl19 */");
20
- const TableHeaderCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
21
- let _ref$align = _ref.align,
22
- align = _ref$align === void 0 ? 'left' : _ref$align,
23
- children = _ref.children,
24
- rest = _objectWithoutProperties(_ref, _excluded);
16
+ const TableHeaderCell = /*#__PURE__*/(0, _react.forwardRef)(({
17
+ align = 'left',
18
+ children,
19
+ ...rest
20
+ }, ref) => {
25
21
  return (0, _react2.jsx)("th", _extends({
26
22
  align: align,
27
23
  css: tableHeadCellStyle(align)
@@ -0,0 +1,17 @@
1
+ import React, { ComponentPropsWithRef, ReactNode } from 'react';
2
+ export declare type TableRowProps = {
3
+ /**
4
+ * Table row content
5
+ */
6
+ children: ReactNode;
7
+ /**
8
+ * Classes applied on the tr tag
9
+ */
10
+ className?: string;
11
+ /**
12
+ * Applies Selected state styling to the row
13
+ */
14
+ isSelected?: boolean;
15
+ } & ComponentPropsWithRef<'tr'>;
16
+ export declare const TableRow: React.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
17
+ export default TableRow;
@@ -8,26 +8,23 @@ var _react = _interopRequireWildcard(require("react"));
8
8
  var _classnames = _interopRequireDefault(require("classnames"));
9
9
  var _react2 = require("@emotion/react");
10
10
  var _Table = require("./Table");
11
- const _excluded = ["children", "className", "isSelected"];
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
15
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
16
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
17
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
13
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
18
14
  const ClassName = {
19
15
  IS_INTERACTIVE: 'is-interactive',
20
16
  IS_SELECTED: 'is-selected'
21
17
  };
22
18
  const tableRowStyle = /*#__PURE__*/(0, _react2.css)("height:2.75rem;&.", ClassName.IS_INTERACTIVE, "{&:hover td{background:rgba(73, 162, 223, 0.08);cursor:pointer;}&:active td{background:rgba(73, 162, 223, 0.16);}&:focus td{background:rgba(73, 162, 223, 0.16);outline:none;}&.", ClassName.IS_SELECTED, " td{background:rgba(73, 162, 223, 0.12);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableRowStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZVJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJ5QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdGFibGUvVGFibGVSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIENvbXBvbmVudFByb3BzV2l0aFJlZiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB1c2VUYWJsZSB9IGZyb20gJy4vVGFibGUnXG5cbmV4cG9ydCB0eXBlIFRhYmxlUm93UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSByb3cgY29udGVudFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBDbGFzc2VzIGFwcGxpZWQgb24gdGhlIHRyIHRhZ1xuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIEFwcGxpZXMgU2VsZWN0ZWQgc3RhdGUgc3R5bGluZyB0byB0aGUgcm93XG4gICAqL1xuICBpc1NlbGVjdGVkPzogYm9vbGVhblxufSAmIENvbXBvbmVudFByb3BzV2l0aFJlZjwndHInPlxuXG5jb25zdCBDbGFzc05hbWUgPSB7XG4gIElTX0lOVEVSQUNUSVZFOiAnaXMtaW50ZXJhY3RpdmUnLFxuICBJU19TRUxFQ1RFRDogJ2lzLXNlbGVjdGVkJyxcbn1cblxuY29uc3QgdGFibGVSb3dTdHlsZSA9IGNzc2BcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuXG4gICYuJHtDbGFzc05hbWUuSVNfSU5URVJBQ1RJVkV9IHtcbiAgICAmOmhvdmVyIHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjA4KTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgfVxuXG4gICAgJjpmb2N1cyB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICYuJHtDbGFzc05hbWUuSVNfU0VMRUNURUR9IHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjEyKTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlUm93ID0gZm9yd2FyZFJlZjxIVE1MVGFibGVSb3dFbGVtZW50LCBUYWJsZVJvd1Byb3BzPihcbiAgKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgaXNTZWxlY3RlZCA9IGZhbHNlLCAuLi5yZXN0IH06IFRhYmxlUm93UHJvcHMsIHJlZikgPT4ge1xuICAgIGNvbnN0IHsgaXNJbnRlcmFjdGl2ZSB9ID0gdXNlVGFibGUoKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDx0clxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoY2xhc3NOYW1lLCB7XG4gICAgICAgICAgW0NsYXNzTmFtZS5JU19TRUxFQ1RFRF06IGlzU2VsZWN0ZWQsXG4gICAgICAgICAgW0NsYXNzTmFtZS5JU19JTlRFUkFDVElWRV06IGlzSW50ZXJhY3RpdmUsXG4gICAgICAgIH0pfVxuICAgICAgICBjc3M9e3RhYmxlUm93U3R5bGV9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90cj5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVSb3dcbiJdfQ== */");
23
- const TableRow = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
24
- let children = _ref.children,
25
- className = _ref.className,
26
- _ref$isSelected = _ref.isSelected,
27
- isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
28
- rest = _objectWithoutProperties(_ref, _excluded);
29
- const _useTable = (0, _Table.useTable)(),
30
- isInteractive = _useTable.isInteractive;
19
+ const TableRow = /*#__PURE__*/(0, _react.forwardRef)(({
20
+ children,
21
+ className,
22
+ isSelected = false,
23
+ ...rest
24
+ }, ref) => {
25
+ const {
26
+ isInteractive
27
+ } = (0, _Table.useTable)();
31
28
  return (0, _react2.jsx)("tr", _extends({
32
29
  className: (0, _classnames.default)(className, {
33
30
  [ClassName.IS_SELECTED]: isSelected,
@@ -0,0 +1,6 @@
1
+ export * from './Table';
2
+ export * from './TableHead';
3
+ export * from './TableBody';
4
+ export * from './TableRow';
5
+ export * from './TableHeaderCell';
6
+ export * from './TableDataCell';