@algolia/satellite 1.0.0-beta.131 → 1.0.0-beta.134

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 (586) hide show
  1. package/README.md +33 -28
  2. package/cjs/AnnouncementBadge/AnnouncementBadge.d.ts +8 -3
  3. package/cjs/AnnouncementBadge/AnnouncementBadge.js +25 -7
  4. package/cjs/AutoComplete/AutoComplete.d.ts +23 -17
  5. package/cjs/AutoComplete/AutoComplete.js +180 -124
  6. package/cjs/AutoComplete/AutoComplete.tailwind.d.ts +4 -4
  7. package/cjs/AutoComplete/AutoComplete.tailwind.js +10 -13
  8. package/cjs/AutoComplete/components/AutoCompleteEmptyState.d.ts +4 -4
  9. package/cjs/AutoComplete/components/AutoCompleteEmptyState.js +16 -13
  10. package/cjs/AutoComplete/components/DefaultOptionItem.d.ts +6 -2
  11. package/cjs/AutoComplete/components/DefaultOptionItem.js +24 -17
  12. package/cjs/AutoComplete/types.d.ts +33 -25
  13. package/cjs/AutoComplete/utils.d.ts +5 -4
  14. package/cjs/AutoComplete/utils.js +22 -2
  15. package/cjs/Avatars/ApplicationAvatar.js +7 -6
  16. package/cjs/Avatars/UserAvatar.js +19 -20
  17. package/cjs/Avatars/utils.d.ts +1 -1
  18. package/cjs/Badge/Badge.d.ts +5 -5
  19. package/cjs/Badge/Badge.js +21 -12
  20. package/cjs/Banner/Banner.d.ts +5 -4
  21. package/cjs/Banner/Banner.js +30 -25
  22. package/cjs/Banners/Alert/Alert.d.ts +5 -4
  23. package/cjs/Banners/Alert/Alert.js +29 -23
  24. package/cjs/Banners/BigBertha/BigBertha.d.ts +3 -2
  25. package/cjs/Banners/BigBertha/BigBertha.js +11 -9
  26. package/cjs/Banners/Promote/Promote.d.ts +6 -5
  27. package/cjs/Banners/Promote/Promote.js +38 -30
  28. package/cjs/Button/Button.js +23 -17
  29. package/cjs/Button/Button.tailwind.d.ts +4 -4
  30. package/cjs/Button/Button.tailwind.js +11 -14
  31. package/cjs/Button/ButtonGroup.d.ts +2 -1
  32. package/cjs/Button/ButtonGroup.js +6 -5
  33. package/cjs/Button/IconButton.d.ts +2 -2
  34. package/cjs/Button/IconButton.js +24 -22
  35. package/cjs/Button/styles.d.ts +1 -1
  36. package/cjs/Button/types.d.ts +5 -5
  37. package/cjs/Card/Card.d.ts +3 -3
  38. package/cjs/Card/Card.js +8 -11
  39. package/cjs/Card/Card.tailwind.d.ts +4 -4
  40. package/cjs/Card/Card.tailwind.js +5 -8
  41. package/cjs/Card/components/CardHeader.js +8 -4
  42. package/cjs/Card/components/CardTitle.d.ts +4 -2
  43. package/cjs/Card/components/CardTitle.js +11 -6
  44. package/cjs/Checkbox/Checkbox.d.ts +3 -3
  45. package/cjs/Checkbox/Checkbox.js +33 -30
  46. package/cjs/Checkbox/Checkbox.tailwind.d.ts +5 -5
  47. package/cjs/Checkbox/Checkbox.tailwind.js +11 -14
  48. package/cjs/ClickAwayContainer/ClickAwayContainer.d.ts +3 -2
  49. package/cjs/ClickAwayContainer/ClickAwayContainer.js +6 -9
  50. package/cjs/DatePicker/DatePicker/DatePicker.d.ts +13 -19
  51. package/cjs/DatePicker/DatePicker/DatePicker.js +90 -63
  52. package/cjs/DatePicker/DatePicker/datePickerReducer.d.ts +2 -2
  53. package/cjs/DatePicker/DatePicker/datePickerReducer.js +2 -2
  54. package/cjs/DatePicker/DatePicker.tailwind.d.ts +4 -4
  55. package/cjs/DatePicker/DatePicker.tailwind.js +19 -14
  56. package/cjs/DatePicker/DateRangePicker/DateRangePicker.d.ts +11 -17
  57. package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +101 -70
  58. package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +4 -1
  59. package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +18 -12
  60. package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.d.ts +3 -3
  61. package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +5 -5
  62. package/cjs/DatePicker/components/Calendar.d.ts +6 -2
  63. package/cjs/DatePicker/components/Calendar.js +12 -10
  64. package/cjs/DatePicker/components/Display.d.ts +3 -3
  65. package/cjs/DatePicker/components/Display.js +6 -5
  66. package/cjs/DatePicker/components/Footer.d.ts +2 -2
  67. package/cjs/DatePicker/components/Footer.js +6 -5
  68. package/cjs/DatePicker/components/FooterActions.d.ts +4 -1
  69. package/cjs/DatePicker/components/FooterActions.js +17 -13
  70. package/cjs/DatePicker/components/Modal.d.ts +5 -5
  71. package/cjs/DatePicker/components/Modal.js +18 -16
  72. package/cjs/DatePicker/components/NavBar.d.ts +7 -3
  73. package/cjs/DatePicker/components/NavBar.js +42 -41
  74. package/cjs/DatePicker/components/SidePanel.d.ts +2 -2
  75. package/cjs/DatePicker/components/SidePanel.js +9 -7
  76. package/cjs/DatePicker/types.d.ts +17 -0
  77. package/cjs/{tailwind-types.js → DatePicker/types.js} +0 -0
  78. package/cjs/DatePicker/utils.d.ts +2 -0
  79. package/cjs/DatePicker/utils.js +10 -2
  80. package/cjs/Dropdown/Dropdown.d.ts +8 -8
  81. package/cjs/Dropdown/Dropdown.js +49 -40
  82. package/cjs/Dropdown/DropdownButton.d.ts +4 -3
  83. package/cjs/Dropdown/DropdownButton.js +15 -9
  84. package/cjs/Dropdown/DropdownContext.d.ts +2 -2
  85. package/cjs/Dropdown/DropdownContext.js +2 -9
  86. package/cjs/Dropdown/components/DropdownButtonItem.d.ts +1 -1
  87. package/cjs/Dropdown/components/DropdownButtonItem.js +14 -14
  88. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +4 -4
  89. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +30 -29
  90. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +1 -1
  91. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +6 -7
  92. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +1 -1
  93. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -9
  94. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +1 -1
  95. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -9
  96. package/cjs/Dropdown/components/DropdownDivider.js +3 -3
  97. package/cjs/Dropdown/components/DropdownFooterItem.d.ts +2 -2
  98. package/cjs/Dropdown/components/DropdownFooterItem.js +11 -5
  99. package/cjs/Dropdown/components/DropdownLinkItem.js +14 -13
  100. package/cjs/Dropdown/components/DropdownRadioItem.d.ts +2 -2
  101. package/cjs/Dropdown/components/DropdownRadioItem.js +17 -16
  102. package/cjs/Dropdown/components/DropdownTitle.d.ts +4 -2
  103. package/cjs/Dropdown/components/DropdownTitle.js +8 -4
  104. package/cjs/Dropdown/components/DropdownToggleItem.d.ts +3 -3
  105. package/cjs/Dropdown/components/DropdownToggleItem.js +16 -16
  106. package/cjs/Dropdown/useDropdownItemProps.d.ts +3 -3
  107. package/cjs/Dropzone/Dropzone.d.ts +7 -3
  108. package/cjs/Dropzone/Dropzone.js +70 -56
  109. package/cjs/EmptyState/EmptyState.d.ts +1 -1
  110. package/cjs/EmptyState/EmptyState.js +29 -22
  111. package/cjs/EmptyState/EmptyState.tailwind.d.ts +4 -4
  112. package/cjs/EmptyState/EmptyState.tailwind.js +5 -8
  113. package/cjs/EmptyState/types.d.ts +7 -7
  114. package/cjs/Field/Field.d.ts +4 -3
  115. package/cjs/Field/Field.js +33 -26
  116. package/cjs/Flag/Flag.d.ts +3 -2
  117. package/cjs/Flag/Flag.js +58 -38
  118. package/cjs/Flag/Flag.tailwind.d.ts +4 -4
  119. package/cjs/Flag/Flag.tailwind.js +8 -15
  120. package/cjs/Flag/Flags.d.ts +3 -3
  121. package/cjs/Flag/Flags.js +32 -22
  122. package/cjs/Flag/types.d.ts +8 -4
  123. package/cjs/FlexGrid/FlexGrid.d.ts +2 -1
  124. package/cjs/FlexGrid/FlexGrid.js +15 -9
  125. package/cjs/FlexGrid/FlexGrid.tailwind.d.ts +6 -3
  126. package/cjs/FlexGrid/FlexGrid.tailwind.js +10 -13
  127. package/cjs/HelpUnderline/HelpUnderline.d.ts +2 -1
  128. package/cjs/HelpUnderline/HelpUnderline.js +9 -7
  129. package/cjs/HelpUnderline/HelpUnderline.tailwind.d.ts +4 -4
  130. package/cjs/HelpUnderline/HelpUnderline.tailwind.js +3 -6
  131. package/cjs/Input/Input.d.ts +11 -5
  132. package/cjs/Input/Input.js +131 -115
  133. package/cjs/Input/Input.tailwind.d.ts +4 -4
  134. package/cjs/Input/Input.tailwind.js +12 -15
  135. package/cjs/Insert/Insert.d.ts +3 -2
  136. package/cjs/Insert/Insert.js +29 -23
  137. package/cjs/InstantSearch/InstantSearch.tailwind.d.ts +4 -5
  138. package/cjs/InstantSearch/InstantSearch.tailwind.js +34 -32
  139. package/cjs/KeyboardKey/KeyboardKey.d.ts +2 -1
  140. package/cjs/KeyboardKey/KeyboardKey.js +11 -13
  141. package/cjs/KeyboardKey/KeyboardKey.tailwind.d.ts +4 -4
  142. package/cjs/KeyboardKey/KeyboardKey.tailwind.js +5 -8
  143. package/cjs/Link/BaseLink.d.ts +3 -3
  144. package/cjs/Link/BaseLink.js +7 -7
  145. package/cjs/Link/ButtonLink.d.ts +1 -1
  146. package/cjs/Link/ButtonLink.js +9 -5
  147. package/cjs/Link/IconButtonLink.d.ts +1 -1
  148. package/cjs/Link/IconButtonLink.js +8 -4
  149. package/cjs/Link/Link.d.ts +5 -5
  150. package/cjs/Link/Link.js +16 -15
  151. package/cjs/Medallion/Medallion.d.ts +2 -2
  152. package/cjs/Medallion/Medallion.js +8 -7
  153. package/cjs/Medallion/Medallion.tailwind.d.ts +4 -4
  154. package/cjs/Medallion/Medallion.tailwind.js +8 -11
  155. package/cjs/Modal/Modal.d.ts +8 -5
  156. package/cjs/Modal/Modal.js +60 -47
  157. package/cjs/Modal/Modal.tailwind.d.ts +4 -4
  158. package/cjs/Modal/Modal.tailwind.js +9 -18
  159. package/cjs/Modal/components/ModalFooter.d.ts +4 -2
  160. package/cjs/Modal/components/ModalFooter.js +16 -10
  161. package/cjs/Modal/components/ModalSection.d.ts +1 -1
  162. package/cjs/Modal/components/ModalSection.js +6 -5
  163. package/cjs/Pagination/CompactPagination/CompactPagination.d.ts +8 -0
  164. package/cjs/Pagination/CompactPagination/CompactPagination.js +62 -36
  165. package/cjs/Pagination/DotPagination/DotPagination.d.ts +5 -1
  166. package/cjs/Pagination/DotPagination/DotPagination.js +36 -16
  167. package/cjs/Pagination/Pagination/Pagination.d.ts +7 -1
  168. package/cjs/Pagination/Pagination/Pagination.js +79 -49
  169. package/cjs/ProgressBar/ProgressBar.d.ts +2 -2
  170. package/cjs/ProgressBar/ProgressBar.js +16 -11
  171. package/cjs/ProgressBar/ProgressBar.tailwind.d.ts +5 -5
  172. package/cjs/ProgressBar/ProgressBar.tailwind.js +7 -10
  173. package/cjs/ProgressSpinner/ProgressSpinner.d.ts +2 -2
  174. package/cjs/ProgressSpinner/ProgressSpinner.js +18 -11
  175. package/cjs/ProgressSpinner/ProgressSpinner.tailwind.d.ts +5 -5
  176. package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js +4 -7
  177. package/cjs/RadioGroup/RadioButton.d.ts +3 -3
  178. package/cjs/RadioGroup/RadioButton.js +8 -8
  179. package/cjs/RadioGroup/RadioButton.tailwind.d.ts +4 -4
  180. package/cjs/RadioGroup/RadioButton.tailwind.js +11 -14
  181. package/cjs/RadioGroup/RadioGroup.d.ts +4 -3
  182. package/cjs/RadioGroup/RadioGroup.js +36 -34
  183. package/cjs/RangeSlider/RangeSlider.d.ts +3 -3
  184. package/cjs/RangeSlider/RangeSlider.js +37 -36
  185. package/cjs/RangeSlider/RangeSlider.tailwind.d.ts +4 -4
  186. package/cjs/RangeSlider/RangeSlider.tailwind.js +21 -24
  187. package/cjs/Satellite/Satellite.d.ts +5 -2
  188. package/cjs/Satellite/Satellite.js +13 -7
  189. package/cjs/Satellite/SatelliteContext.d.ts +3 -1
  190. package/cjs/Satellite/SatelliteContext.js +4 -3
  191. package/cjs/Satellite/SatelliteRouter.d.ts +1 -1
  192. package/cjs/Satellite/index.d.ts +1 -0
  193. package/cjs/Satellite/index.js +14 -0
  194. package/cjs/Satellite/locale.d.ts +27 -0
  195. package/cjs/Satellite/locale.js +21 -0
  196. package/cjs/ScrollIndicator/ScrollIndicator.d.ts +6 -3
  197. package/cjs/ScrollIndicator/ScrollIndicator.js +13 -16
  198. package/cjs/ScrollIndicator/ScrollIndicator.tailwind.d.ts +4 -4
  199. package/cjs/ScrollIndicator/ScrollIndicator.tailwind.js +8 -11
  200. package/cjs/Select/Select.d.ts +3 -3
  201. package/cjs/Select/Select.js +8 -8
  202. package/cjs/Select/Select.tailwind.d.ts +5 -5
  203. package/cjs/Select/Select.tailwind.js +5 -8
  204. package/cjs/Sidebar/Sidebar.d.ts +6 -4
  205. package/cjs/Sidebar/Sidebar.js +18 -10
  206. package/cjs/Sidebar/Sidebar.tailwind.d.ts +4 -4
  207. package/cjs/Sidebar/Sidebar.tailwind.js +5 -8
  208. package/cjs/Sidebar/SidebarContext.d.ts +1 -1
  209. package/cjs/Sidebar/components/SidebarHeader.d.ts +2 -2
  210. package/cjs/Sidebar/components/SidebarHeader.js +11 -6
  211. package/cjs/Sidebar/components/SidebarLink.d.ts +4 -3
  212. package/cjs/Sidebar/components/SidebarLink.js +32 -22
  213. package/cjs/Switch/Switch.d.ts +3 -3
  214. package/cjs/Switch/Switch.js +17 -19
  215. package/cjs/Switch/Switch.tailwind.d.ts +5 -5
  216. package/cjs/Switch/Switch.tailwind.js +7 -8
  217. package/cjs/Switch/SwitchOption.d.ts +2 -1
  218. package/cjs/Switch/SwitchOption.js +25 -17
  219. package/cjs/Tables/DataTable/DataTable.d.ts +15 -5
  220. package/cjs/Tables/DataTable/DataTable.js +79 -60
  221. package/cjs/Tables/DataTable/DataTable.tailwind.d.ts +4 -4
  222. package/cjs/Tables/DataTable/DataTable.tailwind.js +3 -6
  223. package/cjs/Tables/DataTable/components/Body.d.ts +7 -6
  224. package/cjs/Tables/DataTable/components/Body.js +62 -47
  225. package/cjs/Tables/DataTable/components/Footer.d.ts +1 -1
  226. package/cjs/Tables/DataTable/components/Footer.js +6 -6
  227. package/cjs/Tables/DataTable/components/Header.js +24 -20
  228. package/cjs/Tables/DataTable/components/HeaderCell.d.ts +3 -3
  229. package/cjs/Tables/DataTable/components/HeaderCell.js +20 -14
  230. package/cjs/Tables/DataTable/components/Loader.d.ts +3 -1
  231. package/cjs/Tables/DataTable/components/Loader.js +19 -20
  232. package/cjs/Tables/DataTable/types.d.ts +3 -3
  233. package/cjs/Tables/DataTable/utils.d.ts +1 -1
  234. package/cjs/Tables/Table/Table.d.ts +3 -3
  235. package/cjs/Tables/Table/Table.js +19 -12
  236. package/cjs/Tables/Table/Table.tailwind.d.ts +4 -4
  237. package/cjs/Tables/Table/Table.tailwind.js +3 -6
  238. package/cjs/Tables/Table/components/Footer.d.ts +2 -2
  239. package/cjs/Tables/Table/components/Footer.js +6 -5
  240. package/cjs/Tabs/ContentTabs.d.ts +1 -1
  241. package/cjs/Tabs/ContentTabs.js +39 -38
  242. package/cjs/Tabs/LinkTabs.d.ts +1 -1
  243. package/cjs/Tabs/LinkTabs.js +16 -16
  244. package/cjs/Tabs/Tabs.tailwind.d.ts +4 -4
  245. package/cjs/Tabs/Tabs.tailwind.js +5 -8
  246. package/cjs/Tabs/components/LinkTab.d.ts +3 -3
  247. package/cjs/Tabs/components/LinkTab.js +18 -12
  248. package/cjs/Tabs/types.d.ts +6 -6
  249. package/cjs/Tabs/utils.d.ts +1 -1
  250. package/cjs/Tag/Tag.d.ts +8 -4
  251. package/cjs/Tag/Tag.js +36 -24
  252. package/cjs/Tag/Tag.tailwind.d.ts +4 -4
  253. package/cjs/Tag/Tag.tailwind.js +6 -9
  254. package/cjs/TextArea/TextArea.d.ts +3 -3
  255. package/cjs/TextArea/TextArea.js +8 -8
  256. package/cjs/TextArea/TextArea.tailwind.d.ts +4 -4
  257. package/cjs/TextArea/TextArea.tailwind.js +4 -7
  258. package/cjs/TextWrap/TextWrap.js +20 -20
  259. package/cjs/Toggle/Toggle.d.ts +3 -3
  260. package/cjs/Toggle/Toggle.js +23 -21
  261. package/cjs/Toggle/Toggle.tailwind.d.ts +5 -5
  262. package/cjs/Toggle/Toggle.tailwind.js +19 -22
  263. package/cjs/Tooltip/OverflowTooltipWrapper.d.ts +3 -2
  264. package/cjs/Tooltip/OverflowTooltipWrapper.js +32 -24
  265. package/cjs/Tooltip/Tooltip.d.ts +3 -3
  266. package/cjs/Tooltip/Tooltip.js +8 -8
  267. package/cjs/Tooltip/Tooltip.tailwind.d.ts +4 -4
  268. package/cjs/Tooltip/Tooltip.tailwind.js +19 -18
  269. package/cjs/Tooltip/TooltipWrapper.d.ts +4 -3
  270. package/cjs/Tooltip/TooltipWrapper.js +47 -39
  271. package/cjs/Tooltip/types.d.ts +4 -2
  272. package/cjs/Typography/Typography.tailwind.d.ts +5 -17
  273. package/cjs/Typography/Typography.tailwind.js +125 -135
  274. package/cjs/UserContent/UserContent.js +3 -3
  275. package/cjs/UserContent/UserContent.tailwind.d.ts +4 -1
  276. package/cjs/UserContent/UserContent.tailwind.js +13 -13
  277. package/cjs/styles/base.tailwind.d.ts +4 -4
  278. package/cjs/styles/base.tailwind.js +3 -6
  279. package/cjs/styles/tailwind.config.d.ts +2 -198
  280. package/cjs/styles/tailwind.config.js +27 -31
  281. package/cjs/types.d.ts +10 -3
  282. package/cjs/utilities/utilities.tailwind.d.ts +4 -1
  283. package/cjs/utilities/utilities.tailwind.js +4 -6
  284. package/cjs/utils/genericChangeHandler.d.ts +3 -3
  285. package/cjs/utils/isCssPropertySupported.d.ts +1 -1
  286. package/cjs/utils/isRenderedChild.d.ts +2 -2
  287. package/cjs/utils/pluralize.js +6 -1
  288. package/cjs/utils/useForwardedRef.d.ts +2 -2
  289. package/cjs/utils/useLinkProps.d.ts +2 -2
  290. package/cjs/utils/useTriggerInputChange.d.ts +2 -2
  291. package/esm/AnnouncementBadge/AnnouncementBadge.d.ts +8 -3
  292. package/esm/AnnouncementBadge/AnnouncementBadge.js +23 -6
  293. package/esm/AutoComplete/AutoComplete.d.ts +23 -17
  294. package/esm/AutoComplete/AutoComplete.js +184 -115
  295. package/esm/AutoComplete/AutoComplete.tailwind.d.ts +4 -4
  296. package/esm/AutoComplete/AutoComplete.tailwind.js +10 -13
  297. package/esm/AutoComplete/components/AutoCompleteEmptyState.d.ts +4 -4
  298. package/esm/AutoComplete/components/AutoCompleteEmptyState.js +16 -12
  299. package/esm/AutoComplete/components/DefaultOptionItem.d.ts +6 -2
  300. package/esm/AutoComplete/components/DefaultOptionItem.js +25 -16
  301. package/esm/AutoComplete/types.d.ts +33 -25
  302. package/esm/AutoComplete/utils.d.ts +5 -4
  303. package/esm/AutoComplete/utils.js +16 -0
  304. package/esm/Avatars/ApplicationAvatar.js +6 -5
  305. package/esm/Avatars/UserAvatar.js +19 -14
  306. package/esm/Avatars/utils.d.ts +1 -1
  307. package/esm/Badge/Badge.d.ts +5 -5
  308. package/esm/Badge/Badge.js +21 -11
  309. package/esm/Banner/Banner.d.ts +5 -4
  310. package/esm/Banner/Banner.js +31 -25
  311. package/esm/Banners/Alert/Alert.d.ts +5 -4
  312. package/esm/Banners/Alert/Alert.js +30 -23
  313. package/esm/Banners/BigBertha/BigBertha.d.ts +3 -2
  314. package/esm/Banners/BigBertha/BigBertha.js +11 -8
  315. package/esm/Banners/Promote/Promote.d.ts +6 -5
  316. package/esm/Banners/Promote/Promote.js +37 -28
  317. package/esm/Button/Button.js +23 -16
  318. package/esm/Button/Button.tailwind.d.ts +4 -4
  319. package/esm/Button/Button.tailwind.js +13 -16
  320. package/esm/Button/ButtonGroup.d.ts +2 -1
  321. package/esm/Button/ButtonGroup.js +5 -4
  322. package/esm/Button/IconButton.d.ts +2 -2
  323. package/esm/Button/IconButton.js +24 -19
  324. package/esm/Button/styles.d.ts +1 -1
  325. package/esm/Button/types.d.ts +5 -5
  326. package/esm/Card/Card.d.ts +3 -3
  327. package/esm/Card/Card.js +6 -4
  328. package/esm/Card/Card.tailwind.d.ts +4 -4
  329. package/esm/Card/Card.tailwind.js +6 -9
  330. package/esm/Card/components/CardHeader.js +8 -3
  331. package/esm/Card/components/CardTitle.d.ts +4 -2
  332. package/esm/Card/components/CardTitle.js +11 -5
  333. package/esm/Checkbox/Checkbox.d.ts +3 -3
  334. package/esm/Checkbox/Checkbox.js +35 -26
  335. package/esm/Checkbox/Checkbox.tailwind.d.ts +5 -5
  336. package/esm/Checkbox/Checkbox.tailwind.js +11 -14
  337. package/esm/ClickAwayContainer/ClickAwayContainer.d.ts +3 -2
  338. package/esm/ClickAwayContainer/ClickAwayContainer.js +6 -4
  339. package/esm/DatePicker/DatePicker/DatePicker.d.ts +13 -19
  340. package/esm/DatePicker/DatePicker/DatePicker.js +92 -59
  341. package/esm/DatePicker/DatePicker/datePickerReducer.d.ts +2 -2
  342. package/esm/DatePicker/DatePicker/datePickerReducer.js +2 -2
  343. package/esm/DatePicker/DatePicker.tailwind.d.ts +4 -4
  344. package/esm/DatePicker/DatePicker.tailwind.js +19 -15
  345. package/esm/DatePicker/DateRangePicker/DateRangePicker.d.ts +11 -17
  346. package/esm/DatePicker/DateRangePicker/DateRangePicker.js +105 -67
  347. package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +4 -1
  348. package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js +19 -11
  349. package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.d.ts +3 -3
  350. package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.js +4 -4
  351. package/esm/DatePicker/components/Calendar.d.ts +6 -2
  352. package/esm/DatePicker/components/Calendar.js +13 -5
  353. package/esm/DatePicker/components/Display.d.ts +3 -3
  354. package/esm/DatePicker/components/Display.js +5 -4
  355. package/esm/DatePicker/components/Footer.d.ts +2 -2
  356. package/esm/DatePicker/components/Footer.js +5 -4
  357. package/esm/DatePicker/components/FooterActions.d.ts +4 -1
  358. package/esm/DatePicker/components/FooterActions.js +18 -13
  359. package/esm/DatePicker/components/Modal.d.ts +5 -5
  360. package/esm/DatePicker/components/Modal.js +19 -12
  361. package/esm/DatePicker/components/NavBar.d.ts +7 -3
  362. package/esm/DatePicker/components/NavBar.js +42 -35
  363. package/esm/DatePicker/components/SidePanel.d.ts +2 -2
  364. package/esm/DatePicker/components/SidePanel.js +8 -6
  365. package/esm/DatePicker/types.d.ts +17 -0
  366. package/esm/{tailwind-types.js → DatePicker/types.js} +0 -0
  367. package/esm/DatePicker/utils.d.ts +2 -0
  368. package/esm/DatePicker/utils.js +7 -0
  369. package/esm/Dropdown/Dropdown.d.ts +8 -8
  370. package/esm/Dropdown/Dropdown.js +45 -30
  371. package/esm/Dropdown/DropdownButton.d.ts +4 -3
  372. package/esm/Dropdown/DropdownButton.js +15 -8
  373. package/esm/Dropdown/DropdownContext.d.ts +2 -2
  374. package/esm/Dropdown/DropdownContext.js +2 -2
  375. package/esm/Dropdown/components/DropdownButtonItem.d.ts +1 -1
  376. package/esm/Dropdown/components/DropdownButtonItem.js +14 -12
  377. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +4 -4
  378. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +29 -22
  379. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +1 -1
  380. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +5 -4
  381. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +1 -1
  382. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -4
  383. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +1 -1
  384. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -4
  385. package/esm/Dropdown/components/DropdownDivider.js +2 -2
  386. package/esm/Dropdown/components/DropdownFooterItem.d.ts +2 -2
  387. package/esm/Dropdown/components/DropdownFooterItem.js +11 -4
  388. package/esm/Dropdown/components/DropdownLinkItem.js +14 -11
  389. package/esm/Dropdown/components/DropdownRadioItem.d.ts +2 -2
  390. package/esm/Dropdown/components/DropdownRadioItem.js +17 -14
  391. package/esm/Dropdown/components/DropdownTitle.d.ts +4 -2
  392. package/esm/Dropdown/components/DropdownTitle.js +8 -3
  393. package/esm/Dropdown/components/DropdownToggleItem.d.ts +3 -3
  394. package/esm/Dropdown/components/DropdownToggleItem.js +16 -14
  395. package/esm/Dropdown/useDropdownItemProps.d.ts +3 -3
  396. package/esm/Dropzone/Dropzone.d.ts +7 -3
  397. package/esm/Dropzone/Dropzone.js +69 -49
  398. package/esm/EmptyState/EmptyState.d.ts +1 -1
  399. package/esm/EmptyState/EmptyState.js +29 -21
  400. package/esm/EmptyState/EmptyState.tailwind.d.ts +4 -4
  401. package/esm/EmptyState/EmptyState.tailwind.js +6 -9
  402. package/esm/EmptyState/types.d.ts +7 -7
  403. package/esm/Field/Field.d.ts +4 -3
  404. package/esm/Field/Field.js +33 -25
  405. package/esm/Flag/Flag.d.ts +3 -2
  406. package/esm/Flag/Flag.js +57 -33
  407. package/esm/Flag/Flag.tailwind.d.ts +4 -4
  408. package/esm/Flag/Flag.tailwind.js +9 -16
  409. package/esm/Flag/Flags.d.ts +3 -3
  410. package/esm/Flag/Flags.js +30 -21
  411. package/esm/Flag/types.d.ts +8 -4
  412. package/esm/FlexGrid/FlexGrid.d.ts +2 -1
  413. package/esm/FlexGrid/FlexGrid.js +13 -8
  414. package/esm/FlexGrid/FlexGrid.tailwind.d.ts +6 -3
  415. package/esm/FlexGrid/FlexGrid.tailwind.js +10 -13
  416. package/esm/HelpUnderline/HelpUnderline.d.ts +2 -1
  417. package/esm/HelpUnderline/HelpUnderline.js +8 -6
  418. package/esm/HelpUnderline/HelpUnderline.tailwind.d.ts +4 -4
  419. package/esm/HelpUnderline/HelpUnderline.tailwind.js +4 -7
  420. package/esm/Input/Input.d.ts +11 -5
  421. package/esm/Input/Input.js +131 -109
  422. package/esm/Input/Input.tailwind.d.ts +4 -4
  423. package/esm/Input/Input.tailwind.js +14 -17
  424. package/esm/Insert/Insert.d.ts +3 -2
  425. package/esm/Insert/Insert.js +28 -21
  426. package/esm/InstantSearch/InstantSearch.tailwind.d.ts +4 -5
  427. package/esm/InstantSearch/InstantSearch.tailwind.js +35 -33
  428. package/esm/KeyboardKey/KeyboardKey.d.ts +2 -1
  429. package/esm/KeyboardKey/KeyboardKey.js +9 -6
  430. package/esm/KeyboardKey/KeyboardKey.tailwind.d.ts +4 -4
  431. package/esm/KeyboardKey/KeyboardKey.tailwind.js +6 -9
  432. package/esm/Link/BaseLink.d.ts +3 -3
  433. package/esm/Link/BaseLink.js +9 -3
  434. package/esm/Link/ButtonLink.d.ts +1 -1
  435. package/esm/Link/ButtonLink.js +9 -4
  436. package/esm/Link/IconButtonLink.d.ts +1 -1
  437. package/esm/Link/IconButtonLink.js +9 -4
  438. package/esm/Link/Link.d.ts +5 -5
  439. package/esm/Link/Link.js +18 -10
  440. package/esm/Medallion/Medallion.d.ts +2 -2
  441. package/esm/Medallion/Medallion.js +7 -6
  442. package/esm/Medallion/Medallion.tailwind.d.ts +4 -4
  443. package/esm/Medallion/Medallion.tailwind.js +8 -11
  444. package/esm/Modal/Modal.d.ts +8 -5
  445. package/esm/Modal/Modal.js +58 -39
  446. package/esm/Modal/Modal.tailwind.d.ts +4 -4
  447. package/esm/Modal/Modal.tailwind.js +10 -19
  448. package/esm/Modal/components/ModalFooter.d.ts +4 -2
  449. package/esm/Modal/components/ModalFooter.js +16 -9
  450. package/esm/Modal/components/ModalSection.d.ts +1 -1
  451. package/esm/Modal/components/ModalSection.js +5 -4
  452. package/esm/Pagination/CompactPagination/CompactPagination.d.ts +8 -0
  453. package/esm/Pagination/CompactPagination/CompactPagination.js +61 -37
  454. package/esm/Pagination/DotPagination/DotPagination.d.ts +5 -1
  455. package/esm/Pagination/DotPagination/DotPagination.js +33 -16
  456. package/esm/Pagination/Pagination/Pagination.d.ts +7 -1
  457. package/esm/Pagination/Pagination/Pagination.js +78 -48
  458. package/esm/ProgressBar/ProgressBar.d.ts +2 -2
  459. package/esm/ProgressBar/ProgressBar.js +16 -10
  460. package/esm/ProgressBar/ProgressBar.tailwind.d.ts +5 -5
  461. package/esm/ProgressBar/ProgressBar.tailwind.js +7 -10
  462. package/esm/ProgressSpinner/ProgressSpinner.d.ts +2 -2
  463. package/esm/ProgressSpinner/ProgressSpinner.js +18 -10
  464. package/esm/ProgressSpinner/ProgressSpinner.tailwind.d.ts +5 -5
  465. package/esm/ProgressSpinner/ProgressSpinner.tailwind.js +5 -8
  466. package/esm/RadioGroup/RadioButton.d.ts +3 -3
  467. package/esm/RadioGroup/RadioButton.js +9 -3
  468. package/esm/RadioGroup/RadioButton.tailwind.d.ts +4 -4
  469. package/esm/RadioGroup/RadioButton.tailwind.js +13 -16
  470. package/esm/RadioGroup/RadioGroup.d.ts +4 -3
  471. package/esm/RadioGroup/RadioGroup.js +36 -28
  472. package/esm/RangeSlider/RangeSlider.d.ts +3 -3
  473. package/esm/RangeSlider/RangeSlider.js +39 -31
  474. package/esm/RangeSlider/RangeSlider.tailwind.d.ts +4 -4
  475. package/esm/RangeSlider/RangeSlider.tailwind.js +21 -24
  476. package/esm/Satellite/Satellite.d.ts +5 -2
  477. package/esm/Satellite/Satellite.js +11 -6
  478. package/esm/Satellite/SatelliteContext.d.ts +3 -1
  479. package/esm/Satellite/SatelliteContext.js +4 -3
  480. package/esm/Satellite/SatelliteRouter.d.ts +1 -1
  481. package/esm/Satellite/index.d.ts +1 -0
  482. package/esm/Satellite/index.js +1 -0
  483. package/esm/Satellite/locale.d.ts +27 -0
  484. package/esm/Satellite/locale.js +8 -0
  485. package/esm/ScrollIndicator/ScrollIndicator.d.ts +6 -3
  486. package/esm/ScrollIndicator/ScrollIndicator.js +12 -10
  487. package/esm/ScrollIndicator/ScrollIndicator.tailwind.d.ts +4 -4
  488. package/esm/ScrollIndicator/ScrollIndicator.tailwind.js +8 -11
  489. package/esm/Select/Select.d.ts +3 -3
  490. package/esm/Select/Select.js +8 -3
  491. package/esm/Select/Select.tailwind.d.ts +5 -5
  492. package/esm/Select/Select.tailwind.js +5 -8
  493. package/esm/Sidebar/Sidebar.d.ts +6 -4
  494. package/esm/Sidebar/Sidebar.js +16 -8
  495. package/esm/Sidebar/Sidebar.tailwind.d.ts +4 -4
  496. package/esm/Sidebar/Sidebar.tailwind.js +6 -9
  497. package/esm/Sidebar/SidebarContext.d.ts +1 -1
  498. package/esm/Sidebar/components/SidebarHeader.d.ts +2 -2
  499. package/esm/Sidebar/components/SidebarHeader.js +11 -5
  500. package/esm/Sidebar/components/SidebarLink.d.ts +4 -3
  501. package/esm/Sidebar/components/SidebarLink.js +34 -21
  502. package/esm/Switch/Switch.d.ts +3 -3
  503. package/esm/Switch/Switch.js +16 -12
  504. package/esm/Switch/Switch.tailwind.d.ts +5 -5
  505. package/esm/Switch/Switch.tailwind.js +7 -8
  506. package/esm/Switch/SwitchOption.d.ts +2 -1
  507. package/esm/Switch/SwitchOption.js +25 -16
  508. package/esm/Tables/DataTable/DataTable.d.ts +15 -5
  509. package/esm/Tables/DataTable/DataTable.js +77 -54
  510. package/esm/Tables/DataTable/DataTable.tailwind.d.ts +4 -4
  511. package/esm/Tables/DataTable/DataTable.tailwind.js +4 -7
  512. package/esm/Tables/DataTable/components/Body.d.ts +7 -6
  513. package/esm/Tables/DataTable/components/Body.js +60 -45
  514. package/esm/Tables/DataTable/components/Footer.d.ts +1 -1
  515. package/esm/Tables/DataTable/components/Footer.js +5 -5
  516. package/esm/Tables/DataTable/components/Header.js +22 -18
  517. package/esm/Tables/DataTable/components/HeaderCell.d.ts +3 -3
  518. package/esm/Tables/DataTable/components/HeaderCell.js +20 -13
  519. package/esm/Tables/DataTable/components/Loader.d.ts +3 -1
  520. package/esm/Tables/DataTable/components/Loader.js +18 -14
  521. package/esm/Tables/DataTable/types.d.ts +3 -3
  522. package/esm/Tables/DataTable/utils.d.ts +1 -1
  523. package/esm/Tables/Table/Table.d.ts +3 -3
  524. package/esm/Tables/Table/Table.js +20 -11
  525. package/esm/Tables/Table/Table.tailwind.d.ts +4 -4
  526. package/esm/Tables/Table/Table.tailwind.js +4 -7
  527. package/esm/Tables/Table/components/Footer.d.ts +2 -2
  528. package/esm/Tables/Table/components/Footer.js +5 -4
  529. package/esm/Tabs/ContentTabs.d.ts +1 -1
  530. package/esm/Tabs/ContentTabs.js +38 -31
  531. package/esm/Tabs/LinkTabs.d.ts +1 -1
  532. package/esm/Tabs/LinkTabs.js +14 -14
  533. package/esm/Tabs/Tabs.tailwind.d.ts +4 -4
  534. package/esm/Tabs/Tabs.tailwind.js +6 -9
  535. package/esm/Tabs/components/LinkTab.d.ts +3 -3
  536. package/esm/Tabs/components/LinkTab.js +18 -11
  537. package/esm/Tabs/types.d.ts +6 -6
  538. package/esm/Tabs/utils.d.ts +1 -1
  539. package/esm/Tag/Tag.d.ts +8 -4
  540. package/esm/Tag/Tag.js +36 -19
  541. package/esm/Tag/Tag.tailwind.d.ts +4 -4
  542. package/esm/Tag/Tag.tailwind.js +7 -10
  543. package/esm/TextArea/TextArea.d.ts +3 -3
  544. package/esm/TextArea/TextArea.js +9 -3
  545. package/esm/TextArea/TextArea.tailwind.d.ts +4 -4
  546. package/esm/TextArea/TextArea.tailwind.js +6 -9
  547. package/esm/TextWrap/TextWrap.js +22 -17
  548. package/esm/Toggle/Toggle.d.ts +3 -3
  549. package/esm/Toggle/Toggle.js +25 -16
  550. package/esm/Toggle/Toggle.tailwind.d.ts +5 -5
  551. package/esm/Toggle/Toggle.tailwind.js +19 -22
  552. package/esm/Tooltip/OverflowTooltipWrapper.d.ts +3 -2
  553. package/esm/Tooltip/OverflowTooltipWrapper.js +35 -19
  554. package/esm/Tooltip/Tooltip.d.ts +3 -3
  555. package/esm/Tooltip/Tooltip.js +8 -3
  556. package/esm/Tooltip/Tooltip.tailwind.d.ts +4 -4
  557. package/esm/Tooltip/Tooltip.tailwind.js +20 -19
  558. package/esm/Tooltip/TooltipWrapper.d.ts +4 -3
  559. package/esm/Tooltip/TooltipWrapper.js +48 -33
  560. package/esm/Tooltip/types.d.ts +4 -2
  561. package/esm/Typography/Typography.tailwind.d.ts +5 -17
  562. package/esm/Typography/Typography.tailwind.js +126 -136
  563. package/esm/UserContent/UserContent.js +2 -2
  564. package/esm/UserContent/UserContent.tailwind.d.ts +4 -1
  565. package/esm/UserContent/UserContent.tailwind.js +14 -14
  566. package/esm/styles/base.tailwind.d.ts +4 -4
  567. package/esm/styles/base.tailwind.js +4 -7
  568. package/esm/styles/tailwind.config.d.ts +2 -198
  569. package/esm/styles/tailwind.config.js +29 -32
  570. package/esm/types.d.ts +10 -3
  571. package/esm/utilities/utilities.tailwind.d.ts +4 -1
  572. package/esm/utilities/utilities.tailwind.js +4 -6
  573. package/esm/utils/genericChangeHandler.d.ts +3 -3
  574. package/esm/utils/isCssPropertySupported.d.ts +1 -1
  575. package/esm/utils/isRenderedChild.d.ts +2 -2
  576. package/esm/utils/pluralize.js +6 -1
  577. package/esm/utils/useForwardedRef.d.ts +2 -2
  578. package/esm/utils/useForwardedRef.js +1 -1
  579. package/esm/utils/useLinkProps.d.ts +2 -2
  580. package/esm/utils/useTriggerInputChange.d.ts +2 -2
  581. package/package.json +11 -14
  582. package/satellite.min.css +2 -4
  583. package/scss/colors.scss +1 -0
  584. package/cjs/tailwind-types.d.ts +0 -52
  585. package/esm/tailwind-types.d.ts +0 -52
  586. package/satellite.css +0 -196852
@@ -1,26 +1,38 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
3
2
  import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
4
3
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
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 { useLocale } from "../../Satellite";
18
+ import stl from "../../styles/helpers/satellitePrefixer";
18
19
  import { toSentenceCase } from "../../utils";
19
20
  import Table from "../Table";
20
- import DataTableHeader from "./components/Header";
21
- import DataTableFooter from "./components/Footer";
22
21
  import DataTableBody from "./components/Body";
22
+ import DataTableFooter from "./components/Footer";
23
+ import DataTableHeader from "./components/Header";
23
24
  import DataTableLoader from "./components/Loader";
25
+ import { jsx as _jsx } from "react/jsx-runtime";
26
+ import { jsxs as _jsxs } from "react/jsx-runtime";
27
+ var DEFAULT_DATATABLE_LOCALE = {
28
+ selectAllButton: "Select all",
29
+ noDataTitle: "Empty",
30
+ noDataDescription: "There is no data to display",
31
+ loadingTitle: "It appears to be taking a while to get your data",
32
+ loadingDescription: "Please hold or try again later",
33
+ errorTitle: "Error",
34
+ errorDescription: "An error occurred while loading data."
35
+ };
24
36
 
25
37
  var DEFAULT_GET_ITEM_ID = function DEFAULT_GET_ITEM_ID(_, idx) {
26
38
  return String(idx);
@@ -65,7 +77,11 @@ export var DataTable = function DataTable(_ref) {
65
77
  onSelectionChange = _ref.onSelectionChange,
66
78
  canSelectItem = _ref.canSelectItem,
67
79
  canHoverRow = _ref.canHoverRow,
68
- onRowHoveredChanged = _ref.onRowHoveredChanged;
80
+ onRowHoveredChanged = _ref.onRowHoveredChanged,
81
+ propsLocale = _ref.locale;
82
+ var contextLocale = useLocale("dataTable");
83
+
84
+ var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_DATATABLE_LOCALE), contextLocale), propsLocale);
69
85
 
70
86
  if (process.env.NODE_ENV !== "production") {
71
87
  var _selection$length;
@@ -98,13 +114,14 @@ export var DataTable = function DataTable(_ref) {
98
114
  Header: false,
99
115
  Cell: function Cell(_ref2) {
100
116
  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
- }));
117
+ return /*#__PURE__*/_jsx("div", {
118
+ className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex"]))),
119
+ children: /*#__PURE__*/_jsx(RadioButton, {
120
+ defaultChecked: row.selected,
121
+ disabled: !row.selectable,
122
+ className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["", ""])), row.hovered || row.selected ? "opacity-100" : "opacity-0 select-none")
123
+ })
124
+ });
108
125
  },
109
126
  className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["w-3"])))
110
127
  }, selectMode === "multi" && {
@@ -125,8 +142,8 @@ export var DataTable = function DataTable(_ref) {
125
142
  var dataLength = pagination ? pagination.itemsPerPage : data.length;
126
143
  var isChecked = selectionLength === dataLength;
127
144
  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
145
+ return /*#__PURE__*/_jsx(Checkbox, {
146
+ "aria-label": locale.selectAllButton // Small hack to position the checkbox in the center of the header
130
147
  ,
131
148
  className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["absolute mb-2.5"]))),
132
149
  checked: isChecked,
@@ -138,13 +155,14 @@ export var DataTable = function DataTable(_ref) {
138
155
  },
139
156
  Cell: function Cell(_ref3) {
140
157
  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
- }));
158
+ return /*#__PURE__*/_jsx("div", {
159
+ className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["flex"]))),
160
+ children: /*#__PURE__*/_jsx(Checkbox, {
161
+ checked: row.selected,
162
+ disabled: !row.selectable,
163
+ className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["", ""])), row.hovered || row.selected ? "opacity-100" : "opacity-0 select-none")
164
+ })
165
+ });
148
166
  },
149
167
  className: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["w-3"])))
150
168
  }].concat(_toConsumableArray(columns.map(function (c) {
@@ -209,35 +227,40 @@ export var DataTable = function DataTable(_ref) {
209
227
  return onChange === null || onChange === void 0 ? void 0 : onChange(dataConfiguration);
210
228
  };
211
229
 
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
- })));
230
+ return /*#__PURE__*/_jsxs("div", {
231
+ className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["relative"]))),
232
+ children: [status === "loading" && /*#__PURE__*/_jsx("div", {
233
+ className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["absolute bg-white/50 z-10 w-full h-full flex items-center justify-center"]))),
234
+ children: /*#__PURE__*/_jsx(DataTableLoader, {
235
+ className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["-mt-12"]))),
236
+ locale: locale
237
+ })
238
+ }), /*#__PURE__*/_jsxs(Table, {
239
+ className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["datatable ", " ", ""])), status === "loading" && "pointer-events-none select-none", status === "loading" && data.length === 0 && "h-48"),
240
+ highlight: false,
241
+ footer: pagination !== false && /*#__PURE__*/_jsx(DataTableFooter, {
242
+ pagination: pagination,
243
+ onChange: handlePaginationChange
244
+ }),
245
+ children: [/*#__PURE__*/_jsx(DataTableHeader, {
246
+ disabled: status !== "success" || rows.length === 0,
247
+ columns: computedColumns,
248
+ onToggleSort: handleToggleSort,
249
+ sorting: internalSorting
250
+ }), /*#__PURE__*/_jsx(DataTableBody, {
251
+ rows: rows,
252
+ columns: computedColumns,
253
+ status: status,
254
+ noDataContent: noDataContent,
255
+ errorContent: errorContent,
256
+ selectMode: selectMode,
257
+ selection: selection,
258
+ canHoverRow: canHoverRow,
259
+ onRowHoverChange: onRowHoverChange,
260
+ onSelectionChange: onSelectionChange,
261
+ locale: locale
262
+ })]
263
+ })]
264
+ });
242
265
  };
243
266
  export default DataTable;
@@ -1,5 +1,5 @@
1
1
  export = datatablePlugin;
2
- /**
3
- * @type {import('../../tailwind-types').TailwindPlugin}
4
- */
5
- declare const datatablePlugin: import('../../tailwind-types').TailwindPlugin;
2
+ declare const datatablePlugin: {
3
+ handler: import("tailwindcss/types/config").PluginCreator;
4
+ config?: import("tailwindcss").Config | undefined;
5
+ };
@@ -1,9 +1,7 @@
1
+ import _plugin from "tailwindcss/plugin";
1
2
  // purgecss whitelist: th, td, tr
2
-
3
- /**
4
- * @type {import('../../tailwind-types').TailwindPlugin}
5
- */
6
- var datatablePlugin = function datatablePlugin(_ref) {
3
+ var plugin = _plugin;
4
+ var datatablePlugin = plugin(function (_ref) {
7
5
  var addComponents = _ref.addComponents,
8
6
  theme = _ref.theme;
9
7
  addComponents({
@@ -16,6 +14,5 @@ var datatablePlugin = function datatablePlugin(_ref) {
16
14
  }
17
15
  }
18
16
  });
19
- };
20
-
17
+ });
21
18
  export default datatablePlugin;
@@ -1,14 +1,15 @@
1
- import React from "react";
2
- import type { DataTableProps } from "../DataTable";
3
- import type { Row, AdvancedColumnDefinition, Status, SelectMode } from "../types";
1
+ import type { ReactNode } from "react";
2
+ import type { DataTableLocale, DataTableProps } from "../DataTable";
3
+ import type { AdvancedColumnDefinition, Row, SelectMode, Status } from "../types";
4
4
  export interface BodyProps<Item> extends Pick<DataTableProps<Item>, "selection" | "onSelectionChange" | "canHoverRow"> {
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
+ locale: Required<DataTableLocale>;
12
13
  }
13
- export declare const Body: <Item extends {}>({ rows, columns, status, noDataContent, errorContent, selectMode, selection, onSelectionChange, onRowHoverChange, canHoverRow, }: BodyProps<Item>) => JSX.Element;
14
+ export declare const Body: <Item extends {}>({ rows, columns, status, noDataContent, errorContent, selectMode, selection, onSelectionChange, onRowHoverChange, canHoverRow, locale, }: BodyProps<Item>) => JSX.Element;
14
15
  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.errorTitle,
70
+ description: locale.errorDescription,
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.noDataTitle,
89
+ description: locale.noDataDescription,
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: Required<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.loadingTitle,
39
+ description: locale.loadingDescription,
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>;