@algolia/satellite 1.0.0-beta.131 → 1.0.0-beta.134

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 (586) hide show
  1. package/README.md +33 -28
  2. package/cjs/AnnouncementBadge/AnnouncementBadge.d.ts +8 -3
  3. package/cjs/AnnouncementBadge/AnnouncementBadge.js +25 -7
  4. package/cjs/AutoComplete/AutoComplete.d.ts +23 -17
  5. package/cjs/AutoComplete/AutoComplete.js +180 -124
  6. package/cjs/AutoComplete/AutoComplete.tailwind.d.ts +4 -4
  7. package/cjs/AutoComplete/AutoComplete.tailwind.js +10 -13
  8. package/cjs/AutoComplete/components/AutoCompleteEmptyState.d.ts +4 -4
  9. package/cjs/AutoComplete/components/AutoCompleteEmptyState.js +16 -13
  10. package/cjs/AutoComplete/components/DefaultOptionItem.d.ts +6 -2
  11. package/cjs/AutoComplete/components/DefaultOptionItem.js +24 -17
  12. package/cjs/AutoComplete/types.d.ts +33 -25
  13. package/cjs/AutoComplete/utils.d.ts +5 -4
  14. package/cjs/AutoComplete/utils.js +22 -2
  15. package/cjs/Avatars/ApplicationAvatar.js +7 -6
  16. package/cjs/Avatars/UserAvatar.js +19 -20
  17. package/cjs/Avatars/utils.d.ts +1 -1
  18. package/cjs/Badge/Badge.d.ts +5 -5
  19. package/cjs/Badge/Badge.js +21 -12
  20. package/cjs/Banner/Banner.d.ts +5 -4
  21. package/cjs/Banner/Banner.js +30 -25
  22. package/cjs/Banners/Alert/Alert.d.ts +5 -4
  23. package/cjs/Banners/Alert/Alert.js +29 -23
  24. package/cjs/Banners/BigBertha/BigBertha.d.ts +3 -2
  25. package/cjs/Banners/BigBertha/BigBertha.js +11 -9
  26. package/cjs/Banners/Promote/Promote.d.ts +6 -5
  27. package/cjs/Banners/Promote/Promote.js +38 -30
  28. package/cjs/Button/Button.js +23 -17
  29. package/cjs/Button/Button.tailwind.d.ts +4 -4
  30. package/cjs/Button/Button.tailwind.js +11 -14
  31. package/cjs/Button/ButtonGroup.d.ts +2 -1
  32. package/cjs/Button/ButtonGroup.js +6 -5
  33. package/cjs/Button/IconButton.d.ts +2 -2
  34. package/cjs/Button/IconButton.js +24 -22
  35. package/cjs/Button/styles.d.ts +1 -1
  36. package/cjs/Button/types.d.ts +5 -5
  37. package/cjs/Card/Card.d.ts +3 -3
  38. package/cjs/Card/Card.js +8 -11
  39. package/cjs/Card/Card.tailwind.d.ts +4 -4
  40. package/cjs/Card/Card.tailwind.js +5 -8
  41. package/cjs/Card/components/CardHeader.js +8 -4
  42. package/cjs/Card/components/CardTitle.d.ts +4 -2
  43. package/cjs/Card/components/CardTitle.js +11 -6
  44. package/cjs/Checkbox/Checkbox.d.ts +3 -3
  45. package/cjs/Checkbox/Checkbox.js +33 -30
  46. package/cjs/Checkbox/Checkbox.tailwind.d.ts +5 -5
  47. package/cjs/Checkbox/Checkbox.tailwind.js +11 -14
  48. package/cjs/ClickAwayContainer/ClickAwayContainer.d.ts +3 -2
  49. package/cjs/ClickAwayContainer/ClickAwayContainer.js +6 -9
  50. package/cjs/DatePicker/DatePicker/DatePicker.d.ts +13 -19
  51. package/cjs/DatePicker/DatePicker/DatePicker.js +90 -63
  52. package/cjs/DatePicker/DatePicker/datePickerReducer.d.ts +2 -2
  53. package/cjs/DatePicker/DatePicker/datePickerReducer.js +2 -2
  54. package/cjs/DatePicker/DatePicker.tailwind.d.ts +4 -4
  55. package/cjs/DatePicker/DatePicker.tailwind.js +19 -14
  56. package/cjs/DatePicker/DateRangePicker/DateRangePicker.d.ts +11 -17
  57. package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +101 -70
  58. package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +4 -1
  59. package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +18 -12
  60. package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.d.ts +3 -3
  61. package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +5 -5
  62. package/cjs/DatePicker/components/Calendar.d.ts +6 -2
  63. package/cjs/DatePicker/components/Calendar.js +12 -10
  64. package/cjs/DatePicker/components/Display.d.ts +3 -3
  65. package/cjs/DatePicker/components/Display.js +6 -5
  66. package/cjs/DatePicker/components/Footer.d.ts +2 -2
  67. package/cjs/DatePicker/components/Footer.js +6 -5
  68. package/cjs/DatePicker/components/FooterActions.d.ts +4 -1
  69. package/cjs/DatePicker/components/FooterActions.js +17 -13
  70. package/cjs/DatePicker/components/Modal.d.ts +5 -5
  71. package/cjs/DatePicker/components/Modal.js +18 -16
  72. package/cjs/DatePicker/components/NavBar.d.ts +7 -3
  73. package/cjs/DatePicker/components/NavBar.js +42 -41
  74. package/cjs/DatePicker/components/SidePanel.d.ts +2 -2
  75. package/cjs/DatePicker/components/SidePanel.js +9 -7
  76. package/cjs/DatePicker/types.d.ts +17 -0
  77. package/cjs/{tailwind-types.js → DatePicker/types.js} +0 -0
  78. package/cjs/DatePicker/utils.d.ts +2 -0
  79. package/cjs/DatePicker/utils.js +10 -2
  80. package/cjs/Dropdown/Dropdown.d.ts +8 -8
  81. package/cjs/Dropdown/Dropdown.js +49 -40
  82. package/cjs/Dropdown/DropdownButton.d.ts +4 -3
  83. package/cjs/Dropdown/DropdownButton.js +15 -9
  84. package/cjs/Dropdown/DropdownContext.d.ts +2 -2
  85. package/cjs/Dropdown/DropdownContext.js +2 -9
  86. package/cjs/Dropdown/components/DropdownButtonItem.d.ts +1 -1
  87. package/cjs/Dropdown/components/DropdownButtonItem.js +14 -14
  88. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +4 -4
  89. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +30 -29
  90. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +1 -1
  91. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +6 -7
  92. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +1 -1
  93. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -9
  94. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +1 -1
  95. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -9
  96. package/cjs/Dropdown/components/DropdownDivider.js +3 -3
  97. package/cjs/Dropdown/components/DropdownFooterItem.d.ts +2 -2
  98. package/cjs/Dropdown/components/DropdownFooterItem.js +11 -5
  99. package/cjs/Dropdown/components/DropdownLinkItem.js +14 -13
  100. package/cjs/Dropdown/components/DropdownRadioItem.d.ts +2 -2
  101. package/cjs/Dropdown/components/DropdownRadioItem.js +17 -16
  102. package/cjs/Dropdown/components/DropdownTitle.d.ts +4 -2
  103. package/cjs/Dropdown/components/DropdownTitle.js +8 -4
  104. package/cjs/Dropdown/components/DropdownToggleItem.d.ts +3 -3
  105. package/cjs/Dropdown/components/DropdownToggleItem.js +16 -16
  106. package/cjs/Dropdown/useDropdownItemProps.d.ts +3 -3
  107. package/cjs/Dropzone/Dropzone.d.ts +7 -3
  108. package/cjs/Dropzone/Dropzone.js +70 -56
  109. package/cjs/EmptyState/EmptyState.d.ts +1 -1
  110. package/cjs/EmptyState/EmptyState.js +29 -22
  111. package/cjs/EmptyState/EmptyState.tailwind.d.ts +4 -4
  112. package/cjs/EmptyState/EmptyState.tailwind.js +5 -8
  113. package/cjs/EmptyState/types.d.ts +7 -7
  114. package/cjs/Field/Field.d.ts +4 -3
  115. package/cjs/Field/Field.js +33 -26
  116. package/cjs/Flag/Flag.d.ts +3 -2
  117. package/cjs/Flag/Flag.js +58 -38
  118. package/cjs/Flag/Flag.tailwind.d.ts +4 -4
  119. package/cjs/Flag/Flag.tailwind.js +8 -15
  120. package/cjs/Flag/Flags.d.ts +3 -3
  121. package/cjs/Flag/Flags.js +32 -22
  122. package/cjs/Flag/types.d.ts +8 -4
  123. package/cjs/FlexGrid/FlexGrid.d.ts +2 -1
  124. package/cjs/FlexGrid/FlexGrid.js +15 -9
  125. package/cjs/FlexGrid/FlexGrid.tailwind.d.ts +6 -3
  126. package/cjs/FlexGrid/FlexGrid.tailwind.js +10 -13
  127. package/cjs/HelpUnderline/HelpUnderline.d.ts +2 -1
  128. package/cjs/HelpUnderline/HelpUnderline.js +9 -7
  129. package/cjs/HelpUnderline/HelpUnderline.tailwind.d.ts +4 -4
  130. package/cjs/HelpUnderline/HelpUnderline.tailwind.js +3 -6
  131. package/cjs/Input/Input.d.ts +11 -5
  132. package/cjs/Input/Input.js +131 -115
  133. package/cjs/Input/Input.tailwind.d.ts +4 -4
  134. package/cjs/Input/Input.tailwind.js +12 -15
  135. package/cjs/Insert/Insert.d.ts +3 -2
  136. package/cjs/Insert/Insert.js +29 -23
  137. package/cjs/InstantSearch/InstantSearch.tailwind.d.ts +4 -5
  138. package/cjs/InstantSearch/InstantSearch.tailwind.js +34 -32
  139. package/cjs/KeyboardKey/KeyboardKey.d.ts +2 -1
  140. package/cjs/KeyboardKey/KeyboardKey.js +11 -13
  141. package/cjs/KeyboardKey/KeyboardKey.tailwind.d.ts +4 -4
  142. package/cjs/KeyboardKey/KeyboardKey.tailwind.js +5 -8
  143. package/cjs/Link/BaseLink.d.ts +3 -3
  144. package/cjs/Link/BaseLink.js +7 -7
  145. package/cjs/Link/ButtonLink.d.ts +1 -1
  146. package/cjs/Link/ButtonLink.js +9 -5
  147. package/cjs/Link/IconButtonLink.d.ts +1 -1
  148. package/cjs/Link/IconButtonLink.js +8 -4
  149. package/cjs/Link/Link.d.ts +5 -5
  150. package/cjs/Link/Link.js +16 -15
  151. package/cjs/Medallion/Medallion.d.ts +2 -2
  152. package/cjs/Medallion/Medallion.js +8 -7
  153. package/cjs/Medallion/Medallion.tailwind.d.ts +4 -4
  154. package/cjs/Medallion/Medallion.tailwind.js +8 -11
  155. package/cjs/Modal/Modal.d.ts +8 -5
  156. package/cjs/Modal/Modal.js +60 -47
  157. package/cjs/Modal/Modal.tailwind.d.ts +4 -4
  158. package/cjs/Modal/Modal.tailwind.js +9 -18
  159. package/cjs/Modal/components/ModalFooter.d.ts +4 -2
  160. package/cjs/Modal/components/ModalFooter.js +16 -10
  161. package/cjs/Modal/components/ModalSection.d.ts +1 -1
  162. package/cjs/Modal/components/ModalSection.js +6 -5
  163. package/cjs/Pagination/CompactPagination/CompactPagination.d.ts +8 -0
  164. package/cjs/Pagination/CompactPagination/CompactPagination.js +62 -36
  165. package/cjs/Pagination/DotPagination/DotPagination.d.ts +5 -1
  166. package/cjs/Pagination/DotPagination/DotPagination.js +36 -16
  167. package/cjs/Pagination/Pagination/Pagination.d.ts +7 -1
  168. package/cjs/Pagination/Pagination/Pagination.js +79 -49
  169. package/cjs/ProgressBar/ProgressBar.d.ts +2 -2
  170. package/cjs/ProgressBar/ProgressBar.js +16 -11
  171. package/cjs/ProgressBar/ProgressBar.tailwind.d.ts +5 -5
  172. package/cjs/ProgressBar/ProgressBar.tailwind.js +7 -10
  173. package/cjs/ProgressSpinner/ProgressSpinner.d.ts +2 -2
  174. package/cjs/ProgressSpinner/ProgressSpinner.js +18 -11
  175. package/cjs/ProgressSpinner/ProgressSpinner.tailwind.d.ts +5 -5
  176. package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js +4 -7
  177. package/cjs/RadioGroup/RadioButton.d.ts +3 -3
  178. package/cjs/RadioGroup/RadioButton.js +8 -8
  179. package/cjs/RadioGroup/RadioButton.tailwind.d.ts +4 -4
  180. package/cjs/RadioGroup/RadioButton.tailwind.js +11 -14
  181. package/cjs/RadioGroup/RadioGroup.d.ts +4 -3
  182. package/cjs/RadioGroup/RadioGroup.js +36 -34
  183. package/cjs/RangeSlider/RangeSlider.d.ts +3 -3
  184. package/cjs/RangeSlider/RangeSlider.js +37 -36
  185. package/cjs/RangeSlider/RangeSlider.tailwind.d.ts +4 -4
  186. package/cjs/RangeSlider/RangeSlider.tailwind.js +21 -24
  187. package/cjs/Satellite/Satellite.d.ts +5 -2
  188. package/cjs/Satellite/Satellite.js +13 -7
  189. package/cjs/Satellite/SatelliteContext.d.ts +3 -1
  190. package/cjs/Satellite/SatelliteContext.js +4 -3
  191. package/cjs/Satellite/SatelliteRouter.d.ts +1 -1
  192. package/cjs/Satellite/index.d.ts +1 -0
  193. package/cjs/Satellite/index.js +14 -0
  194. package/cjs/Satellite/locale.d.ts +27 -0
  195. package/cjs/Satellite/locale.js +21 -0
  196. package/cjs/ScrollIndicator/ScrollIndicator.d.ts +6 -3
  197. package/cjs/ScrollIndicator/ScrollIndicator.js +13 -16
  198. package/cjs/ScrollIndicator/ScrollIndicator.tailwind.d.ts +4 -4
  199. package/cjs/ScrollIndicator/ScrollIndicator.tailwind.js +8 -11
  200. package/cjs/Select/Select.d.ts +3 -3
  201. package/cjs/Select/Select.js +8 -8
  202. package/cjs/Select/Select.tailwind.d.ts +5 -5
  203. package/cjs/Select/Select.tailwind.js +5 -8
  204. package/cjs/Sidebar/Sidebar.d.ts +6 -4
  205. package/cjs/Sidebar/Sidebar.js +18 -10
  206. package/cjs/Sidebar/Sidebar.tailwind.d.ts +4 -4
  207. package/cjs/Sidebar/Sidebar.tailwind.js +5 -8
  208. package/cjs/Sidebar/SidebarContext.d.ts +1 -1
  209. package/cjs/Sidebar/components/SidebarHeader.d.ts +2 -2
  210. package/cjs/Sidebar/components/SidebarHeader.js +11 -6
  211. package/cjs/Sidebar/components/SidebarLink.d.ts +4 -3
  212. package/cjs/Sidebar/components/SidebarLink.js +32 -22
  213. package/cjs/Switch/Switch.d.ts +3 -3
  214. package/cjs/Switch/Switch.js +17 -19
  215. package/cjs/Switch/Switch.tailwind.d.ts +5 -5
  216. package/cjs/Switch/Switch.tailwind.js +7 -8
  217. package/cjs/Switch/SwitchOption.d.ts +2 -1
  218. package/cjs/Switch/SwitchOption.js +25 -17
  219. package/cjs/Tables/DataTable/DataTable.d.ts +15 -5
  220. package/cjs/Tables/DataTable/DataTable.js +79 -60
  221. package/cjs/Tables/DataTable/DataTable.tailwind.d.ts +4 -4
  222. package/cjs/Tables/DataTable/DataTable.tailwind.js +3 -6
  223. package/cjs/Tables/DataTable/components/Body.d.ts +7 -6
  224. package/cjs/Tables/DataTable/components/Body.js +62 -47
  225. package/cjs/Tables/DataTable/components/Footer.d.ts +1 -1
  226. package/cjs/Tables/DataTable/components/Footer.js +6 -6
  227. package/cjs/Tables/DataTable/components/Header.js +24 -20
  228. package/cjs/Tables/DataTable/components/HeaderCell.d.ts +3 -3
  229. package/cjs/Tables/DataTable/components/HeaderCell.js +20 -14
  230. package/cjs/Tables/DataTable/components/Loader.d.ts +3 -1
  231. package/cjs/Tables/DataTable/components/Loader.js +19 -20
  232. package/cjs/Tables/DataTable/types.d.ts +3 -3
  233. package/cjs/Tables/DataTable/utils.d.ts +1 -1
  234. package/cjs/Tables/Table/Table.d.ts +3 -3
  235. package/cjs/Tables/Table/Table.js +19 -12
  236. package/cjs/Tables/Table/Table.tailwind.d.ts +4 -4
  237. package/cjs/Tables/Table/Table.tailwind.js +3 -6
  238. package/cjs/Tables/Table/components/Footer.d.ts +2 -2
  239. package/cjs/Tables/Table/components/Footer.js +6 -5
  240. package/cjs/Tabs/ContentTabs.d.ts +1 -1
  241. package/cjs/Tabs/ContentTabs.js +39 -38
  242. package/cjs/Tabs/LinkTabs.d.ts +1 -1
  243. package/cjs/Tabs/LinkTabs.js +16 -16
  244. package/cjs/Tabs/Tabs.tailwind.d.ts +4 -4
  245. package/cjs/Tabs/Tabs.tailwind.js +5 -8
  246. package/cjs/Tabs/components/LinkTab.d.ts +3 -3
  247. package/cjs/Tabs/components/LinkTab.js +18 -12
  248. package/cjs/Tabs/types.d.ts +6 -6
  249. package/cjs/Tabs/utils.d.ts +1 -1
  250. package/cjs/Tag/Tag.d.ts +8 -4
  251. package/cjs/Tag/Tag.js +36 -24
  252. package/cjs/Tag/Tag.tailwind.d.ts +4 -4
  253. package/cjs/Tag/Tag.tailwind.js +6 -9
  254. package/cjs/TextArea/TextArea.d.ts +3 -3
  255. package/cjs/TextArea/TextArea.js +8 -8
  256. package/cjs/TextArea/TextArea.tailwind.d.ts +4 -4
  257. package/cjs/TextArea/TextArea.tailwind.js +4 -7
  258. package/cjs/TextWrap/TextWrap.js +20 -20
  259. package/cjs/Toggle/Toggle.d.ts +3 -3
  260. package/cjs/Toggle/Toggle.js +23 -21
  261. package/cjs/Toggle/Toggle.tailwind.d.ts +5 -5
  262. package/cjs/Toggle/Toggle.tailwind.js +19 -22
  263. package/cjs/Tooltip/OverflowTooltipWrapper.d.ts +3 -2
  264. package/cjs/Tooltip/OverflowTooltipWrapper.js +32 -24
  265. package/cjs/Tooltip/Tooltip.d.ts +3 -3
  266. package/cjs/Tooltip/Tooltip.js +8 -8
  267. package/cjs/Tooltip/Tooltip.tailwind.d.ts +4 -4
  268. package/cjs/Tooltip/Tooltip.tailwind.js +19 -18
  269. package/cjs/Tooltip/TooltipWrapper.d.ts +4 -3
  270. package/cjs/Tooltip/TooltipWrapper.js +47 -39
  271. package/cjs/Tooltip/types.d.ts +4 -2
  272. package/cjs/Typography/Typography.tailwind.d.ts +5 -17
  273. package/cjs/Typography/Typography.tailwind.js +125 -135
  274. package/cjs/UserContent/UserContent.js +3 -3
  275. package/cjs/UserContent/UserContent.tailwind.d.ts +4 -1
  276. package/cjs/UserContent/UserContent.tailwind.js +13 -13
  277. package/cjs/styles/base.tailwind.d.ts +4 -4
  278. package/cjs/styles/base.tailwind.js +3 -6
  279. package/cjs/styles/tailwind.config.d.ts +2 -198
  280. package/cjs/styles/tailwind.config.js +27 -31
  281. package/cjs/types.d.ts +10 -3
  282. package/cjs/utilities/utilities.tailwind.d.ts +4 -1
  283. package/cjs/utilities/utilities.tailwind.js +4 -6
  284. package/cjs/utils/genericChangeHandler.d.ts +3 -3
  285. package/cjs/utils/isCssPropertySupported.d.ts +1 -1
  286. package/cjs/utils/isRenderedChild.d.ts +2 -2
  287. package/cjs/utils/pluralize.js +6 -1
  288. package/cjs/utils/useForwardedRef.d.ts +2 -2
  289. package/cjs/utils/useLinkProps.d.ts +2 -2
  290. package/cjs/utils/useTriggerInputChange.d.ts +2 -2
  291. package/esm/AnnouncementBadge/AnnouncementBadge.d.ts +8 -3
  292. package/esm/AnnouncementBadge/AnnouncementBadge.js +23 -6
  293. package/esm/AutoComplete/AutoComplete.d.ts +23 -17
  294. package/esm/AutoComplete/AutoComplete.js +184 -115
  295. package/esm/AutoComplete/AutoComplete.tailwind.d.ts +4 -4
  296. package/esm/AutoComplete/AutoComplete.tailwind.js +10 -13
  297. package/esm/AutoComplete/components/AutoCompleteEmptyState.d.ts +4 -4
  298. package/esm/AutoComplete/components/AutoCompleteEmptyState.js +16 -12
  299. package/esm/AutoComplete/components/DefaultOptionItem.d.ts +6 -2
  300. package/esm/AutoComplete/components/DefaultOptionItem.js +25 -16
  301. package/esm/AutoComplete/types.d.ts +33 -25
  302. package/esm/AutoComplete/utils.d.ts +5 -4
  303. package/esm/AutoComplete/utils.js +16 -0
  304. package/esm/Avatars/ApplicationAvatar.js +6 -5
  305. package/esm/Avatars/UserAvatar.js +19 -14
  306. package/esm/Avatars/utils.d.ts +1 -1
  307. package/esm/Badge/Badge.d.ts +5 -5
  308. package/esm/Badge/Badge.js +21 -11
  309. package/esm/Banner/Banner.d.ts +5 -4
  310. package/esm/Banner/Banner.js +31 -25
  311. package/esm/Banners/Alert/Alert.d.ts +5 -4
  312. package/esm/Banners/Alert/Alert.js +30 -23
  313. package/esm/Banners/BigBertha/BigBertha.d.ts +3 -2
  314. package/esm/Banners/BigBertha/BigBertha.js +11 -8
  315. package/esm/Banners/Promote/Promote.d.ts +6 -5
  316. package/esm/Banners/Promote/Promote.js +37 -28
  317. package/esm/Button/Button.js +23 -16
  318. package/esm/Button/Button.tailwind.d.ts +4 -4
  319. package/esm/Button/Button.tailwind.js +13 -16
  320. package/esm/Button/ButtonGroup.d.ts +2 -1
  321. package/esm/Button/ButtonGroup.js +5 -4
  322. package/esm/Button/IconButton.d.ts +2 -2
  323. package/esm/Button/IconButton.js +24 -19
  324. package/esm/Button/styles.d.ts +1 -1
  325. package/esm/Button/types.d.ts +5 -5
  326. package/esm/Card/Card.d.ts +3 -3
  327. package/esm/Card/Card.js +6 -4
  328. package/esm/Card/Card.tailwind.d.ts +4 -4
  329. package/esm/Card/Card.tailwind.js +6 -9
  330. package/esm/Card/components/CardHeader.js +8 -3
  331. package/esm/Card/components/CardTitle.d.ts +4 -2
  332. package/esm/Card/components/CardTitle.js +11 -5
  333. package/esm/Checkbox/Checkbox.d.ts +3 -3
  334. package/esm/Checkbox/Checkbox.js +35 -26
  335. package/esm/Checkbox/Checkbox.tailwind.d.ts +5 -5
  336. package/esm/Checkbox/Checkbox.tailwind.js +11 -14
  337. package/esm/ClickAwayContainer/ClickAwayContainer.d.ts +3 -2
  338. package/esm/ClickAwayContainer/ClickAwayContainer.js +6 -4
  339. package/esm/DatePicker/DatePicker/DatePicker.d.ts +13 -19
  340. package/esm/DatePicker/DatePicker/DatePicker.js +92 -59
  341. package/esm/DatePicker/DatePicker/datePickerReducer.d.ts +2 -2
  342. package/esm/DatePicker/DatePicker/datePickerReducer.js +2 -2
  343. package/esm/DatePicker/DatePicker.tailwind.d.ts +4 -4
  344. package/esm/DatePicker/DatePicker.tailwind.js +19 -15
  345. package/esm/DatePicker/DateRangePicker/DateRangePicker.d.ts +11 -17
  346. package/esm/DatePicker/DateRangePicker/DateRangePicker.js +105 -67
  347. package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +4 -1
  348. package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js +19 -11
  349. package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.d.ts +3 -3
  350. package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.js +4 -4
  351. package/esm/DatePicker/components/Calendar.d.ts +6 -2
  352. package/esm/DatePicker/components/Calendar.js +13 -5
  353. package/esm/DatePicker/components/Display.d.ts +3 -3
  354. package/esm/DatePicker/components/Display.js +5 -4
  355. package/esm/DatePicker/components/Footer.d.ts +2 -2
  356. package/esm/DatePicker/components/Footer.js +5 -4
  357. package/esm/DatePicker/components/FooterActions.d.ts +4 -1
  358. package/esm/DatePicker/components/FooterActions.js +18 -13
  359. package/esm/DatePicker/components/Modal.d.ts +5 -5
  360. package/esm/DatePicker/components/Modal.js +19 -12
  361. package/esm/DatePicker/components/NavBar.d.ts +7 -3
  362. package/esm/DatePicker/components/NavBar.js +42 -35
  363. package/esm/DatePicker/components/SidePanel.d.ts +2 -2
  364. package/esm/DatePicker/components/SidePanel.js +8 -6
  365. package/esm/DatePicker/types.d.ts +17 -0
  366. package/esm/{tailwind-types.js → DatePicker/types.js} +0 -0
  367. package/esm/DatePicker/utils.d.ts +2 -0
  368. package/esm/DatePicker/utils.js +7 -0
  369. package/esm/Dropdown/Dropdown.d.ts +8 -8
  370. package/esm/Dropdown/Dropdown.js +45 -30
  371. package/esm/Dropdown/DropdownButton.d.ts +4 -3
  372. package/esm/Dropdown/DropdownButton.js +15 -8
  373. package/esm/Dropdown/DropdownContext.d.ts +2 -2
  374. package/esm/Dropdown/DropdownContext.js +2 -2
  375. package/esm/Dropdown/components/DropdownButtonItem.d.ts +1 -1
  376. package/esm/Dropdown/components/DropdownButtonItem.js +14 -12
  377. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +4 -4
  378. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +29 -22
  379. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +1 -1
  380. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +5 -4
  381. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +1 -1
  382. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -4
  383. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +1 -1
  384. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -4
  385. package/esm/Dropdown/components/DropdownDivider.js +2 -2
  386. package/esm/Dropdown/components/DropdownFooterItem.d.ts +2 -2
  387. package/esm/Dropdown/components/DropdownFooterItem.js +11 -4
  388. package/esm/Dropdown/components/DropdownLinkItem.js +14 -11
  389. package/esm/Dropdown/components/DropdownRadioItem.d.ts +2 -2
  390. package/esm/Dropdown/components/DropdownRadioItem.js +17 -14
  391. package/esm/Dropdown/components/DropdownTitle.d.ts +4 -2
  392. package/esm/Dropdown/components/DropdownTitle.js +8 -3
  393. package/esm/Dropdown/components/DropdownToggleItem.d.ts +3 -3
  394. package/esm/Dropdown/components/DropdownToggleItem.js +16 -14
  395. package/esm/Dropdown/useDropdownItemProps.d.ts +3 -3
  396. package/esm/Dropzone/Dropzone.d.ts +7 -3
  397. package/esm/Dropzone/Dropzone.js +69 -49
  398. package/esm/EmptyState/EmptyState.d.ts +1 -1
  399. package/esm/EmptyState/EmptyState.js +29 -21
  400. package/esm/EmptyState/EmptyState.tailwind.d.ts +4 -4
  401. package/esm/EmptyState/EmptyState.tailwind.js +6 -9
  402. package/esm/EmptyState/types.d.ts +7 -7
  403. package/esm/Field/Field.d.ts +4 -3
  404. package/esm/Field/Field.js +33 -25
  405. package/esm/Flag/Flag.d.ts +3 -2
  406. package/esm/Flag/Flag.js +57 -33
  407. package/esm/Flag/Flag.tailwind.d.ts +4 -4
  408. package/esm/Flag/Flag.tailwind.js +9 -16
  409. package/esm/Flag/Flags.d.ts +3 -3
  410. package/esm/Flag/Flags.js +30 -21
  411. package/esm/Flag/types.d.ts +8 -4
  412. package/esm/FlexGrid/FlexGrid.d.ts +2 -1
  413. package/esm/FlexGrid/FlexGrid.js +13 -8
  414. package/esm/FlexGrid/FlexGrid.tailwind.d.ts +6 -3
  415. package/esm/FlexGrid/FlexGrid.tailwind.js +10 -13
  416. package/esm/HelpUnderline/HelpUnderline.d.ts +2 -1
  417. package/esm/HelpUnderline/HelpUnderline.js +8 -6
  418. package/esm/HelpUnderline/HelpUnderline.tailwind.d.ts +4 -4
  419. package/esm/HelpUnderline/HelpUnderline.tailwind.js +4 -7
  420. package/esm/Input/Input.d.ts +11 -5
  421. package/esm/Input/Input.js +131 -109
  422. package/esm/Input/Input.tailwind.d.ts +4 -4
  423. package/esm/Input/Input.tailwind.js +14 -17
  424. package/esm/Insert/Insert.d.ts +3 -2
  425. package/esm/Insert/Insert.js +28 -21
  426. package/esm/InstantSearch/InstantSearch.tailwind.d.ts +4 -5
  427. package/esm/InstantSearch/InstantSearch.tailwind.js +35 -33
  428. package/esm/KeyboardKey/KeyboardKey.d.ts +2 -1
  429. package/esm/KeyboardKey/KeyboardKey.js +9 -6
  430. package/esm/KeyboardKey/KeyboardKey.tailwind.d.ts +4 -4
  431. package/esm/KeyboardKey/KeyboardKey.tailwind.js +6 -9
  432. package/esm/Link/BaseLink.d.ts +3 -3
  433. package/esm/Link/BaseLink.js +9 -3
  434. package/esm/Link/ButtonLink.d.ts +1 -1
  435. package/esm/Link/ButtonLink.js +9 -4
  436. package/esm/Link/IconButtonLink.d.ts +1 -1
  437. package/esm/Link/IconButtonLink.js +9 -4
  438. package/esm/Link/Link.d.ts +5 -5
  439. package/esm/Link/Link.js +18 -10
  440. package/esm/Medallion/Medallion.d.ts +2 -2
  441. package/esm/Medallion/Medallion.js +7 -6
  442. package/esm/Medallion/Medallion.tailwind.d.ts +4 -4
  443. package/esm/Medallion/Medallion.tailwind.js +8 -11
  444. package/esm/Modal/Modal.d.ts +8 -5
  445. package/esm/Modal/Modal.js +58 -39
  446. package/esm/Modal/Modal.tailwind.d.ts +4 -4
  447. package/esm/Modal/Modal.tailwind.js +10 -19
  448. package/esm/Modal/components/ModalFooter.d.ts +4 -2
  449. package/esm/Modal/components/ModalFooter.js +16 -9
  450. package/esm/Modal/components/ModalSection.d.ts +1 -1
  451. package/esm/Modal/components/ModalSection.js +5 -4
  452. package/esm/Pagination/CompactPagination/CompactPagination.d.ts +8 -0
  453. package/esm/Pagination/CompactPagination/CompactPagination.js +61 -37
  454. package/esm/Pagination/DotPagination/DotPagination.d.ts +5 -1
  455. package/esm/Pagination/DotPagination/DotPagination.js +33 -16
  456. package/esm/Pagination/Pagination/Pagination.d.ts +7 -1
  457. package/esm/Pagination/Pagination/Pagination.js +78 -48
  458. package/esm/ProgressBar/ProgressBar.d.ts +2 -2
  459. package/esm/ProgressBar/ProgressBar.js +16 -10
  460. package/esm/ProgressBar/ProgressBar.tailwind.d.ts +5 -5
  461. package/esm/ProgressBar/ProgressBar.tailwind.js +7 -10
  462. package/esm/ProgressSpinner/ProgressSpinner.d.ts +2 -2
  463. package/esm/ProgressSpinner/ProgressSpinner.js +18 -10
  464. package/esm/ProgressSpinner/ProgressSpinner.tailwind.d.ts +5 -5
  465. package/esm/ProgressSpinner/ProgressSpinner.tailwind.js +5 -8
  466. package/esm/RadioGroup/RadioButton.d.ts +3 -3
  467. package/esm/RadioGroup/RadioButton.js +9 -3
  468. package/esm/RadioGroup/RadioButton.tailwind.d.ts +4 -4
  469. package/esm/RadioGroup/RadioButton.tailwind.js +13 -16
  470. package/esm/RadioGroup/RadioGroup.d.ts +4 -3
  471. package/esm/RadioGroup/RadioGroup.js +36 -28
  472. package/esm/RangeSlider/RangeSlider.d.ts +3 -3
  473. package/esm/RangeSlider/RangeSlider.js +39 -31
  474. package/esm/RangeSlider/RangeSlider.tailwind.d.ts +4 -4
  475. package/esm/RangeSlider/RangeSlider.tailwind.js +21 -24
  476. package/esm/Satellite/Satellite.d.ts +5 -2
  477. package/esm/Satellite/Satellite.js +11 -6
  478. package/esm/Satellite/SatelliteContext.d.ts +3 -1
  479. package/esm/Satellite/SatelliteContext.js +4 -3
  480. package/esm/Satellite/SatelliteRouter.d.ts +1 -1
  481. package/esm/Satellite/index.d.ts +1 -0
  482. package/esm/Satellite/index.js +1 -0
  483. package/esm/Satellite/locale.d.ts +27 -0
  484. package/esm/Satellite/locale.js +8 -0
  485. package/esm/ScrollIndicator/ScrollIndicator.d.ts +6 -3
  486. package/esm/ScrollIndicator/ScrollIndicator.js +12 -10
  487. package/esm/ScrollIndicator/ScrollIndicator.tailwind.d.ts +4 -4
  488. package/esm/ScrollIndicator/ScrollIndicator.tailwind.js +8 -11
  489. package/esm/Select/Select.d.ts +3 -3
  490. package/esm/Select/Select.js +8 -3
  491. package/esm/Select/Select.tailwind.d.ts +5 -5
  492. package/esm/Select/Select.tailwind.js +5 -8
  493. package/esm/Sidebar/Sidebar.d.ts +6 -4
  494. package/esm/Sidebar/Sidebar.js +16 -8
  495. package/esm/Sidebar/Sidebar.tailwind.d.ts +4 -4
  496. package/esm/Sidebar/Sidebar.tailwind.js +6 -9
  497. package/esm/Sidebar/SidebarContext.d.ts +1 -1
  498. package/esm/Sidebar/components/SidebarHeader.d.ts +2 -2
  499. package/esm/Sidebar/components/SidebarHeader.js +11 -5
  500. package/esm/Sidebar/components/SidebarLink.d.ts +4 -3
  501. package/esm/Sidebar/components/SidebarLink.js +34 -21
  502. package/esm/Switch/Switch.d.ts +3 -3
  503. package/esm/Switch/Switch.js +16 -12
  504. package/esm/Switch/Switch.tailwind.d.ts +5 -5
  505. package/esm/Switch/Switch.tailwind.js +7 -8
  506. package/esm/Switch/SwitchOption.d.ts +2 -1
  507. package/esm/Switch/SwitchOption.js +25 -16
  508. package/esm/Tables/DataTable/DataTable.d.ts +15 -5
  509. package/esm/Tables/DataTable/DataTable.js +77 -54
  510. package/esm/Tables/DataTable/DataTable.tailwind.d.ts +4 -4
  511. package/esm/Tables/DataTable/DataTable.tailwind.js +4 -7
  512. package/esm/Tables/DataTable/components/Body.d.ts +7 -6
  513. package/esm/Tables/DataTable/components/Body.js +60 -45
  514. package/esm/Tables/DataTable/components/Footer.d.ts +1 -1
  515. package/esm/Tables/DataTable/components/Footer.js +5 -5
  516. package/esm/Tables/DataTable/components/Header.js +22 -18
  517. package/esm/Tables/DataTable/components/HeaderCell.d.ts +3 -3
  518. package/esm/Tables/DataTable/components/HeaderCell.js +20 -13
  519. package/esm/Tables/DataTable/components/Loader.d.ts +3 -1
  520. package/esm/Tables/DataTable/components/Loader.js +18 -14
  521. package/esm/Tables/DataTable/types.d.ts +3 -3
  522. package/esm/Tables/DataTable/utils.d.ts +1 -1
  523. package/esm/Tables/Table/Table.d.ts +3 -3
  524. package/esm/Tables/Table/Table.js +20 -11
  525. package/esm/Tables/Table/Table.tailwind.d.ts +4 -4
  526. package/esm/Tables/Table/Table.tailwind.js +4 -7
  527. package/esm/Tables/Table/components/Footer.d.ts +2 -2
  528. package/esm/Tables/Table/components/Footer.js +5 -4
  529. package/esm/Tabs/ContentTabs.d.ts +1 -1
  530. package/esm/Tabs/ContentTabs.js +38 -31
  531. package/esm/Tabs/LinkTabs.d.ts +1 -1
  532. package/esm/Tabs/LinkTabs.js +14 -14
  533. package/esm/Tabs/Tabs.tailwind.d.ts +4 -4
  534. package/esm/Tabs/Tabs.tailwind.js +6 -9
  535. package/esm/Tabs/components/LinkTab.d.ts +3 -3
  536. package/esm/Tabs/components/LinkTab.js +18 -11
  537. package/esm/Tabs/types.d.ts +6 -6
  538. package/esm/Tabs/utils.d.ts +1 -1
  539. package/esm/Tag/Tag.d.ts +8 -4
  540. package/esm/Tag/Tag.js +36 -19
  541. package/esm/Tag/Tag.tailwind.d.ts +4 -4
  542. package/esm/Tag/Tag.tailwind.js +7 -10
  543. package/esm/TextArea/TextArea.d.ts +3 -3
  544. package/esm/TextArea/TextArea.js +9 -3
  545. package/esm/TextArea/TextArea.tailwind.d.ts +4 -4
  546. package/esm/TextArea/TextArea.tailwind.js +6 -9
  547. package/esm/TextWrap/TextWrap.js +22 -17
  548. package/esm/Toggle/Toggle.d.ts +3 -3
  549. package/esm/Toggle/Toggle.js +25 -16
  550. package/esm/Toggle/Toggle.tailwind.d.ts +5 -5
  551. package/esm/Toggle/Toggle.tailwind.js +19 -22
  552. package/esm/Tooltip/OverflowTooltipWrapper.d.ts +3 -2
  553. package/esm/Tooltip/OverflowTooltipWrapper.js +35 -19
  554. package/esm/Tooltip/Tooltip.d.ts +3 -3
  555. package/esm/Tooltip/Tooltip.js +8 -3
  556. package/esm/Tooltip/Tooltip.tailwind.d.ts +4 -4
  557. package/esm/Tooltip/Tooltip.tailwind.js +20 -19
  558. package/esm/Tooltip/TooltipWrapper.d.ts +4 -3
  559. package/esm/Tooltip/TooltipWrapper.js +48 -33
  560. package/esm/Tooltip/types.d.ts +4 -2
  561. package/esm/Typography/Typography.tailwind.d.ts +5 -17
  562. package/esm/Typography/Typography.tailwind.js +126 -136
  563. package/esm/UserContent/UserContent.js +2 -2
  564. package/esm/UserContent/UserContent.tailwind.d.ts +4 -1
  565. package/esm/UserContent/UserContent.tailwind.js +14 -14
  566. package/esm/styles/base.tailwind.d.ts +4 -4
  567. package/esm/styles/base.tailwind.js +4 -7
  568. package/esm/styles/tailwind.config.d.ts +2 -198
  569. package/esm/styles/tailwind.config.js +29 -32
  570. package/esm/types.d.ts +10 -3
  571. package/esm/utilities/utilities.tailwind.d.ts +4 -1
  572. package/esm/utilities/utilities.tailwind.js +4 -6
  573. package/esm/utils/genericChangeHandler.d.ts +3 -3
  574. package/esm/utils/isCssPropertySupported.d.ts +1 -1
  575. package/esm/utils/isRenderedChild.d.ts +2 -2
  576. package/esm/utils/pluralize.js +6 -1
  577. package/esm/utils/useForwardedRef.d.ts +2 -2
  578. package/esm/utils/useForwardedRef.js +1 -1
  579. package/esm/utils/useLinkProps.d.ts +2 -2
  580. package/esm/utils/useTriggerInputChange.d.ts +2 -2
  581. package/package.json +11 -14
  582. package/satellite.min.css +2 -4
  583. package/scss/colors.scss +1 -0
  584. package/cjs/tailwind-types.d.ts +0 -52
  585. package/esm/tailwind-types.d.ts +0 -52
  586. package/satellite.css +0 -196852
@@ -2,15 +2,11 @@
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
 
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports["default"] = exports.AutoComplete = void 0;
11
9
 
12
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
-
14
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
15
11
 
16
12
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -31,54 +27,56 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
31
27
 
32
28
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
33
29
 
34
- var _react = _interopRequireWildcard(require("react"));
35
-
36
- var _reactDom = require("react-dom");
30
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
37
31
 
38
- var _reactPopper = require("react-popper");
32
+ var _classnames = _interopRequireDefault(require("classnames"));
39
33
 
40
34
  var _downshift = _interopRequireDefault(require("downshift"));
41
35
 
42
- var _classnames = _interopRequireDefault(require("classnames"));
36
+ var _react = require("react");
43
37
 
44
- var _reactFeather = require("react-feather");
38
+ var _reactDom = require("react-dom");
45
39
 
46
- var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
40
+ var _reactFeather = require("react-feather");
47
41
 
48
- var _pluralize = _interopRequireDefault(require("../utils/pluralize"));
42
+ var _reactPopper = require("react-popper");
49
43
 
50
- var _uniqBy = _interopRequireDefault(require("../utils/uniqBy"));
44
+ var _Button = _interopRequireDefault(require("../Button"));
51
45
 
52
46
  var _Card = _interopRequireDefault(require("../Card"));
53
47
 
54
- var _Button = _interopRequireDefault(require("../Button"));
48
+ var _FieldStateContext = require("../Field/FieldStateContext");
55
49
 
56
- var _ScrollIndicator = _interopRequireDefault(require("../ScrollIndicator"));
50
+ var _Satellite = require("../Satellite");
57
51
 
58
- var _Tag = _interopRequireDefault(require("../Tag"));
52
+ var _ScrollIndicator = _interopRequireDefault(require("../ScrollIndicator"));
59
53
 
60
- var _FieldStateContext = require("../Field/FieldStateContext");
54
+ var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
61
55
 
62
- var _utils = require("./utils");
56
+ var _Tag = _interopRequireDefault(require("../Tag"));
63
57
 
64
- var _DefaultOptionItem = _interopRequireDefault(require("./components/DefaultOptionItem"));
58
+ var _uniqBy = _interopRequireDefault(require("../utils/uniqBy"));
65
59
 
66
60
  var _AutoCompleteEmptyState = _interopRequireDefault(require("./components/AutoCompleteEmptyState"));
67
61
 
68
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
62
+ var _DefaultOptionItem = _interopRequireDefault(require("./components/DefaultOptionItem"));
69
63
 
70
- 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); }
64
+ var _utils = require("./utils");
71
65
 
72
- 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; }
66
+ var _jsxRuntime = require("react/jsx-runtime");
73
67
 
74
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
68
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
75
69
 
76
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
70
+ var _excluded = ["optionItemPrefix"];
77
71
 
78
72
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
79
73
 
80
74
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
81
75
 
76
+ 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; }
77
+
78
+ 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; }
79
+
82
80
  function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
83
81
 
84
82
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -147,9 +145,23 @@ var MENU_POPPER_MODFIERS = [{
147
145
  }];
148
146
  var BACKSPACE_KEY_CODE = 8;
149
147
 
150
- var defaultEmptyState = /*#__PURE__*/_react["default"].createElement(_AutoCompleteEmptyState["default"], {
151
- title: "No matches found"
152
- });
148
+ /** @ignore */
149
+ var DefaultEmptyState = function DefaultEmptyState(_ref) {
150
+ var emptyStateTitle = _ref.emptyStateTitle;
151
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AutoCompleteEmptyState["default"], {
152
+ title: emptyStateTitle
153
+ });
154
+ };
155
+
156
+ var DefaultOption = function DefaultOption(_ref2) {
157
+ var optionItemPrefix = _ref2.optionItemPrefix,
158
+ props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
159
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultOptionItem["default"], _objectSpread(_objectSpread({}, props), {}, {
160
+ locale: {
161
+ optionItemPrefix: optionItemPrefix !== null && optionItemPrefix !== void 0 ? optionItemPrefix : _utils.DEFAULT_AUTOCOMPLETE_LOCALE.optionItemPrefix
162
+ }
163
+ }));
164
+ };
153
165
  /**
154
166
  * Autocomplete is a search-as-you-type function that matches what a person types, usually the beginning of a word, or a prefix, with a word list. Not to be confused with auto-suggestion that predicts the end of a query.
155
167
  *
@@ -341,6 +353,21 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
341
353
 
342
354
  _this.props.onChange(newOptions);
343
355
  });
356
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getA11yStatusMessage", function (options) {
357
+ if (!options.isOpen) {
358
+ return "";
359
+ }
360
+
361
+ if (!options.resultCount) {
362
+ return _this.locale.emptyStateTitle;
363
+ }
364
+
365
+ if (options.resultCount > 0) {
366
+ return _this.locale.itemsAvailable(options.resultCount);
367
+ }
368
+
369
+ return "";
370
+ });
344
371
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderInput", function (results, autocompleteHelpers, fieldState) {
345
372
  var _this$props3 = _this.props,
346
373
  id = _this$props3.id,
@@ -402,45 +429,50 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
402
429
  autoComplete: "off",
403
430
  autoFocus: autoFocus
404
431
  });
405
- return /*#__PURE__*/_react["default"].createElement("div", {
432
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
406
433
  className: inputContainerClassName,
407
434
  onClick: _this.handleFakeInputClick,
408
- ref: _this.handleInputContainerRefUpdate
409
- }, Icon && /*#__PURE__*/_react["default"].createElement(Icon, {
410
- className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["mr-4 flex-shrink-0 ", ""])), disabled ? "text-grey-200" : inputFocused ? "text-accent-600" : "text-grey-500"),
411
- size: "1rem"
412
- }), /*#__PURE__*/_react["default"].createElement("div", {
413
- className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["flex items-center flex-1 ", " ", ""])), !noWrap && "flex-wrap", multiple && "-ml-1"), valuesClassName)
414
- }, multiple && Array.isArray(value) && value.map(function (option) {
415
- return renderValueTemplate ? renderValueTemplate({
416
- option: option,
417
- key: String(option.value),
418
- editable: !disabled
419
- }) : /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
420
- key: String(option.value),
421
- onDelete: disabled ? undefined : function () {
422
- return _this.removeValue(option);
423
- },
424
- className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["m-1 max-w-48 ", ""])), disabled && "opacity-50")
425
- }, option.label);
426
- }), shouldRenderCustomTemplate && renderValueTemplate({
427
- option: value,
428
- key: String(value),
429
- editable: !disabled
430
- }), /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({}, inputProps, {
431
- "data-lpignore": true
432
- }))), (showClearButton || endItem) && /*#__PURE__*/_react["default"].createElement("div", {
433
- className: (0, _classnames["default"])(showClearButton && endItem && (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["my-2 flex self-end space-x-4"]))))
434
- }, endItem && /*#__PURE__*/_react["default"].createElement("div", {
435
- className: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["text-grey-700 my-auto"])))
436
- }, endItem), showClearButton && /*#__PURE__*/_react["default"].createElement("button", {
437
- type: "button",
438
- className: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["w-6 flex items-center justify-center text-grey-500"]))),
439
- onClick: _this.handleClearClick,
440
- "aria-label": "Clear input value"
441
- }, /*#__PURE__*/_react["default"].createElement(_reactFeather.X, {
442
- size: ".75rem"
443
- }))));
435
+ ref: _this.handleInputContainerRefUpdate,
436
+ children: [Icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
437
+ className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["mr-4 shrink-0 ", ""])), disabled ? "text-grey-200" : inputFocused ? "text-accent-600" : "text-grey-500"),
438
+ size: "1rem"
439
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
440
+ className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["flex items-center flex-1 ", " ", ""])), !noWrap && "flex-wrap", multiple && "-ml-1"), valuesClassName),
441
+ children: [multiple && Array.isArray(value) && value.map(function (option) {
442
+ return renderValueTemplate ? renderValueTemplate({
443
+ option: option,
444
+ key: String(option.value),
445
+ editable: !disabled
446
+ }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag["default"], {
447
+ onDelete: disabled ? undefined : function () {
448
+ return _this.removeValue(option);
449
+ },
450
+ className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["m-1 max-w-48 ", ""])), disabled && "opacity-50"),
451
+ children: option.label
452
+ }, String(option.value));
453
+ }), shouldRenderCustomTemplate && renderValueTemplate({
454
+ option: value,
455
+ key: String(value),
456
+ editable: !disabled
457
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({}, inputProps), {}, {
458
+ "data-lpignore": true
459
+ }))]
460
+ }), (showClearButton || endItem) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
461
+ className: (0, _classnames["default"])(showClearButton && endItem && (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["my-2 flex self-end space-x-4"])))),
462
+ children: [endItem && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
463
+ className: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["text-grey-700 my-auto"]))),
464
+ children: endItem
465
+ }), showClearButton && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
466
+ type: "button",
467
+ className: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["w-6 flex items-center justify-center text-grey-500"]))),
468
+ onClick: _this.handleClearClick,
469
+ "aria-label": _this.locale.clearInputButton,
470
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.X, {
471
+ size: ".75rem"
472
+ })
473
+ })]
474
+ })]
475
+ });
444
476
  });
445
477
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderMenu", function (results, autocompleteHelpers) {
446
478
  var _this$inputContainerR3;
@@ -450,12 +482,15 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
450
482
  highlightedIndex = autocompleteHelpers.highlightedIndex,
451
483
  inputValue = autocompleteHelpers.inputValue,
452
484
  isOpen = autocompleteHelpers.isOpen;
485
+ var defaultEmptyState = /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultEmptyState, {
486
+ emptyStateTitle: _this.locale.emptyStateTitle
487
+ });
453
488
  var _this$props4 = _this.props,
454
489
  menuClassName = _this$props4.menuClassName,
455
490
  menuSize = _this$props4.menuSize,
456
- _this$props4$emptySta = _this$props4.emptyState,
457
- emptyState = _this$props4$emptySta === void 0 ? AutoComplete.defaultProps.emptyState : _this$props4$emptySta,
458
491
  menuFooter = _this$props4.menuFooter,
492
+ _this$props4$emptySta = _this$props4.emptyState,
493
+ emptyState = _this$props4$emptySta === void 0 ? defaultEmptyState : _this$props4$emptySta,
459
494
  _this$props4$maxResul = _this$props4.maxResults,
460
495
  maxResults = _this$props4$maxResul === void 0 ? AutoComplete.defaultProps.maxResults : _this$props4$maxResul,
461
496
  _this$props4$multiple = _this$props4.multiple,
@@ -479,49 +514,60 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
479
514
  var showResults = results.length > 0;
480
515
 
481
516
  if (!isOpen || !showResults && !shouldShowEmptyState && !shouldShowDefaultEmptyState) {
482
- return /*#__PURE__*/_react["default"].createElement("ul", (0, _extends2["default"])({}, getMenuProps(), {
517
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", _objectSpread(_objectSpread({}, getMenuProps()), {}, {
483
518
  className: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["hidden h-0"])))
484
519
  }));
485
520
  }
486
521
 
487
- return /*#__PURE__*/_react["default"].createElement(_reactPopper.Popper, {
522
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactPopper.Popper, {
488
523
  placement: "bottom-start",
489
524
  strategy: "fixed",
490
525
  referenceElement: (_this$inputContainerR3 = _this.inputContainerRef) !== null && _this$inputContainerR3 !== void 0 ? _this$inputContainerR3 : undefined,
491
- modifiers: MENU_POPPER_MODFIERS
492
- }, function (popper) {
493
- return /*#__PURE__*/_react["default"].createElement("div", {
494
- className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["z-dropdown"]))), menuClassName),
495
- style: _objectSpread(_objectSpread({}, popper.style), dropdownStyle),
496
- "data-popper-placement": popper.placement,
497
- ref: popper.ref
498
- }, /*#__PURE__*/_react["default"].createElement(_Card["default"], {
499
- fullBleed: true,
500
- elevation: "300"
501
- }, results.length === 0 ? /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, getMenuProps(), {
502
- className: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["min-h-10"])))
503
- }), emptyState) : /*#__PURE__*/_react["default"].createElement(_ScrollIndicator["default"], {
504
- className: menuSize === "large" ? (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["max-h-96"]))) : (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["max-h-64"])))
505
- }, /*#__PURE__*/_react["default"].createElement("ul", getMenuProps(), results.slice(0, showAllResults ? Number.MAX_SAFE_INTEGER : maxResults).map(function (result, index) {
506
- return /*#__PURE__*/_react["default"].createElement("li", (0, _extends2["default"])({
507
- key: result.value
508
- }, getItemProps({
509
- item: result,
510
- disabled: result.disabled,
511
- className: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["\n autocomplete-result\n flex items-center min-h-10 px-4 cursor-pointer\n ", "\n ", "\n "])), index === highlightedIndex && "bg-grey-100", result.disabled && "cursor-not-allowed")
512
- })), /*#__PURE__*/_react["default"].createElement(OptionItem, (0, _extends2["default"])({}, optionItemProps, {
513
- highlighted: index === highlightedIndex,
514
- option: result
515
- })));
516
- }), extraResults > 0 && !showAllResults && /*#__PURE__*/_react["default"].createElement("li", {
517
- className: (0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["p-2 text-right"])))
518
- }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
519
- variant: "subtle",
520
- size: "small",
521
- onMouseDown: _this.handleShowAllResults
522
- }, "Show ", (0, _pluralize["default"])(extraResults, "result"), " more")))), menuFooter && /*#__PURE__*/_react["default"].createElement("footer", {
523
- className: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["flex items-center justify-center min-h-12 p-4 bg-grey-100 border-t border-grey-200 text-grey-600"])))
524
- }, menuFooter)));
526
+ modifiers: MENU_POPPER_MODFIERS,
527
+ children: function children(popper) {
528
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
529
+ className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["z-dropdown"]))), menuClassName),
530
+ style: _objectSpread(_objectSpread({}, popper.style), dropdownStyle),
531
+ "data-popper-placement": popper.placement,
532
+ ref: popper.ref,
533
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Card["default"], {
534
+ fullBleed: true,
535
+ elevation: "300",
536
+ children: [results.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, getMenuProps()), {}, {
537
+ className: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["min-h-10"]))),
538
+ children: emptyState
539
+ })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScrollIndicator["default"], {
540
+ className: menuSize === "large" ? (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["max-h-96"]))) : (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["max-h-64"]))),
541
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", _objectSpread(_objectSpread({}, getMenuProps()), {}, {
542
+ children: [results.slice(0, showAllResults ? Number.MAX_SAFE_INTEGER : maxResults).map(function (result, index) {
543
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", _objectSpread(_objectSpread({}, getItemProps({
544
+ item: result,
545
+ disabled: result.disabled,
546
+ className: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["\n autocomplete-result\n flex items-center min-h-10 px-4 cursor-pointer\n ", "\n ", "\n "])), index === highlightedIndex && "bg-grey-100", result.disabled && "cursor-not-allowed")
547
+ })), {}, {
548
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(OptionItem, _objectSpread(_objectSpread({}, optionItemProps), {}, {
549
+ highlighted: index === highlightedIndex,
550
+ option: result,
551
+ optionItemPrefix: _this.locale.optionItemPrefix
552
+ }))
553
+ }), result.value);
554
+ }), extraResults > 0 && !showAllResults && /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
555
+ className: (0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["p-2 text-right"]))),
556
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
557
+ variant: "subtle",
558
+ size: "small",
559
+ onMouseDown: _this.handleShowAllResults,
560
+ children: _this.locale.showMoreButton(extraResults)
561
+ })
562
+ })]
563
+ }))
564
+ }), menuFooter && /*#__PURE__*/(0, _jsxRuntime.jsx)("footer", {
565
+ className: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["flex items-center justify-center min-h-12 p-4 bg-grey-100 border-t border-grey-200 text-grey-600"]))),
566
+ children: menuFooter
567
+ })]
568
+ })
569
+ });
570
+ }
525
571
  });
526
572
  });
527
573
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderSelect", function (autocompleteHelpers, fieldState) {
@@ -540,9 +586,10 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
540
586
  results.unshift.apply(results, (0, _toConsumableArray2["default"])(createFromInputValue(options, inputValue)));
541
587
  }
542
588
 
543
- return /*#__PURE__*/_react["default"].createElement("div", {
544
- className: className
545
- }, _this.renderInput(results, autocompleteHelpers, fieldState), _this.inputContainerRef && /*#__PURE__*/(0, _reactDom.createPortal)(_this.renderMenu(results, autocompleteHelpers), document.body));
589
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
590
+ className: className,
591
+ children: [_this.renderInput(results, autocompleteHelpers, fieldState), _this.inputContainerRef && /*#__PURE__*/(0, _reactDom.createPortal)(_this.renderMenu(results, autocompleteHelpers), document.body)]
592
+ });
546
593
  });
547
594
  return _this;
548
595
  }
@@ -563,29 +610,38 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
563
610
  });
564
611
  }
565
612
  }
613
+ }, {
614
+ key: "locale",
615
+ get: function get() {
616
+ return _objectSpread(_objectSpread(_objectSpread({}, _utils.DEFAULT_AUTOCOMPLETE_LOCALE), this.context["locales"]), this.props.locale);
617
+ }
566
618
  }, {
567
619
  key: "render",
568
620
  value: function render() {
569
621
  var _this2 = this;
570
622
 
571
623
  var inputValue = (this.props.inputValue !== undefined ? this.props.inputValue : this.state.inputValue) || "";
572
- return /*#__PURE__*/_react["default"].createElement(_FieldStateContext.FieldStateContext.Consumer, null, function (fieldState) {
573
- return /*#__PURE__*/_react["default"].createElement(_downshift["default"], {
574
- inputValue: inputValue
575
- /*
576
- * See https://github.com/algolia/AlgoliaWeb/issues/9045
577
- * See multi-select example
578
- * https://github.com/downshift-js/downshift#examples
579
- * https://codesandbox.io/s/github/kentcdodds/downshift-examples/tree/master/?module=/src/ordered-examples/04-multi-select.js&moduleview=1&file=/src/ordered-examples/04-multi-select.js:2482-2509
580
- */
581
- ,
582
- selectedItem: null,
583
- onChange: _this2.handleChange,
584
- itemToString: optionToString,
585
- defaultHighlightedIndex: 0
586
- }, function (autocompleteHelpers) {
587
- return _this2.renderSelect(autocompleteHelpers, fieldState);
588
- });
624
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldStateContext.FieldStateContext.Consumer, {
625
+ children: function children(fieldState) {
626
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_downshift["default"], {
627
+ inputValue: inputValue
628
+ /*
629
+ * See https://github.com/algolia/AlgoliaWeb/issues/9045
630
+ * See multi-select example
631
+ * https://github.com/downshift-js/downshift#examples
632
+ * https://codesandbox.io/s/github/kentcdodds/downshift-examples/tree/master/?module=/src/ordered-examples/04-multi-select.js&moduleview=1&file=/src/ordered-examples/04-multi-select.js:2482-2509
633
+ */
634
+ ,
635
+ selectedItem: null,
636
+ getA11yStatusMessage: _this2.getA11yStatusMessage,
637
+ onChange: _this2.handleChange,
638
+ itemToString: optionToString,
639
+ defaultHighlightedIndex: 0,
640
+ children: function children(autocompleteHelpers) {
641
+ return _this2.renderSelect(autocompleteHelpers, fieldState);
642
+ }
643
+ });
644
+ }
589
645
  });
590
646
  }
591
647
  }]);
@@ -593,17 +649,17 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
593
649
  }(_react.Component);
594
650
 
595
651
  exports.AutoComplete = AutoComplete;
652
+ (0, _defineProperty2["default"])(AutoComplete, "contextType", _Satellite.SatelliteContext);
596
653
  (0, _defineProperty2["default"])(AutoComplete, "defaultProps", {
597
654
  clearable: false,
598
655
  creatable: false,
599
656
  multiple: false,
600
657
  maxResults: 7,
601
- emptyState: defaultEmptyState,
602
658
  createFromInputValue: _utils.defaultCreateFromInputValue,
603
659
  options: [],
604
660
  separatorKeyCodes: [],
605
661
  separatorKeys: [],
606
- optionItemComponent: _DefaultOptionItem["default"],
662
+ optionItemComponent: DefaultOption,
607
663
  noWrap: false
608
664
  });
609
665
  var _default = AutoComplete;
@@ -1,5 +1,5 @@
1
1
  export = autoCompletePlugin;
2
- /**
3
- * @type {import('../tailwind-types').TailwindPlugin}
4
- */
5
- declare const autoCompletePlugin: import('../tailwind-types').TailwindPlugin;
2
+ declare const autoCompletePlugin: {
3
+ handler: import("tailwindcss/types/config").PluginCreator;
4
+ config?: import("tailwindcss").Config | undefined;
5
+ };
@@ -1,15 +1,13 @@
1
1
  "use strict";
2
2
 
3
3
  // @ts-check
4
+ var plugin = require("tailwindcss/plugin");
5
+
4
6
  var disabledColor = require("../styles/disabledColor");
5
7
 
6
8
  var rgba = require("../styles/rgba");
7
- /**
8
- * @type {import('../tailwind-types').TailwindPlugin}
9
- */
10
-
11
9
 
12
- var autoCompletePlugin = function autoCompletePlugin(_ref) {
10
+ var autoCompletePlugin = plugin(function (_ref) {
13
11
  var addComponents = _ref.addComponents,
14
12
  theme = _ref.theme;
15
13
  addComponents({
@@ -32,14 +30,14 @@ var autoCompletePlugin = function autoCompletePlugin(_ref) {
32
30
  "&::after": {
33
31
  content: '" "',
34
32
  display: "block",
35
- minHeight: 30,
33
+ minHeight: "30px",
36
34
  // don't ask me why 30
37
- fontSize: 0
35
+ fontSize: "0px"
38
36
  },
39
37
  "&.autocomplete-large": {
40
38
  minHeight: "3rem",
41
39
  "&::after": {
42
- minHeight: 38 // don't ask me why 38
40
+ minHeight: "38px" // don't ask me why 38
43
41
 
44
42
  }
45
43
  }
@@ -69,12 +67,12 @@ var autoCompletePlugin = function autoCompletePlugin(_ref) {
69
67
  scrollbarWidth: "none",
70
68
  msOverflowStyle: "-ms-autohiding-scrollbar",
71
69
  "&::-webkit-scrollbar": {
72
- width: 0,
73
- height: 0
70
+ width: "0px",
71
+ height: "0px"
74
72
  }
75
73
  },
76
74
  ".autocomplete-input": {
77
- flex: 1,
75
+ flex: "1",
78
76
  backgroundColor: "transparent",
79
77
  caretColor: theme("colors.grey.600"),
80
78
  color: theme("colors.grey.900"),
@@ -94,6 +92,5 @@ var autoCompletePlugin = function autoCompletePlugin(_ref) {
94
92
  }
95
93
  }
96
94
  });
97
- };
98
-
95
+ });
99
96
  module.exports = autoCompletePlugin;
@@ -1,13 +1,13 @@
1
- import React from "react";
2
- import { IconComponentType } from "../../types";
1
+ import type { ReactNode } from "react";
3
2
  import { MedallionVariant } from "../../Medallion";
3
+ import type { IconComponentType } from "../../types";
4
4
  export interface AutoCompleteEmptyStateProps {
5
5
  icon?: IconComponentType;
6
6
  variant?: MedallionVariant;
7
7
  /** Descriptive title for state */
8
- title: React.ReactNode;
8
+ title: ReactNode;
9
9
  /** Optional description to explain why the screen is empty or define next steps */
10
- description?: React.ReactNode;
10
+ description?: ReactNode;
11
11
  }
12
12
  export declare const AutoCompleteEmptyState: ({ icon, variant, title, description, }: AutoCompleteEmptyStateProps) => JSX.Element;
13
13
  export default AutoCompleteEmptyState;
@@ -9,13 +9,13 @@ exports["default"] = exports.AutoCompleteEmptyState = void 0;
9
9
 
10
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
11
 
12
- var _react = _interopRequireDefault(require("react"));
13
-
14
12
  var _reactFeather = require("react-feather");
15
13
 
14
+ var _Medallion = require("../../Medallion");
15
+
16
16
  var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
17
17
 
18
- var _Medallion = require("../../Medallion");
18
+ var _jsxRuntime = require("react/jsx-runtime");
19
19
 
20
20
  var _templateObject, _templateObject2, _templateObject3;
21
21
 
@@ -26,16 +26,19 @@ var AutoCompleteEmptyState = function AutoCompleteEmptyState(_ref) {
26
26
  variant = _ref$variant === void 0 ? "grey" : _ref$variant,
27
27
  title = _ref.title,
28
28
  description = _ref.description;
29
- return /*#__PURE__*/_react["default"].createElement("div", {
30
- className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-center p-6"])))
31
- }, /*#__PURE__*/_react["default"].createElement(_Medallion.Medallion, {
32
- icon: icon,
33
- variant: variant
34
- }), /*#__PURE__*/_react["default"].createElement("span", {
35
- className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["font-semibold pt-4"])))
36
- }, title), description && /*#__PURE__*/_react["default"].createElement("p", {
37
- className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["display-caption typo-subdued pt-4"])))
38
- }, description));
29
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
30
+ className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-center p-6"]))),
31
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Medallion.Medallion, {
32
+ icon: icon,
33
+ variant: variant
34
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
35
+ className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["font-semibold pt-4"]))),
36
+ children: title
37
+ }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
38
+ className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["display-caption typo-subdued pt-4"]))),
39
+ children: description
40
+ })]
41
+ });
39
42
  };
40
43
 
41
44
  exports.AutoCompleteEmptyState = AutoCompleteEmptyState;
@@ -1,3 +1,7 @@
1
- import { OptionItemComponentType } from "../types";
2
- declare const DefaultOptionItem: OptionItemComponentType;
1
+ /// <reference types="react" />
2
+ import type { AutoCompleteLocale, OptionItemProps } from "../types";
3
+ declare type DefaultOptionItemProps = OptionItemProps & {
4
+ locale?: AutoCompleteLocale;
5
+ };
6
+ declare const DefaultOptionItem: ({ option, multiple, locale }: DefaultOptionItemProps) => JSX.Element;
3
7
  export default DefaultOptionItem;