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
@@ -33,27 +33,27 @@ var useEditState = function useEditState(props) {
33
33
  if (disabled) {
34
34
  return;
35
35
  }
36
- onClick === null || onClick === void 0 ? void 0 : onClick(event);
37
- onEdit === null || onEdit === void 0 ? void 0 : onEdit(event);
36
+ onClick === null || onClick === void 0 || onClick(event);
37
+ onEdit === null || onEdit === void 0 || onEdit(event);
38
38
  setIsEditing(true);
39
39
  setResetValue(value);
40
40
  });
41
41
  var handleChange = (0, _hooks.useEventCallback)(function (value, event) {
42
42
  setValue(value);
43
- onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
43
+ onChange === null || onChange === void 0 || onChange(value, event);
44
44
  });
45
45
  var handleCancel = (0, _hooks.useEventCallback)(function (event) {
46
46
  var _event$stopPropagatio;
47
47
  setIsEditing(false);
48
48
  setValue(resetValue);
49
- onCancel === null || onCancel === void 0 ? void 0 : onCancel(event);
50
- event === null || event === void 0 ? void 0 : (_event$stopPropagatio = event.stopPropagation) === null || _event$stopPropagatio === void 0 ? void 0 : _event$stopPropagatio.call(event);
49
+ onCancel === null || onCancel === void 0 || onCancel(event);
50
+ event === null || event === void 0 || (_event$stopPropagatio = event.stopPropagation) === null || _event$stopPropagatio === void 0 || _event$stopPropagatio.call(event);
51
51
  });
52
52
  var handleSave = (0, _hooks.useEventCallback)(function (event) {
53
53
  var _event$stopPropagatio2;
54
54
  setIsEditing(false);
55
- onSave === null || onSave === void 0 ? void 0 : onSave(event);
56
- event === null || event === void 0 ? void 0 : (_event$stopPropagatio2 = event.stopPropagation) === null || _event$stopPropagatio2 === void 0 ? void 0 : _event$stopPropagatio2.call(event);
55
+ onSave === null || onSave === void 0 || onSave(event);
56
+ event === null || event === void 0 || (_event$stopPropagatio2 = event.stopPropagation) === null || _event$stopPropagatio2 === void 0 || _event$stopPropagatio2.call(event);
57
57
  });
58
58
  var handleKeyDown = (0, _hooks.useEventCallback)(function (event) {
59
59
  var _event$target;
@@ -22,14 +22,14 @@ var useFocusEvent = function useFocusEvent(_ref) {
22
22
  var _picker$target, _picker$target$focus, _picker$open;
23
23
  var picker = ref.current;
24
24
  // Auto focus the search input
25
- picker === null || picker === void 0 ? void 0 : (_picker$target = picker.target) === null || _picker$target === void 0 ? void 0 : (_picker$target$focus = _picker$target.focus) === null || _picker$target$focus === void 0 ? void 0 : _picker$target$focus.call(_picker$target);
25
+ picker === null || picker === void 0 || (_picker$target = picker.target) === null || _picker$target === void 0 || (_picker$target$focus = _picker$target.focus) === null || _picker$target$focus === void 0 || _picker$target$focus.call(_picker$target);
26
26
 
27
27
  // Open the picker
28
- picker === null || picker === void 0 ? void 0 : (_picker$open = picker.open) === null || _picker$open === void 0 ? void 0 : _picker$open.call(picker);
28
+ picker === null || picker === void 0 || (_picker$open = picker.open) === null || _picker$open === void 0 || _picker$open.call(picker);
29
29
  }, 100);
30
30
  } else {
31
31
  var _ref$current2, _ref$current2$focus;
32
- (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : (_ref$current2$focus = _ref$current2.focus) === null || _ref$current2$focus === void 0 ? void 0 : _ref$current2$focus.call(_ref$current2);
32
+ (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || (_ref$current2$focus = _ref$current2.focus) === null || _ref$current2$focus === void 0 || _ref$current2$focus.call(_ref$current2);
33
33
  }
34
34
  };
35
35
  var handleBlur = (0, _hooks.useEventCallback)(function (event) {
@@ -41,9 +41,9 @@ var useFocusEvent = function useFocusEvent(_ref) {
41
41
  }
42
42
  }
43
43
  if (stateOnBlur === 'save') {
44
- onSave === null || onSave === void 0 ? void 0 : onSave(event);
44
+ onSave === null || onSave === void 0 || onSave(event);
45
45
  } else if (stateOnBlur === 'cancel') {
46
- onCancel === null || onCancel === void 0 ? void 0 : onCancel(event);
46
+ onCancel === null || onCancel === void 0 || onCancel(event);
47
47
  }
48
48
  });
49
49
  (0, _hooks.useIsomorphicLayoutEffect)(function () {
@@ -52,13 +52,13 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
52
52
  rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
53
53
  var handleKeyDown = function handleKeyDown(event) {
54
54
  if (event.key === _constants.KEY_VALUES.ENTER) {
55
- onPressEnter === null || onPressEnter === void 0 ? void 0 : onPressEnter(event);
55
+ onPressEnter === null || onPressEnter === void 0 || onPressEnter(event);
56
56
  }
57
- onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
57
+ onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
58
58
  };
59
59
  var handleChange = function handleChange(event) {
60
60
  var _event$target;
61
- onChange === null || onChange === void 0 ? void 0 : onChange((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);
61
+ onChange === null || onChange === void 0 || onChange((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);
62
62
  };
63
63
  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
64
64
  withClassPrefix = _useClassNames.withClassPrefix,
@@ -53,8 +53,8 @@ var InputGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
53
53
  }));
54
54
  var renderChildren = (0, _react.useCallback)(function () {
55
55
  return _react.default.Children.map(children, function (item) {
56
- if ( /*#__PURE__*/_react.default.isValidElement(item)) {
57
- if ( /*#__PURE__*/_react.default.isValidElement(item)) {
56
+ if (/*#__PURE__*/_react.default.isValidElement(item)) {
57
+ if (/*#__PURE__*/_react.default.isValidElement(item)) {
58
58
  // Fix: Add type assertion to pass the disabled prop to the child element
59
59
  return disabled ? /*#__PURE__*/_react.default.cloneElement(item, {
60
60
  disabled: disabled
@@ -147,7 +147,7 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
147
147
  var handleChangeValue = (0, _hooks.useEventCallback)(function (currentValue, event) {
148
148
  if (currentValue !== value) {
149
149
  setValue(currentValue);
150
- onChange === null || onChange === void 0 ? void 0 : onChange(currentValue, event);
150
+ onChange === null || onChange === void 0 || onChange(currentValue, event);
151
151
  }
152
152
  });
153
153
 
@@ -209,7 +209,7 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
209
209
  handleStepUp(event);
210
210
  }
211
211
  }
212
- onWheel === null || onWheel === void 0 ? void 0 : onWheel(event);
212
+ onWheel === null || onWheel === void 0 || onWheel(event);
213
213
  });
214
214
  var handleChange = (0, _hooks.useEventCallback)(function (value, event) {
215
215
  var separator = decimalSeparator || '.';
@@ -248,7 +248,7 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
248
248
  }
249
249
  return function () {
250
250
  var _wheelListener;
251
- (_wheelListener = wheelListener) === null || _wheelListener === void 0 ? void 0 : _wheelListener.off();
251
+ (_wheelListener = wheelListener) === null || _wheelListener === void 0 || _wheelListener.off();
252
252
  };
253
253
  }, [handleWheel, scrollable]);
254
254
  var inputValue = (0, _react.useMemo)(function () {
@@ -58,7 +58,7 @@ var useInputWidth = function useInputWidth(props, sizerRef, placeholderRef) {
58
58
  }
59
59
  if (width !== inputWidth) {
60
60
  setInputWidth(width);
61
- onAutosize === null || onAutosize === void 0 ? void 0 : onAutosize(width);
61
+ onAutosize === null || onAutosize === void 0 || onAutosize(width);
62
62
  }
63
63
  }, [minWidth, placeholder, inputWidth, value, placeholderRef, sizerRef, onAutosize]);
64
64
  return inputWidth;
@@ -144,7 +144,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
144
144
  blur = _useInput.blur;
145
145
  var handleDataChange = function handleDataChange(data) {
146
146
  var _data$;
147
- setFocusItemValue(data === null || data === void 0 ? void 0 : (_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$[valueKey]);
147
+ setFocusItemValue(data === null || data === void 0 || (_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$[valueKey]);
148
148
  };
149
149
  var _useData = (0, _useData2.default)({
150
150
  controlledData: controlledData,
@@ -164,10 +164,10 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
164
164
  };
165
165
  var handleClose = (0, _hooks.useEventCallback)(function () {
166
166
  var _triggerRef$current, _target$current, _target$current$focus;
167
- triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.close();
167
+ triggerRef === null || triggerRef === void 0 || (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 || _triggerRef$current.close();
168
168
 
169
169
  // The focus is on the trigger button after closing
170
- (_target$current = target.current) === null || _target$current === void 0 ? void 0 : (_target$current$focus = _target$current.focus) === null || _target$current$focus === void 0 ? void 0 : _target$current$focus.call(_target$current);
170
+ (_target$current = target.current) === null || _target$current === void 0 || (_target$current$focus = _target$current.focus) === null || _target$current$focus === void 0 || _target$current$focus.call(_target$current);
171
171
  });
172
172
  var focusItemValueOptions = {
173
173
  data: dataWithCache,
@@ -186,7 +186,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
186
186
  if (!disabledOptions) {
187
187
  var _filteredData$;
188
188
  // The first option after filtering is the focus.
189
- var firstItemValue = filteredData === null || filteredData === void 0 ? void 0 : (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey];
189
+ var firstItemValue = filteredData === null || filteredData === void 0 || (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey];
190
190
 
191
191
  // If there is no value in the option and new options are supported, the search keyword is the first option
192
192
  if (!firstItemValue && creatable) {
@@ -194,7 +194,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
194
194
  }
195
195
  setFocusItemValue(firstItemValue);
196
196
  }
197
- onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);
197
+ onSearch === null || onSearch === void 0 || onSearch(searchKeyword, event);
198
198
  });
199
199
  var searchOptions = {
200
200
  labelKey: labelKey,
@@ -212,7 +212,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
212
212
  // Update the position of the menu when the search keyword and value change
213
213
  (0, _react.useEffect)(function () {
214
214
  var _triggerRef$current2, _triggerRef$current2$;
215
- (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : (_triggerRef$current2$ = _triggerRef$current2.updatePosition) === null || _triggerRef$current2$ === void 0 ? void 0 : _triggerRef$current2$.call(_triggerRef$current2);
215
+ (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 || (_triggerRef$current2$ = _triggerRef$current2.updatePosition) === null || _triggerRef$current2$ === void 0 || _triggerRef$current2$.call(_triggerRef$current2);
216
216
  // eslint-disable-next-line react-hooks/exhaustive-deps
217
217
  }, [searchKeyword, value]);
218
218
  var getDataItem = function getDataItem(value) {
@@ -246,7 +246,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
246
246
  return option;
247
247
  };
248
248
  var handleChange = (0, _hooks.useEventCallback)(function (value, event) {
249
- onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
249
+ onChange === null || onChange === void 0 || onChange(value, event);
250
250
  });
251
251
  var handleRemoveItemByTag = (0, _hooks.useEventCallback)(function (tag, event) {
252
252
  event.stopPropagation();
@@ -256,13 +256,13 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
256
256
  });
257
257
  setValue(val);
258
258
  handleChange(val, event);
259
- onTagRemove === null || onTagRemove === void 0 ? void 0 : onTagRemove(tag, event);
259
+ onTagRemove === null || onTagRemove === void 0 || onTagRemove(tag, event);
260
260
  });
261
261
  var handleSelect = (0, _hooks.useEventCallback)(function (value, item, event) {
262
- onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, item, event);
262
+ onSelect === null || onSelect === void 0 || onSelect(value, item, event);
263
263
  if (creatable && item.create) {
264
264
  delete item.create;
265
- onCreate === null || onCreate === void 0 ? void 0 : onCreate(value, item, event);
265
+ onCreate === null || onCreate === void 0 || onCreate(value, item, event);
266
266
  setNewData(newData.concat(item));
267
267
  }
268
268
  });
@@ -407,7 +407,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
407
407
  } else {
408
408
  handleChange(null, event);
409
409
  }
410
- onClean === null || onClean === void 0 ? void 0 : onClean(event);
410
+ onClean === null || onClean === void 0 || onClean(event);
411
411
  });
412
412
  var events = {
413
413
  onMenuPressBackspace: multi ? removeLastItem : handleClean,
@@ -451,9 +451,9 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
451
451
  if (!readOnly) {
452
452
  var _triggerRef$current3;
453
453
  setOpen(true);
454
- (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 ? void 0 : _triggerRef$current3.open();
454
+ (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 || _triggerRef$current3.open();
455
455
  }
456
- onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
456
+ onFocus === null || onFocus === void 0 || onFocus(event);
457
457
  });
458
458
  var handleEnter = (0, _hooks.useEventCallback)(function () {
459
459
  focus();
@@ -26,7 +26,7 @@ var InputSearch = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
26
26
  rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
27
27
  var handleChange = (0, _hooks.useEventCallback)(function (event) {
28
28
  var _event$target;
29
- onChange === null || onChange === void 0 ? void 0 : onChange(event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);
29
+ onChange === null || onChange === void 0 || onChange(event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);
30
30
  });
31
31
  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
32
32
  withClassPrefix = _useClassNames.withClassPrefix,
@@ -29,7 +29,7 @@ function useData(props) {
29
29
  if (controlledData && !(0, _utils.shallowEqual)(controlledData, uncontrolledData)) {
30
30
  setData(controlledData);
31
31
  setNewData([]);
32
- onChange === null || onChange === void 0 ? void 0 : onChange(controlledData);
32
+ onChange === null || onChange === void 0 || onChange(controlledData);
33
33
  }
34
34
  }, [controlledData, uncontrolledData, onChange]);
35
35
  return {
@@ -19,11 +19,11 @@ function useInput(props) {
19
19
  }, [multi]);
20
20
  var focus = (0, _react.useCallback)(function () {
21
21
  var _getInput;
22
- (_getInput = getInput()) === null || _getInput === void 0 ? void 0 : _getInput.focus();
22
+ (_getInput = getInput()) === null || _getInput === void 0 || _getInput.focus();
23
23
  }, [getInput]);
24
24
  var blur = (0, _react.useCallback)(function () {
25
25
  var _getInput2;
26
- (_getInput2 = getInput()) === null || _getInput2 === void 0 ? void 0 : _getInput2.blur();
26
+ (_getInput2 = getInput()) === null || _getInput2 === void 0 || _getInput2.blur();
27
27
  }, [getInput]);
28
28
  var inputProps = (0, _react.useMemo)(function () {
29
29
  return multi ? {
@@ -2,10 +2,28 @@ import { SortConfig } from './helper/useSortHelper';
2
2
  import ListItem from './ListItem';
3
3
  import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
4
4
  export interface ListProps extends WithAsProps, SortConfig {
5
- size?: 'lg' | 'md' | 'sm';
5
+ /**
6
+ * Size of list item.
7
+ */
8
+ size?: 'lg' | 'md' | 'sm' | 'xs';
9
+ /**
10
+ * Whether the list is bordered.
11
+ */
6
12
  bordered?: boolean;
13
+ /**
14
+ * Whether the list is hoverable.
15
+ */
7
16
  hover?: boolean;
17
+ /**
18
+ * Whether the list is sortable.
19
+ */
8
20
  sortable?: boolean;
21
+ /**
22
+ * Whether to display a divider between items.
23
+ *
24
+ * @version 5.75.0
25
+ */
26
+ divider?: boolean;
9
27
  }
10
28
  export interface ListComponent extends RsRefForwardingComponent<'div', ListProps> {
11
29
  Item: typeof ListItem;
package/cjs/List/List.js CHANGED
@@ -15,7 +15,7 @@ var _hooks = require("../internals/hooks");
15
15
  var _utils = require("../internals/utils");
16
16
  var _propTypes2 = require("../internals/propTypes");
17
17
  var _CustomProvider = require("../CustomProvider");
18
- var _excluded = ["as", "classPrefix", "className", "bordered", "hover", "size", "sortable", "autoScroll", "pressDelay", "transitionDuration", "children", "onSort", "onSortEnd", "onSortMove", "onSortStart"];
18
+ var _excluded = ["as", "autoScroll", "bordered", "classPrefix", "className", "children", "divider", "hover", "size", "sortable", "pressDelay", "transitionDuration", "onSort", "onSortEnd", "onSortMove", "onSortStart"];
19
19
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
20
20
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
21
21
  /**
@@ -27,21 +27,23 @@ var List = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
27
27
  propsWithDefaults = _useCustom.propsWithDefaults;
28
28
  var _propsWithDefaults$as = propsWithDefaults.as,
29
29
  Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
30
+ _propsWithDefaults$au = propsWithDefaults.autoScroll,
31
+ autoScroll = _propsWithDefaults$au === void 0 ? true : _propsWithDefaults$au,
32
+ bordered = propsWithDefaults.bordered,
30
33
  _propsWithDefaults$cl = propsWithDefaults.classPrefix,
31
34
  classPrefix = _propsWithDefaults$cl === void 0 ? 'list' : _propsWithDefaults$cl,
32
35
  className = propsWithDefaults.className,
33
- bordered = propsWithDefaults.bordered,
36
+ children = propsWithDefaults.children,
37
+ _propsWithDefaults$di = propsWithDefaults.divider,
38
+ divider = _propsWithDefaults$di === void 0 ? true : _propsWithDefaults$di,
34
39
  hover = propsWithDefaults.hover,
35
40
  _propsWithDefaults$si = propsWithDefaults.size,
36
41
  size = _propsWithDefaults$si === void 0 ? 'md' : _propsWithDefaults$si,
37
42
  sortable = propsWithDefaults.sortable,
38
- _propsWithDefaults$au = propsWithDefaults.autoScroll,
39
- autoScroll = _propsWithDefaults$au === void 0 ? true : _propsWithDefaults$au,
40
43
  _propsWithDefaults$pr = propsWithDefaults.pressDelay,
41
44
  pressDelay = _propsWithDefaults$pr === void 0 ? 0 : _propsWithDefaults$pr,
42
45
  _propsWithDefaults$tr = propsWithDefaults.transitionDuration,
43
46
  transitionDuration = _propsWithDefaults$tr === void 0 ? 300 : _propsWithDefaults$tr,
44
- children = propsWithDefaults.children,
45
47
  onSort = propsWithDefaults.onSort,
46
48
  onSortEnd = propsWithDefaults.onSortEnd,
47
49
  onSortMove = propsWithDefaults.onSortMove,
@@ -68,7 +70,8 @@ var List = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
68
70
  bordered: bordered,
69
71
  sortable: sortable,
70
72
  sorting: sorting,
71
- hover: hover
73
+ hover: hover,
74
+ divider: divider
72
75
  }));
73
76
  var contextValue = (0, _react.useMemo)(function () {
74
77
  return {
@@ -94,9 +97,10 @@ List.propTypes = {
94
97
  className: _propTypes.default.string,
95
98
  classPrefix: _propTypes.default.string,
96
99
  bordered: _propTypes.default.bool,
100
+ divider: _propTypes.default.bool,
97
101
  hover: _propTypes.default.bool,
98
102
  sortable: _propTypes.default.bool,
99
- size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm']),
103
+ size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),
100
104
  autoScroll: _propTypes.default.bool,
101
105
  pressDelay: _propTypes.default.number,
102
106
  transitionDuration: _propTypes.default.number,
@@ -5,7 +5,7 @@ export interface ListItemProps extends WithAsProps, React.HTMLAttributes<HTMLEle
5
5
  index?: number;
6
6
  collection?: Collection;
7
7
  disabled?: boolean;
8
- size?: 'lg' | 'md' | 'sm';
8
+ size?: 'lg' | 'md' | 'sm' | 'xs';
9
9
  }
10
10
  /**
11
11
  * The `List.Item` component is used to specify the layout of the list item.
@@ -10,9 +10,9 @@ var _AutoScroller = _interopRequireDefault(require("./AutoScroller"));
10
10
  var _utils = require("./utils");
11
11
  var _hooks = require("../../internals/hooks");
12
12
  var _useManager2 = _interopRequireDefault(require("./useManager"));
13
- 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."); }
14
- 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); }
15
- 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; }
13
+ 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."); }
14
+ 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; } }
15
+ 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; }
16
16
  var helperElementClass = 'rs-list-item-helper';
17
17
  var holderElementClass = 'rs-list-item-holder';
18
18
  var useSortHelper = function useSortHelper(config) {
@@ -65,7 +65,7 @@ var useSortHelper = function useSortHelper(config) {
65
65
  var activeNodeOffsetEdge = (0, _utils.getEdgeOffset)(activeNode, containerElement);
66
66
  var activeNodeStyle = getComputedStyle(activeNode);
67
67
  var activeNodeHelper = activeNode.cloneNode(true);
68
- (_activeNodeHelper = activeNodeHelper) === null || _activeNodeHelper === void 0 ? void 0 : _activeNodeHelper.classList.add(helperElementClass);
68
+ (_activeNodeHelper = activeNodeHelper) === null || _activeNodeHelper === void 0 || _activeNodeHelper.classList.add(helperElementClass);
69
69
  (0, _utils.setInlineStyles)(activeNodeHelper, {
70
70
  position: 'fixed',
71
71
  width: activeNodeBoundingClientRect.width + "px",
@@ -197,7 +197,7 @@ var useSortHelper = function useSortHelper(config) {
197
197
  }
198
198
  });
199
199
  }
200
- onSortMove === null || onSortMove === void 0 ? void 0 : onSortMove({
200
+ onSortMove === null || onSortMove === void 0 || onSortMove({
201
201
  collection: curManagedItem.info.collection,
202
202
  node: activeNode,
203
203
  oldIndex: activeNodeOldIndex,
@@ -222,10 +222,10 @@ var useSortHelper = function useSortHelper(config) {
222
222
 
223
223
  // wait for animation
224
224
  setTimeout(function () {
225
- var _activeNodeHelper2, _activeNodeHelper2$pa;
225
+ var _activeNodeHelper2;
226
226
  if (!isMounted()) return;
227
227
  // Remove the helper from the DOM
228
- (_activeNodeHelper2 = activeNodeHelper) === null || _activeNodeHelper2 === void 0 ? void 0 : (_activeNodeHelper2$pa = _activeNodeHelper2.parentNode) === null || _activeNodeHelper2$pa === void 0 ? void 0 : _activeNodeHelper2$pa.removeChild(activeNodeHelper);
228
+ (_activeNodeHelper2 = activeNodeHelper) === null || _activeNodeHelper2 === void 0 || (_activeNodeHelper2 = _activeNodeHelper2.parentNode) === null || _activeNodeHelper2 === void 0 || _activeNodeHelper2.removeChild(activeNodeHelper);
229
229
  activeNodeHelper = null;
230
230
 
231
231
  // Remove redundant styles
@@ -256,15 +256,15 @@ var useSortHelper = function useSortHelper(config) {
256
256
  newIndex: activeNodeNextIndex,
257
257
  oldIndex: activeNodeOldIndex
258
258
  };
259
- onSortEnd === null || onSortEnd === void 0 ? void 0 : onSortEnd(callbackPayload, event);
260
- onSort === null || onSort === void 0 ? void 0 : onSort(callbackPayload, event);
259
+ onSortEnd === null || onSortEnd === void 0 || onSortEnd(callbackPayload, event);
260
+ onSort === null || onSort === void 0 || onSort(callbackPayload, event);
261
261
  }, transitionDuration);
262
262
  }, {
263
263
  passive: false
264
264
  });
265
265
  setSorting(true);
266
266
  // start callback
267
- onSortStart === null || onSortStart === void 0 ? void 0 : onSortStart({
267
+ onSortStart === null || onSortStart === void 0 || onSortStart({
268
268
  collection: curManagedItem.info.collection,
269
269
  node: activeNode,
270
270
  oldIndex: activeNodeOldIndex,
@@ -47,12 +47,12 @@ var TextMask = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
47
47
  textMaskInputElement.current = (0, _createTextMaskInputElement.default)((0, _extends2.default)({
48
48
  inputElement: inputRef.current
49
49
  }, props));
50
- (_textMaskInputElement = textMaskInputElement.current) === null || _textMaskInputElement === void 0 ? void 0 : _textMaskInputElement.update(value);
50
+ (_textMaskInputElement = textMaskInputElement.current) === null || _textMaskInputElement === void 0 || _textMaskInputElement.update(value);
51
51
  }, [props, value]);
52
52
  var handleChange = (0, _react.useCallback)(function (event) {
53
53
  var _textMaskInputElement2;
54
- (_textMaskInputElement2 = textMaskInputElement.current) === null || _textMaskInputElement2 === void 0 ? void 0 : _textMaskInputElement2.update();
55
- onChange === null || onChange === void 0 ? void 0 : onChange(event);
54
+ (_textMaskInputElement2 = textMaskInputElement.current) === null || _textMaskInputElement2 === void 0 || _textMaskInputElement2.update();
55
+ onChange === null || onChange === void 0 || onChange(event);
56
56
  }, [onChange]);
57
57
  (0, _react.useEffect)(function () {
58
58
  initTextMask();
@@ -66,7 +66,7 @@ var Message = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
66
66
  clear = _useDelayedClosure.clear;
67
67
  var handleClose = (0, _hooks.useEventCallback)(function (event) {
68
68
  setDisplay('hiding');
69
- onClose === null || onClose === void 0 ? void 0 : onClose(event);
69
+ onClose === null || onClose === void 0 || onClose(event);
70
70
  clear();
71
71
  setTimeout(function () {
72
72
  if (isMounted()) {
@@ -113,17 +113,17 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
113
113
  }, [dialogId, onClose, closeButton, isDrawer, bodyStyles]);
114
114
  var handleExited = (0, _react.useCallback)(function (node) {
115
115
  var _transitionEndListene;
116
- onExited === null || onExited === void 0 ? void 0 : onExited(node);
116
+ onExited === null || onExited === void 0 || onExited(node);
117
117
  onDestroyEvents();
118
- (_transitionEndListene = transitionEndListener.current) === null || _transitionEndListene === void 0 ? void 0 : _transitionEndListene.off();
118
+ (_transitionEndListene = transitionEndListener.current) === null || _transitionEndListene === void 0 || _transitionEndListene.off();
119
119
  transitionEndListener.current = null;
120
120
  }, [onDestroyEvents, onExited]);
121
121
  var handleEntered = (0, _react.useCallback)(function (node) {
122
- onEntered === null || onEntered === void 0 ? void 0 : onEntered(node);
122
+ onEntered === null || onEntered === void 0 || onEntered(node);
123
123
  onChangeBodyStyles();
124
124
  }, [onChangeBodyStyles, onEntered]);
125
125
  var handleEntering = (0, _react.useCallback)(function (node) {
126
- onEntering === null || onEntering === void 0 ? void 0 : onEntering(node);
126
+ onEntering === null || onEntering === void 0 || onEntering(node);
127
127
  onChangeBodyStyles(true);
128
128
  }, [onChangeBodyStyles, onEntering]);
129
129
  var backdropClick = _react.default.useRef();
@@ -158,11 +158,11 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
158
158
  }
159
159
  return;
160
160
  }
161
- onClose === null || onClose === void 0 ? void 0 : onClose(event);
161
+ onClose === null || onClose === void 0 || onClose(event);
162
162
  }, [backdrop, onClose]);
163
163
  (0, _hooks.useWillUnmount)(function () {
164
164
  var _transitionEndListene2;
165
- (_transitionEndListene2 = transitionEndListener.current) === null || _transitionEndListene2 === void 0 ? void 0 : _transitionEndListene2.off();
165
+ (_transitionEndListene2 = transitionEndListener.current) === null || _transitionEndListene2 === void 0 || _transitionEndListene2.off();
166
166
  });
167
167
  var sizeKey = 'width';
168
168
  if (isDrawer) {
@@ -45,8 +45,8 @@ var useBodyStyles = exports.useBodyStyles = function useBodyStyles(ref, options)
45
45
  }, [prefix, ref]);
46
46
  var onDestroyEvents = (0, _react.useCallback)(function () {
47
47
  var _windowResizeListener, _windowResizeListener2, _contentElementResize;
48
- (_windowResizeListener = windowResizeListener.current) === null || _windowResizeListener === void 0 ? void 0 : (_windowResizeListener2 = _windowResizeListener.off) === null || _windowResizeListener2 === void 0 ? void 0 : _windowResizeListener2.call(_windowResizeListener);
49
- (_contentElementResize = contentElementResizeObserver.current) === null || _contentElementResize === void 0 ? void 0 : _contentElementResize.disconnect();
48
+ (_windowResizeListener = windowResizeListener.current) === null || _windowResizeListener === void 0 || (_windowResizeListener2 = _windowResizeListener.off) === null || _windowResizeListener2 === void 0 || _windowResizeListener2.call(_windowResizeListener);
49
+ (_contentElementResize = contentElementResizeObserver.current) === null || _contentElementResize === void 0 || _contentElementResize.disconnect();
50
50
  windowResizeListener.current = null;
51
51
  contentElementResizeObserver.current = null;
52
52
  }, []);
@@ -73,7 +73,7 @@ function SearchView(props) {
73
73
  childrenKey: childrenKey
74
74
  });
75
75
  var handleChange = function handleChange(_value, checked, event) {
76
- onCheck === null || onCheck === void 0 ? void 0 : onCheck(item, event, checked);
76
+ onCheck === null || onCheck === void 0 || onCheck(item, event, checked);
77
77
  };
78
78
  return /*#__PURE__*/_react.default.createElement("div", {
79
79
  role: "treeitem",
@@ -72,7 +72,7 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
72
72
  };
73
73
  var handleSelect = (0, _hooks.useEventCallback)(function (layer, node, event) {
74
74
  var cascadePaths = getCascadePaths(layer + 1, node);
75
- onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, event);
75
+ onSelect === null || onSelect === void 0 || onSelect(node, cascadePaths, event);
76
76
  });
77
77
  var renderCascadeNode = function renderCascadeNode(nodeProps) {
78
78
  var node = nodeProps.node,
@@ -13,13 +13,13 @@ var _utils = require("../utils");
13
13
  * Get all parents of a node
14
14
  * @param node
15
15
  */
16
- var getParents = function getParents(node) {
16
+ var _getParents = function getParents(node) {
17
17
  var parents = [];
18
18
  if (!node.parent) {
19
19
  return parents;
20
20
  }
21
21
  parents.push(node.parent);
22
- parents = parents.concat(getParents(node.parent));
22
+ parents = parents.concat(_getParents(node.parent));
23
23
  return parents;
24
24
  };
25
25
 
@@ -58,7 +58,7 @@ function useCascadeValue(props, flattenData) {
58
58
  var splitValue = (0, _react.useCallback)(function (item, checked, value) {
59
59
  var itemValue = item[valueKey];
60
60
  var childrenValue = getChildrenValue(item);
61
- var parents = getParents(item);
61
+ var parents = _getParents(item);
62
62
  var nextValue = [].concat(value);
63
63
  var removedValue = [];
64
64
  if (checked) {
@@ -204,8 +204,8 @@ function useCascadeValue(props, flattenData) {
204
204
  }
205
205
  }
206
206
  setValue(nextValue);
207
- onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
208
- onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextValue, node, checked, event);
207
+ onChange === null || onChange === void 0 || onChange(nextValue, event);
208
+ onCheck === null || onCheck === void 0 || onCheck(nextValue, node, checked, event);
209
209
  });
210
210
  return {
211
211
  value: value,
@@ -40,7 +40,7 @@ function useSearch(props) {
40
40
  };
41
41
  var handleSearch = (0, _hooks.useEventCallback)(function (value, event) {
42
42
  setSearchKeyword(value);
43
- onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);
43
+ onSearch === null || onSearch === void 0 || onSearch(value, event);
44
44
  });
45
45
  return {
46
46
  searchKeyword: searchKeyword,
@@ -70,7 +70,7 @@ var useSelect = function useSelect(props) {
70
70
  // Removes subsequent columns of the current column when the clicked node is a leaf node.
71
71
  removeColumnByIndex(columnIndex);
72
72
  }
73
- onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, event);
73
+ onSelect === null || onSelect === void 0 || onSelect(node, cascadePaths, event);
74
74
  });
75
75
  return {
76
76
  columnData: columnData,