@algolia/satellite 1.0.0-beta.147 → 1.0.0-beta.149

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 +68 -163
  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 +5 -12
  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 +14 -34
  23. package/cjs/Button/Button.tailwind.js +3 -5
  24. package/cjs/Button/ButtonGroup.js +3 -11
  25. package/cjs/Button/IconButton.js +13 -36
  26. package/cjs/Button/index.js +0 -11
  27. package/cjs/Button/styles.js +1 -10
  28. package/cjs/Button/types.js +0 -1
  29. package/cjs/Card/Card.js +6 -21
  30. package/cjs/Card/Card.tailwind.js +1 -2
  31. package/cjs/Card/components/CardHeader.js +1 -14
  32. package/cjs/Card/components/CardTitle.js +2 -15
  33. package/cjs/Card/index.js +0 -9
  34. package/cjs/Checkbox/Checkbox.js +14 -38
  35. package/cjs/Checkbox/Checkbox.tailwind.js +1 -3
  36. package/cjs/Checkbox/index.js +0 -5
  37. package/cjs/ClickAwayContainer/ClickAwayContainer.js +11 -23
  38. package/cjs/ClickAwayContainer/index.js +0 -2
  39. package/cjs/DatePicker/DatePicker/DatePicker.js +13 -46
  40. package/cjs/DatePicker/DatePicker/datePickerReducer.js +0 -15
  41. package/cjs/DatePicker/DatePicker/index.js +0 -7
  42. package/cjs/DatePicker/DatePicker.tailwind.js +2 -12
  43. package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +29 -72
  44. package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +4 -14
  45. package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +8 -32
  46. package/cjs/DatePicker/DateRangePicker/dateRangePickerTimeRange.js +0 -6
  47. package/cjs/DatePicker/DateRangePicker/index.js +0 -9
  48. package/cjs/DatePicker/components/Calendar.js +5 -16
  49. package/cjs/DatePicker/components/Display.js +3 -9
  50. package/cjs/DatePicker/components/Footer.js +0 -7
  51. package/cjs/DatePicker/components/FooterActions.js +3 -11
  52. package/cjs/DatePicker/components/Modal.js +17 -39
  53. package/cjs/DatePicker/components/NavBar.js +12 -34
  54. package/cjs/DatePicker/components/SidePanel.js +0 -7
  55. package/cjs/DatePicker/components/index.js +0 -7
  56. package/cjs/DatePicker/index.js +0 -9
  57. package/cjs/DatePicker/utils.js +0 -4
  58. package/cjs/Dropdown/Dropdown.js +23 -58
  59. package/cjs/Dropdown/DropdownButton.js +3 -20
  60. package/cjs/Dropdown/DropdownContext.d.ts +3 -3
  61. package/cjs/Dropdown/DropdownContext.js +0 -6
  62. package/cjs/Dropdown/components/DropdownButtonItem.js +6 -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.d.ts +3 -3
  66. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -6
  67. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -16
  68. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -15
  69. package/cjs/Dropdown/components/DropdownCollapsibleItem/index.js +0 -9
  70. package/cjs/Dropdown/components/DropdownDivider.js +0 -7
  71. package/cjs/Dropdown/components/DropdownFooterItem.js +2 -15
  72. package/cjs/Dropdown/components/DropdownLinkItem.js +7 -23
  73. package/cjs/Dropdown/components/DropdownRadioItem.js +5 -20
  74. package/cjs/Dropdown/components/DropdownTitle.js +1 -14
  75. package/cjs/Dropdown/components/DropdownToggleItem.js +6 -22
  76. package/cjs/Dropdown/index.js +0 -27
  77. package/cjs/Dropdown/useDropdownItemProps.js +1 -14
  78. package/cjs/Dropzone/Dropzone.js +27 -62
  79. package/cjs/Dropzone/index.js +0 -5
  80. package/cjs/EmptyState/EmptyState.js +12 -23
  81. package/cjs/EmptyState/EmptyState.tailwind.js +0 -1
  82. package/cjs/EmptyState/index.js +0 -7
  83. package/cjs/Field/Field.js +8 -21
  84. package/cjs/Field/FieldStateContext.js +0 -2
  85. package/cjs/Field/index.js +0 -9
  86. package/cjs/Field/useFieldState.js +0 -7
  87. package/cjs/Flag/Flag.js +17 -40
  88. package/cjs/Flag/Flag.tailwind.js +0 -1
  89. package/cjs/Flag/Flags.js +4 -19
  90. package/cjs/Flag/index.js +0 -9
  91. package/cjs/FlexGrid/FlexGrid.js +13 -24
  92. package/cjs/FlexGrid/FlexGrid.tailwind.js +4 -11
  93. package/cjs/FlexGrid/index.js +0 -5
  94. package/cjs/HelpUnderline/HelpUnderline.js +5 -14
  95. package/cjs/HelpUnderline/HelpUnderline.tailwind.js +1 -2
  96. package/cjs/HelpUnderline/index.js +0 -5
  97. package/cjs/Input/Input.d.ts +1 -0
  98. package/cjs/Input/Input.js +27 -70
  99. package/cjs/Input/Input.tailwind.js +1 -4
  100. package/cjs/Input/index.js +0 -5
  101. package/cjs/Insert/Insert.js +7 -17
  102. package/cjs/Insert/index.js +0 -5
  103. package/cjs/InstantSearch/InstantSearch.tailwind.js +4 -10
  104. package/cjs/KeyboardKey/KeyboardKey.js +1 -12
  105. package/cjs/KeyboardKey/KeyboardKey.tailwind.js +1 -2
  106. package/cjs/KeyboardKey/index.js +0 -2
  107. package/cjs/Link/BaseLink.js +2 -12
  108. package/cjs/Link/ButtonLink.js +3 -17
  109. package/cjs/Link/IconButtonLink.js +2 -13
  110. package/cjs/Link/Link.js +6 -23
  111. package/cjs/Link/index.js +0 -11
  112. package/cjs/Medallion/Medallion.js +5 -14
  113. package/cjs/Medallion/Medallion.tailwind.js +3 -6
  114. package/cjs/Medallion/index.js +0 -7
  115. package/cjs/Modal/Modal.js +21 -57
  116. package/cjs/Modal/Modal.tailwind.js +3 -3
  117. package/cjs/Modal/components/ModalFooter.js +2 -16
  118. package/cjs/Modal/components/ModalSection.js +3 -11
  119. package/cjs/Modal/index.js +0 -9
  120. package/cjs/Pagination/CompactPagination/CompactPagination.js +1 -22
  121. package/cjs/Pagination/CompactPagination/index.js +0 -5
  122. package/cjs/Pagination/DotPagination/DotPagination.js +5 -19
  123. package/cjs/Pagination/DotPagination/index.js +0 -5
  124. package/cjs/Pagination/Pagination/Pagination.js +9 -34
  125. package/cjs/Pagination/Pagination/index.js +0 -5
  126. package/cjs/Pagination/index.js +0 -9
  127. package/cjs/ProgressBar/ProgressBar.js +3 -16
  128. package/cjs/ProgressBar/ProgressBar.tailwind.js +1 -3
  129. package/cjs/ProgressBar/index.js +0 -5
  130. package/cjs/ProgressSpinner/ProgressSpinner.js +8 -20
  131. package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js +2 -3
  132. package/cjs/ProgressSpinner/index.js +0 -5
  133. package/cjs/RadioGroup/RadioButton.js +1 -14
  134. package/cjs/RadioGroup/RadioButton.tailwind.js +1 -4
  135. package/cjs/RadioGroup/RadioGroup.js +19 -38
  136. package/cjs/RadioGroup/RadiogroupContext.js +0 -6
  137. package/cjs/RadioGroup/index.js +0 -9
  138. package/cjs/RangeSlider/RangeSlider.js +26 -43
  139. package/cjs/RangeSlider/RangeSlider.tailwind.js +1 -3
  140. package/cjs/RangeSlider/index.js +0 -5
  141. package/cjs/Satellite/Satellite.js +4 -10
  142. package/cjs/Satellite/SatelliteContext.js +0 -9
  143. package/cjs/Satellite/SatelliteRouter.js +2 -9
  144. package/cjs/Satellite/index.js +0 -13
  145. package/cjs/Satellite/locale.js +1 -7
  146. package/cjs/Satellite/useCreatePortal.js +3 -8
  147. package/cjs/ScrollIndicator/ScrollIndicator.js +18 -41
  148. package/cjs/ScrollIndicator/ScrollIndicator.tailwind.js +1 -3
  149. package/cjs/ScrollIndicator/index.js +0 -5
  150. package/cjs/Select/Select.js +4 -17
  151. package/cjs/Select/Select.tailwind.js +2 -5
  152. package/cjs/Select/index.js +0 -5
  153. package/cjs/Sidebar/Sidebar.js +11 -30
  154. package/cjs/Sidebar/SidebarButtonLink.js +10 -30
  155. package/cjs/Sidebar/SidebarContext.js +0 -6
  156. package/cjs/Sidebar/SidebarHeader.js +1 -9
  157. package/cjs/Sidebar/SidebarHeading.js +3 -14
  158. package/cjs/Sidebar/SidebarLink.js +5 -20
  159. package/cjs/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +2 -11
  160. package/cjs/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +3 -14
  161. package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +10 -33
  162. package/cjs/Sidebar/SidebarLinksGroup/index.js +0 -2
  163. package/cjs/Sidebar/SidebarNav.js +5 -16
  164. package/cjs/Sidebar/index.js +0 -17
  165. package/cjs/Switch/Switch.js +15 -36
  166. package/cjs/Switch/Switch.tailwind.js +1 -2
  167. package/cjs/Switch/SwitchOption.js +2 -15
  168. package/cjs/Switch/index.js +0 -7
  169. package/cjs/Switch/utils.js +0 -9
  170. package/cjs/Tables/DataTable/DataTable.js +28 -70
  171. package/cjs/Tables/DataTable/DataTable.tailwind.js +2 -2
  172. package/cjs/Tables/DataTable/components/Body.js +14 -33
  173. package/cjs/Tables/DataTable/components/Footer.js +1 -17
  174. package/cjs/Tables/DataTable/components/Header.js +5 -12
  175. package/cjs/Tables/DataTable/components/HeaderCell.js +10 -27
  176. package/cjs/Tables/DataTable/components/Loader.js +4 -17
  177. package/cjs/Tables/DataTable/components/index.js +0 -10
  178. package/cjs/Tables/DataTable/index.js +0 -7
  179. package/cjs/Tables/DataTable/utils.js +0 -9
  180. package/cjs/Tables/Table/Table.js +7 -21
  181. package/cjs/Tables/Table/Table.tailwind.js +1 -2
  182. package/cjs/Tables/Table/components/TableFooter.js +2 -10
  183. package/cjs/Tables/Table/index.js +0 -7
  184. package/cjs/Tables/index.js +0 -7
  185. package/cjs/Tabs/ContentTabs.js +10 -21
  186. package/cjs/Tabs/LinkTabs.js +5 -18
  187. package/cjs/Tabs/Tabs.tailwind.js +1 -2
  188. package/cjs/Tabs/components/LinkTab.js +4 -29
  189. package/cjs/Tabs/index.js +0 -9
  190. package/cjs/Tabs/utils.js +0 -5
  191. package/cjs/Tag/Tag.js +7 -26
  192. package/cjs/Tag/Tag.tailwind.js +1 -2
  193. package/cjs/Tag/index.js +0 -5
  194. package/cjs/TextArea/TextArea.js +1 -14
  195. package/cjs/TextArea/TextArea.tailwind.js +1 -4
  196. package/cjs/TextArea/index.js +0 -5
  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 +45 -73
  206. package/cjs/Tooltip/index.js +0 -9
  207. package/cjs/Typography/Typography.tailwind.js +12 -18
  208. package/cjs/UserContent/UserContent.js +3 -11
  209. package/cjs/UserContent/UserContent.tailwind.js +2 -11
  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 +68 -158
  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 +5 -7
  254. package/esm/Banners/Promote/Promote.js +8 -10
  255. package/esm/Button/Button.js +14 -22
  256. package/esm/Button/Button.tailwind.js +3 -2
  257. package/esm/Button/ButtonGroup.js +3 -6
  258. package/esm/Button/IconButton.js +13 -23
  259. package/esm/Button/styles.js +1 -5
  260. package/esm/Card/Card.js +6 -12
  261. package/esm/Card/Card.tailwind.js +1 -1
  262. package/esm/Card/components/CardHeader.js +1 -7
  263. package/esm/Card/components/CardTitle.js +2 -8
  264. package/esm/Checkbox/Checkbox.js +14 -28
  265. package/esm/Checkbox/Checkbox.tailwind.js +1 -1
  266. package/esm/ClickAwayContainer/ClickAwayContainer.js +11 -13
  267. package/esm/DatePicker/DatePicker/DatePicker.js +13 -31
  268. package/esm/DatePicker/DatePicker/datePickerReducer.js +0 -9
  269. package/esm/DatePicker/DatePicker.tailwind.js +2 -9
  270. package/esm/DatePicker/DateRangePicker/DateRangePicker.js +29 -55
  271. package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js +4 -8
  272. package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.js +8 -20
  273. package/esm/DatePicker/components/Calendar.js +5 -10
  274. package/esm/DatePicker/components/Display.js +3 -5
  275. package/esm/DatePicker/components/Footer.js +0 -4
  276. package/esm/DatePicker/components/FooterActions.js +3 -7
  277. package/esm/DatePicker/components/Modal.js +17 -27
  278. package/esm/DatePicker/components/NavBar.js +12 -22
  279. package/esm/DatePicker/components/SidePanel.js +0 -4
  280. package/esm/Dropdown/Dropdown.js +23 -34
  281. package/esm/Dropdown/DropdownButton.js +3 -11
  282. package/esm/Dropdown/DropdownContext.d.ts +3 -3
  283. package/esm/Dropdown/DropdownContext.js +0 -2
  284. package/esm/Dropdown/components/DropdownButtonItem.js +6 -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.d.ts +3 -3
  288. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -2
  289. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -9
  290. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -9
  291. package/esm/Dropdown/components/DropdownDivider.js +0 -2
  292. package/esm/Dropdown/components/DropdownFooterItem.js +2 -8
  293. package/esm/Dropdown/components/DropdownLinkItem.js +7 -13
  294. package/esm/Dropdown/components/DropdownRadioItem.js +5 -11
  295. package/esm/Dropdown/components/DropdownTitle.js +1 -7
  296. package/esm/Dropdown/components/DropdownToggleItem.js +6 -12
  297. package/esm/Dropdown/useDropdownItemProps.js +1 -7
  298. package/esm/Dropzone/Dropzone.js +27 -45
  299. package/esm/EmptyState/EmptyState.js +12 -16
  300. package/esm/Field/Field.js +8 -11
  301. package/esm/Flag/Flag.js +17 -25
  302. package/esm/Flag/Flags.js +4 -9
  303. package/esm/FlexGrid/FlexGrid.js +13 -15
  304. package/esm/FlexGrid/FlexGrid.tailwind.js +4 -9
  305. package/esm/HelpUnderline/HelpUnderline.js +5 -7
  306. package/esm/HelpUnderline/HelpUnderline.tailwind.js +1 -1
  307. package/esm/Input/Input.d.ts +1 -0
  308. package/esm/Input/Input.js +27 -54
  309. package/esm/Input/Input.tailwind.js +1 -1
  310. package/esm/Insert/Insert.js +7 -11
  311. package/esm/InstantSearch/InstantSearch.tailwind.js +4 -4
  312. package/esm/KeyboardKey/KeyboardKey.js +1 -3
  313. package/esm/KeyboardKey/KeyboardKey.tailwind.js +1 -1
  314. package/esm/Link/BaseLink.js +2 -6
  315. package/esm/Link/ButtonLink.js +3 -9
  316. package/esm/Link/IconButtonLink.js +2 -6
  317. package/esm/Link/Link.js +6 -14
  318. package/esm/Medallion/Medallion.js +5 -7
  319. package/esm/Medallion/Medallion.tailwind.js +3 -2
  320. package/esm/Modal/Modal.js +21 -38
  321. package/esm/Modal/Modal.tailwind.js +3 -2
  322. package/esm/Modal/components/ModalFooter.js +2 -8
  323. package/esm/Modal/components/ModalSection.js +3 -5
  324. package/esm/Pagination/CompactPagination/CompactPagination.js +1 -9
  325. package/esm/Pagination/DotPagination/DotPagination.js +5 -11
  326. package/esm/Pagination/Pagination/Pagination.js +9 -21
  327. package/esm/ProgressBar/ProgressBar.js +3 -10
  328. package/esm/ProgressBar/ProgressBar.tailwind.js +1 -1
  329. package/esm/ProgressSpinner/ProgressSpinner.js +8 -12
  330. package/esm/ProgressSpinner/ProgressSpinner.tailwind.js +2 -2
  331. package/esm/RadioGroup/RadioButton.js +1 -7
  332. package/esm/RadioGroup/RadioButton.tailwind.js +1 -1
  333. package/esm/RadioGroup/RadioGroup.js +19 -25
  334. package/esm/RadioGroup/RadiogroupContext.js +0 -2
  335. package/esm/RangeSlider/RangeSlider.js +26 -35
  336. package/esm/RangeSlider/RangeSlider.tailwind.js +1 -1
  337. package/esm/Satellite/Satellite.js +4 -4
  338. package/esm/Satellite/SatelliteContext.js +0 -3
  339. package/esm/Satellite/SatelliteRouter.js +2 -4
  340. package/esm/Satellite/locale.js +1 -2
  341. package/esm/Satellite/useCreatePortal.js +3 -2
  342. package/esm/ScrollIndicator/ScrollIndicator.js +18 -31
  343. package/esm/ScrollIndicator/ScrollIndicator.tailwind.js +1 -1
  344. package/esm/Select/Select.js +4 -9
  345. package/esm/Select/Select.tailwind.js +2 -2
  346. package/esm/Sidebar/Sidebar.js +11 -17
  347. package/esm/Sidebar/SidebarButtonLink.js +10 -20
  348. package/esm/Sidebar/SidebarContext.js +0 -2
  349. package/esm/Sidebar/SidebarHeader.js +1 -3
  350. package/esm/Sidebar/SidebarHeading.js +3 -7
  351. package/esm/Sidebar/SidebarLink.js +5 -11
  352. package/esm/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +2 -4
  353. package/esm/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +3 -7
  354. package/esm/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +9 -19
  355. package/esm/Sidebar/SidebarNav.js +5 -9
  356. package/esm/Switch/Switch.js +15 -24
  357. package/esm/Switch/Switch.tailwind.js +1 -1
  358. package/esm/Switch/SwitchOption.js +2 -6
  359. package/esm/Tables/DataTable/DataTable.js +28 -49
  360. package/esm/Tables/DataTable/DataTable.tailwind.js +2 -1
  361. package/esm/Tables/DataTable/components/Body.js +14 -23
  362. package/esm/Tables/DataTable/components/Footer.js +1 -8
  363. package/esm/Tables/DataTable/components/Header.js +5 -6
  364. package/esm/Tables/DataTable/components/HeaderCell.js +10 -17
  365. package/esm/Tables/DataTable/components/Loader.js +4 -8
  366. package/esm/Tables/DataTable/utils.js +0 -1
  367. package/esm/Tables/Table/Table.js +7 -14
  368. package/esm/Tables/Table/Table.tailwind.js +1 -1
  369. package/esm/Tables/Table/components/TableFooter.js +2 -4
  370. package/esm/Tabs/ContentTabs.js +10 -12
  371. package/esm/Tabs/LinkTabs.js +5 -7
  372. package/esm/Tabs/Tabs.tailwind.js +1 -1
  373. package/esm/Tabs/components/LinkTab.js +4 -20
  374. package/esm/Tabs/utils.js +0 -2
  375. package/esm/Tag/Tag.js +7 -16
  376. package/esm/Tag/Tag.tailwind.js +1 -1
  377. package/esm/TextArea/TextArea.js +1 -7
  378. package/esm/TextArea/TextArea.tailwind.js +1 -1
  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 +44 -57
  386. package/esm/Typography/Typography.tailwind.js +12 -15
  387. package/esm/UserContent/UserContent.js +3 -5
  388. package/esm/UserContent/UserContent.tailwind.js +2 -7
  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,18 +1,14 @@
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.formatDate = exports.DEFAULT_DATE_PICKER_LOCALE = void 0;
9
-
10
8
  var _format = _interopRequireDefault(require("date-fns/format"));
11
-
12
9
  var formatDate = function formatDate(date) {
13
10
  return (0, _format["default"])(date, "MMM do, yyyy");
14
11
  };
15
-
16
12
  exports.formatDate = formatDate;
17
13
  var DEFAULT_DATE_PICKER_LOCALE = {
18
14
  rtl: false,
@@ -1,66 +1,41 @@
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.Dropdown = exports.DEFAULT_DROPDOWN_POPPER_MODIFIERS = 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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
15
-
16
11
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
17
-
18
12
  var _clsx = _interopRequireDefault(require("clsx"));
19
-
20
13
  var _react = require("react");
21
-
22
14
  var _reactPopper = require("react-popper");
23
-
24
15
  var _Card = _interopRequireDefault(require("../Card"));
25
-
26
16
  var _ClickAwayContainer = require("../ClickAwayContainer");
27
-
28
17
  var _Satellite = require("../Satellite");
29
-
30
18
  var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
31
-
32
19
  var _DropdownButtonItem = _interopRequireDefault(require("./components/DropdownButtonItem"));
33
-
34
20
  var _DropdownCollapsibleItem = require("./components/DropdownCollapsibleItem");
35
-
36
21
  var _DropdownDivider = _interopRequireDefault(require("./components/DropdownDivider"));
37
-
38
22
  var _DropdownFooterItem = _interopRequireDefault(require("./components/DropdownFooterItem"));
39
-
40
23
  var _DropdownLinkItem = _interopRequireDefault(require("./components/DropdownLinkItem"));
41
-
42
24
  var _DropdownRadioItem = _interopRequireDefault(require("./components/DropdownRadioItem"));
43
-
44
25
  var _DropdownTitle = _interopRequireDefault(require("./components/DropdownTitle"));
45
-
46
26
  var _DropdownToggleItem = _interopRequireDefault(require("./components/DropdownToggleItem"));
47
-
48
27
  var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
49
-
50
28
  var _jsxRuntime = require("react/jsx-runtime");
51
-
52
29
  var _templateObject, _templateObject2, _templateObject3;
53
-
54
30
  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; }
55
-
56
31
  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; }
57
-
58
32
  var DEFAULT_DROPDOWN_POPPER_MODIFIERS = [{
59
33
  name: "offset",
60
34
  options: {
61
35
  offset: [0, 16]
62
36
  }
63
37
  }];
38
+
64
39
  /**
65
40
  * ## Best practices
66
41
  * - Sort list of options in a way that will make the most sense to the user. You can order:
@@ -71,45 +46,37 @@ var DEFAULT_DROPDOWN_POPPER_MODIFIERS = [{
71
46
  * - Clearly label options based on what each one will do
72
47
  * - Make sure the most common options are listed. These can be grouped into sub-categories under headings
73
48
  */
74
-
75
49
  exports.DEFAULT_DROPDOWN_POPPER_MODIFIERS = DEFAULT_DROPDOWN_POPPER_MODIFIERS;
76
-
77
50
  var Dropdown = function Dropdown(_ref) {
78
51
  var _renderFooter;
79
-
80
52
  var _ref$placement = _ref.placement,
81
- placement = _ref$placement === void 0 ? "bottom-start" : _ref$placement,
82
- menuClassName = _ref.menuClassName,
83
- _ref$modifiers = _ref.modifiers,
84
- modifiers = _ref$modifiers === void 0 ? [] : _ref$modifiers,
85
- renderTarget = _ref.renderTarget,
86
- renderFooter = _ref.renderFooter,
87
- children = _ref.children;
53
+ placement = _ref$placement === void 0 ? "bottom-start" : _ref$placement,
54
+ menuClassName = _ref.menuClassName,
55
+ _ref$modifiers = _ref.modifiers,
56
+ modifiers = _ref$modifiers === void 0 ? [] : _ref$modifiers,
57
+ renderTarget = _ref.renderTarget,
58
+ renderFooter = _ref.renderFooter,
59
+ children = _ref.children;
88
60
  var createPortal = (0, _Satellite.useCreatePortal)();
89
-
90
61
  var _useState = (0, _react.useState)(false),
91
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
92
- showMenu = _useState2[0],
93
- setShowMenu = _useState2[1];
94
-
62
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
63
+ showMenu = _useState2[0],
64
+ setShowMenu = _useState2[1];
95
65
  var _useState3 = (0, _react.useState)(null),
96
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
97
- targetEl = _useState4[0],
98
- setTargetEl = _useState4[1];
99
-
66
+ _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
67
+ targetEl = _useState4[0],
68
+ setTargetEl = _useState4[1];
100
69
  var _useState5 = (0, _react.useState)(null),
101
- _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
102
- menuContainerEl = _useState6[0],
103
- setMenuContainerEl = _useState6[1];
104
-
70
+ _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
71
+ menuContainerEl = _useState6[0],
72
+ setMenuContainerEl = _useState6[1];
105
73
  var _usePopper = (0, _reactPopper.usePopper)(targetEl, menuContainerEl, {
106
- modifiers: [].concat(DEFAULT_DROPDOWN_POPPER_MODIFIERS, (0, _toConsumableArray2["default"])(modifiers)),
107
- placement: placement,
108
- strategy: "fixed"
109
- }),
110
- styles = _usePopper.styles,
111
- attributes = _usePopper.attributes;
112
-
74
+ modifiers: [].concat(DEFAULT_DROPDOWN_POPPER_MODIFIERS, (0, _toConsumableArray2["default"])(modifiers)),
75
+ placement: placement,
76
+ strategy: "fixed"
77
+ }),
78
+ styles = _usePopper.styles,
79
+ attributes = _usePopper.attributes;
113
80
  var target = renderTarget({
114
81
  toggle: function toggle(open) {
115
82
  return setShowMenu(open === undefined ? !showMenu : open);
@@ -135,7 +102,6 @@ var Dropdown = function Dropdown(_ref) {
135
102
  element: menuContainerEl,
136
103
  onClickAway: function onClickAway(evt) {
137
104
  var isContainedInTarget = targetEl === null || targetEl === void 0 ? void 0 : targetEl.contains(evt.target);
138
-
139
105
  if (!isContainedInTarget) {
140
106
  setShowMenu(false);
141
107
  }
@@ -157,7 +123,6 @@ var Dropdown = function Dropdown(_ref) {
157
123
  })
158
124
  });
159
125
  };
160
-
161
126
  exports.Dropdown = Dropdown;
162
127
  Dropdown.ButtonItem = _DropdownButtonItem["default"];
163
128
  Dropdown.LinkItem = _DropdownLinkItem["default"];
@@ -1,63 +1,46 @@
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.DropdownButton = 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 _reactFeather = require("react-feather");
15
-
16
11
  var _Button = _interopRequireDefault(require("../Button"));
17
-
18
12
  var _Dropdown = _interopRequireDefault(require("./Dropdown"));
19
-
20
13
  var _jsxRuntime = require("react/jsx-runtime");
21
-
22
14
  var _excluded = ["children", "title", "renderFooter"];
23
-
24
15
  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; }
25
-
26
16
  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; }
27
-
28
17
  var DropdownButton = function DropdownButton(_ref) {
29
18
  var children = _ref.children,
30
- title = _ref.title,
31
- renderFooter = _ref.renderFooter,
32
- buttonProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
33
-
19
+ title = _ref.title,
20
+ renderFooter = _ref.renderFooter,
21
+ buttonProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
34
22
  var renderButton = function renderButton(_ref2) {
35
23
  var toggle = _ref2.toggle;
36
-
37
24
  var handleClick = function handleClick(evt) {
38
25
  if (buttonProps.onClick) {
39
26
  buttonProps.onClick(evt);
40
27
  }
41
-
42
28
  if (!evt.defaultPrevented) {
43
29
  toggle();
44
30
  }
45
31
  };
46
-
47
32
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], _objectSpread(_objectSpread({}, buttonProps), {}, {
48
33
  onClick: handleClick,
49
34
  endIcon: _reactFeather.ChevronDown,
50
35
  children: title
51
36
  }));
52
37
  };
53
-
54
38
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown["default"], {
55
39
  renderTarget: renderButton,
56
40
  renderFooter: renderFooter,
57
41
  children: children
58
42
  });
59
43
  };
60
-
61
44
  exports.DropdownButton = DropdownButton;
62
45
  var _default = DropdownButton;
63
46
  exports["default"] = _default;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
- export interface DropdownContext {
2
+ export interface DropdownContextInterface {
3
3
  showMenu(show: boolean): void;
4
4
  }
5
- export declare const DropdownContext: import("react").Context<DropdownContext | null>;
6
- export declare const useDropdownContext: () => DropdownContext;
5
+ export declare const DropdownContext: import("react").Context<DropdownContextInterface | null>;
6
+ export declare const useDropdownContext: () => DropdownContextInterface;
7
7
  export default DropdownContext;
@@ -4,22 +4,16 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.useDropdownContext = exports["default"] = exports.DropdownContext = void 0;
7
-
8
7
  var _react = require("react");
9
-
10
8
  var DropdownContext = /*#__PURE__*/(0, _react.createContext)(null);
11
9
  exports.DropdownContext = DropdownContext;
12
-
13
10
  var useDropdownContext = function useDropdownContext() {
14
11
  var context = (0, _react.useContext)(DropdownContext);
15
-
16
12
  if (!context) {
17
13
  throw new Error("useDropdownContext used outside DropdownContext");
18
14
  }
19
-
20
15
  return context;
21
16
  };
22
-
23
17
  exports.useDropdownContext = useDropdownContext;
24
18
  var _default = DropdownContext;
25
19
  exports["default"] = _default;
@@ -1,44 +1,30 @@
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.DropdownButtonItem = 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 _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
19
-
20
13
  var _useDropdownItemProps = _interopRequireDefault(require("../useDropdownItemProps"));
21
-
22
14
  var _jsxRuntime = require("react/jsx-runtime");
23
-
24
15
  var _templateObject, _templateObject2, _templateObject3;
25
-
26
16
  var _excluded = ["toggle", "children", "variant", "startIcon"];
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 DropdownButtonItem = function DropdownButtonItem(props) {
33
20
  var dropdownItemProps = (0, _useDropdownItemProps["default"])(props);
34
-
21
+ // `toggle` is destructured here because we don't want it passed to the `button`
35
22
  var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
36
- toggle = _props$dropdownItemPr.toggle,
37
- children = _props$dropdownItemPr.children,
38
- variant = _props$dropdownItemPr.variant,
39
- StartIcon = _props$dropdownItemPr.startIcon,
40
- mergedProps = (0, _objectWithoutProperties2["default"])(_props$dropdownItemPr, _excluded);
41
-
23
+ toggle = _props$dropdownItemPr.toggle,
24
+ children = _props$dropdownItemPr.children,
25
+ variant = _props$dropdownItemPr.variant,
26
+ StartIcon = _props$dropdownItemPr.startIcon,
27
+ mergedProps = (0, _objectWithoutProperties2["default"])(_props$dropdownItemPr, _excluded);
42
28
  var showDestructiveVariant = !props.disabled && variant === "destructive";
43
29
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({}, mergedProps), {}, {
44
30
  className: (0, _clsx["default"])(mergedProps.className, (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["w-full"])))),
@@ -51,7 +37,6 @@ var DropdownButtonItem = function DropdownButtonItem(props) {
51
37
  })]
52
38
  }));
53
39
  };
54
-
55
40
  exports.DropdownButtonItem = DropdownButtonItem;
56
41
  DropdownButtonItem.defaultProps = {
57
42
  toggle: true
@@ -1,47 +1,33 @@
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.DropdownCollapsibleItem = void 0;
9
-
10
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
-
12
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
-
14
10
  var _react = require("react");
15
-
16
11
  var _reactFeather = require("react-feather");
17
-
18
12
  var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
19
-
20
13
  var _utils = require("../../../utils");
21
-
22
14
  var _DropdownCollapsibleItemsGroupContext = require("./DropdownCollapsibleItemsGroupContext");
23
-
24
15
  var _jsxRuntime = require("react/jsx-runtime");
25
-
26
16
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
27
-
28
17
  var DropdownCollapsibleItem = function DropdownCollapsibleItem(_ref) {
29
18
  var title = _ref.title,
30
- name = _ref.name,
31
- expanded = _ref.expanded,
32
- _onClick = _ref.onClick,
33
- children = _ref.children;
34
-
19
+ name = _ref.name,
20
+ expanded = _ref.expanded,
21
+ _onClick = _ref.onClick,
22
+ children = _ref.children;
35
23
  var _useDropdownCollapsib = (0, _DropdownCollapsibleItemsGroupContext.useDropdownCollapsibleItemsGroup)(),
36
- expandedItems = _useDropdownCollapsib.expandedItems,
37
- onItemClick = _useDropdownCollapsib.onItemClick;
38
-
24
+ expandedItems = _useDropdownCollapsib.expandedItems,
25
+ onItemClick = _useDropdownCollapsib.onItemClick;
39
26
  var _useState = (0, _react.useState)(function () {
40
- return (0, _utils.uniqueId)("ddci");
41
- }),
42
- _useState2 = (0, _slicedToArray2["default"])(_useState, 1),
43
- internalName = _useState2[0];
44
-
27
+ return (0, _utils.uniqueId)("ddci");
28
+ }),
29
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 1),
30
+ internalName = _useState2[0];
45
31
  var itemName = name !== null && name !== void 0 ? name : internalName;
46
32
  var isExpanded = typeof expanded === "boolean" ? expanded : expandedItems.includes(itemName);
47
33
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -70,7 +56,6 @@ var DropdownCollapsibleItem = function DropdownCollapsibleItem(_ref) {
70
56
  })]
71
57
  });
72
58
  };
73
-
74
59
  exports.DropdownCollapsibleItem = DropdownCollapsibleItem;
75
60
  var _default = DropdownCollapsibleItem;
76
61
  exports["default"] = _default;
@@ -4,15 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.DropdownCollapsibleItemsGroup = void 0;
7
-
8
7
  var _DropdownCollapsibleItemsGroupContext = require("./DropdownCollapsibleItemsGroupContext");
9
-
10
8
  var _jsxRuntime = require("react/jsx-runtime");
11
-
12
9
  var DropdownCollapsibleItemsGroup = function DropdownCollapsibleItemsGroup(_ref) {
13
10
  var expandedItems = _ref.expandedItems,
14
- onItemClick = _ref.onItemClick,
15
- children = _ref.children;
11
+ onItemClick = _ref.onItemClick,
12
+ children = _ref.children;
16
13
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownCollapsibleItemsGroupContext.DropdownCollapsibleItemsGroupContext.Provider, {
17
14
  value: {
18
15
  expandedItems: expandedItems,
@@ -21,5 +18,4 @@ var DropdownCollapsibleItemsGroup = function DropdownCollapsibleItemsGroup(_ref)
21
18
  children: children
22
19
  });
23
20
  };
24
-
25
21
  exports.DropdownCollapsibleItemsGroup = DropdownCollapsibleItemsGroup;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
- export interface DropdownCollapsibleItemsGroupContext {
2
+ export interface DropdownCollapsibleItemsGroupContextInterface {
3
3
  expandedItems: readonly string[];
4
4
  onItemClick(name: string): void;
5
5
  }
6
- export declare const DropdownCollapsibleItemsGroupContext: import("react").Context<DropdownCollapsibleItemsGroupContext | null>;
7
- export declare const useDropdownCollapsibleItemsGroup: () => DropdownCollapsibleItemsGroupContext;
6
+ export declare const DropdownCollapsibleItemsGroupContext: import("react").Context<DropdownCollapsibleItemsGroupContextInterface | null>;
7
+ export declare const useDropdownCollapsibleItemsGroup: () => DropdownCollapsibleItemsGroupContextInterface;
@@ -4,20 +4,14 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.useDropdownCollapsibleItemsGroup = exports.DropdownCollapsibleItemsGroupContext = void 0;
7
-
8
7
  var _react = require("react");
9
-
10
8
  var DropdownCollapsibleItemsGroupContext = /*#__PURE__*/(0, _react.createContext)(null);
11
9
  exports.DropdownCollapsibleItemsGroupContext = DropdownCollapsibleItemsGroupContext;
12
-
13
10
  var useDropdownCollapsibleItemsGroup = function useDropdownCollapsibleItemsGroup() {
14
11
  var context = (0, _react.useContext)(DropdownCollapsibleItemsGroupContext);
15
-
16
12
  if (!context) {
17
13
  throw new Error("useDropdownCollapsibleItemsGroupContext used outside DropdownCollapsibleItemsGroupContext");
18
14
  }
19
-
20
15
  return context;
21
16
  };
22
-
23
17
  exports.useDropdownCollapsibleItemsGroup = useDropdownCollapsibleItemsGroup;
@@ -1,36 +1,27 @@
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.DropdownCollapsibleItemsMultiGroup = void 0;
9
-
10
8
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
11
-
12
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
-
14
10
  var _react = require("react");
15
-
16
11
  var _DropdownCollapsibleItemsGroup = require("./DropdownCollapsibleItemsGroup");
17
-
18
12
  var _jsxRuntime = require("react/jsx-runtime");
19
-
20
13
  /**
21
14
  * Multiple collapsible item can be open at a given time
22
15
  */
23
16
  var DropdownCollapsibleItemsMultiGroup = function DropdownCollapsibleItemsMultiGroup(_ref) {
24
17
  var initialExpandedItems = _ref.initialExpandedItems,
25
- children = _ref.children;
26
-
18
+ children = _ref.children;
27
19
  var _useState = (0, _react.useState)(function () {
28
- return initialExpandedItems !== null && initialExpandedItems !== void 0 ? initialExpandedItems : [];
29
- }),
30
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
31
- expandedItems = _useState2[0],
32
- setExpandedItems = _useState2[1];
33
-
20
+ return initialExpandedItems !== null && initialExpandedItems !== void 0 ? initialExpandedItems : [];
21
+ }),
22
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
23
+ expandedItems = _useState2[0],
24
+ setExpandedItems = _useState2[1];
34
25
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownCollapsibleItemsGroup.DropdownCollapsibleItemsGroup, {
35
26
  expandedItems: expandedItems,
36
27
  onItemClick: function onItemClick(name) {
@@ -43,5 +34,4 @@ var DropdownCollapsibleItemsMultiGroup = function DropdownCollapsibleItemsMultiG
43
34
  children: children
44
35
  });
45
36
  };
46
-
47
37
  exports.DropdownCollapsibleItemsMultiGroup = DropdownCollapsibleItemsMultiGroup;
@@ -1,34 +1,26 @@
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.DropdownCollapsibleItemsSingleGroup = void 0;
9
-
10
8
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
-
12
9
  var _react = require("react");
13
-
14
10
  var _DropdownCollapsibleItemsGroup = require("./DropdownCollapsibleItemsGroup");
15
-
16
11
  var _jsxRuntime = require("react/jsx-runtime");
17
-
18
12
  /**
19
13
  * Only one collapsible item can be open at a given time (unless you manually override)
20
14
  */
21
15
  var DropdownCollapsibleItemsSingleGroup = function DropdownCollapsibleItemsSingleGroup(_ref) {
22
16
  var initialExpandedItem = _ref.initialExpandedItem,
23
- children = _ref.children;
24
-
17
+ children = _ref.children;
25
18
  var _useState = (0, _react.useState)(function () {
26
- return initialExpandedItem ? [initialExpandedItem] : [];
27
- }),
28
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
29
- expandedItems = _useState2[0],
30
- setExpandedItems = _useState2[1];
31
-
19
+ return initialExpandedItem ? [initialExpandedItem] : [];
20
+ }),
21
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
22
+ expandedItems = _useState2[0],
23
+ setExpandedItems = _useState2[1];
32
24
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownCollapsibleItemsGroup.DropdownCollapsibleItemsGroup, {
33
25
  expandedItems: expandedItems,
34
26
  onItemClick: function onItemClick(name) {
@@ -39,5 +31,4 @@ var DropdownCollapsibleItemsSingleGroup = function DropdownCollapsibleItemsSingl
39
31
  children: children
40
32
  });
41
33
  };
42
-
43
34
  exports.DropdownCollapsibleItemsSingleGroup = DropdownCollapsibleItemsSingleGroup;
@@ -12,9 +12,7 @@ Object.defineProperty(exports, "useDropdownCollapsibleItemsGroup", {
12
12
  return _DropdownCollapsibleItemsGroupContext.useDropdownCollapsibleItemsGroup;
13
13
  }
14
14
  });
15
-
16
15
  var _DropdownCollapsibleItem = require("./DropdownCollapsibleItem");
17
-
18
16
  Object.keys(_DropdownCollapsibleItem).forEach(function (key) {
19
17
  if (key === "default" || key === "__esModule") return;
20
18
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -26,9 +24,7 @@ Object.keys(_DropdownCollapsibleItem).forEach(function (key) {
26
24
  }
27
25
  });
28
26
  });
29
-
30
27
  var _DropdownCollapsibleItemsGroup = require("./DropdownCollapsibleItemsGroup");
31
-
32
28
  Object.keys(_DropdownCollapsibleItemsGroup).forEach(function (key) {
33
29
  if (key === "default" || key === "__esModule") return;
34
30
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -40,9 +36,7 @@ Object.keys(_DropdownCollapsibleItemsGroup).forEach(function (key) {
40
36
  }
41
37
  });
42
38
  });
43
-
44
39
  var _DropdownCollapsibleItemsMultiGroup = require("./DropdownCollapsibleItemsMultiGroup");
45
-
46
40
  Object.keys(_DropdownCollapsibleItemsMultiGroup).forEach(function (key) {
47
41
  if (key === "default" || key === "__esModule") return;
48
42
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -54,9 +48,7 @@ Object.keys(_DropdownCollapsibleItemsMultiGroup).forEach(function (key) {
54
48
  }
55
49
  });
56
50
  });
57
-
58
51
  var _DropdownCollapsibleItemsSingleGroup = require("./DropdownCollapsibleItemsSingleGroup");
59
-
60
52
  Object.keys(_DropdownCollapsibleItemsSingleGroup).forEach(function (key) {
61
53
  if (key === "default" || key === "__esModule") return;
62
54
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -68,5 +60,4 @@ Object.keys(_DropdownCollapsibleItemsSingleGroup).forEach(function (key) {
68
60
  }
69
61
  });
70
62
  });
71
-
72
63
  var _DropdownCollapsibleItemsGroupContext = require("./DropdownCollapsibleItemsGroupContext");
@@ -1,26 +1,19 @@
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.DropdownDivider = void 0;
9
-
10
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
-
12
9
  var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
13
-
14
10
  var _jsxRuntime = require("react/jsx-runtime");
15
-
16
11
  var _templateObject;
17
-
18
12
  var DropdownDivider = function DropdownDivider() {
19
13
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
20
14
  className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["border-b border-grey-100"])))
21
15
  });
22
16
  };
23
-
24
17
  exports.DropdownDivider = DropdownDivider;
25
18
  var _default = DropdownDivider;
26
19
  exports["default"] = _default;