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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (411) 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 +1 -9
  18. package/cjs/Banners/BigBertha/index.js +0 -5
  19. package/cjs/Banners/Promote/Promote.js +8 -19
  20. package/cjs/Banners/Promote/index.js +0 -5
  21. package/cjs/Banners/index.js +0 -6
  22. package/cjs/Button/Button.js +13 -33
  23. package/cjs/Button/Button.tailwind.js +3 -5
  24. package/cjs/Button/ButtonGroup.js +3 -11
  25. package/cjs/Button/IconButton.js +12 -35
  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 +2 -28
  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.js +0 -6
  61. package/cjs/Dropdown/components/DropdownButtonItem.js +5 -21
  62. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +10 -25
  63. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +2 -6
  64. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -6
  65. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -16
  66. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -15
  67. package/cjs/Dropdown/components/DropdownCollapsibleItem/index.js +0 -9
  68. package/cjs/Dropdown/components/DropdownDivider.js +0 -7
  69. package/cjs/Dropdown/components/DropdownFooterItem.js +2 -15
  70. package/cjs/Dropdown/components/DropdownLinkItem.js +6 -23
  71. package/cjs/Dropdown/components/DropdownRadioItem.js +4 -20
  72. package/cjs/Dropdown/components/DropdownTitle.js +1 -14
  73. package/cjs/Dropdown/components/DropdownToggleItem.js +5 -22
  74. package/cjs/Dropdown/index.js +0 -27
  75. package/cjs/Dropdown/useDropdownItemProps.js +1 -14
  76. package/cjs/Dropzone/Dropzone.js +27 -62
  77. package/cjs/Dropzone/index.js +0 -5
  78. package/cjs/EmptyState/EmptyState.js +12 -23
  79. package/cjs/EmptyState/EmptyState.tailwind.js +0 -1
  80. package/cjs/EmptyState/index.js +0 -7
  81. package/cjs/Field/Field.js +8 -21
  82. package/cjs/Field/FieldStateContext.js +0 -2
  83. package/cjs/Field/index.js +0 -9
  84. package/cjs/Field/useFieldState.js +0 -7
  85. package/cjs/Flag/Flag.js +17 -40
  86. package/cjs/Flag/Flag.tailwind.js +0 -1
  87. package/cjs/Flag/Flags.js +4 -19
  88. package/cjs/Flag/index.js +0 -9
  89. package/cjs/FlexGrid/FlexGrid.js +13 -24
  90. package/cjs/FlexGrid/FlexGrid.tailwind.js +4 -11
  91. package/cjs/FlexGrid/index.js +0 -5
  92. package/cjs/HelpUnderline/HelpUnderline.js +5 -14
  93. package/cjs/HelpUnderline/HelpUnderline.tailwind.js +1 -2
  94. package/cjs/HelpUnderline/index.js +0 -5
  95. package/cjs/Input/Input.js +26 -70
  96. package/cjs/Input/Input.tailwind.js +1 -4
  97. package/cjs/Input/index.js +0 -5
  98. package/cjs/Insert/Insert.js +7 -17
  99. package/cjs/Insert/index.js +0 -5
  100. package/cjs/InstantSearch/InstantSearch.tailwind.js +4 -10
  101. package/cjs/KeyboardKey/KeyboardKey.js +1 -12
  102. package/cjs/KeyboardKey/KeyboardKey.tailwind.js +1 -2
  103. package/cjs/KeyboardKey/index.js +0 -2
  104. package/cjs/Link/BaseLink.js +2 -12
  105. package/cjs/Link/ButtonLink.js +3 -17
  106. package/cjs/Link/IconButtonLink.js +2 -13
  107. package/cjs/Link/Link.js +6 -23
  108. package/cjs/Link/index.js +0 -11
  109. package/cjs/Medallion/Medallion.js +5 -14
  110. package/cjs/Medallion/Medallion.tailwind.js +3 -6
  111. package/cjs/Medallion/index.js +0 -7
  112. package/cjs/Modal/Modal.js +21 -57
  113. package/cjs/Modal/Modal.tailwind.js +3 -3
  114. package/cjs/Modal/components/ModalFooter.js +2 -16
  115. package/cjs/Modal/components/ModalSection.js +3 -11
  116. package/cjs/Modal/index.js +0 -9
  117. package/cjs/Pagination/CompactPagination/CompactPagination.js +1 -22
  118. package/cjs/Pagination/CompactPagination/index.js +0 -5
  119. package/cjs/Pagination/DotPagination/DotPagination.js +5 -19
  120. package/cjs/Pagination/DotPagination/index.js +0 -5
  121. package/cjs/Pagination/Pagination/Pagination.js +9 -34
  122. package/cjs/Pagination/Pagination/index.js +0 -5
  123. package/cjs/Pagination/index.js +0 -9
  124. package/cjs/ProgressBar/ProgressBar.js +3 -16
  125. package/cjs/ProgressBar/ProgressBar.tailwind.js +1 -3
  126. package/cjs/ProgressBar/index.js +0 -5
  127. package/cjs/ProgressSpinner/ProgressSpinner.js +8 -20
  128. package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js +2 -3
  129. package/cjs/ProgressSpinner/index.js +0 -5
  130. package/cjs/RadioGroup/RadioButton.js +1 -14
  131. package/cjs/RadioGroup/RadioButton.tailwind.js +1 -4
  132. package/cjs/RadioGroup/RadioGroup.js +19 -38
  133. package/cjs/RadioGroup/RadiogroupContext.js +0 -6
  134. package/cjs/RadioGroup/index.js +0 -9
  135. package/cjs/RangeSlider/RangeSlider.js +26 -43
  136. package/cjs/RangeSlider/RangeSlider.tailwind.js +1 -3
  137. package/cjs/RangeSlider/index.js +0 -5
  138. package/cjs/Satellite/Satellite.js +4 -10
  139. package/cjs/Satellite/SatelliteContext.js +0 -9
  140. package/cjs/Satellite/SatelliteRouter.js +2 -9
  141. package/cjs/Satellite/index.js +0 -13
  142. package/cjs/Satellite/locale.js +1 -7
  143. package/cjs/Satellite/useCreatePortal.js +2 -8
  144. package/cjs/ScrollIndicator/ScrollIndicator.js +18 -41
  145. package/cjs/ScrollIndicator/ScrollIndicator.tailwind.js +1 -3
  146. package/cjs/ScrollIndicator/index.js +0 -5
  147. package/cjs/Select/Select.js +4 -17
  148. package/cjs/Select/Select.tailwind.js +2 -5
  149. package/cjs/Select/index.js +0 -5
  150. package/cjs/Sidebar/Sidebar.js +11 -30
  151. package/cjs/Sidebar/SidebarButtonLink.js +10 -30
  152. package/cjs/Sidebar/SidebarContext.js +0 -6
  153. package/cjs/Sidebar/SidebarHeader.js +1 -9
  154. package/cjs/Sidebar/SidebarHeading.js +3 -14
  155. package/cjs/Sidebar/SidebarLink.js +5 -20
  156. package/cjs/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +2 -11
  157. package/cjs/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +3 -14
  158. package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +8 -31
  159. package/cjs/Sidebar/SidebarLinksGroup/index.js +0 -2
  160. package/cjs/Sidebar/SidebarNav.js +5 -16
  161. package/cjs/Sidebar/index.js +0 -17
  162. package/cjs/Switch/Switch.js +15 -36
  163. package/cjs/Switch/Switch.tailwind.js +1 -2
  164. package/cjs/Switch/SwitchOption.js +2 -15
  165. package/cjs/Switch/index.js +0 -7
  166. package/cjs/Switch/utils.js +0 -9
  167. package/cjs/Tables/DataTable/DataTable.js +28 -70
  168. package/cjs/Tables/DataTable/DataTable.tailwind.js +2 -2
  169. package/cjs/Tables/DataTable/components/Body.js +14 -33
  170. package/cjs/Tables/DataTable/components/Footer.js +1 -17
  171. package/cjs/Tables/DataTable/components/Header.js +5 -12
  172. package/cjs/Tables/DataTable/components/HeaderCell.js +10 -27
  173. package/cjs/Tables/DataTable/components/Loader.js +4 -17
  174. package/cjs/Tables/DataTable/components/index.js +0 -10
  175. package/cjs/Tables/DataTable/index.js +0 -7
  176. package/cjs/Tables/DataTable/utils.js +0 -9
  177. package/cjs/Tables/Table/Table.js +7 -21
  178. package/cjs/Tables/Table/Table.tailwind.js +1 -2
  179. package/cjs/Tables/Table/components/TableFooter.js +2 -10
  180. package/cjs/Tables/Table/index.js +0 -7
  181. package/cjs/Tables/index.js +0 -7
  182. package/cjs/Tabs/ContentTabs.js +10 -21
  183. package/cjs/Tabs/LinkTabs.js +5 -18
  184. package/cjs/Tabs/Tabs.tailwind.js +1 -2
  185. package/cjs/Tabs/components/LinkTab.js +2 -27
  186. package/cjs/Tabs/index.js +0 -9
  187. package/cjs/Tabs/utils.js +0 -5
  188. package/cjs/Tag/Tag.js +7 -26
  189. package/cjs/Tag/Tag.tailwind.js +1 -2
  190. package/cjs/Tag/index.js +0 -5
  191. package/cjs/TextArea/TextArea.js +1 -14
  192. package/cjs/TextArea/TextArea.tailwind.js +1 -4
  193. package/cjs/TextArea/index.js +0 -5
  194. package/cjs/TextWrap/TextWrap.js +3 -18
  195. package/cjs/TextWrap/index.js +0 -5
  196. package/cjs/Toggle/Toggle.js +6 -27
  197. package/cjs/Toggle/Toggle.tailwind.js +1 -3
  198. package/cjs/Toggle/index.js +0 -5
  199. package/cjs/Tooltip/OverflowTooltipWrapper.js +33 -62
  200. package/cjs/Tooltip/Tooltip.js +4 -17
  201. package/cjs/Tooltip/Tooltip.tailwind.js +3 -5
  202. package/cjs/Tooltip/TooltipWrapper.js +43 -71
  203. package/cjs/Tooltip/index.js +0 -9
  204. package/cjs/Typography/Typography.tailwind.js +12 -18
  205. package/cjs/UserContent/UserContent.js +3 -11
  206. package/cjs/UserContent/UserContent.tailwind.js +2 -11
  207. package/cjs/index.js +0 -89
  208. package/cjs/styles/base.tailwind.js +7 -7
  209. package/cjs/styles/colors.js +7 -7
  210. package/cjs/styles/disabledColor.js +1 -4
  211. package/cjs/styles/helpers/icons.js +5 -11
  212. package/cjs/styles/helpers/makePurgeCssExtractor.js +3 -15
  213. package/cjs/styles/helpers/makeTailwindPrefixer.js +1 -9
  214. package/cjs/styles/helpers/prefixTailwindClassName.js +6 -6
  215. package/cjs/styles/helpers/satellitePrefixer.js +1 -2
  216. package/cjs/styles/rgba.js +1 -3
  217. package/cjs/styles/tailwind.config.js +4 -11
  218. package/cjs/styles/zIndexes.js +1 -0
  219. package/cjs/utilities/utilities.tailwind.js +0 -3
  220. package/cjs/utils/event-polyfill.js +0 -2
  221. package/cjs/utils/formatters.js +12 -19
  222. package/cjs/utils/genericChangeHandler.js +0 -6
  223. package/cjs/utils/hashCode.js +0 -5
  224. package/cjs/utils/index.js +0 -7
  225. package/cjs/utils/isCssPropertySupported.js +0 -3
  226. package/cjs/utils/isNil.js +0 -2
  227. package/cjs/utils/isRenderedChild.js +0 -2
  228. package/cjs/utils/matchLocation.js +0 -4
  229. package/cjs/utils/onlyText.js +3 -12
  230. package/cjs/utils/parseUrl.js +2 -4
  231. package/cjs/utils/pluralize.js +2 -7
  232. package/cjs/utils/range.js +0 -2
  233. package/cjs/utils/toSentenceCase.js +0 -4
  234. package/cjs/utils/uniqBy.js +0 -4
  235. package/cjs/utils/uniqueId.js +0 -2
  236. package/cjs/utils/useForwardedRef.js +0 -6
  237. package/cjs/utils/useLinkProps.js +1 -13
  238. package/cjs/utils/useTriggerInputChange.js +2 -4
  239. package/esm/AnnouncementBadge/AnnouncementBadge.js +7 -14
  240. package/esm/AutoComplete/AutoComplete.js +68 -158
  241. package/esm/AutoComplete/AutoComplete.tailwind.js +2 -2
  242. package/esm/AutoComplete/components/AutoCompleteEmptyState.js +5 -7
  243. package/esm/AutoComplete/components/DefaultOptionItem.js +2 -8
  244. package/esm/AutoComplete/utils.js +0 -2
  245. package/esm/Avatars/ApplicationAvatar.js +3 -6
  246. package/esm/Avatars/UserAvatar.js +6 -12
  247. package/esm/Avatars/utils.js +7 -23
  248. package/esm/Badge/Badge.js +13 -28
  249. package/esm/Banners/Alert/Alert.js +18 -20
  250. package/esm/Banners/BigBertha/BigBertha.js +1 -4
  251. package/esm/Banners/Promote/Promote.js +8 -10
  252. package/esm/Button/Button.js +13 -21
  253. package/esm/Button/Button.tailwind.js +3 -2
  254. package/esm/Button/ButtonGroup.js +3 -6
  255. package/esm/Button/IconButton.js +12 -22
  256. package/esm/Button/styles.js +1 -5
  257. package/esm/Card/Card.js +6 -12
  258. package/esm/Card/Card.tailwind.js +1 -1
  259. package/esm/Card/components/CardHeader.js +1 -7
  260. package/esm/Card/components/CardTitle.js +2 -8
  261. package/esm/Checkbox/Checkbox.js +14 -28
  262. package/esm/Checkbox/Checkbox.tailwind.js +1 -1
  263. package/esm/ClickAwayContainer/ClickAwayContainer.js +11 -13
  264. package/esm/DatePicker/DatePicker/DatePicker.js +13 -31
  265. package/esm/DatePicker/DatePicker/datePickerReducer.js +0 -9
  266. package/esm/DatePicker/DatePicker.tailwind.js +2 -9
  267. package/esm/DatePicker/DateRangePicker/DateRangePicker.js +29 -55
  268. package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js +4 -8
  269. package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.js +2 -16
  270. package/esm/DatePicker/components/Calendar.js +5 -10
  271. package/esm/DatePicker/components/Display.js +3 -5
  272. package/esm/DatePicker/components/Footer.js +0 -4
  273. package/esm/DatePicker/components/FooterActions.js +3 -7
  274. package/esm/DatePicker/components/Modal.js +17 -27
  275. package/esm/DatePicker/components/NavBar.js +12 -22
  276. package/esm/DatePicker/components/SidePanel.js +0 -4
  277. package/esm/Dropdown/Dropdown.js +23 -34
  278. package/esm/Dropdown/DropdownButton.js +3 -11
  279. package/esm/Dropdown/DropdownContext.js +0 -2
  280. package/esm/Dropdown/components/DropdownButtonItem.js +5 -12
  281. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +10 -15
  282. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +2 -2
  283. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -2
  284. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -9
  285. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -9
  286. package/esm/Dropdown/components/DropdownDivider.js +0 -2
  287. package/esm/Dropdown/components/DropdownFooterItem.js +2 -8
  288. package/esm/Dropdown/components/DropdownLinkItem.js +6 -13
  289. package/esm/Dropdown/components/DropdownRadioItem.js +4 -11
  290. package/esm/Dropdown/components/DropdownTitle.js +1 -7
  291. package/esm/Dropdown/components/DropdownToggleItem.js +5 -12
  292. package/esm/Dropdown/useDropdownItemProps.js +1 -7
  293. package/esm/Dropzone/Dropzone.js +27 -45
  294. package/esm/EmptyState/EmptyState.js +12 -16
  295. package/esm/Field/Field.js +8 -11
  296. package/esm/Flag/Flag.js +17 -25
  297. package/esm/Flag/Flags.js +4 -9
  298. package/esm/FlexGrid/FlexGrid.js +13 -15
  299. package/esm/FlexGrid/FlexGrid.tailwind.js +4 -9
  300. package/esm/HelpUnderline/HelpUnderline.js +5 -7
  301. package/esm/HelpUnderline/HelpUnderline.tailwind.js +1 -1
  302. package/esm/Input/Input.js +26 -54
  303. package/esm/Input/Input.tailwind.js +1 -1
  304. package/esm/Insert/Insert.js +7 -11
  305. package/esm/InstantSearch/InstantSearch.tailwind.js +4 -4
  306. package/esm/KeyboardKey/KeyboardKey.js +1 -3
  307. package/esm/KeyboardKey/KeyboardKey.tailwind.js +1 -1
  308. package/esm/Link/BaseLink.js +2 -6
  309. package/esm/Link/ButtonLink.js +3 -9
  310. package/esm/Link/IconButtonLink.js +2 -6
  311. package/esm/Link/Link.js +6 -14
  312. package/esm/Medallion/Medallion.js +5 -7
  313. package/esm/Medallion/Medallion.tailwind.js +3 -2
  314. package/esm/Modal/Modal.js +21 -38
  315. package/esm/Modal/Modal.tailwind.js +3 -2
  316. package/esm/Modal/components/ModalFooter.js +2 -8
  317. package/esm/Modal/components/ModalSection.js +3 -5
  318. package/esm/Pagination/CompactPagination/CompactPagination.js +1 -9
  319. package/esm/Pagination/DotPagination/DotPagination.js +5 -11
  320. package/esm/Pagination/Pagination/Pagination.js +9 -21
  321. package/esm/ProgressBar/ProgressBar.js +3 -10
  322. package/esm/ProgressBar/ProgressBar.tailwind.js +1 -1
  323. package/esm/ProgressSpinner/ProgressSpinner.js +8 -12
  324. package/esm/ProgressSpinner/ProgressSpinner.tailwind.js +2 -2
  325. package/esm/RadioGroup/RadioButton.js +1 -7
  326. package/esm/RadioGroup/RadioButton.tailwind.js +1 -1
  327. package/esm/RadioGroup/RadioGroup.js +19 -25
  328. package/esm/RadioGroup/RadiogroupContext.js +0 -2
  329. package/esm/RangeSlider/RangeSlider.js +26 -35
  330. package/esm/RangeSlider/RangeSlider.tailwind.js +1 -1
  331. package/esm/Satellite/Satellite.js +4 -4
  332. package/esm/Satellite/SatelliteContext.js +0 -3
  333. package/esm/Satellite/SatelliteRouter.js +2 -4
  334. package/esm/Satellite/locale.js +1 -2
  335. package/esm/Satellite/useCreatePortal.js +2 -2
  336. package/esm/ScrollIndicator/ScrollIndicator.js +18 -31
  337. package/esm/ScrollIndicator/ScrollIndicator.tailwind.js +1 -1
  338. package/esm/Select/Select.js +4 -9
  339. package/esm/Select/Select.tailwind.js +2 -2
  340. package/esm/Sidebar/Sidebar.js +11 -17
  341. package/esm/Sidebar/SidebarButtonLink.js +10 -20
  342. package/esm/Sidebar/SidebarContext.js +0 -2
  343. package/esm/Sidebar/SidebarHeader.js +1 -3
  344. package/esm/Sidebar/SidebarHeading.js +3 -7
  345. package/esm/Sidebar/SidebarLink.js +5 -11
  346. package/esm/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +2 -4
  347. package/esm/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +3 -7
  348. package/esm/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +8 -18
  349. package/esm/Sidebar/SidebarNav.js +5 -9
  350. package/esm/Switch/Switch.js +15 -24
  351. package/esm/Switch/Switch.tailwind.js +1 -1
  352. package/esm/Switch/SwitchOption.js +2 -6
  353. package/esm/Tables/DataTable/DataTable.js +28 -49
  354. package/esm/Tables/DataTable/DataTable.tailwind.js +2 -1
  355. package/esm/Tables/DataTable/components/Body.js +14 -23
  356. package/esm/Tables/DataTable/components/Footer.js +1 -8
  357. package/esm/Tables/DataTable/components/Header.js +5 -6
  358. package/esm/Tables/DataTable/components/HeaderCell.js +10 -17
  359. package/esm/Tables/DataTable/components/Loader.js +4 -8
  360. package/esm/Tables/DataTable/utils.js +0 -1
  361. package/esm/Tables/Table/Table.js +7 -14
  362. package/esm/Tables/Table/Table.tailwind.js +1 -1
  363. package/esm/Tables/Table/components/TableFooter.js +2 -4
  364. package/esm/Tabs/ContentTabs.js +10 -12
  365. package/esm/Tabs/LinkTabs.js +5 -7
  366. package/esm/Tabs/Tabs.tailwind.js +1 -1
  367. package/esm/Tabs/components/LinkTab.js +2 -18
  368. package/esm/Tabs/utils.js +0 -2
  369. package/esm/Tag/Tag.js +7 -16
  370. package/esm/Tag/Tag.tailwind.js +1 -1
  371. package/esm/TextArea/TextArea.js +1 -7
  372. package/esm/TextArea/TextArea.tailwind.js +1 -1
  373. package/esm/TextWrap/TextWrap.js +3 -11
  374. package/esm/Toggle/Toggle.js +6 -19
  375. package/esm/Toggle/Toggle.tailwind.js +1 -1
  376. package/esm/Tooltip/OverflowTooltipWrapper.js +33 -46
  377. package/esm/Tooltip/Tooltip.js +4 -9
  378. package/esm/Tooltip/Tooltip.tailwind.js +3 -4
  379. package/esm/Tooltip/TooltipWrapper.js +43 -56
  380. package/esm/Typography/Typography.tailwind.js +12 -15
  381. package/esm/UserContent/UserContent.js +3 -5
  382. package/esm/UserContent/UserContent.tailwind.js +2 -7
  383. package/esm/styles/base.tailwind.js +7 -6
  384. package/esm/styles/colors.js +7 -7
  385. package/esm/styles/disabledColor.js +1 -2
  386. package/esm/styles/helpers/icons.js +5 -8
  387. package/esm/styles/helpers/makePurgeCssExtractor.js +3 -14
  388. package/esm/styles/helpers/makeTailwindPrefixer.js +1 -6
  389. package/esm/styles/helpers/prefixTailwindClassName.js +6 -6
  390. package/esm/styles/helpers/satellitePrefixer.js +1 -1
  391. package/esm/styles/rgba.js +1 -2
  392. package/esm/styles/tailwind.config.js +4 -6
  393. package/esm/styles/zIndexes.js +1 -0
  394. package/esm/utils/event-polyfill.js +0 -2
  395. package/esm/utils/formatters.js +12 -16
  396. package/esm/utils/genericChangeHandler.js +0 -2
  397. package/esm/utils/hashCode.js +0 -3
  398. package/esm/utils/isCssPropertySupported.js +0 -2
  399. package/esm/utils/isRenderedChild.js +0 -1
  400. package/esm/utils/matchLocation.js +0 -2
  401. package/esm/utils/onlyText.js +3 -11
  402. package/esm/utils/parseUrl.js +2 -2
  403. package/esm/utils/pluralize.js +2 -5
  404. package/esm/utils/toSentenceCase.js +1 -1
  405. package/esm/utils/uniqBy.js +0 -2
  406. package/esm/utils/useForwardedRef.js +0 -3
  407. package/esm/utils/useLinkProps.js +1 -7
  408. package/esm/utils/useTriggerInputChange.js +2 -3
  409. package/package.json +1 -1
  410. package/satellite.min.css +1 -1
  411. package/scss/colors.scss +16 -16
@@ -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;
@@ -1,106 +1,75 @@
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"] = 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15
-
16
11
  var _react = require("react");
17
-
18
12
  var _Satellite = require("../../Satellite");
19
-
20
13
  var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
21
-
22
14
  var _Calendar = _interopRequireDefault(require("../components/Calendar"));
23
-
24
15
  var _Display = _interopRequireDefault(require("../components/Display"));
25
-
26
16
  var _Footer = _interopRequireDefault(require("../components/Footer"));
27
-
28
17
  var _FooterActions = _interopRequireDefault(require("../components/FooterActions"));
29
-
30
18
  var _Modal = _interopRequireDefault(require("../components/Modal"));
31
-
32
19
  var _SidePanel = _interopRequireDefault(require("../components/SidePanel"));
33
-
34
20
  var _utils = require("../utils");
35
-
36
21
  var _datePickerReducer = require("./datePickerReducer");
37
-
38
22
  var _jsxRuntime = require("react/jsx-runtime");
39
-
40
23
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
41
-
42
24
  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; }
43
-
44
25
  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; }
45
-
46
26
  var DatePicker = function DatePicker(props) {
47
27
  var _props$initialValue, _props$validate, _props$validate$call, _props$calendarProps;
48
-
49
28
  var contextLocale = (0, _Satellite.useLocale)("datePicker");
50
-
51
29
  var locale = _objectSpread(_objectSpread(_objectSpread({}, _utils.DEFAULT_DATE_PICKER_LOCALE), contextLocale), props.locale);
52
-
53
30
  var _useState = (0, _react.useState)(null),
54
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
55
- targetElement = _useState2[0],
56
- setTargetElement = _useState2[1];
57
-
31
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
32
+ targetElement = _useState2[0],
33
+ setTargetElement = _useState2[1];
58
34
  var isControlled = props.value !== undefined;
59
-
60
35
  var _useReducer = (0, _react.useReducer)(_datePickerReducer.datePickerReducer, isControlled ? {} : {
61
- selected: (_props$initialValue = props.initialValue) !== null && _props$initialValue !== void 0 ? _props$initialValue : null
62
- }, _datePickerReducer.initDatePickerReducer),
63
- _useReducer2 = (0, _slicedToArray2["default"])(_useReducer, 2),
64
- state = _useReducer2[0],
65
- dispatch = _useReducer2[1]; // Computed properties
66
-
36
+ selected: (_props$initialValue = props.initialValue) !== null && _props$initialValue !== void 0 ? _props$initialValue : null
37
+ }, _datePickerReducer.initDatePickerReducer),
38
+ _useReducer2 = (0, _slicedToArray2["default"])(_useReducer, 2),
39
+ state = _useReducer2[0],
40
+ dispatch = _useReducer2[1];
67
41
 
42
+ // Computed properties
68
43
  var isValid = !((_props$validate = props.validate) !== null && _props$validate !== void 0 && (_props$validate$call = _props$validate.call(props, state)) !== null && _props$validate$call !== void 0 && _props$validate$call.length);
69
- var value = isControlled ? props.value : state.selected; // Event handlers
44
+ var value = isControlled ? props.value : state.selected;
70
45
 
46
+ // Event handlers
71
47
  var handleOpen = function handleOpen(e) {
72
48
  var _props$onOpen;
73
-
74
49
  (_props$onOpen = props.onOpen) === null || _props$onOpen === void 0 ? void 0 : _props$onOpen.call(props, e);
75
50
  dispatch({
76
51
  type: _datePickerReducer.DatePickerActionTypes.show,
77
52
  payload: true
78
53
  });
79
54
  };
80
-
81
55
  var handleClose = function handleClose(e) {
82
56
  var _props$onCancel;
83
-
84
57
  (_props$onCancel = props.onCancel) === null || _props$onCancel === void 0 ? void 0 : _props$onCancel.call(props, e);
85
58
  dispatch({
86
59
  type: _datePickerReducer.DatePickerActionTypes.show,
87
60
  payload: false
88
61
  });
89
62
  };
90
-
91
63
  var handleApply = function handleApply(e) {
92
64
  var _props$onSubmit;
93
-
94
65
  (_props$onSubmit = props.onSubmit) === null || _props$onSubmit === void 0 ? void 0 : _props$onSubmit.call(props, e, value);
95
66
  dispatch({
96
67
  type: _datePickerReducer.DatePickerActionTypes.apply
97
68
  });
98
69
  };
99
-
100
70
  var handleDayClick = function handleDayClick(payload, modifiers) {
101
71
  if (!modifiers.disabled) {
102
72
  var _props$onChange;
103
-
104
73
  (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, payload);
105
74
  dispatch({
106
75
  type: _datePickerReducer.DatePickerActionTypes.dateSelect,
@@ -108,10 +77,8 @@ var DatePicker = function DatePicker(props) {
108
77
  });
109
78
  }
110
79
  };
111
-
112
80
  var yearProps = (0, _react.useMemo)(function () {
113
81
  var _state$selected;
114
-
115
82
  return props.editableYear ? {
116
83
  editableYear: true,
117
84
  initialDate: (_state$selected = state.selected) !== null && _state$selected !== void 0 ? _state$selected : undefined,
@@ -119,7 +86,8 @@ var DatePicker = function DatePicker(props) {
119
86
  } : {
120
87
  editableYear: false
121
88
  };
122
- }, // eslint-disable-next-line react-hooks/exhaustive-deps
89
+ },
90
+ // eslint-disable-next-line react-hooks/exhaustive-deps
123
91
  [props]);
124
92
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
125
93
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -193,6 +161,5 @@ var DatePicker = function DatePicker(props) {
193
161
  })]
194
162
  });
195
163
  };
196
-
197
164
  var _default = DatePicker;
198
165
  exports["default"] = _default;