@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
@@ -1,10 +1,15 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import React from "react";
3
- import useLinkProps from "../utils/useLinkProps";
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
+
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
+
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
+
4
7
  import IconButton from "../Button/IconButton";
8
+ import useLinkProps from "../utils/useLinkProps";
9
+ import { jsx as _jsx } from "react/jsx-runtime";
5
10
  export var IconButtonLink = function IconButtonLink(props) {
6
11
  var linkProps = useLinkProps(props);
7
- return /*#__PURE__*/React.createElement(IconButton, _extends({}, props, linkProps, {
12
+ return /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread(_objectSpread({}, props), linkProps), {}, {
8
13
  as: "a"
9
14
  }));
10
15
  };
@@ -1,11 +1,11 @@
1
- import React from "react";
2
- import { IconComponentType } from "../types";
1
+ import type { AnchorHTMLAttributes } from "react";
2
+ import type { IconComponentType } from "../types";
3
3
  export declare type LinkProps = {
4
4
  startIcon?: IconComponentType;
5
5
  endIcon?: IconComponentType;
6
- } & React.AnchorHTMLAttributes<HTMLAnchorElement>;
7
- export declare const Link: React.ForwardRefExoticComponent<{
6
+ } & AnchorHTMLAttributes<HTMLAnchorElement>;
7
+ export declare const Link: import("react").ForwardRefExoticComponent<{
8
8
  startIcon?: IconComponentType | undefined;
9
9
  endIcon?: IconComponentType | undefined;
10
- } & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
10
+ } & AnchorHTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
11
11
  export default Link;
package/esm/Link/Link.js CHANGED
@@ -1,15 +1,22 @@
1
- import _extends from "@babel/runtime/helpers/extends";
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
 
5
5
  var _templateObject, _templateObject2, _templateObject3;
6
6
 
7
7
  var _excluded = ["className", "children", "startIcon", "endIcon"];
8
- import React, { forwardRef } from "react";
8
+
9
+ 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; }
10
+
11
+ 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; }
12
+
9
13
  import cx from "classnames";
14
+ import { forwardRef } from "react";
10
15
  import { ExternalLink } from "react-feather";
11
16
  import stl from "../styles/helpers/satellitePrefixer";
12
17
  import useLinkProps from "../utils/useLinkProps";
18
+ import { jsx as _jsx } from "react/jsx-runtime";
19
+ import { jsxs as _jsxs } from "react/jsx-runtime";
13
20
  export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
14
21
  var className = _ref.className,
15
22
  children = _ref.children,
@@ -24,15 +31,16 @@ export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
24
31
  EndIcon = ExternalLink;
25
32
  }
26
33
 
27
- return /*#__PURE__*/React.createElement("a", _extends({}, anchorProps, linkProps, {
34
+ return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), linkProps), {}, {
28
35
  ref: ref,
29
- className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["typo-link inline-flex items-center"]))), className)
30
- }), StartIcon && /*#__PURE__*/React.createElement(StartIcon, {
31
- className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-1"]))),
32
- size: "1em"
33
- }), children, EndIcon && /*#__PURE__*/React.createElement(EndIcon, {
34
- className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["ml-1"]))),
35
- size: "1em"
36
+ className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["typo-link inline-flex items-center"]))), className),
37
+ children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
38
+ className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-1"]))),
39
+ size: "1em"
40
+ }), children, EndIcon && /*#__PURE__*/_jsx(EndIcon, {
41
+ className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["ml-1"]))),
42
+ size: "1em"
43
+ })]
36
44
  }));
37
45
  });
38
46
  Link.displayName = "Link";
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
- import { IconComponentType } from "../types";
3
- import { MedallionSize, MedallionVariant } from "./types";
2
+ import type { IconComponentType } from "../types";
3
+ import type { MedallionSize, MedallionVariant } from "./types";
4
4
  export interface MedallionProps {
5
5
  icon: IconComponentType;
6
6
  variant?: MedallionVariant;
@@ -2,9 +2,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
 
3
3
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
4
4
 
5
- import React from "react";
6
5
  import cx from "classnames";
7
6
  import stl from "../styles/helpers/satellitePrefixer";
7
+ import { jsx as _jsx } from "react/jsx-runtime";
8
8
  var VARIANT_CLASSNAMES = {
9
9
  grey: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["medallion-grey text-grey-600"]))),
10
10
  pink: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["medallion-pink text-pink-600"]))),
@@ -23,10 +23,11 @@ export var Medallion = function Medallion(_ref) {
23
23
  size = _ref$size === void 0 ? "default" : _ref$size,
24
24
  className = _ref.className;
25
25
  var medallionClassName = VARIANT_CLASSNAMES[variant];
26
- return /*#__PURE__*/React.createElement("div", {
27
- className: cx(stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["medallion inline-flex items-center justify-center rounded-full ", ""])), size === "large" && "medallion-large"), medallionClassName, className)
28
- }, /*#__PURE__*/React.createElement(Icon, {
29
- className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["p-1 ", ""])), size === "large" && "w-10 h-10")
30
- }));
26
+ return /*#__PURE__*/_jsx("div", {
27
+ className: cx(stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["medallion inline-flex items-center justify-center rounded-full ", ""])), size === "large" && "medallion-large"), medallionClassName, className),
28
+ children: /*#__PURE__*/_jsx(Icon, {
29
+ className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["p-1 ", ""])), size === "large" && "w-10 h-10")
30
+ })
31
+ });
31
32
  };
32
33
  export default Medallion;
@@ -1,4 +1,4 @@
1
- import React from "react";
1
+ import type { ReactNode } from "react";
2
2
  export declare type ModalSizeVariant = "medium" | "large";
3
3
  export interface ModalProps {
4
4
  open?: boolean;
@@ -10,11 +10,13 @@ export interface ModalProps {
10
10
  hideCloseIcon?: boolean;
11
11
  centerY?: boolean;
12
12
  onDismiss?: () => void;
13
- children: React.ReactNode;
14
- closeIconText?: string;
13
+ children: ReactNode;
14
+ locale?: {
15
+ dismissText?: string;
16
+ };
15
17
  }
16
18
  export declare const Modal: {
17
- ({ title, className, children, open, fullBleed, onDismiss, animate, hideCloseIcon, size, centerY, closeIconText, }: ModalProps): React.ReactPortal;
18
- Footer: React.FunctionComponent<import("./components/ModalFooter").ModalFooterProps>;
19
+ ({ title, className, children, open, fullBleed, onDismiss, animate, hideCloseIcon, size, centerY, locale, }: ModalProps): import("react").ReactPortal;
20
+ Footer: import("react").FunctionComponent<import("./components/ModalFooter").ModalFooterProps>;
19
21
  };
20
22
  export default Modal;
@@ -1,27 +1,35 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
- import _extends from "@babel/runtime/helpers/extends";
2
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
4
4
 
5
5
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
6
6
 
7
- import React, { useRef, useState, useEffect } from "react";
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; }
8
+
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; }
10
+
11
+ import cx from "classnames";
12
+ import { useEffect, useMemo, useRef, useState } from "react";
8
13
  import { createPortal } from "react-dom";
14
+ import { X } from "react-feather";
9
15
  import { CSSTransition } from "react-transition-group";
10
16
  import useKeyPressEvent from "react-use/lib/useKeyPressEvent";
11
17
  import useLockBodyScroll from "react-use/lib/useLockBodyScroll";
12
- import cx from "classnames";
13
- import { X } from "react-feather";
14
- import stl from "../styles/helpers/satellitePrefixer";
15
- import Card from "../Card";
16
18
  import { IconButton } from "../Button";
19
+ import Card from "../Card";
20
+ import stl from "../styles/helpers/satellitePrefixer";
21
+ import uniqueId from "../utils/uniqueId";
17
22
  import ModalFooter from "./components/ModalFooter";
23
+ import { jsx as _jsx } from "react/jsx-runtime";
24
+ import { Fragment as _Fragment } from "react/jsx-runtime";
25
+ import { jsxs as _jsxs } from "react/jsx-runtime";
18
26
 
19
27
  var ModalAnimation = function ModalAnimation(props) {
20
28
  return (
21
29
  /*#__PURE__*/
22
30
 
23
31
  /* eslint-disable-next-line @algolia/satellite/invalid-classnames */
24
- React.createElement(CSSTransition, _extends({}, props, {
32
+ _jsx(CSSTransition, _objectSpread(_objectSpread({}, props), {}, {
25
33
  classNames: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["satellite-modal"]))),
26
34
  timeout: 200,
27
35
  appear: true,
@@ -31,7 +39,9 @@ var ModalAnimation = function ModalAnimation(props) {
31
39
  };
32
40
 
33
41
  var ModalNoAnimation = function ModalNoAnimation(props) {
34
- return props["in"] ? /*#__PURE__*/React.createElement(React.Fragment, null, props.children) : null;
42
+ return props["in"] ? /*#__PURE__*/_jsx(_Fragment, {
43
+ children: props.children
44
+ }) : null;
35
45
  };
36
46
 
37
47
  var SIZE_CLASSNAMES = {
@@ -56,8 +66,7 @@ export var Modal = function Modal(_ref) {
56
66
  size = _ref$size === void 0 ? "medium" : _ref$size,
57
67
  _ref$centerY = _ref.centerY,
58
68
  centerY = _ref$centerY === void 0 ? false : _ref$centerY,
59
- _ref$closeIconText = _ref.closeIconText,
60
- closeIconText = _ref$closeIconText === void 0 ? "Dismiss" : _ref$closeIconText;
69
+ locale = _ref.locale;
61
70
 
62
71
  var _useState = useState(null),
63
72
  _useState2 = _slicedToArray(_useState, 2),
@@ -67,6 +76,9 @@ export var Modal = function Modal(_ref) {
67
76
  var dialogRef = useRef(null);
68
77
  var mouseDownTargetRef = useRef(null);
69
78
  var ModalContainer = animate ? ModalAnimation : ModalNoAnimation;
79
+ var modalTitleId = useMemo(function () {
80
+ return uniqueId("modal-title");
81
+ }, []);
70
82
  useLockBodyScroll(open);
71
83
  useKeyPressEvent("Escape", function () {
72
84
  if (open) onDismiss();
@@ -98,32 +110,50 @@ export var Modal = function Modal(_ref) {
98
110
  modalWrapperRef.removeEventListener("mousedown", onMouseDown);
99
111
  };
100
112
  }, [modalWrapperRef, onDismiss]);
101
- return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(ModalContainer, {
102
- "in": open
103
- }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
104
- className: cx(stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["bg-grey-900 bg-opacity-30 z-modalOverlay inset-x-0 inset-y-0 fixed w-full h-full"]))))
105
- }), /*#__PURE__*/React.createElement("div", {
106
- className: cx(stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["modal-container inset-x-0 inset-y-0 fixed w-full h-full p-4 overflow-x-hidden overflow-y-auto"]))), centerY && stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["flex items-center"])))),
107
- ref: setModalWrapperRef,
113
+
114
+ var modalAccessibilityProps = _objectSpread({
108
115
  role: "dialog"
109
- }, /*#__PURE__*/React.createElement(Card, {
110
- ref: dialogRef,
111
- elevation: "500",
112
- className: cx(stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["my-6 mx-auto"]))), SIZE_CLASSNAMES[size], className),
113
- fullBleed: true
114
- }, /*#__PURE__*/React.createElement("header", {
115
- className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n px-8 min-h-14\n flex items-center justify-between space-x-2\n ", "\n ", "\n "])), title ? "border-b border-grey-100" : "justify-end", !title && hideCloseIcon && "hidden")
116
- }, title && /*#__PURE__*/React.createElement("h2", {
117
- className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["flex-1 display-heading truncate"])))
118
- }, title), !hideCloseIcon && /*#__PURE__*/React.createElement(IconButton, {
119
- icon: X,
120
- title: closeIconText,
121
- variant: "subtle",
122
- onClick: onDismiss,
123
- className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["flex-shrink-0 -mr-2"])))
124
- })), /*#__PURE__*/React.createElement("div", {
125
- className: fullBleed ? undefined : stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["p-10"])))
126
- }, children))))), document.body);
116
+ }, title ? {
117
+ "aria-labelledby": modalTitleId
118
+ } : {
119
+ "aria-label": "Modal"
120
+ });
121
+
122
+ return /*#__PURE__*/createPortal( /*#__PURE__*/_jsx(ModalContainer, {
123
+ "in": open,
124
+ children: /*#__PURE__*/_jsxs("div", {
125
+ children: [/*#__PURE__*/_jsx("div", {
126
+ className: cx(stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["bg-grey-900 bg-opacity-30 z-modalOverlay inset-x-0 inset-y-0 fixed w-full h-full"]))))
127
+ }), /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
128
+ className: cx(stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["modal-container inset-x-0 inset-y-0 fixed w-full h-full p-4 overflow-x-hidden overflow-y-auto"]))), centerY && stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["flex items-center"])))),
129
+ ref: setModalWrapperRef
130
+ }, modalAccessibilityProps), {}, {
131
+ children: /*#__PURE__*/_jsxs(Card, {
132
+ ref: dialogRef,
133
+ elevation: "500",
134
+ className: cx(stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["my-6 mx-auto"]))), SIZE_CLASSNAMES[size], className),
135
+ fullBleed: true,
136
+ children: [/*#__PURE__*/_jsxs("header", {
137
+ className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n px-8 min-h-14\n flex items-center justify-between space-x-2\n ", "\n ", "\n "])), title ? "border-b border-grey-100" : "justify-end", !title && hideCloseIcon && "hidden"),
138
+ children: [title && /*#__PURE__*/_jsx("h2", {
139
+ id: modalTitleId,
140
+ className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["flex-1 display-heading truncate"]))),
141
+ children: title
142
+ }), !hideCloseIcon && /*#__PURE__*/_jsx(IconButton, {
143
+ icon: X,
144
+ title: (locale === null || locale === void 0 ? void 0 : locale.dismissText) || "Dismiss",
145
+ variant: "subtle",
146
+ onClick: onDismiss,
147
+ className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["flex-shrink-0 -mr-2"])))
148
+ })]
149
+ }), /*#__PURE__*/_jsx("div", {
150
+ className: fullBleed ? undefined : stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["p-10"]))),
151
+ children: children
152
+ })]
153
+ })
154
+ }))]
155
+ })
156
+ }), document.body);
127
157
  };
128
158
  Modal.Footer = ModalFooter;
129
159
  export default Modal;
@@ -1,4 +1,4 @@
1
- import React, { FunctionComponent } from "react";
2
- export declare type ModalFooterProps = React.HTMLAttributes<HTMLElement>;
1
+ import type { FunctionComponent, HTMLAttributes } from "react";
2
+ export declare type ModalFooterProps = HTMLAttributes<HTMLElement>;
3
3
  export declare const ModalFooter: FunctionComponent<ModalFooterProps>;
4
4
  export default ModalFooter;
@@ -1,24 +1,31 @@
1
- import _extends from "@babel/runtime/helpers/extends";
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
 
5
5
  var _templateObject;
6
6
 
7
7
  var _excluded = ["className", "children"];
8
- import React from "react";
8
+
9
+ 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; }
10
+
11
+ 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; }
12
+
9
13
  import cx from "classnames";
10
- import stl from "../../styles/helpers/satellitePrefixer";
11
14
  import FlexGrid from "../../FlexGrid";
15
+ import stl from "../../styles/helpers/satellitePrefixer";
16
+ import { jsx as _jsx } from "react/jsx-runtime";
12
17
  export var ModalFooter = function ModalFooter(_ref) {
13
18
  var className = _ref.className,
14
19
  children = _ref.children,
15
20
  props = _objectWithoutProperties(_ref, _excluded);
16
21
 
17
- return /*#__PURE__*/React.createElement("div", _extends({}, props, {
18
- className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["mt-8"]))), className)
19
- }), /*#__PURE__*/React.createElement(FlexGrid, {
20
- spacing: "md",
21
- alignment: "center"
22
- }, children));
22
+ return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, props), {}, {
23
+ className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["mt-8"]))), className),
24
+ children: /*#__PURE__*/_jsx(FlexGrid, {
25
+ spacing: "md",
26
+ alignment: "center",
27
+ children: children
28
+ })
29
+ }));
23
30
  };
24
31
  export default ModalFooter;
@@ -1,4 +1,4 @@
1
- import { ReactNode } from "react";
1
+ import type { ReactNode } from "react";
2
2
  export declare type ModalSectionProps = {
3
3
  children: ReactNode;
4
4
  /** @ignore */
@@ -2,16 +2,17 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
 
3
3
  var _templateObject;
4
4
 
5
- import React from "react";
6
5
  import cx from "classnames";
7
6
  import stl from "../../styles/helpers/satellitePrefixer";
7
+ import { jsx as _jsx } from "react/jsx-runtime";
8
8
  export var ModalSection = function ModalSection(_ref) {
9
9
  var children = _ref.children,
10
10
  className = _ref.className,
11
11
  _ref$fullBleed = _ref.fullBleed,
12
12
  fullBleed = _ref$fullBleed === void 0 ? false : _ref$fullBleed;
13
- return /*#__PURE__*/React.createElement("section", {
14
- className: cx(fullBleed && stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["-mx-10"]))), className)
15
- }, children);
13
+ return /*#__PURE__*/_jsx("section", {
14
+ className: cx(fullBleed && stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["-mx-10"]))), className),
15
+ children: children
16
+ });
16
17
  };
17
18
  export default ModalSection;
@@ -1,5 +1,11 @@
1
1
  /// <reference types="react" />
2
2
  export declare type CompactPaginationLabel = "complete" | "compact" | "none";
3
+ declare type BaseLocaleProps = {
4
+ goToFirstPage?: string;
5
+ goToLastPage?: string;
6
+ goToNextPage?: string;
7
+ goToPreviousPage?: string;
8
+ };
3
9
  declare type BaseCompactPaginationProps = {
4
10
  /** Currently selected page (1 based index) */
5
11
  currentPage: number;
@@ -10,9 +16,15 @@ declare type BaseCompactPaginationProps = {
10
16
  export declare type DeterminateCompactPaginationProps = BaseCompactPaginationProps & {
11
17
  nbPages: number;
12
18
  showGoToLastPage?: boolean;
19
+ locale?: BaseLocaleProps & {
20
+ label?(page: number, nbPages: number): string;
21
+ };
13
22
  };
14
23
  export declare type IndeterminateCompactPaginationProps = BaseCompactPaginationProps & {
15
24
  nextDisabled?: boolean;
25
+ locale?: BaseLocaleProps & {
26
+ label?(page: number): string;
27
+ };
16
28
  };
17
29
  export declare type CompactPaginationProps = DeterminateCompactPaginationProps | IndeterminateCompactPaginationProps;
18
30
  export declare const isDeterminateCompactPaginationProps: (props: CompactPaginationProps) => props is DeterminateCompactPaginationProps;
@@ -2,10 +2,11 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
 
3
3
  var _templateObject, _templateObject2;
4
4
 
5
- import React from "react";
6
- import { ChevronsRight, ChevronsLeft, ArrowLeft, ArrowRight } from "react-feather";
7
- import stl from "../../styles/helpers/satellitePrefixer";
5
+ import { ArrowLeft, ArrowRight, ChevronsLeft, ChevronsRight } from "react-feather";
8
6
  import { IconButton } from "../../Button";
7
+ import stl from "../../styles/helpers/satellitePrefixer";
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ import { jsxs as _jsxs } from "react/jsx-runtime";
9
10
  export var isDeterminateCompactPaginationProps = function isDeterminateCompactPaginationProps(props) {
10
11
  return "nbPages" in props;
11
12
  };
@@ -13,44 +14,46 @@ export var isIndeterminateCompactPaginationProps = function isIndeterminateCompa
13
14
  return !isDeterminateCompactPaginationProps(props);
14
15
  };
15
16
  export var CompactPagination = function CompactPagination(props) {
16
- var _props$label;
17
+ var _props$label, _props$locale, _props$locale$label, _props$locale2, _props$locale2$label, _props$locale3, _props$locale4, _props$locale5, _props$locale6;
17
18
 
18
19
  var labelType = (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : isDeterminateCompactPaginationProps(props) ? "complete" : "compact";
19
- var label = labelType === "none" ? null : labelType === "compact" ? "".concat(props.currentPage) : isDeterminateCompactPaginationProps(props) ? "Page ".concat(props.currentPage, " of ").concat(props.nbPages) : "Page ".concat(props.currentPage, " of many");
20
+ var label = labelType === "none" ? null : labelType === "compact" ? "".concat(props.currentPage) : isDeterminateCompactPaginationProps(props) ? ((_props$locale = props.locale) === null || _props$locale === void 0 ? void 0 : (_props$locale$label = _props$locale.label) === null || _props$locale$label === void 0 ? void 0 : _props$locale$label.call(_props$locale, props.currentPage, props.nbPages)) || "Page ".concat(props.currentPage, " of ").concat(props.nbPages) : ((_props$locale2 = props.locale) === null || _props$locale2 === void 0 ? void 0 : (_props$locale2$label = _props$locale2.label) === null || _props$locale2$label === void 0 ? void 0 : _props$locale2$label.call(_props$locale2, props.currentPage)) || "Page ".concat(props.currentPage, " of many");
20
21
  var isFirstPage = props.currentPage === 1;
21
22
  var isLastPage = isDeterminateCompactPaginationProps(props) ? props.currentPage === props.nbPages : !!props.nextDisabled;
22
- return /*#__PURE__*/React.createElement("div", {
23
- className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center space-x-2"])))
24
- }, props.showGoToFirstPage && /*#__PURE__*/React.createElement(IconButton, {
25
- icon: ChevronsLeft,
26
- title: "Go to first page",
27
- onClick: function onClick() {
28
- return props.onChange(1);
29
- },
30
- disabled: isFirstPage
31
- }), /*#__PURE__*/React.createElement(IconButton, {
32
- icon: ArrowLeft,
33
- title: "Go to previous page",
34
- onClick: function onClick() {
35
- return props.onChange(props.currentPage - 1);
36
- },
37
- disabled: isFirstPage
38
- }), label && /*#__PURE__*/React.createElement("span", {
39
- className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["inline-block text-center tabular-nums px-2"])))
40
- }, label), /*#__PURE__*/React.createElement(IconButton, {
41
- icon: ArrowRight,
42
- title: "Go to next page",
43
- onClick: function onClick() {
44
- return props.onChange(props.currentPage + 1);
45
- },
46
- disabled: isLastPage
47
- }), isDeterminateCompactPaginationProps(props) && props.showGoToLastPage && /*#__PURE__*/React.createElement(IconButton, {
48
- icon: ChevronsRight,
49
- title: "Go to last page",
50
- onClick: function onClick() {
51
- return props.onChange(props.nbPages);
52
- },
53
- disabled: isLastPage
54
- }));
23
+ return /*#__PURE__*/_jsxs("div", {
24
+ className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center space-x-2"]))),
25
+ children: [props.showGoToFirstPage && /*#__PURE__*/_jsx(IconButton, {
26
+ icon: ChevronsLeft,
27
+ title: ((_props$locale3 = props.locale) === null || _props$locale3 === void 0 ? void 0 : _props$locale3.goToFirstPage) || "Go to first page",
28
+ onClick: function onClick() {
29
+ return props.onChange(1);
30
+ },
31
+ disabled: isFirstPage
32
+ }), /*#__PURE__*/_jsx(IconButton, {
33
+ icon: ArrowLeft,
34
+ title: ((_props$locale4 = props.locale) === null || _props$locale4 === void 0 ? void 0 : _props$locale4.goToPreviousPage) || "Go to previous page",
35
+ onClick: function onClick() {
36
+ return props.onChange(props.currentPage - 1);
37
+ },
38
+ disabled: isFirstPage
39
+ }), label && /*#__PURE__*/_jsx("span", {
40
+ className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["inline-block text-center tabular-nums px-2"]))),
41
+ children: label
42
+ }), /*#__PURE__*/_jsx(IconButton, {
43
+ icon: ArrowRight,
44
+ title: ((_props$locale5 = props.locale) === null || _props$locale5 === void 0 ? void 0 : _props$locale5.goToNextPage) || "Go to next page",
45
+ onClick: function onClick() {
46
+ return props.onChange(props.currentPage + 1);
47
+ },
48
+ disabled: isLastPage
49
+ }), isDeterminateCompactPaginationProps(props) && props.showGoToLastPage && /*#__PURE__*/_jsx(IconButton, {
50
+ icon: ChevronsRight,
51
+ title: ((_props$locale6 = props.locale) === null || _props$locale6 === void 0 ? void 0 : _props$locale6.goToLastPage) || "Go to last page",
52
+ onClick: function onClick() {
53
+ return props.onChange(props.nbPages);
54
+ },
55
+ disabled: isLastPage
56
+ })]
57
+ });
55
58
  };
56
59
  export default CompactPagination;
@@ -5,6 +5,9 @@ export declare type DotPaginationProps = {
5
5
  onChange: (page: number) => void;
6
6
  nbPages: number;
7
7
  size?: "small" | "medium";
8
+ locale?: {
9
+ goToPageText?(page: number): string;
10
+ };
8
11
  };
9
- export declare const DotPagination: ({ currentPage, onChange, nbPages, size }: DotPaginationProps) => JSX.Element;
12
+ export declare const DotPagination: ({ currentPage, onChange, nbPages, size, locale }: DotPaginationProps) => JSX.Element;
10
13
  export default DotPagination;
@@ -2,27 +2,31 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
 
3
3
  var _templateObject, _templateObject2;
4
4
 
5
- import React from "react";
6
5
  import stl from "../../styles/helpers/satellitePrefixer";
6
+ import { jsx as _jsx } from "react/jsx-runtime";
7
7
  export var DotPagination = function DotPagination(_ref) {
8
8
  var currentPage = _ref.currentPage,
9
9
  onChange = _ref.onChange,
10
10
  nbPages = _ref.nbPages,
11
11
  _ref$size = _ref.size,
12
- size = _ref$size === void 0 ? "medium" : _ref$size;
13
- return /*#__PURE__*/React.createElement("ul", {
14
- className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex"])))
15
- }, new Array(nbPages).fill(undefined).map(function (_, idx) {
16
- var pageIdx = idx + 1;
17
- return /*#__PURE__*/React.createElement("li", {
18
- key: idx
19
- }, /*#__PURE__*/React.createElement("button", {
20
- "aria-label": "Go to page ".concat(pageIdx),
21
- className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n rounded-full mx-1\n ", "\n ", "\n "])), currentPage === pageIdx ? "bg-accent-600" : "bg-grey-200", size === "medium" ? "h-3 w-3" : "h-2 w-2"),
22
- onClick: function onClick() {
23
- return onChange(pageIdx);
24
- }
25
- }));
26
- }));
12
+ size = _ref$size === void 0 ? "medium" : _ref$size,
13
+ locale = _ref.locale;
14
+ return /*#__PURE__*/_jsx("ul", {
15
+ className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex"]))),
16
+ children: new Array(nbPages).fill(undefined).map(function (_, idx) {
17
+ var _locale$goToPageText;
18
+
19
+ var pageIdx = idx + 1;
20
+ return /*#__PURE__*/_jsx("li", {
21
+ children: /*#__PURE__*/_jsx("button", {
22
+ "aria-label": (locale === null || locale === void 0 ? void 0 : (_locale$goToPageText = locale.goToPageText) === null || _locale$goToPageText === void 0 ? void 0 : _locale$goToPageText.call(locale, pageIdx)) || "Go to page ".concat(pageIdx),
23
+ className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n rounded-full mx-1\n ", "\n ", "\n "])), currentPage === pageIdx ? "bg-accent-600" : "bg-grey-200", size === "medium" ? "h-3 w-3" : "h-2 w-2"),
24
+ onClick: function onClick() {
25
+ return onChange(pageIdx);
26
+ }
27
+ })
28
+ }, idx);
29
+ })
30
+ });
27
31
  };
28
32
  export default DotPagination;
@@ -1,9 +1,15 @@
1
1
  /// <reference types="react" />
2
+ export declare type PaginationLocale = {
3
+ goToPage?(page: number): string;
4
+ goToNextPage?: string;
5
+ goToPreviousPage?: string;
6
+ };
2
7
  export interface PaginationProps {
3
8
  nbPages: number;
4
9
  currentPage: number;
5
10
  maxButtons?: number;
6
11
  onChange: (page: number) => void;
12
+ locale?: PaginationLocale;
7
13
  }
8
14
  /**
9
15
  * Use pagination to help our users to move through an ordered collection of items.
@@ -12,5 +18,5 @@ export interface PaginationProps {
12
18
  * - Don't use on list with less than 20 items
13
19
  * - Place the pagination at the bottom of the split item
14
20
  */
15
- export declare const Pagination: ({ currentPage, nbPages, onChange, maxButtons: maxButtonsParam, }: PaginationProps) => JSX.Element;
21
+ export declare const Pagination: ({ currentPage, nbPages, onChange, maxButtons: maxButtonsParam, locale, }: PaginationProps) => JSX.Element;
16
22
  export default Pagination;