@algolia/satellite 1.0.0-beta.146 → 1.0.0-beta.148

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 (417) hide show
  1. package/cjs/AnnouncementBadge/AnnouncementBadge.js +7 -24
  2. package/cjs/AnnouncementBadge/index.js +0 -5
  3. package/cjs/AutoComplete/AutoComplete.js +72 -167
  4. package/cjs/AutoComplete/AutoComplete.tailwind.js +2 -5
  5. package/cjs/AutoComplete/components/AutoCompleteEmptyState.js +5 -14
  6. package/cjs/AutoComplete/components/DefaultOptionItem.js +2 -11
  7. package/cjs/AutoComplete/index.js +0 -11
  8. package/cjs/AutoComplete/utils.js +0 -8
  9. package/cjs/Avatars/ApplicationAvatar.js +3 -13
  10. package/cjs/Avatars/UserAvatar.js +6 -20
  11. package/cjs/Avatars/index.js +0 -7
  12. package/cjs/Avatars/utils.js +6 -37
  13. package/cjs/Badge/Badge.js +13 -36
  14. package/cjs/Badge/index.js +0 -5
  15. package/cjs/Banners/Alert/Alert.js +18 -28
  16. package/cjs/Banners/Alert/index.js +0 -5
  17. package/cjs/Banners/BigBertha/BigBertha.js +1 -9
  18. package/cjs/Banners/BigBertha/index.js +0 -5
  19. package/cjs/Banners/Promote/Promote.js +8 -19
  20. package/cjs/Banners/Promote/index.js +0 -5
  21. package/cjs/Banners/index.js +0 -6
  22. package/cjs/Button/Button.js +13 -33
  23. package/cjs/Button/Button.tailwind.js +3 -5
  24. package/cjs/Button/ButtonGroup.d.ts +2 -1
  25. package/cjs/Button/ButtonGroup.js +3 -11
  26. package/cjs/Button/IconButton.js +12 -35
  27. package/cjs/Button/index.js +0 -11
  28. package/cjs/Button/styles.js +1 -10
  29. package/cjs/Button/types.js +0 -1
  30. package/cjs/Card/Card.js +6 -21
  31. package/cjs/Card/Card.tailwind.js +1 -2
  32. package/cjs/Card/components/CardHeader.js +1 -14
  33. package/cjs/Card/components/CardTitle.js +2 -15
  34. package/cjs/Card/index.js +0 -9
  35. package/cjs/Checkbox/Checkbox.js +14 -38
  36. package/cjs/Checkbox/Checkbox.tailwind.js +1 -3
  37. package/cjs/Checkbox/index.js +0 -5
  38. package/cjs/ClickAwayContainer/ClickAwayContainer.js +11 -23
  39. package/cjs/ClickAwayContainer/index.js +0 -2
  40. package/cjs/DatePicker/DatePicker/DatePicker.js +13 -46
  41. package/cjs/DatePicker/DatePicker/datePickerReducer.js +0 -15
  42. package/cjs/DatePicker/DatePicker/index.js +0 -7
  43. package/cjs/DatePicker/DatePicker.tailwind.js +3 -13
  44. package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +29 -72
  45. package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +4 -14
  46. package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +2 -28
  47. package/cjs/DatePicker/DateRangePicker/dateRangePickerTimeRange.js +0 -6
  48. package/cjs/DatePicker/DateRangePicker/index.js +0 -9
  49. package/cjs/DatePicker/components/Calendar.js +5 -16
  50. package/cjs/DatePicker/components/Display.js +3 -9
  51. package/cjs/DatePicker/components/Footer.js +0 -7
  52. package/cjs/DatePicker/components/FooterActions.js +3 -11
  53. package/cjs/DatePicker/components/Modal.js +17 -39
  54. package/cjs/DatePicker/components/NavBar.js +37 -47
  55. package/cjs/DatePicker/components/SidePanel.js +0 -7
  56. package/cjs/DatePicker/components/index.js +0 -7
  57. package/cjs/DatePicker/index.js +0 -9
  58. package/cjs/DatePicker/utils.js +0 -4
  59. package/cjs/Dropdown/Dropdown.js +23 -58
  60. package/cjs/Dropdown/DropdownButton.js +3 -20
  61. package/cjs/Dropdown/DropdownContext.js +0 -6
  62. package/cjs/Dropdown/components/DropdownButtonItem.js +5 -21
  63. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +10 -25
  64. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +2 -6
  65. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -6
  66. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -16
  67. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -15
  68. package/cjs/Dropdown/components/DropdownCollapsibleItem/index.js +0 -9
  69. package/cjs/Dropdown/components/DropdownDivider.js +0 -7
  70. package/cjs/Dropdown/components/DropdownFooterItem.js +2 -15
  71. package/cjs/Dropdown/components/DropdownLinkItem.js +6 -23
  72. package/cjs/Dropdown/components/DropdownRadioItem.js +4 -20
  73. package/cjs/Dropdown/components/DropdownTitle.js +1 -14
  74. package/cjs/Dropdown/components/DropdownToggleItem.js +5 -22
  75. package/cjs/Dropdown/index.js +0 -27
  76. package/cjs/Dropdown/useDropdownItemProps.js +1 -14
  77. package/cjs/Dropzone/Dropzone.js +27 -62
  78. package/cjs/Dropzone/index.js +0 -5
  79. package/cjs/EmptyState/EmptyState.js +12 -23
  80. package/cjs/EmptyState/EmptyState.tailwind.js +0 -1
  81. package/cjs/EmptyState/index.js +0 -7
  82. package/cjs/Field/Field.js +8 -21
  83. package/cjs/Field/FieldStateContext.js +0 -2
  84. package/cjs/Field/index.js +0 -9
  85. package/cjs/Field/useFieldState.js +0 -7
  86. package/cjs/Flag/Flag.js +17 -40
  87. package/cjs/Flag/Flag.tailwind.js +0 -1
  88. package/cjs/Flag/Flags.js +4 -19
  89. package/cjs/Flag/index.js +0 -9
  90. package/cjs/FlexGrid/FlexGrid.js +13 -24
  91. package/cjs/FlexGrid/FlexGrid.tailwind.js +4 -11
  92. package/cjs/FlexGrid/index.js +0 -5
  93. package/cjs/HelpUnderline/HelpUnderline.js +5 -14
  94. package/cjs/HelpUnderline/HelpUnderline.tailwind.js +1 -2
  95. package/cjs/HelpUnderline/index.js +0 -5
  96. package/cjs/Input/Input.js +26 -70
  97. package/cjs/Input/Input.tailwind.js +1 -4
  98. package/cjs/Input/index.js +0 -5
  99. package/cjs/Insert/Insert.js +7 -17
  100. package/cjs/Insert/index.js +0 -5
  101. package/cjs/InstantSearch/InstantSearch.tailwind.js +4 -10
  102. package/cjs/KeyboardKey/KeyboardKey.js +1 -12
  103. package/cjs/KeyboardKey/KeyboardKey.tailwind.js +1 -2
  104. package/cjs/KeyboardKey/index.js +0 -2
  105. package/cjs/Link/BaseLink.js +2 -12
  106. package/cjs/Link/ButtonLink.js +3 -17
  107. package/cjs/Link/IconButtonLink.js +2 -13
  108. package/cjs/Link/Link.js +6 -23
  109. package/cjs/Link/index.js +0 -11
  110. package/cjs/Medallion/Medallion.js +5 -14
  111. package/cjs/Medallion/Medallion.tailwind.js +3 -6
  112. package/cjs/Medallion/index.js +0 -7
  113. package/cjs/Modal/Modal.js +21 -57
  114. package/cjs/Modal/Modal.tailwind.js +3 -3
  115. package/cjs/Modal/components/ModalFooter.js +2 -16
  116. package/cjs/Modal/components/ModalSection.js +3 -11
  117. package/cjs/Modal/index.js +0 -9
  118. package/cjs/Pagination/CompactPagination/CompactPagination.d.ts +2 -0
  119. package/cjs/Pagination/CompactPagination/CompactPagination.js +2 -20
  120. package/cjs/Pagination/CompactPagination/index.js +0 -5
  121. package/cjs/Pagination/DotPagination/DotPagination.js +5 -19
  122. package/cjs/Pagination/DotPagination/index.js +0 -5
  123. package/cjs/Pagination/Pagination/Pagination.js +9 -34
  124. package/cjs/Pagination/Pagination/index.js +0 -5
  125. package/cjs/Pagination/index.js +0 -9
  126. package/cjs/ProgressBar/ProgressBar.js +3 -16
  127. package/cjs/ProgressBar/ProgressBar.tailwind.js +1 -3
  128. package/cjs/ProgressBar/index.js +0 -5
  129. package/cjs/ProgressSpinner/ProgressSpinner.js +8 -20
  130. package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js +2 -3
  131. package/cjs/ProgressSpinner/index.js +0 -5
  132. package/cjs/RadioGroup/RadioButton.js +1 -14
  133. package/cjs/RadioGroup/RadioButton.tailwind.js +1 -4
  134. package/cjs/RadioGroup/RadioGroup.js +19 -38
  135. package/cjs/RadioGroup/RadiogroupContext.js +0 -6
  136. package/cjs/RadioGroup/index.js +0 -9
  137. package/cjs/RangeSlider/RangeSlider.js +26 -43
  138. package/cjs/RangeSlider/RangeSlider.tailwind.js +1 -3
  139. package/cjs/RangeSlider/index.js +0 -5
  140. package/cjs/Satellite/Satellite.js +4 -10
  141. package/cjs/Satellite/SatelliteContext.js +0 -9
  142. package/cjs/Satellite/SatelliteRouter.js +2 -9
  143. package/cjs/Satellite/index.js +0 -13
  144. package/cjs/Satellite/locale.js +1 -7
  145. package/cjs/Satellite/useCreatePortal.js +2 -8
  146. package/cjs/ScrollIndicator/ScrollIndicator.js +18 -41
  147. package/cjs/ScrollIndicator/ScrollIndicator.tailwind.js +1 -3
  148. package/cjs/ScrollIndicator/index.js +0 -5
  149. package/cjs/Select/Select.js +4 -17
  150. package/cjs/Select/Select.tailwind.js +2 -5
  151. package/cjs/Select/index.js +0 -5
  152. package/cjs/Sidebar/Sidebar.js +11 -30
  153. package/cjs/Sidebar/SidebarButtonLink.js +10 -30
  154. package/cjs/Sidebar/SidebarContext.js +0 -6
  155. package/cjs/Sidebar/SidebarHeader.js +1 -9
  156. package/cjs/Sidebar/SidebarHeading.js +3 -14
  157. package/cjs/Sidebar/SidebarLink.js +5 -20
  158. package/cjs/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +2 -11
  159. package/cjs/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +3 -14
  160. package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +8 -31
  161. package/cjs/Sidebar/SidebarLinksGroup/index.js +0 -2
  162. package/cjs/Sidebar/SidebarNav.js +5 -16
  163. package/cjs/Sidebar/index.js +0 -17
  164. package/cjs/Switch/Switch.js +15 -36
  165. package/cjs/Switch/Switch.tailwind.js +1 -2
  166. package/cjs/Switch/SwitchOption.js +2 -15
  167. package/cjs/Switch/index.js +0 -7
  168. package/cjs/Switch/utils.js +0 -9
  169. package/cjs/Tables/DataTable/DataTable.js +28 -70
  170. package/cjs/Tables/DataTable/DataTable.tailwind.js +2 -2
  171. package/cjs/Tables/DataTable/components/Body.js +14 -33
  172. package/cjs/Tables/DataTable/components/Footer.js +1 -17
  173. package/cjs/Tables/DataTable/components/Header.js +5 -12
  174. package/cjs/Tables/DataTable/components/HeaderCell.js +10 -27
  175. package/cjs/Tables/DataTable/components/Loader.js +4 -17
  176. package/cjs/Tables/DataTable/components/index.js +0 -10
  177. package/cjs/Tables/DataTable/index.js +0 -7
  178. package/cjs/Tables/DataTable/utils.js +0 -9
  179. package/cjs/Tables/Table/Table.js +7 -21
  180. package/cjs/Tables/Table/Table.tailwind.js +1 -2
  181. package/cjs/Tables/Table/components/TableFooter.js +2 -10
  182. package/cjs/Tables/Table/index.js +0 -7
  183. package/cjs/Tables/index.js +0 -7
  184. package/cjs/Tabs/ContentTabs.js +28 -62
  185. package/cjs/Tabs/LinkTabs.js +5 -18
  186. package/cjs/Tabs/Tabs.tailwind.js +1 -2
  187. package/cjs/Tabs/components/LinkTab.js +2 -27
  188. package/cjs/Tabs/index.js +0 -9
  189. package/cjs/Tabs/utils.js +0 -5
  190. package/cjs/Tag/Tag.js +7 -26
  191. package/cjs/Tag/Tag.tailwind.js +1 -2
  192. package/cjs/Tag/index.js +0 -5
  193. package/cjs/TextArea/TextArea.js +1 -14
  194. package/cjs/TextArea/TextArea.tailwind.js +1 -4
  195. package/cjs/TextArea/index.js +0 -5
  196. package/cjs/TextWrap/TextWrap.d.ts +1 -0
  197. package/cjs/TextWrap/TextWrap.js +3 -18
  198. package/cjs/TextWrap/index.js +0 -5
  199. package/cjs/Toggle/Toggle.js +6 -27
  200. package/cjs/Toggle/Toggle.tailwind.js +1 -3
  201. package/cjs/Toggle/index.js +0 -5
  202. package/cjs/Tooltip/OverflowTooltipWrapper.js +33 -62
  203. package/cjs/Tooltip/Tooltip.js +4 -17
  204. package/cjs/Tooltip/Tooltip.tailwind.js +3 -5
  205. package/cjs/Tooltip/TooltipWrapper.js +43 -71
  206. package/cjs/Tooltip/index.js +0 -9
  207. package/cjs/Typography/Typography.tailwind.js +15 -21
  208. package/cjs/UserContent/UserContent.js +7 -16
  209. package/cjs/UserContent/UserContent.tailwind.js +4 -13
  210. package/cjs/index.js +0 -89
  211. package/cjs/styles/base.tailwind.js +7 -7
  212. package/cjs/styles/colors.js +7 -7
  213. package/cjs/styles/disabledColor.js +1 -4
  214. package/cjs/styles/helpers/icons.js +5 -11
  215. package/cjs/styles/helpers/makePurgeCssExtractor.js +3 -15
  216. package/cjs/styles/helpers/makeTailwindPrefixer.js +1 -9
  217. package/cjs/styles/helpers/prefixTailwindClassName.js +6 -6
  218. package/cjs/styles/helpers/satellitePrefixer.js +1 -2
  219. package/cjs/styles/rgba.js +1 -3
  220. package/cjs/styles/tailwind.config.js +4 -11
  221. package/cjs/styles/zIndexes.js +1 -0
  222. package/cjs/utilities/utilities.tailwind.js +0 -3
  223. package/cjs/utils/event-polyfill.js +0 -2
  224. package/cjs/utils/formatters.js +12 -19
  225. package/cjs/utils/genericChangeHandler.js +0 -6
  226. package/cjs/utils/hashCode.js +0 -5
  227. package/cjs/utils/index.js +0 -7
  228. package/cjs/utils/isCssPropertySupported.js +0 -3
  229. package/cjs/utils/isNil.js +0 -2
  230. package/cjs/utils/isRenderedChild.js +0 -2
  231. package/cjs/utils/matchLocation.js +0 -4
  232. package/cjs/utils/onlyText.js +3 -12
  233. package/cjs/utils/parseUrl.js +2 -4
  234. package/cjs/utils/pluralize.js +2 -7
  235. package/cjs/utils/range.js +0 -2
  236. package/cjs/utils/toSentenceCase.js +0 -4
  237. package/cjs/utils/uniqBy.js +0 -4
  238. package/cjs/utils/uniqueId.js +0 -2
  239. package/cjs/utils/useForwardedRef.js +0 -6
  240. package/cjs/utils/useLinkProps.js +1 -13
  241. package/cjs/utils/useTriggerInputChange.js +2 -4
  242. package/esm/AnnouncementBadge/AnnouncementBadge.js +7 -14
  243. package/esm/AutoComplete/AutoComplete.js +72 -162
  244. package/esm/AutoComplete/AutoComplete.tailwind.js +2 -2
  245. package/esm/AutoComplete/components/AutoCompleteEmptyState.js +5 -7
  246. package/esm/AutoComplete/components/DefaultOptionItem.js +2 -8
  247. package/esm/AutoComplete/utils.js +0 -2
  248. package/esm/Avatars/ApplicationAvatar.js +3 -6
  249. package/esm/Avatars/UserAvatar.js +6 -12
  250. package/esm/Avatars/utils.js +7 -23
  251. package/esm/Badge/Badge.js +13 -28
  252. package/esm/Banners/Alert/Alert.js +18 -20
  253. package/esm/Banners/BigBertha/BigBertha.js +1 -4
  254. package/esm/Banners/Promote/Promote.js +8 -10
  255. package/esm/Button/Button.js +13 -21
  256. package/esm/Button/Button.tailwind.js +3 -2
  257. package/esm/Button/ButtonGroup.d.ts +2 -1
  258. package/esm/Button/ButtonGroup.js +3 -6
  259. package/esm/Button/IconButton.js +12 -22
  260. package/esm/Button/styles.js +1 -5
  261. package/esm/Card/Card.js +6 -12
  262. package/esm/Card/Card.tailwind.js +1 -1
  263. package/esm/Card/components/CardHeader.js +1 -7
  264. package/esm/Card/components/CardTitle.js +2 -8
  265. package/esm/Checkbox/Checkbox.js +14 -28
  266. package/esm/Checkbox/Checkbox.tailwind.js +1 -1
  267. package/esm/ClickAwayContainer/ClickAwayContainer.js +11 -13
  268. package/esm/DatePicker/DatePicker/DatePicker.js +13 -31
  269. package/esm/DatePicker/DatePicker/datePickerReducer.js +0 -9
  270. package/esm/DatePicker/DatePicker.tailwind.js +3 -10
  271. package/esm/DatePicker/DateRangePicker/DateRangePicker.js +29 -55
  272. package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js +4 -8
  273. package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.js +2 -16
  274. package/esm/DatePicker/components/Calendar.js +5 -10
  275. package/esm/DatePicker/components/Display.js +3 -5
  276. package/esm/DatePicker/components/Footer.js +0 -4
  277. package/esm/DatePicker/components/FooterActions.js +3 -7
  278. package/esm/DatePicker/components/Modal.js +17 -27
  279. package/esm/DatePicker/components/NavBar.js +37 -36
  280. package/esm/DatePicker/components/SidePanel.js +0 -4
  281. package/esm/Dropdown/Dropdown.js +23 -34
  282. package/esm/Dropdown/DropdownButton.js +3 -11
  283. package/esm/Dropdown/DropdownContext.js +0 -2
  284. package/esm/Dropdown/components/DropdownButtonItem.js +5 -12
  285. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +10 -15
  286. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +2 -2
  287. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -2
  288. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -9
  289. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -9
  290. package/esm/Dropdown/components/DropdownDivider.js +0 -2
  291. package/esm/Dropdown/components/DropdownFooterItem.js +2 -8
  292. package/esm/Dropdown/components/DropdownLinkItem.js +6 -13
  293. package/esm/Dropdown/components/DropdownRadioItem.js +4 -11
  294. package/esm/Dropdown/components/DropdownTitle.js +1 -7
  295. package/esm/Dropdown/components/DropdownToggleItem.js +5 -12
  296. package/esm/Dropdown/useDropdownItemProps.js +1 -7
  297. package/esm/Dropzone/Dropzone.js +27 -45
  298. package/esm/EmptyState/EmptyState.js +12 -16
  299. package/esm/Field/Field.js +8 -11
  300. package/esm/Flag/Flag.js +17 -25
  301. package/esm/Flag/Flags.js +4 -9
  302. package/esm/FlexGrid/FlexGrid.js +13 -15
  303. package/esm/FlexGrid/FlexGrid.tailwind.js +4 -9
  304. package/esm/HelpUnderline/HelpUnderline.js +5 -7
  305. package/esm/HelpUnderline/HelpUnderline.tailwind.js +1 -1
  306. package/esm/Input/Input.js +26 -54
  307. package/esm/Input/Input.tailwind.js +1 -1
  308. package/esm/Insert/Insert.js +7 -11
  309. package/esm/InstantSearch/InstantSearch.tailwind.js +4 -4
  310. package/esm/KeyboardKey/KeyboardKey.js +1 -3
  311. package/esm/KeyboardKey/KeyboardKey.tailwind.js +1 -1
  312. package/esm/Link/BaseLink.js +2 -6
  313. package/esm/Link/ButtonLink.js +3 -9
  314. package/esm/Link/IconButtonLink.js +2 -6
  315. package/esm/Link/Link.js +6 -14
  316. package/esm/Medallion/Medallion.js +5 -7
  317. package/esm/Medallion/Medallion.tailwind.js +3 -2
  318. package/esm/Modal/Modal.js +21 -38
  319. package/esm/Modal/Modal.tailwind.js +3 -2
  320. package/esm/Modal/components/ModalFooter.js +2 -8
  321. package/esm/Modal/components/ModalSection.js +3 -5
  322. package/esm/Pagination/CompactPagination/CompactPagination.d.ts +2 -0
  323. package/esm/Pagination/CompactPagination/CompactPagination.js +3 -7
  324. package/esm/Pagination/DotPagination/DotPagination.js +5 -11
  325. package/esm/Pagination/Pagination/Pagination.js +9 -21
  326. package/esm/ProgressBar/ProgressBar.js +3 -10
  327. package/esm/ProgressBar/ProgressBar.tailwind.js +1 -1
  328. package/esm/ProgressSpinner/ProgressSpinner.js +8 -12
  329. package/esm/ProgressSpinner/ProgressSpinner.tailwind.js +2 -2
  330. package/esm/RadioGroup/RadioButton.js +1 -7
  331. package/esm/RadioGroup/RadioButton.tailwind.js +1 -1
  332. package/esm/RadioGroup/RadioGroup.js +19 -25
  333. package/esm/RadioGroup/RadiogroupContext.js +0 -2
  334. package/esm/RangeSlider/RangeSlider.js +26 -35
  335. package/esm/RangeSlider/RangeSlider.tailwind.js +1 -1
  336. package/esm/Satellite/Satellite.js +4 -4
  337. package/esm/Satellite/SatelliteContext.js +0 -3
  338. package/esm/Satellite/SatelliteRouter.js +2 -4
  339. package/esm/Satellite/locale.js +1 -2
  340. package/esm/Satellite/useCreatePortal.js +2 -2
  341. package/esm/ScrollIndicator/ScrollIndicator.js +18 -31
  342. package/esm/ScrollIndicator/ScrollIndicator.tailwind.js +1 -1
  343. package/esm/Select/Select.js +4 -9
  344. package/esm/Select/Select.tailwind.js +2 -2
  345. package/esm/Sidebar/Sidebar.js +11 -17
  346. package/esm/Sidebar/SidebarButtonLink.js +10 -20
  347. package/esm/Sidebar/SidebarContext.js +0 -2
  348. package/esm/Sidebar/SidebarHeader.js +1 -3
  349. package/esm/Sidebar/SidebarHeading.js +3 -7
  350. package/esm/Sidebar/SidebarLink.js +5 -11
  351. package/esm/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +2 -4
  352. package/esm/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +3 -7
  353. package/esm/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +8 -18
  354. package/esm/Sidebar/SidebarNav.js +5 -9
  355. package/esm/Switch/Switch.js +15 -24
  356. package/esm/Switch/Switch.tailwind.js +1 -1
  357. package/esm/Switch/SwitchOption.js +2 -6
  358. package/esm/Tables/DataTable/DataTable.js +28 -49
  359. package/esm/Tables/DataTable/DataTable.tailwind.js +2 -1
  360. package/esm/Tables/DataTable/components/Body.js +14 -23
  361. package/esm/Tables/DataTable/components/Footer.js +1 -8
  362. package/esm/Tables/DataTable/components/Header.js +5 -6
  363. package/esm/Tables/DataTable/components/HeaderCell.js +10 -17
  364. package/esm/Tables/DataTable/components/Loader.js +4 -8
  365. package/esm/Tables/DataTable/utils.js +0 -1
  366. package/esm/Tables/Table/Table.js +7 -14
  367. package/esm/Tables/Table/Table.tailwind.js +1 -1
  368. package/esm/Tables/Table/components/TableFooter.js +2 -4
  369. package/esm/Tabs/ContentTabs.js +28 -51
  370. package/esm/Tabs/LinkTabs.js +5 -7
  371. package/esm/Tabs/Tabs.tailwind.js +1 -1
  372. package/esm/Tabs/components/LinkTab.js +2 -18
  373. package/esm/Tabs/utils.js +0 -2
  374. package/esm/Tag/Tag.js +7 -16
  375. package/esm/Tag/Tag.tailwind.js +1 -1
  376. package/esm/TextArea/TextArea.js +1 -7
  377. package/esm/TextArea/TextArea.tailwind.js +1 -1
  378. package/esm/TextWrap/TextWrap.d.ts +1 -0
  379. package/esm/TextWrap/TextWrap.js +3 -11
  380. package/esm/Toggle/Toggle.js +6 -19
  381. package/esm/Toggle/Toggle.tailwind.js +1 -1
  382. package/esm/Tooltip/OverflowTooltipWrapper.js +33 -46
  383. package/esm/Tooltip/Tooltip.js +4 -9
  384. package/esm/Tooltip/Tooltip.tailwind.js +3 -4
  385. package/esm/Tooltip/TooltipWrapper.js +43 -56
  386. package/esm/Typography/Typography.tailwind.js +15 -18
  387. package/esm/UserContent/UserContent.js +7 -9
  388. package/esm/UserContent/UserContent.tailwind.js +4 -9
  389. package/esm/styles/base.tailwind.js +7 -6
  390. package/esm/styles/colors.js +7 -7
  391. package/esm/styles/disabledColor.js +1 -2
  392. package/esm/styles/helpers/icons.js +5 -8
  393. package/esm/styles/helpers/makePurgeCssExtractor.js +3 -14
  394. package/esm/styles/helpers/makeTailwindPrefixer.js +1 -6
  395. package/esm/styles/helpers/prefixTailwindClassName.js +6 -6
  396. package/esm/styles/helpers/satellitePrefixer.js +1 -1
  397. package/esm/styles/rgba.js +1 -2
  398. package/esm/styles/tailwind.config.js +4 -6
  399. package/esm/styles/zIndexes.js +1 -0
  400. package/esm/utils/event-polyfill.js +0 -2
  401. package/esm/utils/formatters.js +12 -16
  402. package/esm/utils/genericChangeHandler.js +0 -2
  403. package/esm/utils/hashCode.js +0 -3
  404. package/esm/utils/isCssPropertySupported.js +0 -2
  405. package/esm/utils/isRenderedChild.js +0 -1
  406. package/esm/utils/matchLocation.js +0 -2
  407. package/esm/utils/onlyText.js +3 -11
  408. package/esm/utils/parseUrl.js +2 -2
  409. package/esm/utils/pluralize.js +2 -5
  410. package/esm/utils/toSentenceCase.js +1 -1
  411. package/esm/utils/uniqBy.js +0 -2
  412. package/esm/utils/useForwardedRef.js +0 -3
  413. package/esm/utils/useLinkProps.js +1 -7
  414. package/esm/utils/useTriggerInputChange.js +2 -3
  415. package/package.json +2 -2
  416. package/satellite.min.css +1 -1
  417. package/scss/colors.scss +16 -16
@@ -1,32 +1,22 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = exports.IconButtonLink = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
-
14
10
  var _IconButton = _interopRequireDefault(require("../Button/IconButton"));
15
-
16
11
  var _useLinkProps = _interopRequireDefault(require("../utils/useLinkProps"));
17
-
18
12
  var _jsxRuntime = require("react/jsx-runtime");
19
-
20
13
  var _excluded = ["href", "onClick"];
21
-
22
14
  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; }
23
-
24
15
  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) { (0, _defineProperty2["default"])(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; }
25
-
26
16
  var IconButtonLink = function IconButtonLink(_ref) {
27
17
  var href = _ref.href,
28
- onClick = _ref.onClick,
29
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
18
+ onClick = _ref.onClick,
19
+ props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
30
20
  var linkProps = (0, _useLinkProps["default"])(_objectSpread(_objectSpread({}, props), {}, {
31
21
  href: href,
32
22
  onClick: onClick
@@ -35,7 +25,6 @@ var IconButtonLink = function IconButtonLink(_ref) {
35
25
  as: "a"
36
26
  }));
37
27
  };
38
-
39
28
  exports.IconButtonLink = IconButtonLink;
40
29
  var _default = IconButtonLink;
41
30
  exports["default"] = _default;
package/cjs/Link/Link.js CHANGED
@@ -1,56 +1,39 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = exports.Link = void 0;
9
-
10
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
-
12
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
-
16
11
  var _clsx = _interopRequireDefault(require("clsx"));
17
-
18
12
  var _react = require("react");
19
-
20
13
  var _reactFeather = require("react-feather");
21
-
22
14
  var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
23
-
24
15
  var _useLinkProps = _interopRequireDefault(require("../utils/useLinkProps"));
25
-
26
16
  var _jsxRuntime = require("react/jsx-runtime");
27
-
28
17
  var _templateObject, _templateObject2, _templateObject3;
29
-
30
18
  var _excluded = ["className", "children", "startIcon", "endIcon", "href", "onClick"];
31
-
32
19
  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; }
33
-
34
20
  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) { (0, _defineProperty2["default"])(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; }
35
-
36
21
  var Link = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
37
22
  var className = _ref.className,
38
- children = _ref.children,
39
- StartIcon = _ref.startIcon,
40
- EndIcon = _ref.endIcon,
41
- href = _ref.href,
42
- onClick = _ref.onClick,
43
- anchorProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
23
+ children = _ref.children,
24
+ StartIcon = _ref.startIcon,
25
+ EndIcon = _ref.endIcon,
26
+ href = _ref.href,
27
+ onClick = _ref.onClick,
28
+ anchorProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
44
29
  var linkProps = (0, _useLinkProps["default"])(_objectSpread(_objectSpread({}, anchorProps), {}, {
45
30
  href: href,
46
31
  onClick: onClick
47
32
  }));
48
33
  var isExternalLink = linkProps.target === "_blank" && EndIcon === undefined;
49
-
50
34
  if (isExternalLink) {
51
35
  EndIcon = _reactFeather.ExternalLink;
52
36
  }
53
-
54
37
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), linkProps), {}, {
55
38
  ref: ref,
56
39
  className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["typo-link inline-flex items-center"]))), className),
package/cjs/Link/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _typeof = require("@babel/runtime/helpers/typeof");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
12
11
  return _Link["default"];
13
12
  }
14
13
  });
15
-
16
14
  var _Link = _interopRequireWildcard(require("./Link"));
17
-
18
15
  Object.keys(_Link).forEach(function (key) {
19
16
  if (key === "default" || key === "__esModule") return;
20
17
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -26,9 +23,7 @@ Object.keys(_Link).forEach(function (key) {
26
23
  }
27
24
  });
28
25
  });
29
-
30
26
  var _BaseLink = require("./BaseLink");
31
-
32
27
  Object.keys(_BaseLink).forEach(function (key) {
33
28
  if (key === "default" || key === "__esModule") return;
34
29
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -40,9 +35,7 @@ Object.keys(_BaseLink).forEach(function (key) {
40
35
  }
41
36
  });
42
37
  });
43
-
44
38
  var _ButtonLink = require("./ButtonLink");
45
-
46
39
  Object.keys(_ButtonLink).forEach(function (key) {
47
40
  if (key === "default" || key === "__esModule") return;
48
41
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -54,9 +47,7 @@ Object.keys(_ButtonLink).forEach(function (key) {
54
47
  }
55
48
  });
56
49
  });
57
-
58
50
  var _IconButtonLink = require("./IconButtonLink");
59
-
60
51
  Object.keys(_IconButtonLink).forEach(function (key) {
61
52
  if (key === "default" || key === "__esModule") return;
62
53
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -68,7 +59,5 @@ Object.keys(_IconButtonLink).forEach(function (key) {
68
59
  }
69
60
  });
70
61
  });
71
-
72
62
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
73
-
74
63
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -1,22 +1,15 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = exports.Medallion = void 0;
9
-
10
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
-
12
9
  var _clsx = _interopRequireDefault(require("clsx"));
13
-
14
10
  var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
15
-
16
11
  var _jsxRuntime = require("react/jsx-runtime");
17
-
18
12
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
19
-
20
13
  var VARIANT_CLASSNAMES = {
21
14
  grey: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["medallion-grey text-grey-600"]))),
22
15
  pink: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["medallion-pink text-pink-600"]))),
@@ -28,14 +21,13 @@ var VARIANT_CLASSNAMES = {
28
21
  // eslint-disable-next-line @algolia/satellite/prefer-accent -- here we're definitely refering to the color itself
29
22
  white: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["medallion-white text-nebula-500"])))
30
23
  };
31
-
32
24
  var Medallion = function Medallion(_ref) {
33
25
  var Icon = _ref.icon,
34
- _ref$variant = _ref.variant,
35
- variant = _ref$variant === void 0 ? "accent" : _ref$variant,
36
- _ref$size = _ref.size,
37
- size = _ref$size === void 0 ? "default" : _ref$size,
38
- className = _ref.className;
26
+ _ref$variant = _ref.variant,
27
+ variant = _ref$variant === void 0 ? "accent" : _ref$variant,
28
+ _ref$size = _ref.size,
29
+ size = _ref$size === void 0 ? "default" : _ref$size,
30
+ className = _ref.className;
39
31
  var medallionClassName = VARIANT_CLASSNAMES[variant];
40
32
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
41
33
  className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["medallion inline-flex items-center justify-center rounded-full ", ""])), size === "large" && "medallion-large"), medallionClassName, className),
@@ -44,7 +36,6 @@ var Medallion = function Medallion(_ref) {
44
36
  })
45
37
  });
46
38
  };
47
-
48
39
  exports.Medallion = Medallion;
49
40
  var _default = Medallion;
50
41
  exports["default"] = _default;
@@ -1,17 +1,13 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
6
-
7
5
  // @ts-check
8
6
  var plugin = require("tailwindcss/plugin");
9
-
10
7
  var rgba = require("../styles/rgba");
11
-
12
8
  var medallionPlugin = plugin(function (_ref) {
13
9
  var addComponents = _ref.addComponents,
14
- theme = _ref.theme;
10
+ theme = _ref.theme;
15
11
  var colors = ["grey", "pink", "accent", "blue", "green", "orange", "red", "white"];
16
12
  addComponents({
17
13
  ".medallion": {
@@ -22,8 +18,9 @@ var medallionPlugin = plugin(function (_ref) {
22
18
  height: "72px",
23
19
  width: "72px"
24
20
  }
25
- }); // Variants
21
+ });
26
22
 
23
+ // Variants
27
24
  colors.map(function (color) {
28
25
  return addComponents((0, _defineProperty2["default"])({}, ".medallion-".concat(color), {
29
26
  backgroundImage: color === "white" ? "linear-gradient(to bottom, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)") : "linear-gradient(to bottom, ".concat(theme("colors.".concat(color, ".100")), " 0%, ").concat(theme("colors.".concat(color, ".200")), " 100%)"),
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _typeof = require("@babel/runtime/helpers/typeof");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
12
11
  return _Medallion["default"];
13
12
  }
14
13
  });
15
-
16
14
  var _Medallion = _interopRequireWildcard(require("./Medallion"));
17
-
18
15
  Object.keys(_Medallion).forEach(function (key) {
19
16
  if (key === "default" || key === "__esModule") return;
20
17
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -26,9 +23,7 @@ Object.keys(_Medallion).forEach(function (key) {
26
23
  }
27
24
  });
28
25
  });
29
-
30
26
  var _types = require("./types");
31
-
32
27
  Object.keys(_types).forEach(function (key) {
33
28
  if (key === "default" || key === "__esModule") return;
34
29
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -40,7 +35,5 @@ Object.keys(_types).forEach(function (key) {
40
35
  }
41
36
  });
42
37
  });
43
-
44
38
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
45
-
46
39
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -1,58 +1,35 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = exports.Modal = void 0;
9
-
10
8
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
-
12
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
15
-
16
11
  var _clsx = _interopRequireDefault(require("clsx"));
17
-
18
12
  var _react = require("react");
19
-
20
13
  var _reactFeather = require("react-feather");
21
-
22
14
  var _reactTransitionGroup = require("react-transition-group");
23
-
24
15
  var _useKeyPressEvent = _interopRequireDefault(require("react-use/lib/useKeyPressEvent"));
25
-
26
16
  var _useLockBodyScroll = _interopRequireDefault(require("react-use/lib/useLockBodyScroll"));
27
-
28
17
  var _Button = require("../Button");
29
-
30
18
  var _Card = _interopRequireDefault(require("../Card"));
31
-
32
19
  var _Satellite = require("../Satellite");
33
-
34
20
  var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
35
-
36
21
  var _uniqueId = _interopRequireDefault(require("../utils/uniqueId"));
37
-
38
22
  var _ModalFooter = _interopRequireDefault(require("./components/ModalFooter"));
39
-
40
23
  var _jsxRuntime = require("react/jsx-runtime");
41
-
42
24
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
43
-
44
25
  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; }
45
-
46
26
  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) { (0, _defineProperty2["default"])(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; }
47
-
48
27
  var DEFAULT_MODAL_LOCALE = {
49
28
  dismissText: "Dismiss"
50
29
  };
51
-
52
30
  var ModalAnimation = function ModalAnimation(props) {
53
31
  return (
54
32
  /*#__PURE__*/
55
-
56
33
  /* eslint-disable-next-line @algolia/satellite/invalid-classnames */
57
34
  (0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, _objectSpread(_objectSpread({}, props), {}, {
58
35
  classNames: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["satellite-modal"]))),
@@ -62,47 +39,41 @@ var ModalAnimation = function ModalAnimation(props) {
62
39
  }))
63
40
  );
64
41
  };
65
-
66
42
  var ModalNoAnimation = function ModalNoAnimation(props) {
67
43
  return props["in"] ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
68
44
  children: props.children
69
45
  }) : null;
70
46
  };
71
-
72
47
  var SIZE_CLASSNAMES = {
73
48
  medium: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["modal-dialog-medium"]))),
74
49
  large: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["modal-dialog-large"])))
75
50
  };
76
-
77
51
  var Modal = function Modal(_ref) {
78
52
  var title = _ref.title,
79
- className = _ref.className,
80
- children = _ref.children,
81
- _ref$open = _ref.open,
82
- open = _ref$open === void 0 ? true : _ref$open,
83
- _ref$fullBleed = _ref.fullBleed,
84
- fullBleed = _ref$fullBleed === void 0 ? false : _ref$fullBleed,
85
- _ref$onDismiss = _ref.onDismiss,
86
- onDismiss = _ref$onDismiss === void 0 ? function () {} : _ref$onDismiss,
87
- _ref$animate = _ref.animate,
88
- animate = _ref$animate === void 0 ? true : _ref$animate,
89
- _ref$hideCloseIcon = _ref.hideCloseIcon,
90
- hideCloseIcon = _ref$hideCloseIcon === void 0 ? false : _ref$hideCloseIcon,
91
- _ref$size = _ref.size,
92
- size = _ref$size === void 0 ? "medium" : _ref$size,
93
- _ref$centerY = _ref.centerY,
94
- centerY = _ref$centerY === void 0 ? false : _ref$centerY,
95
- propsLocale = _ref.locale;
53
+ className = _ref.className,
54
+ children = _ref.children,
55
+ _ref$open = _ref.open,
56
+ open = _ref$open === void 0 ? true : _ref$open,
57
+ _ref$fullBleed = _ref.fullBleed,
58
+ fullBleed = _ref$fullBleed === void 0 ? false : _ref$fullBleed,
59
+ _ref$onDismiss = _ref.onDismiss,
60
+ onDismiss = _ref$onDismiss === void 0 ? function () {} : _ref$onDismiss,
61
+ _ref$animate = _ref.animate,
62
+ animate = _ref$animate === void 0 ? true : _ref$animate,
63
+ _ref$hideCloseIcon = _ref.hideCloseIcon,
64
+ hideCloseIcon = _ref$hideCloseIcon === void 0 ? false : _ref$hideCloseIcon,
65
+ _ref$size = _ref.size,
66
+ size = _ref$size === void 0 ? "medium" : _ref$size,
67
+ _ref$centerY = _ref.centerY,
68
+ centerY = _ref$centerY === void 0 ? false : _ref$centerY,
69
+ propsLocale = _ref.locale;
96
70
  var createPortal = (0, _Satellite.useCreatePortal)();
97
71
  var contextLocale = (0, _Satellite.useLocale)("modal");
98
-
99
72
  var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_MODAL_LOCALE), contextLocale), propsLocale);
100
-
101
73
  var _useState = (0, _react.useState)(null),
102
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
103
- modalWrapperRef = _useState2[0],
104
- setModalWrapperRef = _useState2[1];
105
-
74
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
75
+ modalWrapperRef = _useState2[0],
76
+ setModalWrapperRef = _useState2[1];
106
77
  var dialogRef = (0, _react.useRef)(null);
107
78
  var mouseDownTargetRef = (0, _react.useRef)(null);
108
79
  var ModalContainer = animate ? ModalAnimation : ModalNoAnimation;
@@ -115,24 +86,20 @@ var Modal = function Modal(_ref) {
115
86
  });
116
87
  (0, _react.useEffect)(function () {
117
88
  if (!modalWrapperRef) return;
118
-
119
89
  var onMouseUp = function onMouseUp(evt) {
120
90
  if (evt.target === mouseDownTargetRef.current && dialogRef.current && !dialogRef.current.contains(evt.target)) {
121
91
  onDismiss();
122
92
  }
123
-
124
93
  mouseDownTargetRef.current = null;
125
94
  };
126
-
127
95
  var onMouseDown = function onMouseDown(evt) {
128
96
  return mouseDownTargetRef.current = evt.target;
129
97
  };
98
+
130
99
  /**
131
100
  * We use native event handlers to avoid React event bubbling behaviour with element rendered in a portal.
132
101
  * (otherwise, the modal gets dismissed when clicking on an AutoComplete menu item)
133
102
  */
134
-
135
-
136
103
  modalWrapperRef.addEventListener("mouseup", onMouseUp);
137
104
  modalWrapperRef.addEventListener("mousedown", onMouseDown);
138
105
  return function () {
@@ -140,7 +107,6 @@ var Modal = function Modal(_ref) {
140
107
  modalWrapperRef.removeEventListener("mousedown", onMouseDown);
141
108
  };
142
109
  }, [modalWrapperRef, onDismiss]);
143
-
144
110
  var modalAccessibilityProps = _objectSpread({
145
111
  role: "dialog"
146
112
  }, title ? {
@@ -148,7 +114,6 @@ var Modal = function Modal(_ref) {
148
114
  } : {
149
115
  "aria-label": "Modal"
150
116
  });
151
-
152
117
  return createPortal( /*#__PURE__*/(0, _jsxRuntime.jsx)(ModalContainer, {
153
118
  "in": open,
154
119
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -187,7 +152,6 @@ var Modal = function Modal(_ref) {
187
152
  })
188
153
  }));
189
154
  };
190
-
191
155
  exports.Modal = Modal;
192
156
  Modal.Footer = _ModalFooter["default"];
193
157
  var _default = Modal;
@@ -2,10 +2,9 @@
2
2
 
3
3
  // @ts-check
4
4
  var plugin = require("tailwindcss/plugin");
5
-
6
5
  var modalPlugin = plugin(function (_ref) {
7
6
  var addComponents = _ref.addComponents,
8
- theme = _ref.theme;
7
+ theme = _ref.theme;
9
8
  var transitionEasing = "cubic-bezier(0.6, -0.28, 0.735, 0.045)";
10
9
  var transitionDuration = 200;
11
10
  addComponents({
@@ -19,8 +18,9 @@ var modalPlugin = plugin(function (_ref) {
19
18
  ".modal-dialog-large": {
20
19
  maxWidth: "920px"
21
20
  }
22
- }); // Animation
21
+ });
23
22
 
23
+ // Animation
24
24
  addComponents({
25
25
  ".satellite-modal-appear .modal-container, .satellite-modal-enter .modal-container": {
26
26
  opacity: "0.1",
@@ -1,38 +1,25 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = exports.ModalFooter = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
13
-
14
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
-
16
11
  var _clsx = _interopRequireDefault(require("clsx"));
17
-
18
12
  var _FlexGrid = _interopRequireDefault(require("../../FlexGrid"));
19
-
20
13
  var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
21
-
22
14
  var _jsxRuntime = require("react/jsx-runtime");
23
-
24
15
  var _templateObject;
25
-
26
16
  var _excluded = ["className", "children"];
27
-
28
17
  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; }
29
-
30
18
  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) { (0, _defineProperty2["default"])(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; }
31
-
32
19
  var ModalFooter = function ModalFooter(_ref) {
33
20
  var className = _ref.className,
34
- children = _ref.children,
35
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
21
+ children = _ref.children,
22
+ props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
36
23
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, props), {}, {
37
24
  className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["mt-8"]))), className),
38
25
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FlexGrid["default"], {
@@ -42,7 +29,6 @@ var ModalFooter = function ModalFooter(_ref) {
42
29
  })
43
30
  }));
44
31
  };
45
-
46
32
  exports.ModalFooter = ModalFooter;
47
33
  var _default = ModalFooter;
48
34
  exports["default"] = _default;
@@ -1,33 +1,25 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = exports.ModalSection = void 0;
9
-
10
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
-
12
9
  var _clsx = _interopRequireDefault(require("clsx"));
13
-
14
10
  var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
15
-
16
11
  var _jsxRuntime = require("react/jsx-runtime");
17
-
18
12
  var _templateObject;
19
-
20
13
  var ModalSection = function ModalSection(_ref) {
21
14
  var children = _ref.children,
22
- className = _ref.className,
23
- _ref$fullBleed = _ref.fullBleed,
24
- fullBleed = _ref$fullBleed === void 0 ? false : _ref$fullBleed;
15
+ className = _ref.className,
16
+ _ref$fullBleed = _ref.fullBleed,
17
+ fullBleed = _ref$fullBleed === void 0 ? false : _ref$fullBleed;
25
18
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
26
19
  className: (0, _clsx["default"])(fullBleed && (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["-mx-10"]))), className),
27
20
  children: children
28
21
  });
29
22
  };
30
-
31
23
  exports.ModalSection = ModalSection;
32
24
  var _default = ModalSection;
33
25
  exports["default"] = _default;
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _typeof = require("@babel/runtime/helpers/typeof");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
12
11
  return _Modal["default"];
13
12
  }
14
13
  });
15
-
16
14
  var _Modal = _interopRequireWildcard(require("./Modal"));
17
-
18
15
  Object.keys(_Modal).forEach(function (key) {
19
16
  if (key === "default" || key === "__esModule") return;
20
17
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -26,9 +23,7 @@ Object.keys(_Modal).forEach(function (key) {
26
23
  }
27
24
  });
28
25
  });
29
-
30
26
  var _ModalFooter = require("./components/ModalFooter");
31
-
32
27
  Object.keys(_ModalFooter).forEach(function (key) {
33
28
  if (key === "default" || key === "__esModule") return;
34
29
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -40,9 +35,7 @@ Object.keys(_ModalFooter).forEach(function (key) {
40
35
  }
41
36
  });
42
37
  });
43
-
44
38
  var _ModalSection = require("./components/ModalSection");
45
-
46
39
  Object.keys(_ModalSection).forEach(function (key) {
47
40
  if (key === "default" || key === "__esModule") return;
48
41
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -54,7 +47,5 @@ Object.keys(_ModalSection).forEach(function (key) {
54
47
  }
55
48
  });
56
49
  });
57
-
58
50
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
59
-
60
51
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -23,7 +23,9 @@ export declare type IndeterminateCompactPaginationProps = BaseCompactPaginationP
23
23
  nextDisabled?: boolean;
24
24
  };
25
25
  export declare type CompactPaginationProps = DeterminateCompactPaginationProps | IndeterminateCompactPaginationProps;
26
+ /** @ignore */
26
27
  export declare const isDeterminateCompactPaginationProps: (props: CompactPaginationProps) => props is DeterminateCompactPaginationProps;
28
+ /** @ignore */
27
29
  export declare const isIndeterminateCompactPaginationProps: (props: CompactPaginationProps) => props is IndeterminateCompactPaginationProps;
28
30
  export declare const CompactPagination: (props: CompactPaginationProps) => JSX.Element;
29
31
  export default CompactPagination;