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
@@ -18,7 +18,7 @@ var getFocusableItems = exports.getFocusableItems = function getFocusableItems(f
18
18
  childrenKey = props.childrenKey,
19
19
  expandItemValues = props.expandItemValues;
20
20
  var items = [];
21
- var loop = function loop(nodes) {
21
+ var _loop = function loop(nodes) {
22
22
  nodes.forEach(function (node) {
23
23
  var disabled = disabledItemValues.some(function (disabledItem) {
24
24
  return (0, _utils.shallowEqual)(disabledItem, node[valueKey]);
@@ -29,11 +29,11 @@ var getFocusableItems = exports.getFocusableItems = function getFocusableItems(f
29
29
  // always expand when searching
30
30
  var expand = isSearching ? true : expandItemValues.includes(node[valueKey]);
31
31
  if (node[childrenKey] && expand) {
32
- loop(node[childrenKey]);
32
+ _loop(node[childrenKey]);
33
33
  }
34
34
  });
35
35
  };
36
- loop(filteredData);
36
+ _loop(filteredData);
37
37
  return items;
38
38
  };
39
39
 
@@ -72,7 +72,7 @@ var getActiveItem = exports.getActiveItem = function getActiveItem(focusItemValu
72
72
  var focusTreeNode = exports.focusTreeNode = function focusTreeNode(refKey, treeNodeRefs) {
73
73
  var _treeItem$focus;
74
74
  var treeItem = treeNodeRefs[refKey];
75
- treeItem === null || treeItem === void 0 ? void 0 : (_treeItem$focus = treeItem.focus) === null || _treeItem$focus === void 0 ? void 0 : _treeItem$focus.call(treeItem);
75
+ treeItem === null || treeItem === void 0 || (_treeItem$focus = treeItem.focus) === null || _treeItem$focus === void 0 || _treeItem$focus.call(treeItem);
76
76
  };
77
77
  /**
78
78
  * Focuses on the next item in a tree.
@@ -135,7 +135,7 @@ function scrollToActiveTreeNode(props) {
135
135
  if (virtualized && value) {
136
136
  var _list$scrollToItem;
137
137
  var scrollIndex = getScrollToIndex(formattedNodes, value, valueKey);
138
- list === null || list === void 0 ? void 0 : (_list$scrollToItem = list.scrollToItem) === null || _list$scrollToItem === void 0 ? void 0 : _list$scrollToItem.call(list, scrollIndex);
138
+ list === null || list === void 0 || (_list$scrollToItem = list.scrollToItem) === null || _list$scrollToItem === void 0 || _list$scrollToItem.call(list, scrollIndex);
139
139
  }
140
140
  }
141
141
  var focusCurrentItem = exports.focusCurrentItem = function focusCurrentItem(props) {
@@ -145,7 +145,7 @@ var focusCurrentItem = exports.focusCurrentItem = function focusCurrentItem(prop
145
145
  var activeItem = container === null || container === void 0 ? void 0 : container.querySelector(selector);
146
146
  if (activeItem) {
147
147
  var _activeItem$focus, _activeItem$dataset;
148
- activeItem === null || activeItem === void 0 ? void 0 : (_activeItem$focus = activeItem.focus) === null || _activeItem$focus === void 0 ? void 0 : _activeItem$focus.call(activeItem);
148
+ activeItem === null || activeItem === void 0 || (_activeItem$focus = activeItem.focus) === null || _activeItem$focus === void 0 || _activeItem$focus.call(activeItem);
149
149
  return (_activeItem$dataset = activeItem.dataset) === null || _activeItem$dataset === void 0 ? void 0 : _activeItem$dataset.key;
150
150
  }
151
151
  };
@@ -8,14 +8,14 @@ exports.getNodeParentKeys = getNodeParentKeys;
8
8
  */
9
9
  function getNodeParentKeys(nodes, node, valueKey) {
10
10
  var parentKeys = [];
11
- var traverse = function traverse(node) {
11
+ var _traverse = function traverse(node) {
12
12
  var _node$parent;
13
13
  if (node !== null && node !== void 0 && (_node$parent = node.parent) !== null && _node$parent !== void 0 && _node$parent.refKey) {
14
14
  var _node$parent2;
15
- traverse(nodes[node.parent.refKey]);
16
- parentKeys.push(node === null || node === void 0 ? void 0 : (_node$parent2 = node.parent) === null || _node$parent2 === void 0 ? void 0 : _node$parent2[valueKey]);
15
+ _traverse(nodes[node.parent.refKey]);
16
+ parentKeys.push(node === null || node === void 0 || (_node$parent2 = node.parent) === null || _node$parent2 === void 0 ? void 0 : _node$parent2[valueKey]);
17
17
  }
18
18
  };
19
- traverse(node);
19
+ _traverse(node);
20
20
  return parentKeys;
21
21
  }
@@ -20,7 +20,7 @@ function handleLeftArrow(props) {
20
20
  return;
21
21
  }
22
22
  if (expand) {
23
- onExpand === null || onExpand === void 0 ? void 0 : onExpand(focusItem, expand);
23
+ onExpand === null || onExpand === void 0 || onExpand(focusItem, expand);
24
24
  } else if (focusItem !== null && focusItem !== void 0 && focusItem.parent) {
25
25
  onFocusItem();
26
26
  }
@@ -42,7 +42,7 @@ function handleRightArrow(props) {
42
42
  return;
43
43
  }
44
44
  if (!expand) {
45
- onExpand === null || onExpand === void 0 ? void 0 : onExpand(focusItem, expand);
45
+ onExpand === null || onExpand === void 0 || onExpand(focusItem, expand);
46
46
  } else {
47
47
  onFocusItem();
48
48
  }
@@ -156,9 +156,9 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
156
156
  var handleSelect = (0, _hooks.useEventCallback)(function (treeNode, value, event) {
157
157
  var _target$current, _trigger$current, _trigger$current$clos;
158
158
  setFocusItemValue(value);
159
- onSelect === null || onSelect === void 0 ? void 0 : onSelect(treeNode, value, event);
160
- (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.focus();
161
- (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);
159
+ onSelect === null || onSelect === void 0 || onSelect(treeNode, value, event);
160
+ (_target$current = target.current) === null || _target$current === void 0 || _target$current.focus();
161
+ (_trigger$current = trigger.current) === null || _trigger$current === void 0 || (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 || _trigger$current$clos.call(_trigger$current);
162
162
  });
163
163
  var handleClean = (0, _hooks.useEventCallback)(function (event) {
164
164
  var target = event.target;
@@ -167,7 +167,7 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
167
167
  return;
168
168
  }
169
169
  setValue(null);
170
- onChange === null || onChange === void 0 ? void 0 : onChange(null, event);
170
+ onChange === null || onChange === void 0 || onChange(null, event);
171
171
  });
172
172
  var handleTreePressEnter = (0, _hooks.useEventCallback)(function (event) {
173
173
  if ((0, _isNil.default)(focusItemValue)) {
@@ -197,7 +197,7 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
197
197
  }, rest));
198
198
  var handleChange = (0, _hooks.useEventCallback)(function (nextValue, event) {
199
199
  setValue(nextValue);
200
- onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
200
+ onChange === null || onChange === void 0 || onChange(nextValue, event);
201
201
  });
202
202
  var treeContext = (0, _react.useMemo)(function () {
203
203
  return {
@@ -17,18 +17,18 @@ function useFocusState(props) {
17
17
  setFocusItemValue = _useState2[1];
18
18
  var focusTarget = (0, _hooks.useEventCallback)(function () {
19
19
  var _target$current;
20
- (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.focus();
20
+ (_target$current = target.current) === null || _target$current === void 0 || _target$current.focus();
21
21
  });
22
22
  var onEnter = (0, _hooks.useEventCallback)(function (node) {
23
23
  var _props$onEnter;
24
24
  setActive(true);
25
- (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 ? void 0 : _props$onEnter.call(props, node);
25
+ (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 || _props$onEnter.call(props, node);
26
26
  });
27
27
  var onExit = (0, _hooks.useEventCallback)(function (node) {
28
28
  var _props$onExit;
29
29
  setActive(false);
30
30
  focusTarget();
31
- (_props$onExit = props.onExit) === null || _props$onExit === void 0 ? void 0 : _props$onExit.call(props, node);
31
+ (_props$onExit = props.onExit) === null || _props$onExit === void 0 || _props$onExit.call(props, node);
32
32
  });
33
33
  var onEntered = (0, _hooks.useEventCallback)(function (node) {
34
34
  var _props$onEntered;
@@ -36,7 +36,7 @@ function useFocusState(props) {
36
36
  setFocusItemValue(value);
37
37
  focusActiveNode();
38
38
  }
39
- (_props$onEntered = props.onEntered) === null || _props$onEntered === void 0 ? void 0 : _props$onEntered.call(props, node);
39
+ (_props$onEntered = props.onEntered) === null || _props$onEntered === void 0 || _props$onEntered.call(props, node);
40
40
  });
41
41
  return {
42
42
  active: active,
@@ -84,7 +84,7 @@ var UploadFileItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref
84
84
  }
85
85
 
86
86
  // The thumbnail file size cannot be larger than the preset value.
87
- if (!file.blobFile || (file === null || file === void 0 ? void 0 : (_file$blobFile = file.blobFile) === null || _file$blobFile === void 0 ? void 0 : _file$blobFile.size) > maxPreviewFileSize) {
87
+ if (!file.blobFile || (file === null || file === void 0 || (_file$blobFile = file.blobFile) === null || _file$blobFile === void 0 ? void 0 : _file$blobFile.size) > maxPreviewFileSize) {
88
88
  return;
89
89
  }
90
90
  (0, _previewFile.previewFile)(file.blobFile, callback);
@@ -100,19 +100,19 @@ var UploadFileItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref
100
100
  if (disabled) {
101
101
  return;
102
102
  }
103
- onPreview === null || onPreview === void 0 ? void 0 : onPreview(file, event);
103
+ onPreview === null || onPreview === void 0 || onPreview(file, event);
104
104
  }, [disabled, file, onPreview]);
105
105
  var handleRemove = (0, _react.useCallback)(function (event) {
106
106
  if (disabled) {
107
107
  return;
108
108
  }
109
- onCancel === null || onCancel === void 0 ? void 0 : onCancel(file.fileKey, event);
109
+ onCancel === null || onCancel === void 0 || onCancel(file.fileKey, event);
110
110
  }, [disabled, file.fileKey, onCancel]);
111
111
  var handleReupload = (0, _react.useCallback)(function (event) {
112
112
  if (disabled) {
113
113
  return;
114
114
  }
115
- onReupload === null || onReupload === void 0 ? void 0 : onReupload(file, event);
115
+ onReupload === null || onReupload === void 0 || onReupload(file, event);
116
116
  }, [disabled, file, onReupload]);
117
117
 
118
118
  /**
@@ -228,7 +228,7 @@ var UploadFileItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref
228
228
  var _file$blobFile2;
229
229
  return /*#__PURE__*/_react.default.createElement("span", {
230
230
  className: prefix('size')
231
- }, formatSize(file === null || file === void 0 ? void 0 : (_file$blobFile2 = file.blobFile) === null || _file$blobFile2 === void 0 ? void 0 : _file$blobFile2.size));
231
+ }, formatSize(file === null || file === void 0 || (_file$blobFile2 = file.blobFile) === null || _file$blobFile2 === void 0 ? void 0 : _file$blobFile2.size));
232
232
  }
233
233
  return null;
234
234
  };
@@ -50,7 +50,7 @@ var UploadTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
50
50
  }));
51
51
  var handleClick = (0, _react.useCallback)(function () {
52
52
  var _inputRef$current;
53
- (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
53
+ (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.click();
54
54
  }, []);
55
55
  var handleClearInput = (0, _react.useCallback)(function () {
56
56
  if (inputRef.current) {
@@ -62,40 +62,40 @@ var UploadTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
62
62
  event.preventDefault();
63
63
  setDragOver(true);
64
64
  }
65
- onDragEnter === null || onDragEnter === void 0 ? void 0 : onDragEnter(event);
65
+ onDragEnter === null || onDragEnter === void 0 || onDragEnter(event);
66
66
  }, [draggable, onDragEnter]);
67
67
  var handleDragLeave = (0, _react.useCallback)(function (event) {
68
68
  if (draggable) {
69
69
  event.preventDefault();
70
70
  setDragOver(false);
71
71
  }
72
- onDragLeave === null || onDragLeave === void 0 ? void 0 : onDragLeave(event);
72
+ onDragLeave === null || onDragLeave === void 0 || onDragLeave(event);
73
73
  }, [draggable, onDragLeave]);
74
74
  var handleDragOver = (0, _react.useCallback)(function (event) {
75
75
  draggable && event.preventDefault();
76
- onDragOver === null || onDragOver === void 0 ? void 0 : onDragOver(event);
76
+ onDragOver === null || onDragOver === void 0 || onDragOver(event);
77
77
  }, [draggable, onDragOver]);
78
78
  var handleDrop = (0, _react.useCallback)(function (event) {
79
79
  if (draggable) {
80
80
  event.preventDefault();
81
81
  setDragOver(false);
82
- onChange === null || onChange === void 0 ? void 0 : onChange(event);
82
+ onChange === null || onChange === void 0 || onChange(event);
83
83
  }
84
- onDrop === null || onDrop === void 0 ? void 0 : onDrop(event);
84
+ onDrop === null || onDrop === void 0 || onDrop(event);
85
85
  }, [draggable, onChange, onDrop]);
86
86
  var handleChange = (0, _react.useCallback)(function (event) {
87
87
  if ((0, _utils.isIE11)()) {
88
- var _event$target, _event$target$files;
88
+ var _event$target;
89
89
  /**
90
90
  * IE11 triggers onChange event of file input when element.value is assigned
91
91
  * https://github.com/facebook/react/issues/8793
92
92
  */
93
- if (((_event$target = event.target) === null || _event$target === void 0 ? void 0 : (_event$target$files = _event$target.files) === null || _event$target$files === void 0 ? void 0 : _event$target$files.length) > 0) {
94
- onChange === null || onChange === void 0 ? void 0 : onChange(event);
93
+ if (((_event$target = event.target) === null || _event$target === void 0 || (_event$target = _event$target.files) === null || _event$target === void 0 ? void 0 : _event$target.length) > 0) {
94
+ onChange === null || onChange === void 0 || onChange(event);
95
95
  }
96
96
  return;
97
97
  }
98
- onChange === null || onChange === void 0 ? void 0 : onChange(event);
98
+ onChange === null || onChange === void 0 || onChange(event);
99
99
  }, [onChange]);
100
100
  (0, _react.useImperativeHandle)(ref, function () {
101
101
  return {
@@ -114,7 +114,7 @@ var UploadTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
114
114
  buttonProps.onDragOver = handleDragOver;
115
115
  buttonProps.onDrop = handleDrop;
116
116
  }
117
- var trigger = children ? ( /*#__PURE__*/_react.default.cloneElement(_react.default.Children.only(children), buttonProps)) : /*#__PURE__*/_react.default.createElement(Component, buttonProps, locale === null || locale === void 0 ? void 0 : locale.upload);
117
+ var trigger = children ? (/*#__PURE__*/_react.default.cloneElement(_react.default.Children.only(children), buttonProps)) : /*#__PURE__*/_react.default.createElement(Component, buttonProps, locale === null || locale === void 0 ? void 0 : locale.upload);
118
118
  return /*#__PURE__*/_react.default.createElement("div", {
119
119
  ref: rootRef,
120
120
  className: classes
@@ -25,7 +25,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
25
25
  var getFiles = function getFiles(event) {
26
26
  if (typeof (event === null || event === void 0 ? void 0 : event['dataTransfer']) === 'object') {
27
27
  var _event$dataTransfer;
28
- return event === null || event === void 0 ? void 0 : (_event$dataTransfer = event['dataTransfer']) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files;
28
+ return event === null || event === void 0 || (_event$dataTransfer = event['dataTransfer']) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files;
29
29
  }
30
30
  if (event.target) {
31
31
  return event.target['files'];
@@ -82,7 +82,7 @@ var useFileList = function useFileList(defaultFileList) {
82
82
  fileListRef.current = fileList;
83
83
  (0, _react.useEffect)(function () {
84
84
  var _fileListUpdateCallba;
85
- (_fileListUpdateCallba = fileListUpdateCallback.current) === null || _fileListUpdateCallba === void 0 ? void 0 : _fileListUpdateCallba.call(fileListUpdateCallback, fileList);
85
+ (_fileListUpdateCallba = fileListUpdateCallback.current) === null || _fileListUpdateCallba === void 0 || _fileListUpdateCallba.call(fileListUpdateCallback, fileList);
86
86
  fileListUpdateCallback.current = null;
87
87
  }, [fileList]);
88
88
  (0, _hooks.useWillUnmount)(function () {
@@ -192,7 +192,7 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
192
192
  */
193
193
  var cleanInputValue = (0, _react.useCallback)(function () {
194
194
  var _trigger$current;
195
- (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : _trigger$current.clearInput();
195
+ (_trigger$current = trigger.current) === null || _trigger$current === void 0 || _trigger$current.clearInput();
196
196
  }, []);
197
197
 
198
198
  /**
@@ -208,7 +208,7 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
208
208
  progress: 100
209
209
  });
210
210
  updateFileStatus(nextFile);
211
- onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response, nextFile, event, xhr);
211
+ onSuccess === null || onSuccess === void 0 || onSuccess(response, nextFile, event, xhr);
212
212
  }, [onSuccess, updateFileStatus]);
213
213
 
214
214
  /**
@@ -223,7 +223,7 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
223
223
  status: 'error'
224
224
  });
225
225
  updateFileStatus(nextFile);
226
- onError === null || onError === void 0 ? void 0 : onError(status, nextFile, event, xhr);
226
+ onError === null || onError === void 0 || onError(status, nextFile, event, xhr);
227
227
  }, [onError, updateFileStatus]);
228
228
 
229
229
  /**
@@ -239,7 +239,7 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
239
239
  progress: percent
240
240
  });
241
241
  updateFileStatus(nextFile);
242
- onProgress === null || onProgress === void 0 ? void 0 : onProgress(percent, nextFile, event, xhr);
242
+ onProgress === null || onProgress === void 0 || onProgress(percent, nextFile, event, xhr);
243
243
  }, [onProgress, updateFileStatus]);
244
244
 
245
245
  /**
@@ -269,7 +269,7 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
269
269
  if (file.fileKey) {
270
270
  xhrs.current[file.fileKey] = xhr;
271
271
  }
272
- onUpload === null || onUpload === void 0 ? void 0 : onUpload(file, uploadData, xhr);
272
+ onUpload === null || onUpload === void 0 || onUpload(file, uploadData, xhr);
273
273
  }, [name, timeout, headers, data, method, withCredentials, disableMultipart, action, handleAjaxUploadError, handleAjaxUploadSuccess, handleAjaxUploadProgress, updateFileStatus, onUpload]);
274
274
  var handleAjaxUpload = (0, _react.useCallback)(function () {
275
275
  fileList.current.forEach(function (file) {
@@ -308,7 +308,7 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
308
308
  return;
309
309
  }
310
310
  var upload = function upload() {
311
- onChange === null || onChange === void 0 ? void 0 : onChange(nextFileList, event);
311
+ onChange === null || onChange === void 0 || onChange(nextFileList, event);
312
312
  if (rootRef.current) {
313
313
  dispatch({
314
314
  type: 'push',
@@ -327,28 +327,28 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
327
327
  upload();
328
328
  };
329
329
  var handleRemoveFile = function handleRemoveFile(fileKey, event) {
330
- var _xhrs$current, _xhrs$current$file$fi;
330
+ var _xhrs$current;
331
331
  var file = (0, _find.default)(fileList.current, function (f) {
332
332
  return f.fileKey === fileKey;
333
333
  });
334
334
  var nextFileList = fileList.current.filter(function (f) {
335
335
  return f.fileKey !== fileKey;
336
336
  });
337
- if (((_xhrs$current = xhrs.current) === null || _xhrs$current === void 0 ? void 0 : (_xhrs$current$file$fi = _xhrs$current[file.fileKey]) === null || _xhrs$current$file$fi === void 0 ? void 0 : _xhrs$current$file$fi.readyState) !== 4) {
338
- var _xhrs$current$file$fi2;
339
- (_xhrs$current$file$fi2 = xhrs.current[file.fileKey]) === null || _xhrs$current$file$fi2 === void 0 ? void 0 : _xhrs$current$file$fi2.abort();
337
+ if (((_xhrs$current = xhrs.current) === null || _xhrs$current === void 0 || (_xhrs$current = _xhrs$current[file.fileKey]) === null || _xhrs$current === void 0 ? void 0 : _xhrs$current.readyState) !== 4) {
338
+ var _xhrs$current$file$fi;
339
+ (_xhrs$current$file$fi = xhrs.current[file.fileKey]) === null || _xhrs$current$file$fi === void 0 || _xhrs$current$file$fi.abort();
340
340
  }
341
341
  dispatch({
342
342
  type: 'remove',
343
343
  fileKey: fileKey
344
344
  });
345
- onRemove === null || onRemove === void 0 ? void 0 : onRemove(file);
346
- onChange === null || onChange === void 0 ? void 0 : onChange(nextFileList, event);
345
+ onRemove === null || onRemove === void 0 || onRemove(file);
346
+ onChange === null || onChange === void 0 || onChange(nextFileList, event);
347
347
  cleanInputValue();
348
348
  };
349
349
  var handleReupload = function handleReupload(file) {
350
350
  autoUpload && handleUploadFile(file);
351
- onReupload === null || onReupload === void 0 ? void 0 : onReupload(file);
351
+ onReupload === null || onReupload === void 0 || onReupload(file);
352
352
  };
353
353
 
354
354
  // public API
@@ -379,7 +379,7 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
379
379
  as: toggleAs
380
380
  }), children)];
381
381
  if (fileListVisible) {
382
- renderList.push( /*#__PURE__*/_react.default.createElement("div", {
382
+ renderList.push(/*#__PURE__*/_react.default.createElement("div", {
383
383
  key: "items",
384
384
  className: prefix('file-items')
385
385
  }, fileList.current.map(function (file, index) {
@@ -53,7 +53,7 @@ function ajaxUpload(options) {
53
53
  if (timeout) {
54
54
  xhr.timeout = timeout;
55
55
  xhr.ontimeout = function (event) {
56
- onError === null || onError === void 0 ? void 0 : onError({
56
+ onError === null || onError === void 0 || onError({
57
57
  type: 'timeout'
58
58
  }, event, xhr);
59
59
  };
@@ -64,13 +64,13 @@ function ajaxUpload(options) {
64
64
  xhr.onload = function (event) {
65
65
  var resp = getResponse(xhr);
66
66
  if (xhr.status < 200 || xhr.status >= 300) {
67
- onError === null || onError === void 0 ? void 0 : onError({
67
+ onError === null || onError === void 0 || onError({
68
68
  type: 'server_error',
69
69
  response: resp
70
70
  }, event, xhr);
71
71
  return;
72
72
  }
73
- onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(resp, event, xhr);
73
+ onSuccess === null || onSuccess === void 0 || onSuccess(resp, event, xhr);
74
74
  };
75
75
  if (xhr.upload) {
76
76
  xhr.upload.onprogress = function (event) {
@@ -78,11 +78,11 @@ function ajaxUpload(options) {
78
78
  if (event.lengthComputable) {
79
79
  percent = event.loaded / event.total * 100;
80
80
  }
81
- onProgress === null || onProgress === void 0 ? void 0 : onProgress(percent, event, xhr);
81
+ onProgress === null || onProgress === void 0 || onProgress(percent, event, xhr);
82
82
  };
83
83
  }
84
84
  xhr.onerror = function (event) {
85
- onError === null || onError === void 0 ? void 0 : onError({
85
+ onError === null || onError === void 0 || onError({
86
86
  type: 'xhr_error'
87
87
  }, event, xhr);
88
88
  };
package/cjs/index.d.ts CHANGED
@@ -47,6 +47,8 @@ export { default as Avatar } from './Avatar';
47
47
  export type { AvatarProps } from './Avatar';
48
48
  export { default as AvatarGroup } from './AvatarGroup';
49
49
  export type { AvatarGroupProps } from './AvatarGroup';
50
+ export { default as Image } from './Image';
51
+ export type { ImageProps } from './Image';
50
52
  export { default as Nav } from './Nav';
51
53
  export type { NavProps, NavItemProps } from './Nav';
52
54
  export { default as Navbar } from './Navbar';
@@ -129,6 +131,10 @@ export { default as Tree } from './Tree';
129
131
  export type { TreeProps } from './Tree';
130
132
  export { default as CheckTree } from './CheckTree';
131
133
  export type { CheckTreeProps } from './CheckTree';
134
+ export { default as Card } from './Card';
135
+ export type { CardProps } from './Card';
136
+ export { default as CardGroup } from './CardGroup';
137
+ export type { CardGroupProps } from './CardGroup';
132
138
  export { default as CascadeTree } from './CascadeTree';
133
139
  export type { CascadeTreeProps } from './CascadeTree';
134
140
  export { default as MultiCascadeTree } from './MultiCascadeTree';
@@ -137,6 +143,10 @@ export { default as Panel } from './Panel';
137
143
  export type { PanelProps } from './Panel';
138
144
  export { default as PanelGroup } from './PanelGroup';
139
145
  export type { PanelGroupProps } from './PanelGroup';
146
+ export { default as Stat } from './Stat';
147
+ export type { StatProps } from './Stat';
148
+ export { default as StatGroup } from './StatGroup';
149
+ export type { StatGroupProps } from './StatGroup';
140
150
  export { default as Table } from './Table';
141
151
  export type { TableProps, ColumnProps, ColumnGroupProps, CellProps, TableLocaleType } from './Table';
142
152
  export { default as Timeline } from './Timeline';
package/cjs/index.js CHANGED
@@ -3,8 +3,8 @@
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
5
  exports.__esModule = true;
6
- exports.useMediaQuery = exports.useFormClassNames = exports.useBreakpointValue = exports.toaster = exports.Whisper = exports.VisuallyHidden = exports.VStack = exports.Uploader = exports.TreePicker = exports.Tree = exports.Tooltip = exports.Toggle = exports.Timeline = exports.TimeRangePicker = exports.TimePicker = exports.Text = exports.TagPicker = exports.TagInput = exports.TagGroup = exports.Tag = exports.Tabs = exports.Table = exports.Steps = exports.Stack = exports.Slider = exports.Sidenav = exports.Sidebar = exports.SelectPicker = exports.Schema = exports.SafeAnchor = exports.Row = exports.Rate = exports.RangeSlider = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.Progress = exports.Popover = exports.Placeholder = exports.PanelGroup = exports.Panel = exports.Pagination = exports.Notification = exports.Navbar = exports.Nav = exports.MultiCascader = exports.MultiCascadeTree = exports.Modal = exports.Message = exports.MaskedInput = exports.Loader = exports.List = exports.InputPicker = exports.InputNumber = exports.InputGroup = exports.Input = exports.InlineEdit = exports.IconButton = exports.Highlight = exports.HeadingGroup = exports.Heading = exports.Header = exports.HStack = exports.Grid = exports.Form = exports.Footer = exports.FlexboxGrid = exports.Dropdown = exports.Drawer = exports.Divider = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.DOMHelper = exports.CustomProvider = exports.Content = exports.Container = exports.Col = exports.CheckboxGroup = exports.Checkbox = exports.CheckTreePicker = exports.CheckTree = exports.CheckPicker = exports.Cascader = exports.CascadeTree = exports.Carousel = exports.Calendar = exports.ButtonToolbar = exports.ButtonGroup = exports.Button = exports.Breadcrumb = exports.Badge = exports.AvatarGroup = exports.Avatar = exports.AutoComplete = exports.Animation = exports.Affix = exports.Accordion = void 0;
7
- exports.useToaster = void 0;
6
+ exports.VisuallyHidden = exports.VStack = exports.Uploader = exports.TreePicker = exports.Tree = exports.Tooltip = exports.Toggle = exports.Timeline = exports.TimeRangePicker = exports.TimePicker = exports.Text = exports.TagPicker = exports.TagInput = exports.TagGroup = exports.Tag = exports.Tabs = exports.Table = exports.Steps = exports.StatGroup = exports.Stat = exports.Stack = exports.Slider = exports.Sidenav = exports.Sidebar = exports.SelectPicker = exports.Schema = exports.SafeAnchor = exports.Row = exports.Rate = exports.RangeSlider = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.Progress = exports.Popover = exports.Placeholder = exports.PanelGroup = exports.Panel = exports.Pagination = exports.Notification = exports.Navbar = exports.Nav = exports.MultiCascader = exports.MultiCascadeTree = exports.Modal = exports.Message = exports.MaskedInput = exports.Loader = exports.List = exports.InputPicker = exports.InputNumber = exports.InputGroup = exports.Input = exports.InlineEdit = exports.Image = exports.IconButton = exports.Highlight = exports.HeadingGroup = exports.Heading = exports.Header = exports.HStack = exports.Grid = exports.Form = exports.Footer = exports.FlexboxGrid = exports.Dropdown = exports.Drawer = exports.Divider = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.DOMHelper = exports.CustomProvider = exports.Content = exports.Container = exports.Col = exports.CheckboxGroup = exports.Checkbox = exports.CheckTreePicker = exports.CheckTree = exports.CheckPicker = exports.Cascader = exports.CascadeTree = exports.Carousel = exports.CardGroup = exports.Card = exports.Calendar = exports.ButtonToolbar = exports.ButtonGroup = exports.Button = exports.Breadcrumb = exports.Badge = exports.AvatarGroup = exports.Avatar = exports.AutoComplete = exports.Animation = exports.Affix = exports.Accordion = void 0;
7
+ exports.useToaster = exports.useMediaQuery = exports.useFormClassNames = exports.useBreakpointValue = exports.toaster = exports.Whisper = void 0;
8
8
  var _Text = _interopRequireDefault(require("./Text"));
9
9
  exports.Text = _Text.default;
10
10
  var _Heading = _interopRequireDefault(require("./Heading"));
@@ -55,6 +55,8 @@ var _Avatar = _interopRequireDefault(require("./Avatar"));
55
55
  exports.Avatar = _Avatar.default;
56
56
  var _AvatarGroup = _interopRequireDefault(require("./AvatarGroup"));
57
57
  exports.AvatarGroup = _AvatarGroup.default;
58
+ var _Image = _interopRequireDefault(require("./Image"));
59
+ exports.Image = _Image.default;
58
60
  var _Nav = _interopRequireDefault(require("./Nav"));
59
61
  exports.Nav = _Nav.default;
60
62
  var _Navbar = _interopRequireDefault(require("./Navbar"));
@@ -138,6 +140,10 @@ var _Tree = _interopRequireDefault(require("./Tree"));
138
140
  exports.Tree = _Tree.default;
139
141
  var _CheckTree = _interopRequireDefault(require("./CheckTree"));
140
142
  exports.CheckTree = _CheckTree.default;
143
+ var _Card = _interopRequireDefault(require("./Card"));
144
+ exports.Card = _Card.default;
145
+ var _CardGroup = _interopRequireDefault(require("./CardGroup"));
146
+ exports.CardGroup = _CardGroup.default;
141
147
  var _CascadeTree = _interopRequireDefault(require("./CascadeTree"));
142
148
  exports.CascadeTree = _CascadeTree.default;
143
149
  var _MultiCascadeTree = _interopRequireDefault(require("./MultiCascadeTree"));
@@ -146,6 +152,10 @@ var _Panel = _interopRequireDefault(require("./Panel"));
146
152
  exports.Panel = _Panel.default;
147
153
  var _PanelGroup = _interopRequireDefault(require("./PanelGroup"));
148
154
  exports.PanelGroup = _PanelGroup.default;
155
+ var _Stat = _interopRequireDefault(require("./Stat"));
156
+ exports.Stat = _Stat.default;
157
+ var _StatGroup = _interopRequireDefault(require("./StatGroup"));
158
+ exports.StatGroup = _StatGroup.default;
149
159
  var _Table = _interopRequireDefault(require("./Table"));
150
160
  exports.Table = _Table.default;
151
161
  var _Timeline = _interopRequireDefault(require("./Timeline"));
@@ -66,7 +66,7 @@ var Disclosure = /*#__PURE__*/_react.default.memo(function (props) {
66
66
  dispatch({
67
67
  type: _DisclosureContext.DisclosureActionTypes.Show
68
68
  });
69
- onToggle === null || onToggle === void 0 ? void 0 : onToggle(true, event);
69
+ onToggle === null || onToggle === void 0 || onToggle(true, event);
70
70
  }
71
71
  }, [open, dispatch, onToggle]);
72
72
  var onMouseLeave = (0, _react.useCallback)(function (event) {
@@ -74,14 +74,14 @@ var Disclosure = /*#__PURE__*/_react.default.memo(function (props) {
74
74
  dispatch({
75
75
  type: _DisclosureContext.DisclosureActionTypes.Hide
76
76
  });
77
- onToggle === null || onToggle === void 0 ? void 0 : onToggle(false, event);
77
+ onToggle === null || onToggle === void 0 || onToggle(false, event);
78
78
  }
79
79
  }, [open, dispatch, onToggle]);
80
80
  var contextValue = (0, _react.useMemo)(function () {
81
81
  var cascadeDispatch = function cascadeDispatch(action) {
82
82
  var result = dispatch(action);
83
83
  if ('cascade' in action) {
84
- parentDisclosure === null || parentDisclosure === void 0 ? void 0 : parentDisclosure[1](action);
84
+ parentDisclosure === null || parentDisclosure === void 0 || parentDisclosure[1](action);
85
85
  }
86
86
  return result;
87
87
  };
@@ -20,12 +20,12 @@ function DisclosureButton(props) {
20
20
  dispatch({
21
21
  type: _DisclosureContext.DisclosureActionTypes.Show
22
22
  });
23
- onToggle === null || onToggle === void 0 ? void 0 : onToggle(true, event);
23
+ onToggle === null || onToggle === void 0 || onToggle(true, event);
24
24
  } else {
25
25
  dispatch({
26
26
  type: _DisclosureContext.DisclosureActionTypes.Hide
27
27
  });
28
- onToggle === null || onToggle === void 0 ? void 0 : onToggle(false, event);
28
+ onToggle === null || onToggle === void 0 || onToggle(false, event);
29
29
  }
30
30
  }, [open, dispatch, onToggle]);
31
31
  var onClick = (0, _react.useCallback)(function (event) {
@@ -74,7 +74,7 @@ function Menu(_ref) {
74
74
  to: _MenuContext.MoveFocusTo.First
75
75
  });
76
76
  }
77
- onToggleMenu === null || onToggleMenu === void 0 ? void 0 : onToggleMenu(true, event);
77
+ onToggleMenu === null || onToggleMenu === void 0 || onToggleMenu(true, event);
78
78
  grabFocus();
79
79
  }, [dispatch, onToggleMenu, grabFocus]);
80
80
  var closeMenu = (0, _react.useCallback)(function (event, returnFocusToButton) {
@@ -88,10 +88,10 @@ function Menu(_ref) {
88
88
  type: _MenuContext.MenuActionTypes.MoveFocus,
89
89
  to: _MenuContext.MoveFocusTo.None
90
90
  });
91
- onToggleMenu === null || onToggleMenu === void 0 ? void 0 : onToggleMenu(false, event);
91
+ onToggleMenu === null || onToggleMenu === void 0 || onToggleMenu(false, event);
92
92
  if (returnFocusToButton) {
93
93
  var _buttonElementRef$cur;
94
- (_buttonElementRef$cur = buttonElementRef.current) === null || _buttonElementRef$cur === void 0 ? void 0 : _buttonElementRef$cur.focus({
94
+ (_buttonElementRef$cur = buttonElementRef.current) === null || _buttonElementRef$cur === void 0 || _buttonElementRef$cur.focus({
95
95
  preventScroll: true
96
96
  });
97
97
  }
@@ -38,7 +38,7 @@ function MenuItem(props) {
38
38
  if (disabled) {
39
39
  return;
40
40
  }
41
- onActivate === null || onActivate === void 0 ? void 0 : onActivate(event);
41
+ onActivate === null || onActivate === void 0 || onActivate(event);
42
42
  }, [disabled, onActivate]);
43
43
 
44
44
  // Gain/release focus on mousedown in `menubar`
@@ -109,7 +109,7 @@ function Menubar(_ref) {
109
109
  case event.key === _constants.KEY_VALUES.SPACE:
110
110
  event.preventDefault();
111
111
  event.stopPropagation();
112
- activeItemElement === null || activeItemElement === void 0 ? void 0 : activeItemElement.click();
112
+ activeItemElement === null || activeItemElement === void 0 || activeItemElement.click();
113
113
  break;
114
114
  }
115
115
  }, [rtl, items, activeItemIndex, dispatch, vertical]);
@@ -120,7 +120,7 @@ function Menubar(_ref) {
120
120
  if (items.some(function (item) {
121
121
  return item.element === event.target;
122
122
  })) {
123
- onActivateItem === null || onActivateItem === void 0 ? void 0 : onActivateItem(event);
123
+ onActivateItem === null || onActivateItem === void 0 || onActivateItem(event);
124
124
  }
125
125
  }, [items, onActivateItem]);
126
126
  return /*#__PURE__*/_react.default.createElement(_MenuContext.default.Provider, {
@@ -106,14 +106,14 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
106
106
  var lastFocus = (0, _react.useRef)(null);
107
107
  var handleDocumentKeyDown = (0, _hooks.useEventCallback)(function (event) {
108
108
  if (keyboard && event.key === _constants.KEY_VALUES.ESC && modal.isTopModal()) {
109
- onEsc === null || onEsc === void 0 ? void 0 : onEsc(event);
110
- onClose === null || onClose === void 0 ? void 0 : onClose(event);
109
+ onEsc === null || onEsc === void 0 || onEsc(event);
110
+ onClose === null || onClose === void 0 || onClose(event);
111
111
  }
112
112
  });
113
113
  var restoreLastFocus = (0, _react.useCallback)(function () {
114
114
  if (lastFocus.current) {
115
115
  var _lastFocus$current$fo, _lastFocus$current;
116
- (_lastFocus$current$fo = (_lastFocus$current = lastFocus.current).focus) === null || _lastFocus$current$fo === void 0 ? void 0 : _lastFocus$current$fo.call(_lastFocus$current);
116
+ (_lastFocus$current$fo = (_lastFocus$current = lastFocus.current).focus) === null || _lastFocus$current$fo === void 0 || _lastFocus$current$fo.call(_lastFocus$current);
117
117
  lastFocus.current = null;
118
118
  }
119
119
  }, []);
@@ -127,7 +127,7 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
127
127
  var currentActiveElement = document.activeElement;
128
128
  var dialog = modal.dialog;
129
129
  if (dialog && currentActiveElement && !(0, _contains.default)(dialog, currentActiveElement)) {
130
- onBeforeFocusCallback === null || onBeforeFocusCallback === void 0 ? void 0 : onBeforeFocusCallback();
130
+ onBeforeFocusCallback === null || onBeforeFocusCallback === void 0 || onBeforeFocusCallback();
131
131
  dialog.focus();
132
132
  }
133
133
  });
@@ -154,14 +154,14 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
154
154
  lastFocus.current = document.activeElement;
155
155
  });
156
156
  }
157
- onOpen === null || onOpen === void 0 ? void 0 : onOpen();
157
+ onOpen === null || onOpen === void 0 || onOpen();
158
158
  });
159
159
  var handleClose = (0, _hooks.useEventCallback)(function () {
160
160
  var _documentKeyDownListe, _documentFocusListene;
161
161
  modal.remove();
162
- (_documentKeyDownListe = documentKeyDownListener.current) === null || _documentKeyDownListe === void 0 ? void 0 : _documentKeyDownListe.off();
162
+ (_documentKeyDownListe = documentKeyDownListener.current) === null || _documentKeyDownListe === void 0 || _documentKeyDownListe.off();
163
163
  documentKeyDownListener.current = null;
164
- (_documentFocusListene = documentFocusListener.current) === null || _documentFocusListene === void 0 ? void 0 : _documentFocusListene.off();
164
+ (_documentFocusListene = documentFocusListener.current) === null || _documentFocusListene === void 0 || _documentFocusListene.off();
165
165
  documentFocusListener.current = null;
166
166
  restoreLastFocus();
167
167
  });