@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,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 _Button["default"];
13
12
  }
14
13
  });
15
-
16
14
  var _Button = _interopRequireWildcard(require("./Button"));
17
-
18
15
  Object.keys(_Button).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(_Button).forEach(function (key) {
26
23
  }
27
24
  });
28
25
  });
29
-
30
26
  var _IconButton = require("./IconButton");
31
-
32
27
  Object.keys(_IconButton).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(_IconButton).forEach(function (key) {
40
35
  }
41
36
  });
42
37
  });
43
-
44
38
  var _ButtonGroup = require("./ButtonGroup");
45
-
46
39
  Object.keys(_ButtonGroup).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(_ButtonGroup).forEach(function (key) {
54
47
  }
55
48
  });
56
49
  });
57
-
58
50
  var _types = require("./types");
59
-
60
51
  Object.keys(_types).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(_types).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,18 +1,13 @@
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.getIconColorClassName = exports.BUTTON_VARIANT_CLASSNAMES = exports.BUTTON_SIZE_CLASSNAMES = exports.BUTTON_LOADER_ICON_SIZES = 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 _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
15
-
16
11
  var BUTTON_SIZE_CLASSNAMES = {
17
12
  small: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["h-6"]))),
18
13
  medium: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["h-8"]))),
@@ -32,16 +27,12 @@ var BUTTON_VARIANT_CLASSNAMES = {
32
27
  destructive: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["btn-destructive"])))
33
28
  };
34
29
  exports.BUTTON_VARIANT_CLASSNAMES = BUTTON_VARIANT_CLASSNAMES;
35
-
36
30
  var getIconColorClassName = function getIconColorClassName(_ref) {
37
31
  var disabled = _ref.disabled,
38
- variant = _ref.variant;
39
-
32
+ variant = _ref.variant;
40
33
  if (variant === "destructive" || variant === "primary") {
41
34
  return (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["text-white"])));
42
35
  }
43
-
44
36
  return disabled ? (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["text-grey-300"]))) : (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["text-grey-600"])));
45
37
  };
46
-
47
38
  exports.getIconColorClassName = getIconColorClassName;
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.isButtonType = isButtonType;
7
-
8
7
  function isButtonType(props) {
9
8
  return props && (!props.as || props.as === "button");
10
9
  }
package/cjs/Card/Card.js CHANGED
@@ -1,36 +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.Card = 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 _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 _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
21
-
22
14
  var _CardHeader = _interopRequireDefault(require("./components/CardHeader"));
23
-
24
15
  var _CardTitle = _interopRequireDefault(require("./components/CardTitle"));
25
-
26
16
  var _excluded = ["className", "as", "elevation", "fullBleed"];
27
-
28
17
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
29
-
30
18
  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; }
31
-
32
19
  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; }
33
-
34
20
  var ELEVATION_CLASSNAMES = {
35
21
  "100": (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["card-z100"]))),
36
22
  "200": (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["card-z200"]))),
@@ -38,16 +24,15 @@ var ELEVATION_CLASSNAMES = {
38
24
  "400": (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["card-z400"]))),
39
25
  "500": (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["card-z500"])))
40
26
  };
41
-
42
27
  /** The `Card` is a useful component for containing content within a page. */
43
28
  var Card = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
44
29
  var className = _ref.className,
45
- _ref$as = _ref.as,
46
- as = _ref$as === void 0 ? "section" : _ref$as,
47
- _ref$elevation = _ref.elevation,
48
- elevation = _ref$elevation === void 0 ? "100" : _ref$elevation,
49
- fullBleed = _ref.fullBleed,
50
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
30
+ _ref$as = _ref.as,
31
+ as = _ref$as === void 0 ? "section" : _ref$as,
32
+ _ref$elevation = _ref.elevation,
33
+ elevation = _ref$elevation === void 0 ? "100" : _ref$elevation,
34
+ fullBleed = _ref.fullBleed,
35
+ props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
51
36
  return /*#__PURE__*/(0, _react.createElement)(as, _objectSpread(_objectSpread({}, props), {}, {
52
37
  ref: ref,
53
38
  className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["card ", " display-body"])), fullBleed && "card-fullbleed"), ELEVATION_CLASSNAMES[elevation], className)
@@ -2,10 +2,9 @@
2
2
 
3
3
  // @ts-check
4
4
  var plugin = require("tailwindcss/plugin");
5
-
6
5
  var cardPlugin = plugin(function (_ref) {
7
6
  var addComponents = _ref.addComponents,
8
- theme = _ref.theme;
7
+ theme = _ref.theme;
9
8
  addComponents({
10
9
  ".card": {
11
10
  background: theme("colors.white"),
@@ -1,40 +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["default"] = exports.CardHeader = 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 _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
19
-
20
13
  var _jsxRuntime = require("react/jsx-runtime");
21
-
22
14
  var _templateObject;
23
-
24
15
  var _excluded = ["className"];
25
-
26
16
  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; }
27
-
28
17
  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; }
29
-
30
18
  var CardHeader = function CardHeader(_ref) {
31
19
  var className = _ref.className,
32
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
20
+ props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
33
21
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, props), {}, {
34
22
  className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex justify-between"]))), className)
35
23
  }));
36
24
  };
37
-
38
25
  exports.CardHeader = CardHeader;
39
26
  var _default = CardHeader;
40
27
  exports["default"] = _default;
@@ -1,42 +1,29 @@
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.CardTitle = 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 _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
19
-
20
13
  var _jsxRuntime = require("react/jsx-runtime");
21
-
22
14
  var _templateObject;
23
-
24
15
  var _excluded = ["className", "children"];
25
-
26
16
  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; }
27
-
28
17
  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; }
29
-
30
18
  var CardTitle = function CardTitle(_ref) {
31
19
  var className = _ref.className,
32
- children = _ref.children,
33
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
20
+ children = _ref.children,
21
+ props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
34
22
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", _objectSpread(_objectSpread({}, props), {}, {
35
23
  className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["typo-display-heading"]))), className),
36
24
  children: children
37
25
  }));
38
26
  };
39
-
40
27
  exports.CardTitle = CardTitle;
41
28
  var _default = CardTitle;
42
29
  exports["default"] = _default;
package/cjs/Card/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 _Card["default"];
13
12
  }
14
13
  });
15
-
16
14
  var _Card = _interopRequireWildcard(require("./Card"));
17
-
18
15
  Object.keys(_Card).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(_Card).forEach(function (key) {
26
23
  }
27
24
  });
28
25
  });
29
-
30
26
  var _CardTitle = require("./components/CardTitle");
31
-
32
27
  Object.keys(_CardTitle).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(_CardTitle).forEach(function (key) {
40
35
  }
41
36
  });
42
37
  });
43
-
44
38
  var _CardHeader = require("./components/CardHeader");
45
-
46
39
  Object.keys(_CardHeader).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(_CardHeader).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; }
@@ -1,94 +1,70 @@
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.Checkbox = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
-
14
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
-
16
11
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
17
-
18
12
  var _clsx = _interopRequireDefault(require("clsx"));
19
-
20
13
  var _react = require("react");
21
-
22
14
  var _reactFeather = require("react-feather");
23
-
24
15
  var _Field = require("../Field");
25
-
26
16
  var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
27
-
28
17
  var _jsxRuntime = require("react/jsx-runtime");
29
-
30
18
  var _excluded = ["children", "className", "textPosition", "indeterminate", "defaultChecked", "checkedColor", "checked", "disabled"];
31
-
32
19
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
33
-
34
20
  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; }
35
-
36
21
  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; }
37
-
38
22
  var generateFieldId = function generateFieldId() {
39
23
  return Math.random().toString(36).substring(7);
40
24
  };
41
-
42
25
  var STATUS_CLASSNAMES = {
43
26
  "default": "",
44
27
  invalid: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["checkbox-invalid"]))),
45
28
  validated: ""
46
29
  };
30
+
47
31
  /**
48
32
  * When users need to make a range of selections (none, one, or several), checkboxes are a good input control.
49
33
  *
50
34
  * - A checkbox control has two primary states: selected and unselected. If required, there's an additional visual state for indeterminate (usually for a parent checkbox, when some children checkboxes are selected, but not all of them)
51
35
  * - Checkboxes require the use of a button to apply the settings once they are selected
52
36
  */
53
-
54
37
  var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
55
38
  var children = _ref.children,
56
- className = _ref.className,
57
- _ref$textPosition = _ref.textPosition,
58
- textPosition = _ref$textPosition === void 0 ? "right" : _ref$textPosition,
59
- indeterminate = _ref.indeterminate,
60
- defaultChecked = _ref.defaultChecked,
61
- checkedColor = _ref.checkedColor,
62
- checked = _ref.checked,
63
- disabled = _ref.disabled,
64
- checkboxProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
39
+ className = _ref.className,
40
+ _ref$textPosition = _ref.textPosition,
41
+ textPosition = _ref$textPosition === void 0 ? "right" : _ref$textPosition,
42
+ indeterminate = _ref.indeterminate,
43
+ defaultChecked = _ref.defaultChecked,
44
+ checkedColor = _ref.checkedColor,
45
+ checked = _ref.checked,
46
+ disabled = _ref.disabled,
47
+ checkboxProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
65
48
  var id = (0, _react.useMemo)(function () {
66
49
  return checkboxProps.id || generateFieldId();
67
50
  }, [checkboxProps.id]);
68
-
69
51
  var _useFieldState = (0, _Field.useFieldState)(),
70
- status = _useFieldState.status;
71
-
52
+ status = _useFieldState.status;
72
53
  var isControlled = typeof checked === "boolean";
73
-
74
54
  var _useState = (0, _react.useState)(Boolean(isControlled ? checked : defaultChecked)),
75
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
76
- internalChecked = _useState2[0],
77
- setInternalChecked = _useState2[1];
78
-
55
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
56
+ internalChecked = _useState2[0],
57
+ setInternalChecked = _useState2[1];
79
58
  var isChecked = Boolean(isControlled ? checked : internalChecked);
80
59
  var CheckboxIcon = indeterminate ? _reactFeather.Minus : _reactFeather.Check;
81
-
82
60
  var handleChange = function handleChange(evt) {
83
61
  if (checkboxProps.onChange) {
84
62
  checkboxProps.onChange(evt);
85
63
  }
86
-
87
64
  if (!isControlled && !evt.isDefaultPrevented()) {
88
65
  setInternalChecked(evt.currentTarget.checked);
89
66
  }
90
67
  };
91
-
92
68
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
93
69
  className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["inline-flex items-center ", ""])), textPosition === "left" && "flex-row-reverse"), className),
94
70
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
@@ -2,12 +2,10 @@
2
2
 
3
3
  // @ts-check
4
4
  var plugin = require("tailwindcss/plugin");
5
-
6
5
  var disabledColor = require("../styles/disabledColor");
7
-
8
6
  var checkboxPlugin = plugin(function (_ref) {
9
7
  var addComponents = _ref.addComponents,
10
- theme = _ref.theme;
8
+ theme = _ref.theme;
11
9
  addComponents({
12
10
  ".checkbox": {
13
11
  position: "relative",
@@ -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 _Checkbox["default"];
13
12
  }
14
13
  });
15
-
16
14
  var _Checkbox = _interopRequireWildcard(require("./Checkbox"));
17
-
18
15
  Object.keys(_Checkbox).forEach(function (key) {
19
16
  if (key === "default" || key === "__esModule") return;
20
17
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -26,7 +23,5 @@ Object.keys(_Checkbox).forEach(function (key) {
26
23
  }
27
24
  });
28
25
  });
29
-
30
26
  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); }
31
-
32
27
  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,31 +1,23 @@
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.useClickAwayContext = exports["default"] = exports.ClickAwayContext = exports.ClickAwayContainer = void 0;
9
-
10
8
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
-
12
9
  var _react = require("react");
13
-
14
10
  var _useClickAway = _interopRequireDefault(require("react-use/lib/useClickAway"));
15
-
16
11
  var _useSet3 = _interopRequireDefault(require("react-use/lib/useSet"));
17
-
18
12
  var _jsxRuntime = require("react/jsx-runtime");
19
-
20
13
  var ClickAwayContext = /*#__PURE__*/(0, _react.createContext)(null);
21
14
  exports.ClickAwayContext = ClickAwayContext;
22
-
23
15
  var useClickAwayContext = function useClickAwayContext() {
24
16
  return (0, _react.useContext)(ClickAwayContext);
25
17
  };
26
-
27
18
  exports.useClickAwayContext = useClickAwayContext;
28
19
  var AWAY_EVENTS = ["mousedown", "touchstart", "focusin"];
20
+
29
21
  /**
30
22
  * ClickAwayContainer is a low-level, compound component. It doesn't render anything apart from its children.
31
23
  * Its goal is to construct a tree of ClickAway-able React components (e.g. nested dropdown).
@@ -34,26 +26,23 @@ var AWAY_EVENTS = ["mousedown", "touchstart", "focusin"];
34
26
  * but it's not the case when using portals.
35
27
  * This component allows click-away functionality even when portals are involved.
36
28
  */
37
-
38
29
  var ClickAwayContainer = function ClickAwayContainer(_ref) {
39
30
  var element = _ref.element,
40
- onClickAway = _ref.onClickAway,
41
- children = _ref.children;
42
-
31
+ onClickAway = _ref.onClickAway,
32
+ children = _ref.children;
43
33
  var _useSet = (0, _useSet3["default"])(),
44
- _useSet2 = (0, _slicedToArray2["default"])(_useSet, 2),
45
- elementsSet = _useSet2[0],
46
- _useSet2$ = _useSet2[1],
47
- registerElement = _useSet2$.add,
48
- unregisterElement = _useSet2$.remove; // Handle elements registry
49
-
34
+ _useSet2 = (0, _slicedToArray2["default"])(_useSet, 2),
35
+ elementsSet = _useSet2[0],
36
+ _useSet2$ = _useSet2[1],
37
+ registerElement = _useSet2$.add,
38
+ unregisterElement = _useSet2$.remove;
50
39
 
40
+ // Handle elements registry
51
41
  var parentClickAwayContext = useClickAwayContext();
52
42
  (0, _react.useEffect)(function () {
53
43
  if (!parentClickAwayContext || !element) {
54
44
  return;
55
45
  }
56
-
57
46
  var elementsArray = Array.from(elementsSet);
58
47
  parentClickAwayContext.registerElement(element);
59
48
  elementsArray.forEach(function (el) {
@@ -65,8 +54,9 @@ var ClickAwayContainer = function ClickAwayContainer(_ref) {
65
54
  return parentClickAwayContext.unregisterElement(el);
66
55
  });
67
56
  };
68
- }, [element, elementsSet, parentClickAwayContext]); // Wire up click away events
57
+ }, [element, elementsSet, parentClickAwayContext]);
69
58
 
59
+ // Wire up click away events
70
60
  var fakeElementRef = (0, _react.useMemo)(function () {
71
61
  return {
72
62
  current: element
@@ -76,7 +66,6 @@ var ClickAwayContainer = function ClickAwayContainer(_ref) {
76
66
  var isEventInside = Array.from(elementsSet).some(function (el) {
77
67
  return el.contains(evt.target);
78
68
  });
79
-
80
69
  if (!isEventInside) {
81
70
  onClickAway === null || onClickAway === void 0 ? void 0 : onClickAway(evt);
82
71
  }
@@ -93,7 +82,6 @@ var ClickAwayContainer = function ClickAwayContainer(_ref) {
93
82
  children: children
94
83
  });
95
84
  };
96
-
97
85
  exports.ClickAwayContainer = ClickAwayContainer;
98
86
  var _default = ClickAwayContainer;
99
87
  exports["default"] = _default;
@@ -3,9 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
-
7
6
  var _ClickAwayContainer = require("./ClickAwayContainer");
8
-
9
7
  Object.keys(_ClickAwayContainer).forEach(function (key) {
10
8
  if (key === "default" || key === "__esModule") return;
11
9
  if (key in exports && exports[key] === _ClickAwayContainer[key]) return;