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