rsuite 5.74.2 → 5.75.0

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 (481) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/Card/package.json +7 -0
  3. package/Card/styles/index.css +105 -0
  4. package/Card/styles/index.less +62 -0
  5. package/CardBody/package.json +7 -0
  6. package/CardFooter/package.json +7 -0
  7. package/CardGroup/package.json +7 -0
  8. package/CardGroup/styles/index.css +7 -0
  9. package/CardGroup/styles/index.less +8 -0
  10. package/CardHeader/package.json +7 -0
  11. package/List/styles/index.css +10 -12
  12. package/List/styles/index.less +12 -4
  13. package/Stat/package.json +7 -0
  14. package/Stat/styles/index.css +1749 -0
  15. package/Stat/styles/index.less +106 -0
  16. package/StatGroup/package.json +7 -0
  17. package/StatGroup/styles/index.css +7 -0
  18. package/StatGroup/styles/index.less +8 -0
  19. package/StatHelpText/package.json +7 -0
  20. package/StatLabel/package.json +7 -0
  21. package/StatTrend/package.json +7 -0
  22. package/StatValue/package.json +7 -0
  23. package/StatValueUnit/package.json +7 -0
  24. package/cjs/Affix/Affix.js +2 -2
  25. package/cjs/Animation/Transition.js +7 -7
  26. package/cjs/AutoComplete/AutoComplete.js +7 -7
  27. package/cjs/Avatar/useImage.js +1 -1
  28. package/cjs/Breadcrumb/Breadcrumb.js +1 -1
  29. package/cjs/Calendar/Calendar.js +3 -3
  30. package/cjs/Calendar/CalendarContainer.js +1 -1
  31. package/cjs/Calendar/Grid/GridRow.js +3 -3
  32. package/cjs/Calendar/MonthDropdown/MonthDropdownItem.js +1 -1
  33. package/cjs/Calendar/TimeDropdown/TimeDropdown.js +3 -3
  34. package/cjs/Calendar/hooks/useCalendarState.js +6 -6
  35. package/cjs/Card/Card.d.ts +33 -0
  36. package/cjs/Card/Card.js +63 -0
  37. package/cjs/Card/CardBody.d.ts +4 -0
  38. package/cjs/Card/CardBody.js +11 -0
  39. package/cjs/Card/CardFooter.d.ts +4 -0
  40. package/cjs/Card/CardFooter.js +11 -0
  41. package/cjs/Card/CardHeader.d.ts +4 -0
  42. package/cjs/Card/CardHeader.js +11 -0
  43. package/cjs/Card/index.d.ts +6 -0
  44. package/cjs/Card/index.js +8 -0
  45. package/cjs/CardGroup/CardGroup.d.ts +13 -0
  46. package/cjs/CardGroup/CardGroup.js +47 -0
  47. package/cjs/CardGroup/index.d.ts +3 -0
  48. package/cjs/CardGroup/index.js +8 -0
  49. package/cjs/Carousel/Carousel.js +4 -4
  50. package/cjs/CascadeTree/CascadeTree.js +1 -1
  51. package/cjs/CascadeTree/TreeView.js +1 -1
  52. package/cjs/CascadeTree/hooks/useSearch.js +4 -4
  53. package/cjs/CascadeTree/hooks/useSelect.js +2 -2
  54. package/cjs/Cascader/Cascader.js +13 -13
  55. package/cjs/Cascader/useActive.js +4 -4
  56. package/cjs/CheckPicker/CheckPicker.js +5 -5
  57. package/cjs/CheckTree/CheckTree.js +1 -1
  58. package/cjs/CheckTree/CheckTreeNode.js +3 -3
  59. package/cjs/CheckTree/CheckTreeView.js +7 -7
  60. package/cjs/CheckTree/utils.js +3 -3
  61. package/cjs/CheckTreePicker/CheckTreePicker.js +2 -2
  62. package/cjs/CheckTreePicker/hooks/useFocusState.js +3 -3
  63. package/cjs/Checkbox/Checkbox.js +2 -2
  64. package/cjs/CheckboxGroup/CheckboxGroup.js +1 -1
  65. package/cjs/CustomProvider/FormattedNumber.d.ts +7 -0
  66. package/cjs/CustomProvider/FormattedNumber.js +19 -0
  67. package/cjs/CustomProvider/index.d.ts +1 -0
  68. package/cjs/CustomProvider/index.js +3 -1
  69. package/cjs/CustomProvider/types.d.ts +8 -0
  70. package/cjs/CustomProvider/useCustom.d.ts +1 -0
  71. package/cjs/CustomProvider/useCustom.js +3 -1
  72. package/cjs/DateInput/DateField.js +2 -2
  73. package/cjs/DateInput/DateInput.js +2 -2
  74. package/cjs/DateInput/hooks/useDateInputState.js +2 -2
  75. package/cjs/DateInput/hooks/useIsFocused.js +2 -2
  76. package/cjs/DateInput/hooks/useKeyboardInputEvent.js +5 -5
  77. package/cjs/DatePicker/DatePicker.js +14 -14
  78. package/cjs/DatePicker/PredefinedRanges.js +1 -1
  79. package/cjs/DatePicker/hooks/useFocus.js +1 -1
  80. package/cjs/DatePicker/hooks/useMonthView.js +1 -1
  81. package/cjs/DateRangeInput/DateRangeInput.js +4 -4
  82. package/cjs/DateRangePicker/DateRangePicker.js +8 -8
  83. package/cjs/DateRangePicker/hooks/useCalendarHandlers.js +5 -5
  84. package/cjs/Dropdown/Dropdown.js +3 -3
  85. package/cjs/Dropdown/DropdownItem.js +2 -2
  86. package/cjs/Dropdown/DropdownMenu.js +1 -1
  87. package/cjs/Form/Form.js +8 -8
  88. package/cjs/Form/hooks/useFormValidate.js +19 -19
  89. package/cjs/FormControl/FormControl.js +5 -5
  90. package/cjs/FormControl/hooks/useField.js +1 -1
  91. package/cjs/FormControl/hooks/useRegisterModel.js +2 -2
  92. package/cjs/InlineEdit/renderChildren.js +1 -1
  93. package/cjs/InlineEdit/useEditState.js +7 -7
  94. package/cjs/InlineEdit/useFocusEvent.js +5 -5
  95. package/cjs/Input/Input.js +3 -3
  96. package/cjs/InputGroup/InputGroup.js +2 -2
  97. package/cjs/InputNumber/InputNumber.js +3 -3
  98. package/cjs/InputPicker/InputAutosize.js +1 -1
  99. package/cjs/InputPicker/InputPicker.js +13 -13
  100. package/cjs/InputPicker/InputSearch.js +1 -1
  101. package/cjs/InputPicker/hooks/useData.js +1 -1
  102. package/cjs/InputPicker/hooks/useInput.js +2 -2
  103. package/cjs/List/List.d.ts +19 -1
  104. package/cjs/List/List.js +11 -7
  105. package/cjs/List/ListItem.d.ts +1 -1
  106. package/cjs/List/helper/useSortHelper.js +10 -10
  107. package/cjs/MaskedInput/TextMask.js +3 -3
  108. package/cjs/Message/Message.js +1 -1
  109. package/cjs/Modal/Modal.js +6 -6
  110. package/cjs/Modal/utils.js +2 -2
  111. package/cjs/MultiCascadeTree/SearchView.js +1 -1
  112. package/cjs/MultiCascadeTree/TreeView.js +1 -1
  113. package/cjs/MultiCascadeTree/hooks/useCascadeValue.js +5 -5
  114. package/cjs/MultiCascadeTree/hooks/useSearch.js +1 -1
  115. package/cjs/MultiCascadeTree/hooks/useSelect.js +1 -1
  116. package/cjs/MultiCascadeTree/utils.js +9 -9
  117. package/cjs/MultiCascader/MultiCascader.js +5 -5
  118. package/cjs/Nav/Nav.js +2 -2
  119. package/cjs/Nav/NavDropdown.js +3 -3
  120. package/cjs/Nav/NavDropdownItem.js +2 -2
  121. package/cjs/Nav/NavDropdownMenu.js +1 -1
  122. package/cjs/Nav/NavItem.js +3 -3
  123. package/cjs/Navbar/NavbarDropdown.js +3 -3
  124. package/cjs/Navbar/NavbarDropdownItem.js +4 -4
  125. package/cjs/Navbar/NavbarItem.js +3 -3
  126. package/cjs/Notification/Notification.js +1 -1
  127. package/cjs/Pagination/PaginationButton.js +1 -1
  128. package/cjs/Pagination/PaginationGroup.js +3 -3
  129. package/cjs/Panel/Panel.js +2 -2
  130. package/cjs/PanelGroup/PanelGroup.js +1 -1
  131. package/cjs/Placeholder/PlaceholderGrid.js +2 -2
  132. package/cjs/Placeholder/PlaceholderParagraph.js +1 -1
  133. package/cjs/Radio/Radio.js +2 -2
  134. package/cjs/RadioGroup/RadioGroup.js +1 -1
  135. package/cjs/RadioTile/RadioTile.js +2 -2
  136. package/cjs/RadioTileGroup/RadioTileGroup.js +1 -1
  137. package/cjs/RangeSlider/RangeSlider.js +5 -5
  138. package/cjs/Rate/Character.js +2 -2
  139. package/cjs/Rate/Rate.js +3 -3
  140. package/cjs/SafeAnchor/SafeAnchor.js +1 -1
  141. package/cjs/SelectPicker/SelectPicker.js +7 -7
  142. package/cjs/Sidebar/Sidebar.js +1 -1
  143. package/cjs/Sidenav/ExpandedSidenavDropdown.js +4 -4
  144. package/cjs/Sidenav/ExpandedSidenavDropdownItem.js +3 -3
  145. package/cjs/Sidenav/ExpandedSidenavDropdownMenu.js +2 -2
  146. package/cjs/Sidenav/Sidenav.js +1 -1
  147. package/cjs/Sidenav/SidenavDropdown.js +4 -4
  148. package/cjs/Sidenav/SidenavDropdownItem.js +2 -2
  149. package/cjs/Sidenav/SidenavDropdownMenu.js +1 -1
  150. package/cjs/Sidenav/SidenavItem.js +4 -4
  151. package/cjs/Sidenav/SidenavToggle.js +1 -1
  152. package/cjs/Slider/Graduated.js +1 -1
  153. package/cjs/Slider/Slider.js +3 -3
  154. package/cjs/Slider/useDrag.js +6 -6
  155. package/cjs/Stack/HStack.d.ts +6 -3
  156. package/cjs/Stack/HStack.js +1 -0
  157. package/cjs/Stack/Stack.d.ts +6 -2
  158. package/cjs/Stack/Stack.js +1 -1
  159. package/cjs/Stack/VStack.d.ts +6 -3
  160. package/cjs/Stack/VStack.js +1 -0
  161. package/cjs/Stat/Stat.d.ts +26 -0
  162. package/cjs/Stat/Stat.js +57 -0
  163. package/cjs/Stat/StatHelpText.d.ts +4 -0
  164. package/cjs/Stat/StatHelpText.js +11 -0
  165. package/cjs/Stat/StatLabel.d.ts +14 -0
  166. package/cjs/Stat/StatLabel.js +53 -0
  167. package/cjs/Stat/StatTrend.d.ts +7 -0
  168. package/cjs/Stat/StatTrend.js +68 -0
  169. package/cjs/Stat/StatValue.d.ts +7 -0
  170. package/cjs/Stat/StatValue.js +41 -0
  171. package/cjs/Stat/StatValueUnit.d.ts +4 -0
  172. package/cjs/Stat/StatValueUnit.js +11 -0
  173. package/cjs/Stat/index.d.ts +3 -0
  174. package/cjs/Stat/index.js +8 -0
  175. package/cjs/StatGroup/StatGroup.d.ts +13 -0
  176. package/cjs/StatGroup/StatGroup.js +47 -0
  177. package/cjs/StatGroup/index.d.ts +3 -0
  178. package/cjs/StatGroup/index.js +8 -0
  179. package/cjs/Tabs/Tabs.js +1 -1
  180. package/cjs/Timeline/Timeline.js +1 -1
  181. package/cjs/Toggle/Toggle.js +1 -1
  182. package/cjs/Tree/Tree.js +1 -1
  183. package/cjs/Tree/TreeNode.js +9 -9
  184. package/cjs/Tree/TreeView.js +7 -7
  185. package/cjs/Tree/hooks/useExpandTree.js +1 -1
  186. package/cjs/Tree/hooks/useFlattenTree.js +1 -1
  187. package/cjs/Tree/hooks/useFocusTree.js +6 -6
  188. package/cjs/Tree/hooks/useTreeDrag.js +17 -17
  189. package/cjs/Tree/hooks/useTreeSearch.js +1 -1
  190. package/cjs/Tree/utils/flattenTree.js +6 -6
  191. package/cjs/Tree/utils/focusableTree.js +6 -6
  192. package/cjs/Tree/utils/getNodeParentKeys.js +4 -4
  193. package/cjs/Tree/utils/treeKeyboardInteractions.js +2 -2
  194. package/cjs/TreePicker/TreePicker.js +5 -5
  195. package/cjs/TreePicker/hooks/useFocusState.js +4 -4
  196. package/cjs/Uploader/UploadFileItem.js +5 -5
  197. package/cjs/Uploader/UploadTrigger.js +11 -11
  198. package/cjs/Uploader/Uploader.js +16 -16
  199. package/cjs/Uploader/utils/ajaxUpload.js +5 -5
  200. package/cjs/index.d.ts +8 -0
  201. package/cjs/index.js +10 -2
  202. package/cjs/internals/Disclosure/Disclosure.js +3 -3
  203. package/cjs/internals/Disclosure/DisclosureButton.js +2 -2
  204. package/cjs/internals/Menu/Menu.js +3 -3
  205. package/cjs/internals/Menu/MenuItem.js +1 -1
  206. package/cjs/internals/Menu/Menubar.js +2 -2
  207. package/cjs/internals/Overlay/Modal.js +7 -7
  208. package/cjs/internals/Overlay/Overlay.js +1 -1
  209. package/cjs/internals/Overlay/OverlayTrigger.js +3 -3
  210. package/cjs/internals/Overlay/Position.js +5 -5
  211. package/cjs/internals/Picker/ListCheckItem.js +3 -3
  212. package/cjs/internals/Picker/ListItem.js +1 -1
  213. package/cjs/internals/Picker/Listbox.js +4 -4
  214. package/cjs/internals/Picker/PickerToggle.js +2 -2
  215. package/cjs/internals/Picker/SelectedElement.js +1 -1
  216. package/cjs/internals/Picker/hooks/useFocusItemValue.js +2 -2
  217. package/cjs/internals/Picker/hooks/usePickerRef.js +4 -4
  218. package/cjs/internals/Picker/hooks/useSearch.js +1 -1
  219. package/cjs/internals/Picker/hooks/useToggleKeyDownEvent.js +9 -9
  220. package/cjs/internals/Picker/utils.js +8 -8
  221. package/cjs/internals/Ripple/Ripple.js +2 -2
  222. package/cjs/internals/ScrollView/hooks/useScrollState.js +1 -1
  223. package/cjs/internals/Tree/utils/filterNodesOfTree.js +3 -3
  224. package/cjs/internals/Tree/utils/findNodeOfTree.js +3 -3
  225. package/cjs/internals/Tree/utils/getParentMap.js +3 -3
  226. package/cjs/internals/Windowing/AutoSizer.js +1 -1
  227. package/cjs/internals/Windowing/List.js +4 -4
  228. package/cjs/internals/hooks/useClickOutside.js +1 -1
  229. package/cjs/internals/hooks/useElementResize.js +1 -1
  230. package/cjs/internals/hooks/useEventListener.js +1 -1
  231. package/cjs/internals/hooks/useFocus.js +2 -2
  232. package/cjs/internals/hooks/useMount.js +1 -1
  233. package/cjs/internals/hooks/useRootClose.js +4 -4
  234. package/cjs/internals/hooks/useTimeout.js +1 -1
  235. package/cjs/internals/utils/stringifyReactNode.js +5 -5
  236. package/cjs/toaster/ToastContainer.d.ts +1 -0
  237. package/cjs/toaster/ToastContainer.js +19 -14
  238. package/cjs/toaster/hooks/useDelayedClosure.js +2 -2
  239. package/cjs/toaster/toaster.js +7 -7
  240. package/cjs/useToaster/useToaster.js +1 -1
  241. package/dist/rsuite-no-reset-rtl.css +240 -36
  242. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  243. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  244. package/dist/rsuite-no-reset.css +240 -36
  245. package/dist/rsuite-no-reset.min.css +1 -1
  246. package/dist/rsuite-no-reset.min.css.map +1 -1
  247. package/dist/rsuite-rtl.css +240 -36
  248. package/dist/rsuite-rtl.min.css +1 -1
  249. package/dist/rsuite-rtl.min.css.map +1 -1
  250. package/dist/rsuite.css +240 -36
  251. package/dist/rsuite.js +384 -175
  252. package/dist/rsuite.js.map +1 -1
  253. package/dist/rsuite.min.css +1 -1
  254. package/dist/rsuite.min.css.map +1 -1
  255. package/dist/rsuite.min.js +1 -1
  256. package/dist/rsuite.min.js.map +1 -1
  257. package/esm/Affix/Affix.js +2 -2
  258. package/esm/Animation/Transition.js +7 -7
  259. package/esm/AutoComplete/AutoComplete.js +7 -7
  260. package/esm/Avatar/useImage.js +1 -1
  261. package/esm/Breadcrumb/Breadcrumb.js +1 -1
  262. package/esm/Calendar/Calendar.js +3 -3
  263. package/esm/Calendar/CalendarContainer.js +1 -1
  264. package/esm/Calendar/Grid/GridRow.js +3 -3
  265. package/esm/Calendar/MonthDropdown/MonthDropdownItem.js +1 -1
  266. package/esm/Calendar/TimeDropdown/TimeDropdown.js +3 -3
  267. package/esm/Calendar/hooks/useCalendarState.js +6 -6
  268. package/esm/Card/Card.d.ts +33 -0
  269. package/esm/Card/Card.js +58 -0
  270. package/esm/Card/CardBody.d.ts +4 -0
  271. package/esm/Card/CardBody.js +7 -0
  272. package/esm/Card/CardFooter.d.ts +4 -0
  273. package/esm/Card/CardFooter.js +7 -0
  274. package/esm/Card/CardHeader.d.ts +4 -0
  275. package/esm/Card/CardHeader.js +7 -0
  276. package/esm/Card/index.d.ts +6 -0
  277. package/esm/Card/index.js +3 -0
  278. package/esm/CardGroup/CardGroup.d.ts +13 -0
  279. package/esm/CardGroup/CardGroup.js +42 -0
  280. package/esm/CardGroup/index.d.ts +3 -0
  281. package/esm/CardGroup/index.js +3 -0
  282. package/esm/Carousel/Carousel.js +4 -4
  283. package/esm/CascadeTree/CascadeTree.js +1 -1
  284. package/esm/CascadeTree/TreeView.js +1 -1
  285. package/esm/CascadeTree/hooks/useSearch.js +4 -4
  286. package/esm/CascadeTree/hooks/useSelect.js +2 -2
  287. package/esm/Cascader/Cascader.js +13 -13
  288. package/esm/Cascader/useActive.js +4 -4
  289. package/esm/CheckPicker/CheckPicker.js +5 -5
  290. package/esm/CheckTree/CheckTree.js +1 -1
  291. package/esm/CheckTree/CheckTreeNode.js +3 -3
  292. package/esm/CheckTree/CheckTreeView.js +7 -7
  293. package/esm/CheckTree/utils.js +3 -3
  294. package/esm/CheckTreePicker/CheckTreePicker.js +2 -2
  295. package/esm/CheckTreePicker/hooks/useFocusState.js +3 -3
  296. package/esm/Checkbox/Checkbox.js +2 -2
  297. package/esm/CheckboxGroup/CheckboxGroup.js +1 -1
  298. package/esm/CustomProvider/FormattedNumber.d.ts +7 -0
  299. package/esm/CustomProvider/FormattedNumber.js +13 -0
  300. package/esm/CustomProvider/index.d.ts +1 -0
  301. package/esm/CustomProvider/index.js +1 -0
  302. package/esm/CustomProvider/types.d.ts +8 -0
  303. package/esm/CustomProvider/useCustom.d.ts +1 -0
  304. package/esm/CustomProvider/useCustom.js +3 -1
  305. package/esm/DateInput/DateField.js +2 -2
  306. package/esm/DateInput/DateInput.js +2 -2
  307. package/esm/DateInput/hooks/useDateInputState.js +2 -2
  308. package/esm/DateInput/hooks/useIsFocused.js +2 -2
  309. package/esm/DateInput/hooks/useKeyboardInputEvent.js +5 -5
  310. package/esm/DatePicker/DatePicker.js +14 -14
  311. package/esm/DatePicker/PredefinedRanges.js +1 -1
  312. package/esm/DatePicker/hooks/useFocus.js +1 -1
  313. package/esm/DatePicker/hooks/useMonthView.js +1 -1
  314. package/esm/DateRangeInput/DateRangeInput.js +4 -4
  315. package/esm/DateRangePicker/DateRangePicker.js +8 -8
  316. package/esm/DateRangePicker/hooks/useCalendarHandlers.js +5 -5
  317. package/esm/Dropdown/Dropdown.js +3 -3
  318. package/esm/Dropdown/DropdownItem.js +2 -2
  319. package/esm/Dropdown/DropdownMenu.js +1 -1
  320. package/esm/Form/Form.js +8 -8
  321. package/esm/Form/hooks/useFormValidate.js +19 -19
  322. package/esm/FormControl/FormControl.js +5 -5
  323. package/esm/FormControl/hooks/useField.js +1 -1
  324. package/esm/FormControl/hooks/useRegisterModel.js +2 -2
  325. package/esm/InlineEdit/renderChildren.js +1 -1
  326. package/esm/InlineEdit/useEditState.js +7 -7
  327. package/esm/InlineEdit/useFocusEvent.js +5 -5
  328. package/esm/Input/Input.js +3 -3
  329. package/esm/InputGroup/InputGroup.js +2 -2
  330. package/esm/InputNumber/InputNumber.js +3 -3
  331. package/esm/InputPicker/InputAutosize.js +1 -1
  332. package/esm/InputPicker/InputPicker.js +13 -13
  333. package/esm/InputPicker/InputSearch.js +1 -1
  334. package/esm/InputPicker/hooks/useData.js +1 -1
  335. package/esm/InputPicker/hooks/useInput.js +2 -2
  336. package/esm/List/List.d.ts +19 -1
  337. package/esm/List/List.js +11 -7
  338. package/esm/List/ListItem.d.ts +1 -1
  339. package/esm/List/helper/useSortHelper.js +10 -10
  340. package/esm/MaskedInput/TextMask.js +3 -3
  341. package/esm/Message/Message.js +1 -1
  342. package/esm/Modal/Modal.js +6 -6
  343. package/esm/Modal/utils.js +2 -2
  344. package/esm/MultiCascadeTree/SearchView.js +1 -1
  345. package/esm/MultiCascadeTree/TreeView.js +1 -1
  346. package/esm/MultiCascadeTree/hooks/useCascadeValue.js +5 -5
  347. package/esm/MultiCascadeTree/hooks/useSearch.js +1 -1
  348. package/esm/MultiCascadeTree/hooks/useSelect.js +1 -1
  349. package/esm/MultiCascadeTree/utils.js +13 -10
  350. package/esm/MultiCascader/MultiCascader.js +5 -5
  351. package/esm/Nav/Nav.js +2 -2
  352. package/esm/Nav/NavDropdown.js +3 -3
  353. package/esm/Nav/NavDropdownItem.js +2 -2
  354. package/esm/Nav/NavDropdownMenu.js +1 -1
  355. package/esm/Nav/NavItem.js +3 -3
  356. package/esm/Navbar/NavbarDropdown.js +3 -3
  357. package/esm/Navbar/NavbarDropdownItem.js +4 -4
  358. package/esm/Navbar/NavbarItem.js +3 -3
  359. package/esm/Notification/Notification.js +1 -1
  360. package/esm/Pagination/PaginationButton.js +1 -1
  361. package/esm/Pagination/PaginationGroup.js +3 -3
  362. package/esm/Panel/Panel.js +2 -2
  363. package/esm/PanelGroup/PanelGroup.js +1 -1
  364. package/esm/Placeholder/PlaceholderGrid.js +2 -2
  365. package/esm/Placeholder/PlaceholderParagraph.js +1 -1
  366. package/esm/Radio/Radio.js +2 -2
  367. package/esm/RadioGroup/RadioGroup.js +1 -1
  368. package/esm/RadioTile/RadioTile.js +2 -2
  369. package/esm/RadioTileGroup/RadioTileGroup.js +1 -1
  370. package/esm/RangeSlider/RangeSlider.js +5 -5
  371. package/esm/Rate/Character.js +2 -2
  372. package/esm/Rate/Rate.js +3 -3
  373. package/esm/SafeAnchor/SafeAnchor.js +1 -1
  374. package/esm/SelectPicker/SelectPicker.js +7 -7
  375. package/esm/Sidebar/Sidebar.js +1 -1
  376. package/esm/Sidenav/ExpandedSidenavDropdown.js +4 -4
  377. package/esm/Sidenav/ExpandedSidenavDropdownItem.js +3 -3
  378. package/esm/Sidenav/ExpandedSidenavDropdownMenu.js +2 -2
  379. package/esm/Sidenav/Sidenav.js +1 -1
  380. package/esm/Sidenav/SidenavDropdown.js +4 -4
  381. package/esm/Sidenav/SidenavDropdownItem.js +2 -2
  382. package/esm/Sidenav/SidenavDropdownMenu.js +1 -1
  383. package/esm/Sidenav/SidenavItem.js +4 -4
  384. package/esm/Sidenav/SidenavToggle.js +1 -1
  385. package/esm/Slider/Graduated.js +1 -1
  386. package/esm/Slider/Slider.js +3 -3
  387. package/esm/Slider/useDrag.js +6 -6
  388. package/esm/Stack/HStack.d.ts +6 -3
  389. package/esm/Stack/HStack.js +1 -0
  390. package/esm/Stack/Stack.d.ts +6 -2
  391. package/esm/Stack/Stack.js +1 -1
  392. package/esm/Stack/VStack.d.ts +6 -3
  393. package/esm/Stack/VStack.js +1 -0
  394. package/esm/Stat/Stat.d.ts +26 -0
  395. package/esm/Stat/Stat.js +52 -0
  396. package/esm/Stat/StatHelpText.d.ts +4 -0
  397. package/esm/Stat/StatHelpText.js +7 -0
  398. package/esm/Stat/StatLabel.d.ts +14 -0
  399. package/esm/Stat/StatLabel.js +48 -0
  400. package/esm/Stat/StatTrend.d.ts +7 -0
  401. package/esm/Stat/StatTrend.js +63 -0
  402. package/esm/Stat/StatValue.d.ts +7 -0
  403. package/esm/Stat/StatValue.js +36 -0
  404. package/esm/Stat/StatValueUnit.d.ts +4 -0
  405. package/esm/Stat/StatValueUnit.js +7 -0
  406. package/esm/Stat/index.d.ts +3 -0
  407. package/esm/Stat/index.js +3 -0
  408. package/esm/StatGroup/StatGroup.d.ts +13 -0
  409. package/esm/StatGroup/StatGroup.js +42 -0
  410. package/esm/StatGroup/index.d.ts +3 -0
  411. package/esm/StatGroup/index.js +3 -0
  412. package/esm/Tabs/Tabs.js +1 -1
  413. package/esm/Timeline/Timeline.js +1 -1
  414. package/esm/Toggle/Toggle.js +1 -1
  415. package/esm/Tree/Tree.js +1 -1
  416. package/esm/Tree/TreeNode.js +9 -9
  417. package/esm/Tree/TreeView.js +7 -7
  418. package/esm/Tree/hooks/useExpandTree.js +1 -1
  419. package/esm/Tree/hooks/useFlattenTree.js +1 -1
  420. package/esm/Tree/hooks/useFocusTree.js +6 -6
  421. package/esm/Tree/hooks/useTreeDrag.js +17 -17
  422. package/esm/Tree/hooks/useTreeSearch.js +1 -1
  423. package/esm/Tree/utils/flattenTree.js +6 -6
  424. package/esm/Tree/utils/focusableTree.js +6 -6
  425. package/esm/Tree/utils/getNodeParentKeys.js +4 -4
  426. package/esm/Tree/utils/treeKeyboardInteractions.js +2 -2
  427. package/esm/TreePicker/TreePicker.js +5 -5
  428. package/esm/TreePicker/hooks/useFocusState.js +4 -4
  429. package/esm/Uploader/UploadFileItem.js +5 -5
  430. package/esm/Uploader/UploadTrigger.js +11 -11
  431. package/esm/Uploader/Uploader.js +16 -16
  432. package/esm/Uploader/utils/ajaxUpload.js +5 -5
  433. package/esm/index.d.ts +8 -0
  434. package/esm/index.js +4 -0
  435. package/esm/internals/Disclosure/Disclosure.js +3 -3
  436. package/esm/internals/Disclosure/DisclosureButton.js +2 -2
  437. package/esm/internals/Menu/Menu.js +3 -3
  438. package/esm/internals/Menu/MenuItem.js +1 -1
  439. package/esm/internals/Menu/Menubar.js +2 -2
  440. package/esm/internals/Overlay/Modal.js +7 -7
  441. package/esm/internals/Overlay/Overlay.js +1 -1
  442. package/esm/internals/Overlay/OverlayTrigger.js +3 -3
  443. package/esm/internals/Overlay/Position.js +5 -5
  444. package/esm/internals/Picker/ListCheckItem.js +3 -3
  445. package/esm/internals/Picker/ListItem.js +1 -1
  446. package/esm/internals/Picker/Listbox.js +4 -4
  447. package/esm/internals/Picker/PickerToggle.js +2 -2
  448. package/esm/internals/Picker/SelectedElement.js +1 -1
  449. package/esm/internals/Picker/hooks/useFocusItemValue.js +2 -2
  450. package/esm/internals/Picker/hooks/usePickerRef.js +4 -4
  451. package/esm/internals/Picker/hooks/useSearch.js +1 -1
  452. package/esm/internals/Picker/hooks/useToggleKeyDownEvent.js +9 -9
  453. package/esm/internals/Picker/utils.js +8 -8
  454. package/esm/internals/Ripple/Ripple.js +2 -2
  455. package/esm/internals/ScrollView/hooks/useScrollState.js +1 -1
  456. package/esm/internals/Tree/utils/filterNodesOfTree.js +3 -3
  457. package/esm/internals/Tree/utils/findNodeOfTree.js +3 -3
  458. package/esm/internals/Tree/utils/getParentMap.js +3 -3
  459. package/esm/internals/Windowing/AutoSizer.js +1 -1
  460. package/esm/internals/Windowing/List.js +4 -4
  461. package/esm/internals/hooks/useClickOutside.js +1 -1
  462. package/esm/internals/hooks/useElementResize.js +1 -1
  463. package/esm/internals/hooks/useEventListener.js +1 -1
  464. package/esm/internals/hooks/useFocus.js +2 -2
  465. package/esm/internals/hooks/useMount.js +1 -1
  466. package/esm/internals/hooks/useRootClose.js +4 -4
  467. package/esm/internals/hooks/useTimeout.js +1 -1
  468. package/esm/internals/utils/stringifyReactNode.js +5 -5
  469. package/esm/toaster/ToastContainer.d.ts +1 -0
  470. package/esm/toaster/ToastContainer.js +19 -14
  471. package/esm/toaster/hooks/useDelayedClosure.js +2 -2
  472. package/esm/toaster/toaster.js +7 -7
  473. package/esm/useToaster/useToaster.js +1 -1
  474. package/package.json +1 -1
  475. package/styles/color-modes/dark.less +6 -0
  476. package/styles/color-modes/high-contrast.less +6 -0
  477. package/styles/color-modes/light.less +6 -0
  478. package/styles/index.less +4 -0
  479. package/toaster/styles/index.css +24 -24
  480. package/toaster/styles/index.less +29 -29
  481. package/useToaster/styles/index.css +24 -24
@@ -39,7 +39,7 @@ function shouldDisplay(label, searchKeyword) {
39
39
  var keyword = searchKeyword.toLocaleLowerCase();
40
40
  if (typeof label === 'string' || typeof label === 'number') {
41
41
  return ("" + label).toLocaleLowerCase().indexOf(keyword) >= 0;
42
- } else if ( /*#__PURE__*/_react.default.isValidElement(label)) {
42
+ } else if (/*#__PURE__*/_react.default.isValidElement(label)) {
43
43
  var nodes = (0, _utils2.reactToString)(label);
44
44
  return nodes.join('').toLocaleLowerCase().indexOf(keyword) >= 0;
45
45
  }
@@ -61,35 +61,35 @@ function onMenuKeyDown(event, events) {
61
61
  switch (event.key) {
62
62
  // down
63
63
  case _constants.KEY_VALUES.DOWN:
64
- down === null || down === void 0 ? void 0 : down(event);
64
+ down === null || down === void 0 || down(event);
65
65
  event.preventDefault();
66
66
  break;
67
67
  // up
68
68
  case _constants.KEY_VALUES.UP:
69
- up === null || up === void 0 ? void 0 : up(event);
69
+ up === null || up === void 0 || up(event);
70
70
  event.preventDefault();
71
71
  break;
72
72
  // enter
73
73
  case _constants.KEY_VALUES.ENTER:
74
- enter === null || enter === void 0 ? void 0 : enter(event);
74
+ enter === null || enter === void 0 || enter(event);
75
75
  event.preventDefault();
76
76
  break;
77
77
  // delete
78
78
  case _constants.KEY_VALUES.BACKSPACE:
79
- del === null || del === void 0 ? void 0 : del(event);
79
+ del === null || del === void 0 || del(event);
80
80
  break;
81
81
  // esc | tab
82
82
  case _constants.KEY_VALUES.ESC:
83
83
  case _constants.KEY_VALUES.TAB:
84
- esc === null || esc === void 0 ? void 0 : esc(event);
84
+ esc === null || esc === void 0 || esc(event);
85
85
  break;
86
86
  // left arrow
87
87
  case _constants.KEY_VALUES.LEFT:
88
- left === null || left === void 0 ? void 0 : left(event);
88
+ left === null || left === void 0 || left(event);
89
89
  break;
90
90
  // right arrow
91
91
  case _constants.KEY_VALUES.RIGHT:
92
- right === null || right === void 0 ? void 0 : right(event);
92
+ right === null || right === void 0 || right(event);
93
93
  break;
94
94
  default:
95
95
  }
@@ -67,7 +67,7 @@ var Ripple = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
67
67
  var _position = getPosition(triggerRef.current, event);
68
68
  setRippling(true);
69
69
  setPosition(_position);
70
- onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(_position, event);
70
+ onMouseDown === null || onMouseDown === void 0 || onMouseDown(_position, event);
71
71
  }
72
72
  }, [onMouseDown]);
73
73
  (0, _react.useEffect)(function () {
@@ -76,7 +76,7 @@ var Ripple = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
76
76
  if (parentNode) {
77
77
  var mousedownListener = (0, _on.default)(parentNode, 'mousedown', handleMouseDown);
78
78
  return function () {
79
- mousedownListener === null || mousedownListener === void 0 ? void 0 : mousedownListener.off();
79
+ mousedownListener === null || mousedownListener === void 0 || mousedownListener.off();
80
80
  };
81
81
  }
82
82
  }, [handleMouseDown]);
@@ -47,7 +47,7 @@ function useScrollState(scrollShadow) {
47
47
  }
48
48
  return function () {
49
49
  var _observer;
50
- (_observer = observer) === null || _observer === void 0 ? void 0 : _observer.disconnect();
50
+ (_observer = observer) === null || _observer === void 0 || _observer.disconnect();
51
51
  };
52
52
  });
53
53
  var handleScroll = (0, _hooks.useEventCallback)(function (event) {
@@ -6,14 +6,14 @@ exports.__esModule = true;
6
6
  exports.filterNodesOfTree = filterNodesOfTree;
7
7
  var _clone = _interopRequireDefault(require("lodash/clone"));
8
8
  function filterNodesOfTree(data, check) {
9
- var findNodes = function findNodes(nodes) {
9
+ var _findNodes = function findNodes(nodes) {
10
10
  if (nodes === void 0) {
11
11
  nodes = [];
12
12
  }
13
13
  var nextNodes = [];
14
14
  for (var i = 0; i < nodes.length; i += 1) {
15
15
  if (Array.isArray(nodes[i].children)) {
16
- var nextChildren = findNodes(nodes[i].children);
16
+ var nextChildren = _findNodes(nodes[i].children);
17
17
  if (nextChildren.length) {
18
18
  var item = (0, _clone.default)(nodes[i]);
19
19
  item.children = nextChildren;
@@ -27,5 +27,5 @@ function filterNodesOfTree(data, check) {
27
27
  }
28
28
  return nextNodes;
29
29
  };
30
- return findNodes(data);
30
+ return _findNodes(data);
31
31
  }
@@ -4,14 +4,14 @@
4
4
  exports.__esModule = true;
5
5
  exports.findNodeOfTree = findNodeOfTree;
6
6
  function findNodeOfTree(data, check) {
7
- var findNode = function findNode(nodes) {
7
+ var _findNode = function findNode(nodes) {
8
8
  if (nodes === void 0) {
9
9
  nodes = [];
10
10
  }
11
11
  for (var i = 0; i < nodes.length; i += 1) {
12
12
  var item = nodes[i];
13
13
  if (Array.isArray(item.children)) {
14
- var node = findNode(item.children);
14
+ var node = _findNode(item.children);
15
15
  if (node) {
16
16
  return node;
17
17
  }
@@ -22,5 +22,5 @@ function findNodeOfTree(data, check) {
22
22
  }
23
23
  return undefined;
24
24
  };
25
- return findNode(data);
25
+ return _findNode(data);
26
26
  }
@@ -4,9 +4,9 @@
4
4
  exports.__esModule = true;
5
5
  exports.getKeyParentMap = getKeyParentMap;
6
6
  exports.getParentMap = getParentMap;
7
- function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
8
- 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); }
9
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
7
+ function _createForOfIteratorHelperLoose(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (t) return (t = t.call(r)).next.bind(t); if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var o = 0; return function () { return o >= r.length ? { done: !0 } : { done: !1, value: r[o++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
8
+ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
9
+ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
10
10
  /**
11
11
  * Returns a WeakMap that maps each item in `items` to its parent
12
12
  * indicated by `getChildren` function
@@ -57,7 +57,7 @@ var AutoSizer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
57
57
  if (!disableHeight && height !== newHeight || !disableWidth && width !== newWidth) {
58
58
  setHeight(offsetHeight - paddingTop - paddingBottom);
59
59
  setWidth(offsetWidth - paddingLeft - paddingRight);
60
- onResize === null || onResize === void 0 ? void 0 : onResize({
60
+ onResize === null || onResize === void 0 || onResize({
61
61
  height: offsetHeight,
62
62
  width: offsetWidth
63
63
  });
@@ -42,19 +42,19 @@ var List = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
42
42
  return {
43
43
  resetAfterIndex: function resetAfterIndex(index, shouldForceUpdate) {
44
44
  var _listRef$current, _listRef$current$rese;
45
- (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : (_listRef$current$rese = _listRef$current.resetAfterIndex) === null || _listRef$current$rese === void 0 ? void 0 : _listRef$current$rese.call(_listRef$current, index, shouldForceUpdate);
45
+ (_listRef$current = listRef.current) === null || _listRef$current === void 0 || (_listRef$current$rese = _listRef$current.resetAfterIndex) === null || _listRef$current$rese === void 0 || _listRef$current$rese.call(_listRef$current, index, shouldForceUpdate);
46
46
  },
47
47
  scrollTo: function scrollTo(scrollOffset) {
48
48
  var _listRef$current2, _listRef$current2$scr;
49
- (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : (_listRef$current2$scr = _listRef$current2.scrollTo) === null || _listRef$current2$scr === void 0 ? void 0 : _listRef$current2$scr.call(_listRef$current2, scrollOffset);
49
+ (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 || (_listRef$current2$scr = _listRef$current2.scrollTo) === null || _listRef$current2$scr === void 0 || _listRef$current2$scr.call(_listRef$current2, scrollOffset);
50
50
  },
51
51
  scrollToItem: function scrollToItem(index, align) {
52
52
  var _listRef$current3, _listRef$current3$scr;
53
- (_listRef$current3 = listRef.current) === null || _listRef$current3 === void 0 ? void 0 : (_listRef$current3$scr = _listRef$current3.scrollToItem) === null || _listRef$current3$scr === void 0 ? void 0 : _listRef$current3$scr.call(_listRef$current3, index, align);
53
+ (_listRef$current3 = listRef.current) === null || _listRef$current3 === void 0 || (_listRef$current3$scr = _listRef$current3.scrollToItem) === null || _listRef$current3$scr === void 0 || _listRef$current3$scr.call(_listRef$current3, index, align);
54
54
  },
55
55
  scrollToRow: function scrollToRow(index) {
56
56
  var _listRef$current4, _listRef$current4$scr;
57
- (_listRef$current4 = listRef.current) === null || _listRef$current4 === void 0 ? void 0 : (_listRef$current4$scr = _listRef$current4.scrollToItem) === null || _listRef$current4$scr === void 0 ? void 0 : _listRef$current4$scr.call(_listRef$current4, index);
57
+ (_listRef$current4 = listRef.current) === null || _listRef$current4 === void 0 || (_listRef$current4$scr = _listRef$current4.scrollToItem) === null || _listRef$current4$scr === void 0 || _listRef$current4$scr.call(_listRef$current4, index);
58
58
  }
59
59
  };
60
60
  });
@@ -22,7 +22,7 @@ function useClickOutside(_ref) {
22
22
  var _isOutsideRef$current;
23
23
  if ((_isOutsideRef$current = isOutsideRef.current) !== null && _isOutsideRef$current !== void 0 && _isOutsideRef$current.call(isOutsideRef, event)) {
24
24
  var _handleRef$current;
25
- (_handleRef$current = handleRef.current) === null || _handleRef$current === void 0 ? void 0 : _handleRef$current.call(handleRef, event);
25
+ (_handleRef$current = handleRef.current) === null || _handleRef$current === void 0 || _handleRef$current.call(handleRef, event);
26
26
  }
27
27
  };
28
28
  window.addEventListener('mousedown', eventHandler);
@@ -25,7 +25,7 @@ function useElementResize(eventTarget, listener) {
25
25
  }
26
26
  return function () {
27
27
  var _resizeObserver$curre;
28
- (_resizeObserver$curre = resizeObserver.current) === null || _resizeObserver$curre === void 0 ? void 0 : _resizeObserver$curre.disconnect();
28
+ (_resizeObserver$curre = resizeObserver.current) === null || _resizeObserver$curre === void 0 || _resizeObserver$curre.disconnect();
29
29
  };
30
30
  }, [eventTarget, listener]);
31
31
  }
@@ -23,7 +23,7 @@ function useEventListener(eventTarget, event, listener, capture) {
23
23
  var target = typeof eventTarget === 'function' ? eventTarget() : eventTarget;
24
24
  var controller = target ? (0, _on.default)(target, event, listener, capture) : null;
25
25
  return function () {
26
- controller === null || controller === void 0 ? void 0 : controller.off();
26
+ controller === null || controller === void 0 || controller.off();
27
27
  };
28
28
  }, [eventTarget, event, listener, capture]);
29
29
  }
@@ -16,7 +16,7 @@ function useFocus(elementRef) {
16
16
  if (document.activeElement !== elementRef.current) {
17
17
  var _elementRef$current;
18
18
  previousActiveElementRef.current = document.activeElement;
19
- (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.focus();
19
+ (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 || _elementRef$current.focus();
20
20
  }
21
21
  });
22
22
  }, [elementRef]);
@@ -25,7 +25,7 @@ function useFocus(elementRef) {
25
25
  var release = (0, _react.useCallback)(function (options) {
26
26
  requestAnimationFrame(function () {
27
27
  var _previousActiveElemen;
28
- (_previousActiveElemen = previousActiveElementRef.current) === null || _previousActiveElemen === void 0 ? void 0 : _previousActiveElemen.focus(options);
28
+ (_previousActiveElemen = previousActiveElementRef.current) === null || _previousActiveElemen === void 0 || _previousActiveElemen.focus(options);
29
29
  });
30
30
  }, []);
31
31
  return {
@@ -9,7 +9,7 @@ var useMount = exports.useMount = function useMount(callback) {
9
9
  mountRef.current = callback;
10
10
  (0, _react.useEffect)(function () {
11
11
  var _mountRef$current;
12
- (_mountRef$current = mountRef.current) === null || _mountRef$current === void 0 ? void 0 : _mountRef$current.call(mountRef);
12
+ (_mountRef$current = mountRef.current) === null || _mountRef$current === void 0 || _mountRef$current.call(mountRef);
13
13
  }, []);
14
14
  };
15
15
  var _default = exports.default = useMount;
@@ -31,7 +31,7 @@ function useRootClose(onRootClose, _ref) {
31
31
  listenEscape = _ref$listenEscape === void 0 ? true : _ref$listenEscape;
32
32
  var handleDocumentKeyUp = (0, _react.useCallback)(function (event) {
33
33
  if (listenEscape && event.key === _constants.KEY_VALUES.ESC) {
34
- onRootClose === null || onRootClose === void 0 ? void 0 : onRootClose(event);
34
+ onRootClose === null || onRootClose === void 0 || onRootClose(event);
35
35
  }
36
36
  }, [listenEscape, onRootClose]);
37
37
  var handleDocumentMouseDown = (0, _react.useCallback)(function (event) {
@@ -50,7 +50,7 @@ function useRootClose(onRootClose, _ref) {
50
50
  if (isModifiedEvent(event) || !isLeftClickEvent(event)) {
51
51
  return;
52
52
  }
53
- onRootClose === null || onRootClose === void 0 ? void 0 : onRootClose(event);
53
+ onRootClose === null || onRootClose === void 0 || onRootClose(event);
54
54
  }, [onRootClose, triggerTarget, overlayTarget]);
55
55
  (0, _react.useEffect)(function () {
56
56
  var currentTarget = (0, _getDOMNode.default)(triggerTarget);
@@ -59,8 +59,8 @@ function useRootClose(onRootClose, _ref) {
59
59
  var onDocumentMouseDownListener = (0, _on.default)(doc, 'mousedown', handleDocumentMouseDown, true);
60
60
  var onDocumentKeyupListener = (0, _on.default)(doc, 'keyup', handleDocumentKeyUp);
61
61
  return function () {
62
- onDocumentMouseDownListener === null || onDocumentMouseDownListener === void 0 ? void 0 : onDocumentMouseDownListener.off();
63
- onDocumentKeyupListener === null || onDocumentKeyupListener === void 0 ? void 0 : onDocumentKeyupListener.off();
62
+ onDocumentMouseDownListener === null || onDocumentMouseDownListener === void 0 || onDocumentMouseDownListener.off();
63
+ onDocumentKeyupListener === null || onDocumentKeyupListener === void 0 || onDocumentKeyupListener.off();
64
64
  };
65
65
  }, [triggerTarget, disabled, onRootClose, handleDocumentMouseDown, handleDocumentKeyUp]);
66
66
  }
@@ -28,7 +28,7 @@ function useTimeout(fn, ms, enabled) {
28
28
  if (enabled) {
29
29
  timeout.current = setTimeout(function () {
30
30
  var _callback$current;
31
- (_callback$current = callback.current) === null || _callback$current === void 0 ? void 0 : _callback$current.call(callback);
31
+ (_callback$current = callback.current) === null || _callback$current === void 0 || _callback$current.call(callback);
32
32
  }, ms);
33
33
  }
34
34
  }, [ms, enabled]);
@@ -14,16 +14,16 @@ var _react = _interopRequireDefault(require("react"));
14
14
  */
15
15
  function reactToString(element) {
16
16
  var nodes = [];
17
- var recursion = function recursion(elmt) {
17
+ var _recursion = function recursion(elmt) {
18
18
  _react.default.Children.forEach(elmt.props.children, function (child) {
19
- if ( /*#__PURE__*/_react.default.isValidElement(child)) {
20
- recursion(child);
19
+ if (/*#__PURE__*/_react.default.isValidElement(child)) {
20
+ _recursion(child);
21
21
  } else if (typeof child === 'string') {
22
22
  nodes.push(child);
23
23
  }
24
24
  });
25
25
  };
26
- recursion(element);
26
+ _recursion(element);
27
27
  return nodes;
28
28
  }
29
29
 
@@ -35,7 +35,7 @@ function reactToString(element) {
35
35
  function stringifyReactNode(node) {
36
36
  if (typeof node === 'string') {
37
37
  return node;
38
- } else if ( /*#__PURE__*/_react.default.isValidElement(node)) {
38
+ } else if (/*#__PURE__*/_react.default.isValidElement(node)) {
39
39
  var nodes = reactToString(node);
40
40
  return nodes.join('');
41
41
  }
@@ -29,6 +29,7 @@ export interface ToastContainerProps extends WithAsProps {
29
29
  interface PushOptions {
30
30
  duration?: number;
31
31
  mouseReset?: boolean;
32
+ container?: HTMLElement | (() => HTMLElement);
32
33
  }
33
34
  export interface ToastContainerInstance {
34
35
  root: HTMLElement;
@@ -7,6 +7,7 @@ exports.toastPlacements = exports.default = void 0;
7
7
  var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
9
  var _react = _interopRequireWildcard(require("react"));
10
+ var _reactDom = require("react-dom");
10
11
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
12
  var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
12
13
  var _Transition = _interopRequireDefault(require("../Animation/Transition"));
@@ -33,7 +34,8 @@ var useMessages = function useMessages() {
33
34
  var _ref = options || {},
34
35
  duration = _ref.duration,
35
36
  _ref$mouseReset = _ref.mouseReset,
36
- mouseReset = _ref$mouseReset === void 0 ? true : _ref$mouseReset;
37
+ mouseReset = _ref$mouseReset === void 0 ? true : _ref$mouseReset,
38
+ container = _ref.container;
37
39
  var key = (0, _utils.guid)();
38
40
  setMessages(function (prevMessages) {
39
41
  return [].concat(prevMessages, [{
@@ -41,7 +43,8 @@ var useMessages = function useMessages() {
41
43
  visible: true,
42
44
  node: message,
43
45
  duration: duration,
44
- mouseReset: mouseReset
46
+ mouseReset: mouseReset,
47
+ container: container
45
48
  }]);
46
49
  });
47
50
  return key;
@@ -115,15 +118,9 @@ var ToastContainer = /*#__PURE__*/_react.default.forwardRef(function (props, ref
115
118
  var elements = messages.map(function (item) {
116
119
  var mouseReset = item.mouseReset,
117
120
  duration = item.duration,
118
- node = item.node;
119
- return /*#__PURE__*/_react.default.createElement(_ToastContext.default.Provider, {
120
- value: {
121
- usedToaster: true,
122
- mouseReset: mouseReset,
123
- duration: duration
124
- },
125
- key: item.key
126
- }, /*#__PURE__*/_react.default.createElement(_Transition.default, {
121
+ node = item.node,
122
+ container = item.container;
123
+ var toastWithTransition = /*#__PURE__*/_react.default.createElement(_Transition.default, {
127
124
  in: item.visible,
128
125
  exitedClassName: rootPrefix('toast-fade-exited'),
129
126
  exitingClassName: rootPrefix('toast-fade-exiting'),
@@ -142,12 +139,20 @@ var ToastContainer = /*#__PURE__*/_react.default.forwardRef(function (props, ref
142
139
  }),
143
140
  className: merge(rootPrefix('toast'), (_node$props2 = node.props) === null || _node$props2 === void 0 ? void 0 : _node$props2.className, transitionClassName)
144
141
  }));
145
- }));
142
+ });
143
+ return /*#__PURE__*/_react.default.createElement(_ToastContext.default.Provider, {
144
+ value: {
145
+ usedToaster: true,
146
+ mouseReset: mouseReset,
147
+ duration: duration
148
+ },
149
+ key: item.key
150
+ }, container ? /*#__PURE__*/(0, _reactDom.createPortal)(toastWithTransition, typeof container === 'function' ? container() : container) : toastWithTransition);
146
151
  });
147
152
  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
148
153
  ref: function ref(selfRef) {
149
154
  rootRef.current = selfRef;
150
- callback === null || callback === void 0 ? void 0 : callback(selfRef);
155
+ callback === null || callback === void 0 || callback(selfRef);
151
156
  },
152
157
  className: classes
153
158
  }), elements);
@@ -161,7 +166,7 @@ ToastContainer.getInstance = function (props) {
161
166
  var renderCallback = function renderCallback() {
162
167
  resolve([containerRef, unmount]);
163
168
  };
164
- var _render = (0, _utils.render)( /*#__PURE__*/_react.default.createElement(ToastContainer, (0, _extends2.default)({}, rest, {
169
+ var _render = (0, _utils.render)(/*#__PURE__*/_react.default.createElement(ToastContainer, (0, _extends2.default)({}, rest, {
165
170
  ref: containerRef,
166
171
  callback: renderCallback
167
172
  })), containerElement),
@@ -34,8 +34,8 @@ function useDelayedClosure(props) {
34
34
  mouseLeaveRef.current = (0, _on.default)(targetRef.current, 'mouseleave', reset);
35
35
  return function () {
36
36
  var _mouseEnterRef$curren, _mouseLeaveRef$curren;
37
- (_mouseEnterRef$curren = mouseEnterRef.current) === null || _mouseEnterRef$curren === void 0 ? void 0 : _mouseEnterRef$curren.off();
38
- (_mouseLeaveRef$curren = mouseLeaveRef.current) === null || _mouseLeaveRef$curren === void 0 ? void 0 : _mouseLeaveRef$curren.off();
37
+ (_mouseEnterRef$curren = mouseEnterRef.current) === null || _mouseEnterRef$curren === void 0 || _mouseEnterRef$curren.off();
38
+ (_mouseLeaveRef$curren = mouseLeaveRef.current) === null || _mouseLeaveRef$curren === void 0 || _mouseLeaveRef$curren.off();
39
39
  };
40
40
  }
41
41
  });
@@ -25,7 +25,7 @@ function createContainer(_x, _x2) {
25
25
  * @param containerId
26
26
  */
27
27
  function _createContainer() {
28
- _createContainer = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(containerId, props) {
28
+ _createContainer = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(containerId, props) {
29
29
  var _yield$ToastContainer, container;
30
30
  return _regenerator.default.wrap(function _callee$(_context) {
31
31
  while (1) switch (_context.prev = _context.next) {
@@ -51,10 +51,10 @@ function getContainer(containerId) {
51
51
  }
52
52
  return containers.get(containerId || defaultContainerId);
53
53
  }
54
- var toaster = function toaster(message) {
55
- return toaster.push(message);
54
+ var _toaster = function toaster(message) {
55
+ return _toaster.push(message);
56
56
  };
57
- toaster.push = function (message, options) {
57
+ _toaster.push = function (message, options) {
58
58
  if (options === void 0) {
59
59
  options = {};
60
60
  }
@@ -70,16 +70,16 @@ toaster.push = function (message, options) {
70
70
  return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.push(message, restOptions);
71
71
  });
72
72
  };
73
- toaster.remove = function (key) {
73
+ _toaster.remove = function (key) {
74
74
  containers.forEach(function (c) {
75
75
  var _c$current;
76
76
  return (_c$current = c.current) === null || _c$current === void 0 ? void 0 : _c$current.remove(key);
77
77
  });
78
78
  };
79
- toaster.clear = function () {
79
+ _toaster.clear = function () {
80
80
  containers.forEach(function (c) {
81
81
  var _c$current2;
82
82
  return (_c$current2 = c.current) === null || _c$current2 === void 0 ? void 0 : _c$current2.clear();
83
83
  });
84
84
  };
85
- var _default = exports.default = toaster;
85
+ var _default = exports.default = _toaster;
@@ -32,7 +32,7 @@ var useToaster = function useToaster() {
32
32
  */
33
33
  push: function push(message, options) {
34
34
  var _toasters$current;
35
- var customToaster = toasters === null || toasters === void 0 ? void 0 : (_toasters$current = toasters.current) === null || _toasters$current === void 0 ? void 0 : _toasters$current.get((options === null || options === void 0 ? void 0 : options.placement) || 'topCenter');
35
+ var customToaster = toasters === null || toasters === void 0 || (_toasters$current = toasters.current) === null || _toasters$current === void 0 ? void 0 : _toasters$current.get((options === null || options === void 0 ? void 0 : options.placement) || 'topCenter');
36
36
  return customToaster ? customToaster.push(message, options) : _toaster.default.push(message, options);
37
37
  },
38
38
  /**