@algolia/satellite 1.0.0-beta.130 → 1.0.0-beta.133

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 (458) hide show
  1. package/cjs/AnnouncementBadge/AnnouncementBadge.d.ts +3 -2
  2. package/cjs/AnnouncementBadge/AnnouncementBadge.js +13 -7
  3. package/cjs/AutoComplete/AutoComplete.d.ts +28 -17
  4. package/cjs/AutoComplete/AutoComplete.js +204 -124
  5. package/cjs/AutoComplete/components/AutoCompleteEmptyState.d.ts +4 -4
  6. package/cjs/AutoComplete/components/AutoCompleteEmptyState.js +16 -13
  7. package/cjs/AutoComplete/components/DefaultOptionItem.d.ts +6 -2
  8. package/cjs/AutoComplete/components/DefaultOptionItem.js +24 -17
  9. package/cjs/AutoComplete/types.d.ts +33 -25
  10. package/cjs/AutoComplete/utils.d.ts +4 -4
  11. package/cjs/Avatars/ApplicationAvatar.js +6 -5
  12. package/cjs/Avatars/UserAvatar.js +19 -20
  13. package/cjs/Avatars/utils.d.ts +1 -1
  14. package/cjs/Badge/Badge.d.ts +5 -5
  15. package/cjs/Badge/Badge.js +21 -12
  16. package/cjs/Banner/Banner.d.ts +4 -4
  17. package/cjs/Banner/Banner.js +30 -25
  18. package/cjs/Banners/Alert/Alert.d.ts +4 -4
  19. package/cjs/Banners/Alert/Alert.js +29 -23
  20. package/cjs/Banners/BigBertha/BigBertha.d.ts +2 -2
  21. package/cjs/Banners/BigBertha/BigBertha.js +11 -9
  22. package/cjs/Banners/Promote/Promote.d.ts +5 -5
  23. package/cjs/Banners/Promote/Promote.js +38 -30
  24. package/cjs/Button/Button.js +23 -17
  25. package/cjs/Button/ButtonGroup.d.ts +1 -1
  26. package/cjs/Button/ButtonGroup.js +6 -5
  27. package/cjs/Button/IconButton.d.ts +2 -2
  28. package/cjs/Button/IconButton.js +24 -22
  29. package/cjs/Button/styles.d.ts +1 -1
  30. package/cjs/Button/types.d.ts +5 -5
  31. package/cjs/Card/Card.d.ts +3 -3
  32. package/cjs/Card/Card.js +8 -11
  33. package/cjs/Card/components/CardHeader.js +8 -4
  34. package/cjs/Card/components/CardTitle.d.ts +1 -1
  35. package/cjs/Card/components/CardTitle.js +11 -6
  36. package/cjs/Checkbox/Checkbox.d.ts +3 -3
  37. package/cjs/Checkbox/Checkbox.js +33 -30
  38. package/cjs/ClickAwayContainer/ClickAwayContainer.d.ts +2 -2
  39. package/cjs/ClickAwayContainer/ClickAwayContainer.js +6 -9
  40. package/cjs/DatePicker/DatePicker/DatePicker.d.ts +13 -19
  41. package/cjs/DatePicker/DatePicker/DatePicker.js +84 -63
  42. package/cjs/DatePicker/DatePicker/datePickerReducer.d.ts +2 -2
  43. package/cjs/DatePicker/DatePicker/datePickerReducer.js +2 -2
  44. package/cjs/DatePicker/DateRangePicker/DateRangePicker.d.ts +11 -17
  45. package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +89 -69
  46. package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +3 -1
  47. package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +18 -12
  48. package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.d.ts +3 -3
  49. package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +5 -5
  50. package/cjs/DatePicker/components/Calendar.d.ts +5 -2
  51. package/cjs/DatePicker/components/Calendar.js +12 -10
  52. package/cjs/DatePicker/components/Display.d.ts +3 -3
  53. package/cjs/DatePicker/components/Display.js +6 -5
  54. package/cjs/DatePicker/components/Footer.d.ts +2 -2
  55. package/cjs/DatePicker/components/Footer.js +6 -5
  56. package/cjs/DatePicker/components/FooterActions.d.ts +3 -1
  57. package/cjs/DatePicker/components/FooterActions.js +17 -13
  58. package/cjs/DatePicker/components/Modal.d.ts +5 -5
  59. package/cjs/DatePicker/components/Modal.js +18 -16
  60. package/cjs/DatePicker/components/NavBar.d.ts +6 -3
  61. package/cjs/DatePicker/components/NavBar.js +42 -41
  62. package/cjs/DatePicker/components/SidePanel.d.ts +2 -2
  63. package/cjs/DatePicker/components/SidePanel.js +9 -7
  64. package/cjs/DatePicker/types.d.ts +17 -0
  65. package/cjs/DatePicker/types.js +5 -0
  66. package/cjs/Dropdown/Dropdown.d.ts +8 -8
  67. package/cjs/Dropdown/Dropdown.js +49 -40
  68. package/cjs/Dropdown/DropdownButton.d.ts +3 -3
  69. package/cjs/Dropdown/DropdownButton.js +15 -9
  70. package/cjs/Dropdown/DropdownContext.d.ts +2 -2
  71. package/cjs/Dropdown/DropdownContext.js +2 -9
  72. package/cjs/Dropdown/components/DropdownButtonItem.d.ts +1 -1
  73. package/cjs/Dropdown/components/DropdownButtonItem.js +14 -14
  74. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +4 -4
  75. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +30 -29
  76. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +1 -1
  77. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +6 -7
  78. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +1 -1
  79. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -9
  80. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +1 -1
  81. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -9
  82. package/cjs/Dropdown/components/DropdownDivider.js +3 -3
  83. package/cjs/Dropdown/components/DropdownFooterItem.d.ts +2 -2
  84. package/cjs/Dropdown/components/DropdownFooterItem.js +11 -5
  85. package/cjs/Dropdown/components/DropdownLinkItem.js +14 -13
  86. package/cjs/Dropdown/components/DropdownRadioItem.d.ts +2 -2
  87. package/cjs/Dropdown/components/DropdownRadioItem.js +17 -16
  88. package/cjs/Dropdown/components/DropdownTitle.d.ts +1 -1
  89. package/cjs/Dropdown/components/DropdownTitle.js +8 -4
  90. package/cjs/Dropdown/components/DropdownToggleItem.d.ts +3 -3
  91. package/cjs/Dropdown/components/DropdownToggleItem.js +16 -16
  92. package/cjs/Dropdown/useDropdownItemProps.d.ts +3 -3
  93. package/cjs/Dropzone/Dropzone.d.ts +2 -2
  94. package/cjs/Dropzone/Dropzone.js +58 -53
  95. package/cjs/EmptyState/EmptyState.d.ts +1 -1
  96. package/cjs/EmptyState/EmptyState.js +29 -22
  97. package/cjs/EmptyState/types.d.ts +7 -7
  98. package/cjs/Field/Field.d.ts +3 -3
  99. package/cjs/Field/Field.js +33 -26
  100. package/cjs/Flag/Flag.d.ts +2 -2
  101. package/cjs/Flag/Flag.js +45 -40
  102. package/cjs/Flag/Flags.d.ts +3 -3
  103. package/cjs/Flag/Flags.js +32 -22
  104. package/cjs/Flag/types.d.ts +4 -4
  105. package/cjs/FlexGrid/FlexGrid.d.ts +1 -1
  106. package/cjs/FlexGrid/FlexGrid.js +15 -9
  107. package/cjs/FlexGrid/FlexGrid.tailwind.js +2 -2
  108. package/cjs/HelpUnderline/HelpUnderline.d.ts +2 -1
  109. package/cjs/HelpUnderline/HelpUnderline.js +9 -7
  110. package/cjs/Input/Input.d.ts +5 -5
  111. package/cjs/Input/Input.js +119 -114
  112. package/cjs/Input/Input.tailwind.js +0 -3
  113. package/cjs/Insert/Insert.d.ts +2 -2
  114. package/cjs/Insert/Insert.js +29 -23
  115. package/cjs/KeyboardKey/KeyboardKey.d.ts +7 -0
  116. package/cjs/KeyboardKey/KeyboardKey.js +47 -0
  117. package/cjs/KeyboardKey/KeyboardKey.tailwind.d.ts +5 -0
  118. package/cjs/KeyboardKey/KeyboardKey.tailwind.js +33 -0
  119. package/cjs/KeyboardKey/index.d.ts +2 -0
  120. package/cjs/KeyboardKey/index.js +26 -0
  121. package/cjs/Link/BaseLink.d.ts +3 -3
  122. package/cjs/Link/BaseLink.js +7 -7
  123. package/cjs/Link/ButtonLink.d.ts +1 -1
  124. package/cjs/Link/ButtonLink.js +9 -5
  125. package/cjs/Link/IconButtonLink.d.ts +1 -1
  126. package/cjs/Link/IconButtonLink.js +8 -4
  127. package/cjs/Link/Link.d.ts +5 -5
  128. package/cjs/Link/Link.js +16 -15
  129. package/cjs/Medallion/Medallion.d.ts +2 -2
  130. package/cjs/Medallion/Medallion.js +8 -7
  131. package/cjs/Modal/Modal.d.ts +7 -5
  132. package/cjs/Modal/Modal.js +64 -40
  133. package/cjs/Modal/components/ModalFooter.d.ts +2 -2
  134. package/cjs/Modal/components/ModalFooter.js +16 -10
  135. package/cjs/Modal/components/ModalSection.d.ts +1 -1
  136. package/cjs/Modal/components/ModalSection.js +6 -5
  137. package/cjs/Pagination/CompactPagination/CompactPagination.d.ts +12 -0
  138. package/cjs/Pagination/CompactPagination/CompactPagination.js +40 -38
  139. package/cjs/Pagination/DotPagination/DotPagination.d.ts +4 -1
  140. package/cjs/Pagination/DotPagination/DotPagination.js +21 -17
  141. package/cjs/Pagination/Pagination/Pagination.d.ts +7 -1
  142. package/cjs/Pagination/Pagination/Pagination.js +62 -49
  143. package/cjs/ProgressBar/ProgressBar.d.ts +2 -2
  144. package/cjs/ProgressBar/ProgressBar.js +16 -11
  145. package/cjs/ProgressSpinner/ProgressSpinner.d.ts +2 -2
  146. package/cjs/ProgressSpinner/ProgressSpinner.js +21 -11
  147. package/cjs/RadioGroup/RadioButton.d.ts +3 -3
  148. package/cjs/RadioGroup/RadioButton.js +8 -8
  149. package/cjs/RadioGroup/RadioGroup.d.ts +3 -3
  150. package/cjs/RadioGroup/RadioGroup.js +36 -34
  151. package/cjs/RangeSlider/RangeSlider.d.ts +3 -3
  152. package/cjs/RangeSlider/RangeSlider.js +37 -36
  153. package/cjs/Satellite/Satellite.d.ts +2 -2
  154. package/cjs/Satellite/Satellite.js +6 -5
  155. package/cjs/Satellite/SatelliteContext.js +2 -2
  156. package/cjs/Satellite/SatelliteRouter.d.ts +1 -1
  157. package/cjs/ScrollIndicator/ScrollIndicator.d.ts +5 -3
  158. package/cjs/ScrollIndicator/ScrollIndicator.js +13 -16
  159. package/cjs/Select/Select.d.ts +3 -3
  160. package/cjs/Select/Select.js +8 -8
  161. package/cjs/Sidebar/Sidebar.d.ts +6 -4
  162. package/cjs/Sidebar/Sidebar.js +18 -10
  163. package/cjs/Sidebar/SidebarContext.d.ts +1 -1
  164. package/cjs/Sidebar/components/SidebarHeader.d.ts +2 -2
  165. package/cjs/Sidebar/components/SidebarHeader.js +11 -6
  166. package/cjs/Sidebar/components/SidebarLink.d.ts +3 -3
  167. package/cjs/Sidebar/components/SidebarLink.js +32 -22
  168. package/cjs/Switch/Switch.d.ts +3 -3
  169. package/cjs/Switch/Switch.js +17 -19
  170. package/cjs/Switch/SwitchOption.d.ts +1 -1
  171. package/cjs/Switch/SwitchOption.js +24 -16
  172. package/cjs/Tables/DataTable/DataTable.d.ts +15 -5
  173. package/cjs/Tables/DataTable/DataTable.js +62 -60
  174. package/cjs/Tables/DataTable/components/Body.d.ts +6 -6
  175. package/cjs/Tables/DataTable/components/Body.js +62 -47
  176. package/cjs/Tables/DataTable/components/Footer.d.ts +1 -1
  177. package/cjs/Tables/DataTable/components/Footer.js +6 -6
  178. package/cjs/Tables/DataTable/components/Header.js +24 -20
  179. package/cjs/Tables/DataTable/components/HeaderCell.d.ts +3 -3
  180. package/cjs/Tables/DataTable/components/HeaderCell.js +20 -14
  181. package/cjs/Tables/DataTable/components/Loader.d.ts +3 -1
  182. package/cjs/Tables/DataTable/components/Loader.js +19 -20
  183. package/cjs/Tables/DataTable/types.d.ts +3 -3
  184. package/cjs/Tables/DataTable/utils.d.ts +1 -1
  185. package/cjs/Tables/Table/Table.d.ts +3 -3
  186. package/cjs/Tables/Table/Table.js +19 -12
  187. package/cjs/Tables/Table/components/Footer.d.ts +2 -2
  188. package/cjs/Tables/Table/components/Footer.js +6 -5
  189. package/cjs/Tabs/ContentTabs.d.ts +1 -1
  190. package/cjs/Tabs/ContentTabs.js +39 -38
  191. package/cjs/Tabs/LinkTabs.d.ts +1 -1
  192. package/cjs/Tabs/LinkTabs.js +16 -16
  193. package/cjs/Tabs/components/LinkTab.d.ts +3 -3
  194. package/cjs/Tabs/components/LinkTab.js +18 -12
  195. package/cjs/Tabs/types.d.ts +6 -6
  196. package/cjs/Tabs/utils.d.ts +1 -1
  197. package/cjs/Tag/Tag.d.ts +7 -4
  198. package/cjs/Tag/Tag.js +24 -20
  199. package/cjs/TextArea/TextArea.d.ts +3 -3
  200. package/cjs/TextArea/TextArea.js +8 -8
  201. package/cjs/TextWrap/TextWrap.js +20 -20
  202. package/cjs/Toggle/Toggle.d.ts +3 -3
  203. package/cjs/Toggle/Toggle.js +23 -21
  204. package/cjs/Tooltip/OverflowTooltipWrapper.d.ts +3 -2
  205. package/cjs/Tooltip/OverflowTooltipWrapper.js +32 -24
  206. package/cjs/Tooltip/Tooltip.d.ts +3 -3
  207. package/cjs/Tooltip/Tooltip.js +8 -8
  208. package/cjs/Tooltip/TooltipWrapper.d.ts +3 -3
  209. package/cjs/Tooltip/TooltipWrapper.js +47 -39
  210. package/cjs/Tooltip/types.d.ts +2 -2
  211. package/cjs/Typography/Typography.tailwind.js +2 -2
  212. package/cjs/UserContent/UserContent.js +3 -3
  213. package/cjs/UserContent/UserContent.tailwind.js +2 -4
  214. package/cjs/index.d.ts +1 -0
  215. package/cjs/index.js +14 -0
  216. package/cjs/styles/tailwind.config.js +3 -3
  217. package/cjs/tailwind-types.d.ts +1 -1
  218. package/cjs/types.d.ts +3 -3
  219. package/cjs/utilities/utilities.tailwind.d.ts +2 -0
  220. package/cjs/utilities/utilities.tailwind.js +32 -0
  221. package/cjs/utils/genericChangeHandler.d.ts +3 -3
  222. package/cjs/utils/isCssPropertySupported.d.ts +1 -1
  223. package/cjs/utils/isRenderedChild.d.ts +2 -2
  224. package/cjs/utils/pluralize.js +6 -1
  225. package/cjs/utils/useForwardedRef.d.ts +2 -2
  226. package/cjs/utils/useLinkProps.d.ts +2 -2
  227. package/cjs/utils/useTriggerInputChange.d.ts +2 -2
  228. package/esm/AnnouncementBadge/AnnouncementBadge.d.ts +3 -2
  229. package/esm/AnnouncementBadge/AnnouncementBadge.js +12 -6
  230. package/esm/AutoComplete/AutoComplete.d.ts +28 -17
  231. package/esm/AutoComplete/AutoComplete.js +208 -116
  232. package/esm/AutoComplete/components/AutoCompleteEmptyState.d.ts +4 -4
  233. package/esm/AutoComplete/components/AutoCompleteEmptyState.js +16 -12
  234. package/esm/AutoComplete/components/DefaultOptionItem.d.ts +6 -2
  235. package/esm/AutoComplete/components/DefaultOptionItem.js +25 -16
  236. package/esm/AutoComplete/types.d.ts +33 -25
  237. package/esm/AutoComplete/utils.d.ts +4 -4
  238. package/esm/Avatars/ApplicationAvatar.js +5 -4
  239. package/esm/Avatars/UserAvatar.js +19 -14
  240. package/esm/Avatars/utils.d.ts +1 -1
  241. package/esm/Badge/Badge.d.ts +5 -5
  242. package/esm/Badge/Badge.js +21 -11
  243. package/esm/Banner/Banner.d.ts +4 -4
  244. package/esm/Banner/Banner.js +31 -25
  245. package/esm/Banners/Alert/Alert.d.ts +4 -4
  246. package/esm/Banners/Alert/Alert.js +30 -23
  247. package/esm/Banners/BigBertha/BigBertha.d.ts +2 -2
  248. package/esm/Banners/BigBertha/BigBertha.js +11 -8
  249. package/esm/Banners/Promote/Promote.d.ts +5 -5
  250. package/esm/Banners/Promote/Promote.js +37 -28
  251. package/esm/Button/Button.js +23 -16
  252. package/esm/Button/ButtonGroup.d.ts +1 -1
  253. package/esm/Button/ButtonGroup.js +5 -4
  254. package/esm/Button/IconButton.d.ts +2 -2
  255. package/esm/Button/IconButton.js +24 -19
  256. package/esm/Button/styles.d.ts +1 -1
  257. package/esm/Button/types.d.ts +5 -5
  258. package/esm/Card/Card.d.ts +3 -3
  259. package/esm/Card/Card.js +6 -4
  260. package/esm/Card/components/CardHeader.js +8 -3
  261. package/esm/Card/components/CardTitle.d.ts +1 -1
  262. package/esm/Card/components/CardTitle.js +11 -5
  263. package/esm/Checkbox/Checkbox.d.ts +3 -3
  264. package/esm/Checkbox/Checkbox.js +35 -26
  265. package/esm/ClickAwayContainer/ClickAwayContainer.d.ts +2 -2
  266. package/esm/ClickAwayContainer/ClickAwayContainer.js +6 -4
  267. package/esm/DatePicker/DatePicker/DatePicker.d.ts +13 -19
  268. package/esm/DatePicker/DatePicker/DatePicker.js +87 -59
  269. package/esm/DatePicker/DatePicker/datePickerReducer.d.ts +2 -2
  270. package/esm/DatePicker/DatePicker/datePickerReducer.js +2 -2
  271. package/esm/DatePicker/DateRangePicker/DateRangePicker.d.ts +11 -17
  272. package/esm/DatePicker/DateRangePicker/DateRangePicker.js +95 -67
  273. package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +3 -1
  274. package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js +19 -11
  275. package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.d.ts +3 -3
  276. package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.js +4 -4
  277. package/esm/DatePicker/components/Calendar.d.ts +5 -2
  278. package/esm/DatePicker/components/Calendar.js +13 -5
  279. package/esm/DatePicker/components/Display.d.ts +3 -3
  280. package/esm/DatePicker/components/Display.js +5 -4
  281. package/esm/DatePicker/components/Footer.d.ts +2 -2
  282. package/esm/DatePicker/components/Footer.js +5 -4
  283. package/esm/DatePicker/components/FooterActions.d.ts +3 -1
  284. package/esm/DatePicker/components/FooterActions.js +18 -13
  285. package/esm/DatePicker/components/Modal.d.ts +5 -5
  286. package/esm/DatePicker/components/Modal.js +19 -12
  287. package/esm/DatePicker/components/NavBar.d.ts +6 -3
  288. package/esm/DatePicker/components/NavBar.js +42 -35
  289. package/esm/DatePicker/components/SidePanel.d.ts +2 -2
  290. package/esm/DatePicker/components/SidePanel.js +8 -6
  291. package/esm/DatePicker/types.d.ts +17 -0
  292. package/esm/DatePicker/types.js +1 -0
  293. package/esm/Dropdown/Dropdown.d.ts +8 -8
  294. package/esm/Dropdown/Dropdown.js +45 -30
  295. package/esm/Dropdown/DropdownButton.d.ts +3 -3
  296. package/esm/Dropdown/DropdownButton.js +15 -8
  297. package/esm/Dropdown/DropdownContext.d.ts +2 -2
  298. package/esm/Dropdown/DropdownContext.js +2 -2
  299. package/esm/Dropdown/components/DropdownButtonItem.d.ts +1 -1
  300. package/esm/Dropdown/components/DropdownButtonItem.js +14 -12
  301. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +4 -4
  302. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +29 -22
  303. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +1 -1
  304. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +5 -4
  305. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +1 -1
  306. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -4
  307. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +1 -1
  308. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -4
  309. package/esm/Dropdown/components/DropdownDivider.js +2 -2
  310. package/esm/Dropdown/components/DropdownFooterItem.d.ts +2 -2
  311. package/esm/Dropdown/components/DropdownFooterItem.js +11 -4
  312. package/esm/Dropdown/components/DropdownLinkItem.js +14 -11
  313. package/esm/Dropdown/components/DropdownRadioItem.d.ts +2 -2
  314. package/esm/Dropdown/components/DropdownRadioItem.js +17 -14
  315. package/esm/Dropdown/components/DropdownTitle.d.ts +1 -1
  316. package/esm/Dropdown/components/DropdownTitle.js +8 -3
  317. package/esm/Dropdown/components/DropdownToggleItem.d.ts +3 -3
  318. package/esm/Dropdown/components/DropdownToggleItem.js +16 -14
  319. package/esm/Dropdown/useDropdownItemProps.d.ts +3 -3
  320. package/esm/Dropzone/Dropzone.d.ts +2 -2
  321. package/esm/Dropzone/Dropzone.js +58 -47
  322. package/esm/EmptyState/EmptyState.d.ts +1 -1
  323. package/esm/EmptyState/EmptyState.js +29 -21
  324. package/esm/EmptyState/types.d.ts +7 -7
  325. package/esm/Field/Field.d.ts +3 -3
  326. package/esm/Field/Field.js +33 -25
  327. package/esm/Flag/Flag.d.ts +2 -2
  328. package/esm/Flag/Flag.js +44 -33
  329. package/esm/Flag/Flags.d.ts +3 -3
  330. package/esm/Flag/Flags.js +30 -21
  331. package/esm/Flag/types.d.ts +4 -4
  332. package/esm/FlexGrid/FlexGrid.d.ts +1 -1
  333. package/esm/FlexGrid/FlexGrid.js +13 -8
  334. package/esm/FlexGrid/FlexGrid.tailwind.js +2 -2
  335. package/esm/HelpUnderline/HelpUnderline.d.ts +2 -1
  336. package/esm/HelpUnderline/HelpUnderline.js +8 -6
  337. package/esm/Input/Input.d.ts +5 -5
  338. package/esm/Input/Input.js +119 -108
  339. package/esm/Input/Input.tailwind.js +0 -3
  340. package/esm/Insert/Insert.d.ts +2 -2
  341. package/esm/Insert/Insert.js +28 -21
  342. package/esm/KeyboardKey/KeyboardKey.d.ts +7 -0
  343. package/esm/KeyboardKey/KeyboardKey.js +30 -0
  344. package/esm/KeyboardKey/KeyboardKey.tailwind.d.ts +5 -0
  345. package/esm/KeyboardKey/KeyboardKey.tailwind.js +31 -0
  346. package/esm/KeyboardKey/index.d.ts +2 -0
  347. package/esm/KeyboardKey/index.js +2 -0
  348. package/esm/Link/BaseLink.d.ts +3 -3
  349. package/esm/Link/BaseLink.js +9 -3
  350. package/esm/Link/ButtonLink.d.ts +1 -1
  351. package/esm/Link/ButtonLink.js +9 -4
  352. package/esm/Link/IconButtonLink.d.ts +1 -1
  353. package/esm/Link/IconButtonLink.js +9 -4
  354. package/esm/Link/Link.d.ts +5 -5
  355. package/esm/Link/Link.js +18 -10
  356. package/esm/Medallion/Medallion.d.ts +2 -2
  357. package/esm/Medallion/Medallion.js +7 -6
  358. package/esm/Modal/Modal.d.ts +7 -5
  359. package/esm/Modal/Modal.js +65 -35
  360. package/esm/Modal/components/ModalFooter.d.ts +2 -2
  361. package/esm/Modal/components/ModalFooter.js +16 -9
  362. package/esm/Modal/components/ModalSection.d.ts +1 -1
  363. package/esm/Modal/components/ModalSection.js +5 -4
  364. package/esm/Pagination/CompactPagination/CompactPagination.d.ts +12 -0
  365. package/esm/Pagination/CompactPagination/CompactPagination.js +41 -38
  366. package/esm/Pagination/DotPagination/DotPagination.d.ts +4 -1
  367. package/esm/Pagination/DotPagination/DotPagination.js +20 -16
  368. package/esm/Pagination/Pagination/Pagination.d.ts +7 -1
  369. package/esm/Pagination/Pagination/Pagination.js +63 -48
  370. package/esm/ProgressBar/ProgressBar.d.ts +2 -2
  371. package/esm/ProgressBar/ProgressBar.js +16 -10
  372. package/esm/ProgressSpinner/ProgressSpinner.d.ts +2 -2
  373. package/esm/ProgressSpinner/ProgressSpinner.js +21 -10
  374. package/esm/RadioGroup/RadioButton.d.ts +3 -3
  375. package/esm/RadioGroup/RadioButton.js +9 -3
  376. package/esm/RadioGroup/RadioGroup.d.ts +3 -3
  377. package/esm/RadioGroup/RadioGroup.js +36 -28
  378. package/esm/RangeSlider/RangeSlider.d.ts +3 -3
  379. package/esm/RangeSlider/RangeSlider.js +39 -31
  380. package/esm/Satellite/Satellite.d.ts +2 -2
  381. package/esm/Satellite/Satellite.js +5 -4
  382. package/esm/Satellite/SatelliteContext.js +2 -2
  383. package/esm/Satellite/SatelliteRouter.d.ts +1 -1
  384. package/esm/ScrollIndicator/ScrollIndicator.d.ts +5 -3
  385. package/esm/ScrollIndicator/ScrollIndicator.js +12 -10
  386. package/esm/Select/Select.d.ts +3 -3
  387. package/esm/Select/Select.js +8 -3
  388. package/esm/Sidebar/Sidebar.d.ts +6 -4
  389. package/esm/Sidebar/Sidebar.js +16 -8
  390. package/esm/Sidebar/SidebarContext.d.ts +1 -1
  391. package/esm/Sidebar/components/SidebarHeader.d.ts +2 -2
  392. package/esm/Sidebar/components/SidebarHeader.js +11 -5
  393. package/esm/Sidebar/components/SidebarLink.d.ts +3 -3
  394. package/esm/Sidebar/components/SidebarLink.js +34 -21
  395. package/esm/Switch/Switch.d.ts +3 -3
  396. package/esm/Switch/Switch.js +16 -12
  397. package/esm/Switch/SwitchOption.d.ts +1 -1
  398. package/esm/Switch/SwitchOption.js +24 -15
  399. package/esm/Tables/DataTable/DataTable.d.ts +15 -5
  400. package/esm/Tables/DataTable/DataTable.js +61 -53
  401. package/esm/Tables/DataTable/components/Body.d.ts +6 -6
  402. package/esm/Tables/DataTable/components/Body.js +60 -45
  403. package/esm/Tables/DataTable/components/Footer.d.ts +1 -1
  404. package/esm/Tables/DataTable/components/Footer.js +5 -5
  405. package/esm/Tables/DataTable/components/Header.js +22 -18
  406. package/esm/Tables/DataTable/components/HeaderCell.d.ts +3 -3
  407. package/esm/Tables/DataTable/components/HeaderCell.js +20 -13
  408. package/esm/Tables/DataTable/components/Loader.d.ts +3 -1
  409. package/esm/Tables/DataTable/components/Loader.js +18 -14
  410. package/esm/Tables/DataTable/types.d.ts +3 -3
  411. package/esm/Tables/DataTable/utils.d.ts +1 -1
  412. package/esm/Tables/Table/Table.d.ts +3 -3
  413. package/esm/Tables/Table/Table.js +20 -11
  414. package/esm/Tables/Table/components/Footer.d.ts +2 -2
  415. package/esm/Tables/Table/components/Footer.js +5 -4
  416. package/esm/Tabs/ContentTabs.d.ts +1 -1
  417. package/esm/Tabs/ContentTabs.js +38 -31
  418. package/esm/Tabs/LinkTabs.d.ts +1 -1
  419. package/esm/Tabs/LinkTabs.js +14 -14
  420. package/esm/Tabs/components/LinkTab.d.ts +3 -3
  421. package/esm/Tabs/components/LinkTab.js +18 -11
  422. package/esm/Tabs/types.d.ts +6 -6
  423. package/esm/Tabs/utils.d.ts +1 -1
  424. package/esm/Tag/Tag.d.ts +7 -4
  425. package/esm/Tag/Tag.js +25 -15
  426. package/esm/TextArea/TextArea.d.ts +3 -3
  427. package/esm/TextArea/TextArea.js +9 -3
  428. package/esm/TextWrap/TextWrap.js +22 -17
  429. package/esm/Toggle/Toggle.d.ts +3 -3
  430. package/esm/Toggle/Toggle.js +25 -16
  431. package/esm/Tooltip/OverflowTooltipWrapper.d.ts +3 -2
  432. package/esm/Tooltip/OverflowTooltipWrapper.js +35 -19
  433. package/esm/Tooltip/Tooltip.d.ts +3 -3
  434. package/esm/Tooltip/Tooltip.js +8 -3
  435. package/esm/Tooltip/TooltipWrapper.d.ts +3 -3
  436. package/esm/Tooltip/TooltipWrapper.js +48 -33
  437. package/esm/Tooltip/types.d.ts +2 -2
  438. package/esm/Typography/Typography.tailwind.js +2 -2
  439. package/esm/UserContent/UserContent.js +2 -2
  440. package/esm/UserContent/UserContent.tailwind.js +2 -4
  441. package/esm/index.d.ts +1 -0
  442. package/esm/index.js +1 -0
  443. package/esm/styles/tailwind.config.js +3 -3
  444. package/esm/tailwind-types.d.ts +1 -1
  445. package/esm/types.d.ts +3 -3
  446. package/esm/utilities/utilities.tailwind.d.ts +2 -0
  447. package/esm/utilities/utilities.tailwind.js +27 -0
  448. package/esm/utils/genericChangeHandler.d.ts +3 -3
  449. package/esm/utils/isCssPropertySupported.d.ts +1 -1
  450. package/esm/utils/isRenderedChild.d.ts +2 -2
  451. package/esm/utils/pluralize.js +6 -1
  452. package/esm/utils/useForwardedRef.d.ts +2 -2
  453. package/esm/utils/useForwardedRef.js +1 -1
  454. package/esm/utils/useLinkProps.d.ts +2 -2
  455. package/esm/utils/useTriggerInputChange.d.ts +2 -2
  456. package/package.json +4 -4
  457. package/satellite.css +37 -4
  458. package/satellite.min.css +1 -1
@@ -5,22 +5,24 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
5
5
 
6
6
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
7
7
 
8
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
8
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
9
9
 
10
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
10
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
11
11
 
12
- import React, { useEffect, useState } from "react";
13
12
  import compact from "lodash/compact";
14
13
  import get from "lodash/get";
15
- import stl from "../../styles/helpers/satellitePrefixer";
14
+ import { useEffect, useState } from "react";
16
15
  import Checkbox from "../../Checkbox";
17
16
  import { RadioButton } from "../../RadioGroup";
17
+ import stl from "../../styles/helpers/satellitePrefixer";
18
18
  import { toSentenceCase } from "../../utils";
19
19
  import Table from "../Table";
20
- import DataTableHeader from "./components/Header";
21
- import DataTableFooter from "./components/Footer";
22
20
  import DataTableBody from "./components/Body";
21
+ import DataTableFooter from "./components/Footer";
22
+ import DataTableHeader from "./components/Header";
23
23
  import DataTableLoader from "./components/Loader";
24
+ import { jsx as _jsx } from "react/jsx-runtime";
25
+ import { jsxs as _jsxs } from "react/jsx-runtime";
24
26
 
25
27
  var DEFAULT_GET_ITEM_ID = function DEFAULT_GET_ITEM_ID(_, idx) {
26
28
  return String(idx);
@@ -65,7 +67,8 @@ export var DataTable = function DataTable(_ref) {
65
67
  onSelectionChange = _ref.onSelectionChange,
66
68
  canSelectItem = _ref.canSelectItem,
67
69
  canHoverRow = _ref.canHoverRow,
68
- onRowHoveredChanged = _ref.onRowHoveredChanged;
70
+ onRowHoveredChanged = _ref.onRowHoveredChanged,
71
+ locale = _ref.locale;
69
72
 
70
73
  if (process.env.NODE_ENV !== "production") {
71
74
  var _selection$length;
@@ -98,13 +101,14 @@ export var DataTable = function DataTable(_ref) {
98
101
  Header: false,
99
102
  Cell: function Cell(_ref2) {
100
103
  var row = _ref2.row;
101
- return /*#__PURE__*/React.createElement("div", {
102
- className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex"])))
103
- }, /*#__PURE__*/React.createElement(RadioButton, {
104
- defaultChecked: row.selected,
105
- disabled: !row.selectable,
106
- className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["", ""])), row.hovered || row.selected ? "opacity-100" : "opacity-0 select-none")
107
- }));
104
+ return /*#__PURE__*/_jsx("div", {
105
+ className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex"]))),
106
+ children: /*#__PURE__*/_jsx(RadioButton, {
107
+ defaultChecked: row.selected,
108
+ disabled: !row.selectable,
109
+ className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["", ""])), row.hovered || row.selected ? "opacity-100" : "opacity-0 select-none")
110
+ })
111
+ });
108
112
  },
109
113
  className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["w-3"])))
110
114
  }, selectMode === "multi" && {
@@ -125,8 +129,8 @@ export var DataTable = function DataTable(_ref) {
125
129
  var dataLength = pagination ? pagination.itemsPerPage : data.length;
126
130
  var isChecked = selectionLength === dataLength;
127
131
  var isIndeterminate = selectionLength > 0 && selectionLength !== dataLength;
128
- return /*#__PURE__*/React.createElement(Checkbox, {
129
- "aria-label": "Select all" // Small hack to position the checkbox in the center of the header
132
+ return /*#__PURE__*/_jsx(Checkbox, {
133
+ "aria-label": (locale === null || locale === void 0 ? void 0 : locale.selectAllButton) || "Select all" // Small hack to position the checkbox in the center of the header
130
134
  ,
131
135
  className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["absolute mb-2.5"]))),
132
136
  checked: isChecked,
@@ -138,13 +142,14 @@ export var DataTable = function DataTable(_ref) {
138
142
  },
139
143
  Cell: function Cell(_ref3) {
140
144
  var row = _ref3.row;
141
- return /*#__PURE__*/React.createElement("div", {
142
- className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["flex"])))
143
- }, /*#__PURE__*/React.createElement(Checkbox, {
144
- checked: row.selected,
145
- disabled: !row.selectable,
146
- className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["", ""])), row.hovered || row.selected ? "opacity-100" : "opacity-0 select-none")
147
- }));
145
+ return /*#__PURE__*/_jsx("div", {
146
+ className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["flex"]))),
147
+ children: /*#__PURE__*/_jsx(Checkbox, {
148
+ checked: row.selected,
149
+ disabled: !row.selectable,
150
+ className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["", ""])), row.hovered || row.selected ? "opacity-100" : "opacity-0 select-none")
151
+ })
152
+ });
148
153
  },
149
154
  className: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["w-3"])))
150
155
  }].concat(_toConsumableArray(columns.map(function (c) {
@@ -209,35 +214,38 @@ export var DataTable = function DataTable(_ref) {
209
214
  return onChange === null || onChange === void 0 ? void 0 : onChange(dataConfiguration);
210
215
  };
211
216
 
212
- return /*#__PURE__*/React.createElement("div", {
213
- className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["relative"])))
214
- }, status === "loading" && /*#__PURE__*/React.createElement("div", {
215
- className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["absolute bg-white z-10 bg-opacity-50 w-full h-full flex items-center justify-center"])))
216
- }, /*#__PURE__*/React.createElement(DataTableLoader, {
217
- className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["-mt-12"])))
218
- })), /*#__PURE__*/React.createElement(Table, {
219
- className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["datatable ", " ", ""])), status === "loading" && "pointer-events-none select-none", status === "loading" && data.length === 0 && "h-48"),
220
- highlight: false,
221
- footer: pagination !== false && /*#__PURE__*/React.createElement(DataTableFooter, {
222
- pagination: pagination,
223
- onChange: handlePaginationChange
224
- })
225
- }, /*#__PURE__*/React.createElement(DataTableHeader, {
226
- disabled: status !== "success" || rows.length === 0,
227
- columns: computedColumns,
228
- onToggleSort: handleToggleSort,
229
- sorting: internalSorting
230
- }), /*#__PURE__*/React.createElement(DataTableBody, {
231
- rows: rows,
232
- columns: computedColumns,
233
- status: status,
234
- noDataContent: noDataContent,
235
- errorContent: errorContent,
236
- selectMode: selectMode,
237
- selection: selection,
238
- canHoverRow: canHoverRow,
239
- onRowHoverChange: onRowHoverChange,
240
- onSelectionChange: onSelectionChange
241
- })));
217
+ return /*#__PURE__*/_jsxs("div", {
218
+ className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["relative"]))),
219
+ children: [status === "loading" && /*#__PURE__*/_jsx("div", {
220
+ className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["absolute bg-white z-10 bg-opacity-50 w-full h-full flex items-center justify-center"]))),
221
+ children: /*#__PURE__*/_jsx(DataTableLoader, {
222
+ className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["-mt-12"])))
223
+ })
224
+ }), /*#__PURE__*/_jsxs(Table, {
225
+ className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["datatable ", " ", ""])), status === "loading" && "pointer-events-none select-none", status === "loading" && data.length === 0 && "h-48"),
226
+ highlight: false,
227
+ footer: pagination !== false && /*#__PURE__*/_jsx(DataTableFooter, {
228
+ pagination: pagination,
229
+ onChange: handlePaginationChange
230
+ }),
231
+ children: [/*#__PURE__*/_jsx(DataTableHeader, {
232
+ disabled: status !== "success" || rows.length === 0,
233
+ columns: computedColumns,
234
+ onToggleSort: handleToggleSort,
235
+ sorting: internalSorting
236
+ }), /*#__PURE__*/_jsx(DataTableBody, {
237
+ rows: rows,
238
+ columns: computedColumns,
239
+ status: status,
240
+ noDataContent: noDataContent,
241
+ errorContent: errorContent,
242
+ selectMode: selectMode,
243
+ selection: selection,
244
+ canHoverRow: canHoverRow,
245
+ onRowHoverChange: onRowHoverChange,
246
+ onSelectionChange: onSelectionChange
247
+ })]
248
+ })]
249
+ });
242
250
  };
243
251
  export default DataTable;
@@ -1,14 +1,14 @@
1
- import React from "react";
1
+ import type { ReactNode } from "react";
2
2
  import type { DataTableProps } from "../DataTable";
3
- import type { Row, AdvancedColumnDefinition, Status, SelectMode } from "../types";
4
- export interface BodyProps<Item> extends Pick<DataTableProps<Item>, "selection" | "onSelectionChange" | "canHoverRow"> {
3
+ import type { AdvancedColumnDefinition, Row, SelectMode, Status } from "../types";
4
+ export interface BodyProps<Item> extends Pick<DataTableProps<Item>, "selection" | "onSelectionChange" | "canHoverRow" | "locale"> {
5
5
  rows: Row<Item>[];
6
6
  status?: Status;
7
- noDataContent?: React.ReactNode;
8
- errorContent?: React.ReactNode;
7
+ noDataContent?: ReactNode;
8
+ errorContent?: ReactNode;
9
9
  columns: AdvancedColumnDefinition<Item>[];
10
10
  onRowHoverChange(row: Row<Item> | null): void;
11
11
  selectMode: SelectMode;
12
12
  }
13
- export declare const Body: <Item extends {}>({ rows, columns, status, noDataContent, errorContent, selectMode, selection, onSelectionChange, onRowHoverChange, canHoverRow, }: BodyProps<Item>) => JSX.Element;
13
+ export declare const Body: <Item extends {}>({ rows, columns, status, noDataContent, errorContent, selectMode, selection, onSelectionChange, onRowHoverChange, canHoverRow, locale, }: BodyProps<Item>) => JSX.Element;
14
14
  export default Body;
@@ -1,18 +1,18 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
3
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
3
  import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
5
4
 
6
5
  var _templateObject, _templateObject2, _templateObject3;
7
6
 
8
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
7
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
9
8
 
10
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
9
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
11
10
 
12
- import React from "react";
13
- import stl from "../../../styles/helpers/satellitePrefixer";
14
11
  import EmptyState from "../../../EmptyState";
12
+ import stl from "../../../styles/helpers/satellitePrefixer";
15
13
  import { getCellValue } from "../utils";
14
+ import { jsx as _jsx } from "react/jsx-runtime";
15
+ import { createElement as _createElement } from "react";
16
16
  export var Body = function Body(_ref) {
17
17
  var rows = _ref.rows,
18
18
  columns = _ref.columns,
@@ -27,7 +27,8 @@ export var Body = function Body(_ref) {
27
27
  _ref$canHoverRow = _ref.canHoverRow,
28
28
  canHoverRow = _ref$canHoverRow === void 0 ? function () {
29
29
  return true;
30
- } : _ref$canHoverRow;
30
+ } : _ref$canHoverRow,
31
+ locale = _ref.locale;
31
32
 
32
33
  var handleRowSelection = function handleRowSelection(row) {
33
34
  if (!onSelectionChange) return;
@@ -58,49 +59,63 @@ export var Body = function Body(_ref) {
58
59
  };
59
60
 
60
61
  if (status === "error") {
61
- return /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
62
- colSpan: columns.length
63
- }, /*#__PURE__*/React.createElement("span", {
64
- className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex justify-center py-6"])))
65
- }, errorContent || /*#__PURE__*/React.createElement(EmptyState, {
66
- title: "Error",
67
- description: "An error occurred while loading data.",
68
- centered: true,
69
- usageContext: "result"
70
- })))));
62
+ return /*#__PURE__*/_jsx("tbody", {
63
+ children: /*#__PURE__*/_jsx("tr", {
64
+ children: /*#__PURE__*/_jsx("td", {
65
+ colSpan: columns.length,
66
+ children: /*#__PURE__*/_jsx("span", {
67
+ className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex justify-center py-6"]))),
68
+ children: errorContent || /*#__PURE__*/_jsx(EmptyState, {
69
+ title: (locale === null || locale === void 0 ? void 0 : locale.errorTitle) || "Error",
70
+ description: (locale === null || locale === void 0 ? void 0 : locale.errorDescription) || "An error occurred while loading data.",
71
+ centered: true,
72
+ usageContext: "result"
73
+ })
74
+ })
75
+ })
76
+ })
77
+ });
71
78
  }
72
79
 
73
80
  if (rows.length === 0 && status !== "loading") {
74
- return /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
75
- colSpan: columns.length
76
- }, /*#__PURE__*/React.createElement("span", {
77
- className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flex justify-center py-6"])))
78
- }, noDataContent || /*#__PURE__*/React.createElement(EmptyState, {
79
- title: "Empty",
80
- description: "There is no data to display",
81
- centered: true,
82
- usageContext: "result"
83
- })))));
81
+ return /*#__PURE__*/_jsx("tbody", {
82
+ children: /*#__PURE__*/_jsx("tr", {
83
+ children: /*#__PURE__*/_jsx("td", {
84
+ colSpan: columns.length,
85
+ children: /*#__PURE__*/_jsx("span", {
86
+ className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flex justify-center py-6"]))),
87
+ children: noDataContent || /*#__PURE__*/_jsx(EmptyState, {
88
+ title: (locale === null || locale === void 0 ? void 0 : locale.noDataTitle) || "Empty",
89
+ description: (locale === null || locale === void 0 ? void 0 : locale.noDataDescription) || "There is no data to display",
90
+ centered: true,
91
+ usageContext: "result"
92
+ })
93
+ })
94
+ })
95
+ })
96
+ });
84
97
  }
85
98
 
86
- return /*#__PURE__*/React.createElement("tbody", null, rows.map(function (row, rowIndex) {
87
- return /*#__PURE__*/React.createElement("tr", _extends({}, additionalRowProps(row), {
88
- key: rowIndex
89
- }), columns.map(function (column) {
90
- var value = getCellValue(column, row);
91
- var Cell = column.Cell;
92
- return Cell ? /*#__PURE__*/React.createElement("td", {
93
- className: column === null || column === void 0 ? void 0 : column.className,
94
- key: column.id
95
- }, /*#__PURE__*/React.createElement(Cell, {
96
- row: rows[rowIndex],
97
- column: column,
98
- value: value
99
- })) : /*#__PURE__*/React.createElement("td", {
100
- className: column === null || column === void 0 ? void 0 : column.className,
101
- key: column.id
102
- }, value !== null && value !== void 0 ? value : "-");
103
- }));
104
- }));
99
+ return /*#__PURE__*/_jsx("tbody", {
100
+ children: rows.map(function (row, rowIndex) {
101
+ return /*#__PURE__*/_createElement("tr", _objectSpread(_objectSpread({}, additionalRowProps(row)), {}, {
102
+ key: rowIndex
103
+ }), columns.map(function (column) {
104
+ var value = getCellValue(column, row);
105
+ var Cell = column.Cell;
106
+ return Cell ? /*#__PURE__*/_jsx("td", {
107
+ className: column === null || column === void 0 ? void 0 : column.className,
108
+ children: /*#__PURE__*/_jsx(Cell, {
109
+ row: rows[rowIndex],
110
+ column: column,
111
+ value: value
112
+ })
113
+ }, column.id) : /*#__PURE__*/_jsx("td", {
114
+ className: column === null || column === void 0 ? void 0 : column.className,
115
+ children: value !== null && value !== void 0 ? value : "-"
116
+ }, column.id);
117
+ }));
118
+ })
119
+ });
105
120
  };
106
121
  export default Body;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { PaginationConfiguration, DataConfiguration } from "../types";
2
+ import type { DataConfiguration, PaginationConfiguration } from "../types";
3
3
  export interface FooterProps {
4
4
  pagination: PaginationConfiguration;
5
5
  onChange(dataConfiguration: DataConfiguration): void;
@@ -1,16 +1,16 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
 
3
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
3
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4
4
 
5
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
5
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
6
 
7
- import React from "react";
8
7
  import Pagination, { CompactPagination } from "../../../Pagination";
9
8
  import { isDeterminatePagination, isIndeterminatePagination } from "../utils";
9
+ import { jsx as _jsx } from "react/jsx-runtime";
10
10
  export var Footer = function Footer(_ref) {
11
11
  var pagination = _ref.pagination,
12
12
  onChange = _ref.onChange;
13
- return isDeterminatePagination(pagination) ? /*#__PURE__*/React.createElement(Pagination, {
13
+ return isDeterminatePagination(pagination) ? /*#__PURE__*/_jsx(Pagination, {
14
14
  nbPages: Math.ceil(pagination.totalItemsCount / pagination.itemsPerPage),
15
15
  currentPage: pagination.currentPage,
16
16
  maxButtons: 8,
@@ -32,7 +32,7 @@ export var Footer = function Footer(_ref) {
32
32
  sorting: []
33
33
  });
34
34
  })
35
- }) : isIndeterminatePagination(pagination) ? /*#__PURE__*/React.createElement(CompactPagination, {
35
+ }) : isIndeterminatePagination(pagination) ? /*#__PURE__*/_jsx(CompactPagination, {
36
36
  label: "compact",
37
37
  currentPage: pagination.currentPage,
38
38
  showGoToFirstPage: true,
@@ -1,29 +1,33 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
- import React from "react";
3
2
  import HeaderCell from "./HeaderCell";
3
+ import { jsx as _jsx } from "react/jsx-runtime";
4
4
  export var Header = function Header(_ref) {
5
5
  var columns = _ref.columns,
6
6
  _ref$sorting = _ref.sorting,
7
7
  sorting = _ref$sorting === void 0 ? [] : _ref$sorting,
8
8
  onToggleSort = _ref.onToggleSort,
9
9
  disabled = _ref.disabled;
10
- return /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, columns.map(function (column) {
11
- var Header = column.Header;
12
- var sortingDirection = sorting.find(function (_ref2) {
13
- var _ref3 = _slicedToArray(_ref2, 1),
14
- colId = _ref3[0];
10
+ return /*#__PURE__*/_jsx("thead", {
11
+ children: /*#__PURE__*/_jsx("tr", {
12
+ children: columns.map(function (column) {
13
+ var Header = column.Header;
14
+ var sortingDirection = sorting.find(function (_ref2) {
15
+ var _ref3 = _slicedToArray(_ref2, 1),
16
+ colId = _ref3[0];
15
17
 
16
- return colId === column.id;
17
- }) || [null];
18
- return /*#__PURE__*/React.createElement(HeaderCell, {
19
- key: column.id,
20
- column: column,
21
- disabled: disabled,
22
- sortingDirection: sortingDirection[1],
23
- onToggleSort: onToggleSort
24
- }, !Header ? null : typeof Header === "string" ? Header : /*#__PURE__*/React.createElement(Header, {
25
- column: column
26
- }));
27
- })));
18
+ return colId === column.id;
19
+ }) || [null];
20
+ return /*#__PURE__*/_jsx(HeaderCell, {
21
+ column: column,
22
+ disabled: disabled,
23
+ sortingDirection: sortingDirection[1],
24
+ onToggleSort: onToggleSort,
25
+ children: !Header ? null : typeof Header === "string" ? Header : /*#__PURE__*/_jsx(Header, {
26
+ column: column
27
+ })
28
+ }, column.id);
29
+ })
30
+ })
31
+ });
28
32
  };
29
33
  export default Header;
@@ -1,11 +1,11 @@
1
- import React from "react";
1
+ import type { HTMLAttributes, ReactNode } from "react";
2
2
  import type { AdvancedColumnDefinition, SortingDirection } from "../types";
3
- export interface HeaderCellProps<Item> extends React.HTMLAttributes<HTMLTableCellElement> {
3
+ export interface HeaderCellProps<Item> extends HTMLAttributes<HTMLTableCellElement> {
4
4
  column: AdvancedColumnDefinition<Item>;
5
5
  disabled?: boolean;
6
6
  sortingDirection?: SortingDirection;
7
7
  onToggleSort: (columnId: string, sortingDirection: SortingDirection) => void;
8
- children: React.ReactNode;
8
+ children: ReactNode;
9
9
  }
10
10
  export declare const HeaderCell: <Item extends {}>({ sortingDirection, onToggleSort, column: { id, className, sort }, disabled, children, ...props }: HeaderCellProps<Item>) => JSX.Element;
11
11
  export default HeaderCell;
@@ -1,14 +1,19 @@
1
- import _extends from "@babel/runtime/helpers/extends";
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
4
4
  var _excluded = ["sortingDirection", "onToggleSort", "column", "disabled", "children"];
5
5
 
6
6
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
7
7
 
8
- import React from "react";
8
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
9
+
10
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
11
+
9
12
  import cx from "classnames";
10
13
  import { ChevronDown, ChevronUp } from "react-feather";
11
14
  import stl from "../../../styles/helpers/satellitePrefixer";
15
+ import { jsx as _jsx } from "react/jsx-runtime";
16
+ import { jsxs as _jsxs } from "react/jsx-runtime";
12
17
  var iconClassName = stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["h-4 inline ml-1"])));
13
18
  export var HeaderCell = function HeaderCell(_ref) {
14
19
  var _ref$sortingDirection = _ref.sortingDirection,
@@ -23,20 +28,22 @@ export var HeaderCell = function HeaderCell(_ref) {
23
28
  children = _ref.children,
24
29
  props = _objectWithoutProperties(_ref, _excluded);
25
30
 
26
- return /*#__PURE__*/React.createElement("th", _extends({}, props, {
31
+ return /*#__PURE__*/_jsx("th", _objectSpread(_objectSpread({}, props), {}, {
27
32
  "aria-sort": sortingDirection === "desc" ? "descending" : sortingDirection === "asc" ? "ascending" : "none",
28
33
  onClick: function onClick() {
29
34
  return sort && !disabled && onToggleSort(id, sortingDirection === "desc" ? "asc" : sortingDirection === "asc" ? "none" : "desc");
30
35
  },
31
- className: cx(className, stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["group ", ""])), sort && (disabled ? "cursor-not-allowed" : "cursor-pointer")))
32
- }), /*#__PURE__*/React.createElement("span", {
33
- className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["inline-flex items-center"])))
34
- }, children, sort ? sortingDirection === "desc" ? /*#__PURE__*/React.createElement(ChevronDown, {
35
- className: iconClassName
36
- }) : sortingDirection === "asc" ? /*#__PURE__*/React.createElement(ChevronUp, {
37
- className: iconClassName
38
- }) : /*#__PURE__*/React.createElement(ChevronDown, {
39
- className: cx(iconClassName, stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["text-grey-300 opacity-0 group-hover:opacity-100"]))))
40
- }) : null));
36
+ className: cx(className, stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["group ", ""])), sort && (disabled ? "cursor-not-allowed" : "cursor-pointer"))),
37
+ children: /*#__PURE__*/_jsxs("span", {
38
+ className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["inline-flex items-center"]))),
39
+ children: [children, sort ? sortingDirection === "desc" ? /*#__PURE__*/_jsx(ChevronDown, {
40
+ className: iconClassName
41
+ }) : sortingDirection === "asc" ? /*#__PURE__*/_jsx(ChevronUp, {
42
+ className: iconClassName
43
+ }) : /*#__PURE__*/_jsx(ChevronDown, {
44
+ className: cx(iconClassName, stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["text-grey-300 opacity-0 group-hover:opacity-100"]))))
45
+ }) : null]
46
+ })
47
+ }));
41
48
  };
42
49
  export default HeaderCell;
@@ -1,6 +1,8 @@
1
1
  /// <reference types="react" />
2
+ import type { DataTableLocale } from "../DataTable";
2
3
  export interface LoaderProps {
3
4
  className?: string;
5
+ locale?: DataTableLocale;
4
6
  }
5
- export declare const Loader: ({ className }: LoaderProps) => JSX.Element;
7
+ export declare const Loader: ({ className, locale }: LoaderProps) => JSX.Element;
6
8
  export default Loader;
@@ -3,12 +3,14 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
 
4
4
  var _templateObject;
5
5
 
6
- import React, { useEffect, useState } from "react";
7
- import stl from "../../../styles/helpers/satellitePrefixer";
6
+ import { useEffect, useState } from "react";
8
7
  import EmptyState from "../../../EmptyState";
9
8
  import ProgressSpinner from "../../../ProgressSpinner";
9
+ import stl from "../../../styles/helpers/satellitePrefixer";
10
+ import { jsx as _jsx } from "react/jsx-runtime";
10
11
  export var Loader = function Loader(_ref) {
11
- var className = _ref.className;
12
+ var className = _ref.className,
13
+ locale = _ref.locale;
12
14
 
13
15
  var _useState = useState(false),
14
16
  _useState2 = _slicedToArray(_useState, 2),
@@ -25,16 +27,18 @@ export var Loader = function Loader(_ref) {
25
27
  setShowLoadMessage(false);
26
28
  };
27
29
  }, []);
28
- return /*#__PURE__*/React.createElement("div", {
29
- className: className
30
- }, showLoadMessage ? /*#__PURE__*/React.createElement(EmptyState, {
31
- usageContext: "result",
32
- medallion: /*#__PURE__*/React.createElement("div", {
33
- className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex justify-center"])))
34
- }, /*#__PURE__*/React.createElement(ProgressSpinner, null)),
35
- title: "It appears to be taking a while to get your data",
36
- description: "Please hold or try again later",
37
- centered: true
38
- }) : /*#__PURE__*/React.createElement(ProgressSpinner, null));
30
+ return /*#__PURE__*/_jsx("div", {
31
+ className: className,
32
+ children: showLoadMessage ? /*#__PURE__*/_jsx(EmptyState, {
33
+ usageContext: "result",
34
+ medallion: /*#__PURE__*/_jsx("div", {
35
+ className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex justify-center"]))),
36
+ children: /*#__PURE__*/_jsx(ProgressSpinner, {})
37
+ }),
38
+ title: (locale === null || locale === void 0 ? void 0 : locale.loadingTitle) || "It appears to be taking a while to get your data",
39
+ description: (locale === null || locale === void 0 ? void 0 : locale.loadingDescription) || "Please hold or try again later",
40
+ centered: true
41
+ }) : /*#__PURE__*/_jsx(ProgressSpinner, {})
42
+ });
39
43
  };
40
44
  export default Loader;
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import type { ComponentType } from "react";
2
2
  export declare type Status = "loading" | "error" | "success";
3
3
  export declare type SelectMode = "single" | "multi" | "none";
4
4
  export declare type SortingDirection = "asc" | "desc" | "none";
@@ -25,8 +25,8 @@ export interface AdvancedColumnDefinition<Item> {
25
25
  /** A string or a function which determines how to get the column data */
26
26
  accessor: string | ((item: Item) => any);
27
27
  sort?: boolean;
28
- Header?: React.ComponentType<HeaderProps<Item>> | string | false;
29
- Cell?: React.ComponentType<CellProps<Item>>;
28
+ Header?: ComponentType<HeaderProps<Item>> | string | false;
29
+ Cell?: ComponentType<CellProps<Item>>;
30
30
  className?: string;
31
31
  }
32
32
  export declare type ColumnDefinition<Item> = string | AdvancedColumnDefinition<Item>;
@@ -1,4 +1,4 @@
1
- import type { Row, DeterminatePagination, IndeterminatePagination, PaginationConfiguration, AdvancedColumnDefinition } from "./types";
1
+ import type { AdvancedColumnDefinition, DeterminatePagination, IndeterminatePagination, PaginationConfiguration, Row } from "./types";
2
2
  export declare const isDeterminatePagination: (pagination: PaginationConfiguration) => pagination is DeterminatePagination;
3
3
  export declare const isIndeterminatePagination: (pagination: PaginationConfiguration) => pagination is IndeterminatePagination;
4
4
  export declare const getCellValue: <Item extends {}>(column: AdvancedColumnDefinition<Item>, row: Row<Item>) => any;
@@ -1,6 +1,6 @@
1
- import React from "react";
2
- export interface TableProps extends React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> {
3
- footer?: React.ReactNode;
1
+ import type { DetailedHTMLProps, ReactNode, TableHTMLAttributes } from "react";
2
+ export interface TableProps extends DetailedHTMLProps<TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> {
3
+ footer?: ReactNode;
4
4
  smallFooter?: boolean;
5
5
  hasActions?: boolean;
6
6
  highlight?: boolean;