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.
- package/CHANGELOG.md +16 -0
- package/Card/package.json +7 -0
- package/Card/styles/index.css +105 -0
- package/Card/styles/index.less +62 -0
- package/CardBody/package.json +7 -0
- package/CardFooter/package.json +7 -0
- package/CardGroup/package.json +7 -0
- package/CardGroup/styles/index.css +7 -0
- package/CardGroup/styles/index.less +8 -0
- package/CardHeader/package.json +7 -0
- package/List/styles/index.css +10 -12
- package/List/styles/index.less +12 -4
- package/Stat/package.json +7 -0
- package/Stat/styles/index.css +1749 -0
- package/Stat/styles/index.less +106 -0
- package/StatGroup/package.json +7 -0
- package/StatGroup/styles/index.css +7 -0
- package/StatGroup/styles/index.less +8 -0
- package/StatHelpText/package.json +7 -0
- package/StatLabel/package.json +7 -0
- package/StatTrend/package.json +7 -0
- package/StatValue/package.json +7 -0
- package/StatValueUnit/package.json +7 -0
- package/cjs/Affix/Affix.js +2 -2
- package/cjs/Animation/Transition.js +7 -7
- package/cjs/AutoComplete/AutoComplete.js +7 -7
- package/cjs/Avatar/useImage.js +1 -1
- package/cjs/Breadcrumb/Breadcrumb.js +1 -1
- package/cjs/Calendar/Calendar.js +3 -3
- package/cjs/Calendar/CalendarContainer.js +1 -1
- package/cjs/Calendar/Grid/GridRow.js +3 -3
- package/cjs/Calendar/MonthDropdown/MonthDropdownItem.js +1 -1
- package/cjs/Calendar/TimeDropdown/TimeDropdown.js +3 -3
- package/cjs/Calendar/hooks/useCalendarState.js +6 -6
- package/cjs/Card/Card.d.ts +33 -0
- package/cjs/Card/Card.js +63 -0
- package/cjs/Card/CardBody.d.ts +4 -0
- package/cjs/Card/CardBody.js +11 -0
- package/cjs/Card/CardFooter.d.ts +4 -0
- package/cjs/Card/CardFooter.js +11 -0
- package/cjs/Card/CardHeader.d.ts +4 -0
- package/cjs/Card/CardHeader.js +11 -0
- package/cjs/Card/index.d.ts +6 -0
- package/cjs/Card/index.js +8 -0
- package/cjs/CardGroup/CardGroup.d.ts +13 -0
- package/cjs/CardGroup/CardGroup.js +47 -0
- package/cjs/CardGroup/index.d.ts +3 -0
- package/cjs/CardGroup/index.js +8 -0
- package/cjs/Carousel/Carousel.js +4 -4
- package/cjs/CascadeTree/CascadeTree.js +1 -1
- package/cjs/CascadeTree/TreeView.js +1 -1
- package/cjs/CascadeTree/hooks/useSearch.js +4 -4
- package/cjs/CascadeTree/hooks/useSelect.js +2 -2
- package/cjs/Cascader/Cascader.js +13 -13
- package/cjs/Cascader/useActive.js +4 -4
- package/cjs/CheckPicker/CheckPicker.js +5 -5
- package/cjs/CheckTree/CheckTree.js +1 -1
- package/cjs/CheckTree/CheckTreeNode.js +3 -3
- package/cjs/CheckTree/CheckTreeView.js +7 -7
- package/cjs/CheckTree/utils.js +3 -3
- package/cjs/CheckTreePicker/CheckTreePicker.js +2 -2
- package/cjs/CheckTreePicker/hooks/useFocusState.js +3 -3
- package/cjs/Checkbox/Checkbox.js +2 -2
- package/cjs/CheckboxGroup/CheckboxGroup.js +1 -1
- package/cjs/CustomProvider/FormattedNumber.d.ts +7 -0
- package/cjs/CustomProvider/FormattedNumber.js +19 -0
- package/cjs/CustomProvider/index.d.ts +1 -0
- package/cjs/CustomProvider/index.js +3 -1
- package/cjs/CustomProvider/types.d.ts +8 -0
- package/cjs/CustomProvider/useCustom.d.ts +1 -0
- package/cjs/CustomProvider/useCustom.js +3 -1
- package/cjs/DateInput/DateField.js +2 -2
- package/cjs/DateInput/DateInput.js +2 -2
- package/cjs/DateInput/hooks/useDateInputState.js +2 -2
- package/cjs/DateInput/hooks/useIsFocused.js +2 -2
- package/cjs/DateInput/hooks/useKeyboardInputEvent.js +5 -5
- package/cjs/DatePicker/DatePicker.js +14 -14
- package/cjs/DatePicker/PredefinedRanges.js +1 -1
- package/cjs/DatePicker/hooks/useFocus.js +1 -1
- package/cjs/DatePicker/hooks/useMonthView.js +1 -1
- package/cjs/DateRangeInput/DateRangeInput.js +4 -4
- package/cjs/DateRangePicker/DateRangePicker.js +8 -8
- package/cjs/DateRangePicker/hooks/useCalendarHandlers.js +5 -5
- package/cjs/Dropdown/Dropdown.js +3 -3
- package/cjs/Dropdown/DropdownItem.js +2 -2
- package/cjs/Dropdown/DropdownMenu.js +1 -1
- package/cjs/Form/Form.js +8 -8
- package/cjs/Form/hooks/useFormValidate.js +19 -19
- package/cjs/FormControl/FormControl.js +5 -5
- package/cjs/FormControl/hooks/useField.js +1 -1
- package/cjs/FormControl/hooks/useRegisterModel.js +2 -2
- package/cjs/InlineEdit/renderChildren.js +1 -1
- package/cjs/InlineEdit/useEditState.js +7 -7
- package/cjs/InlineEdit/useFocusEvent.js +5 -5
- package/cjs/Input/Input.js +3 -3
- package/cjs/InputGroup/InputGroup.js +2 -2
- package/cjs/InputNumber/InputNumber.js +3 -3
- package/cjs/InputPicker/InputAutosize.js +1 -1
- package/cjs/InputPicker/InputPicker.js +13 -13
- package/cjs/InputPicker/InputSearch.js +1 -1
- package/cjs/InputPicker/hooks/useData.js +1 -1
- package/cjs/InputPicker/hooks/useInput.js +2 -2
- package/cjs/List/List.d.ts +19 -1
- package/cjs/List/List.js +11 -7
- package/cjs/List/ListItem.d.ts +1 -1
- package/cjs/List/helper/useSortHelper.js +10 -10
- package/cjs/MaskedInput/TextMask.js +3 -3
- package/cjs/Message/Message.js +1 -1
- package/cjs/Modal/Modal.js +6 -6
- package/cjs/Modal/utils.js +2 -2
- package/cjs/MultiCascadeTree/SearchView.js +1 -1
- package/cjs/MultiCascadeTree/TreeView.js +1 -1
- package/cjs/MultiCascadeTree/hooks/useCascadeValue.js +5 -5
- package/cjs/MultiCascadeTree/hooks/useSearch.js +1 -1
- package/cjs/MultiCascadeTree/hooks/useSelect.js +1 -1
- package/cjs/MultiCascadeTree/utils.js +9 -9
- package/cjs/MultiCascader/MultiCascader.js +5 -5
- package/cjs/Nav/Nav.js +2 -2
- package/cjs/Nav/NavDropdown.js +3 -3
- package/cjs/Nav/NavDropdownItem.js +2 -2
- package/cjs/Nav/NavDropdownMenu.js +1 -1
- package/cjs/Nav/NavItem.js +3 -3
- package/cjs/Navbar/NavbarDropdown.js +3 -3
- package/cjs/Navbar/NavbarDropdownItem.js +4 -4
- package/cjs/Navbar/NavbarItem.js +3 -3
- package/cjs/Notification/Notification.js +1 -1
- package/cjs/Pagination/PaginationButton.js +1 -1
- package/cjs/Pagination/PaginationGroup.js +3 -3
- package/cjs/Panel/Panel.js +2 -2
- package/cjs/PanelGroup/PanelGroup.js +1 -1
- package/cjs/Placeholder/PlaceholderGrid.js +2 -2
- package/cjs/Placeholder/PlaceholderParagraph.js +1 -1
- package/cjs/Radio/Radio.js +2 -2
- package/cjs/RadioGroup/RadioGroup.js +1 -1
- package/cjs/RadioTile/RadioTile.js +2 -2
- package/cjs/RadioTileGroup/RadioTileGroup.js +1 -1
- package/cjs/RangeSlider/RangeSlider.js +5 -5
- package/cjs/Rate/Character.js +2 -2
- package/cjs/Rate/Rate.js +3 -3
- package/cjs/SafeAnchor/SafeAnchor.js +1 -1
- package/cjs/SelectPicker/SelectPicker.js +7 -7
- package/cjs/Sidebar/Sidebar.js +1 -1
- package/cjs/Sidenav/ExpandedSidenavDropdown.js +4 -4
- package/cjs/Sidenav/ExpandedSidenavDropdownItem.js +3 -3
- package/cjs/Sidenav/ExpandedSidenavDropdownMenu.js +2 -2
- package/cjs/Sidenav/Sidenav.js +1 -1
- package/cjs/Sidenav/SidenavDropdown.js +4 -4
- package/cjs/Sidenav/SidenavDropdownItem.js +2 -2
- package/cjs/Sidenav/SidenavDropdownMenu.js +1 -1
- package/cjs/Sidenav/SidenavItem.js +4 -4
- package/cjs/Sidenav/SidenavToggle.js +1 -1
- package/cjs/Slider/Graduated.js +1 -1
- package/cjs/Slider/Slider.js +3 -3
- package/cjs/Slider/useDrag.js +6 -6
- package/cjs/Stack/HStack.d.ts +6 -3
- package/cjs/Stack/HStack.js +1 -0
- package/cjs/Stack/Stack.d.ts +6 -2
- package/cjs/Stack/Stack.js +1 -1
- package/cjs/Stack/VStack.d.ts +6 -3
- package/cjs/Stack/VStack.js +1 -0
- package/cjs/Stat/Stat.d.ts +26 -0
- package/cjs/Stat/Stat.js +57 -0
- package/cjs/Stat/StatHelpText.d.ts +4 -0
- package/cjs/Stat/StatHelpText.js +11 -0
- package/cjs/Stat/StatLabel.d.ts +14 -0
- package/cjs/Stat/StatLabel.js +53 -0
- package/cjs/Stat/StatTrend.d.ts +7 -0
- package/cjs/Stat/StatTrend.js +68 -0
- package/cjs/Stat/StatValue.d.ts +7 -0
- package/cjs/Stat/StatValue.js +41 -0
- package/cjs/Stat/StatValueUnit.d.ts +4 -0
- package/cjs/Stat/StatValueUnit.js +11 -0
- package/cjs/Stat/index.d.ts +3 -0
- package/cjs/Stat/index.js +8 -0
- package/cjs/StatGroup/StatGroup.d.ts +13 -0
- package/cjs/StatGroup/StatGroup.js +47 -0
- package/cjs/StatGroup/index.d.ts +3 -0
- package/cjs/StatGroup/index.js +8 -0
- package/cjs/Tabs/Tabs.js +1 -1
- package/cjs/Timeline/Timeline.js +1 -1
- package/cjs/Toggle/Toggle.js +1 -1
- package/cjs/Tree/Tree.js +1 -1
- package/cjs/Tree/TreeNode.js +9 -9
- package/cjs/Tree/TreeView.js +7 -7
- package/cjs/Tree/hooks/useExpandTree.js +1 -1
- package/cjs/Tree/hooks/useFlattenTree.js +1 -1
- package/cjs/Tree/hooks/useFocusTree.js +6 -6
- package/cjs/Tree/hooks/useTreeDrag.js +17 -17
- package/cjs/Tree/hooks/useTreeSearch.js +1 -1
- package/cjs/Tree/utils/flattenTree.js +6 -6
- package/cjs/Tree/utils/focusableTree.js +6 -6
- package/cjs/Tree/utils/getNodeParentKeys.js +4 -4
- package/cjs/Tree/utils/treeKeyboardInteractions.js +2 -2
- package/cjs/TreePicker/TreePicker.js +5 -5
- package/cjs/TreePicker/hooks/useFocusState.js +4 -4
- package/cjs/Uploader/UploadFileItem.js +5 -5
- package/cjs/Uploader/UploadTrigger.js +11 -11
- package/cjs/Uploader/Uploader.js +16 -16
- package/cjs/Uploader/utils/ajaxUpload.js +5 -5
- package/cjs/index.d.ts +8 -0
- package/cjs/index.js +10 -2
- package/cjs/internals/Disclosure/Disclosure.js +3 -3
- package/cjs/internals/Disclosure/DisclosureButton.js +2 -2
- package/cjs/internals/Menu/Menu.js +3 -3
- package/cjs/internals/Menu/MenuItem.js +1 -1
- package/cjs/internals/Menu/Menubar.js +2 -2
- package/cjs/internals/Overlay/Modal.js +7 -7
- package/cjs/internals/Overlay/Overlay.js +1 -1
- package/cjs/internals/Overlay/OverlayTrigger.js +3 -3
- package/cjs/internals/Overlay/Position.js +5 -5
- package/cjs/internals/Picker/ListCheckItem.js +3 -3
- package/cjs/internals/Picker/ListItem.js +1 -1
- package/cjs/internals/Picker/Listbox.js +4 -4
- package/cjs/internals/Picker/PickerToggle.js +2 -2
- package/cjs/internals/Picker/SelectedElement.js +1 -1
- package/cjs/internals/Picker/hooks/useFocusItemValue.js +2 -2
- package/cjs/internals/Picker/hooks/usePickerRef.js +4 -4
- package/cjs/internals/Picker/hooks/useSearch.js +1 -1
- package/cjs/internals/Picker/hooks/useToggleKeyDownEvent.js +9 -9
- package/cjs/internals/Picker/utils.js +8 -8
- package/cjs/internals/Ripple/Ripple.js +2 -2
- package/cjs/internals/ScrollView/hooks/useScrollState.js +1 -1
- package/cjs/internals/Tree/utils/filterNodesOfTree.js +3 -3
- package/cjs/internals/Tree/utils/findNodeOfTree.js +3 -3
- package/cjs/internals/Tree/utils/getParentMap.js +3 -3
- package/cjs/internals/Windowing/AutoSizer.js +1 -1
- package/cjs/internals/Windowing/List.js +4 -4
- package/cjs/internals/hooks/useClickOutside.js +1 -1
- package/cjs/internals/hooks/useElementResize.js +1 -1
- package/cjs/internals/hooks/useEventListener.js +1 -1
- package/cjs/internals/hooks/useFocus.js +2 -2
- package/cjs/internals/hooks/useMount.js +1 -1
- package/cjs/internals/hooks/useRootClose.js +4 -4
- package/cjs/internals/hooks/useTimeout.js +1 -1
- package/cjs/internals/utils/stringifyReactNode.js +5 -5
- package/cjs/toaster/ToastContainer.d.ts +1 -0
- package/cjs/toaster/ToastContainer.js +19 -14
- package/cjs/toaster/hooks/useDelayedClosure.js +2 -2
- package/cjs/toaster/toaster.js +7 -7
- package/cjs/useToaster/useToaster.js +1 -1
- package/dist/rsuite-no-reset-rtl.css +240 -36
- package/dist/rsuite-no-reset-rtl.min.css +1 -1
- package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
- package/dist/rsuite-no-reset.css +240 -36
- package/dist/rsuite-no-reset.min.css +1 -1
- package/dist/rsuite-no-reset.min.css.map +1 -1
- package/dist/rsuite-rtl.css +240 -36
- package/dist/rsuite-rtl.min.css +1 -1
- package/dist/rsuite-rtl.min.css.map +1 -1
- package/dist/rsuite.css +240 -36
- package/dist/rsuite.js +384 -175
- package/dist/rsuite.js.map +1 -1
- package/dist/rsuite.min.css +1 -1
- package/dist/rsuite.min.css.map +1 -1
- package/dist/rsuite.min.js +1 -1
- package/dist/rsuite.min.js.map +1 -1
- package/esm/Affix/Affix.js +2 -2
- package/esm/Animation/Transition.js +7 -7
- package/esm/AutoComplete/AutoComplete.js +7 -7
- package/esm/Avatar/useImage.js +1 -1
- package/esm/Breadcrumb/Breadcrumb.js +1 -1
- package/esm/Calendar/Calendar.js +3 -3
- package/esm/Calendar/CalendarContainer.js +1 -1
- package/esm/Calendar/Grid/GridRow.js +3 -3
- package/esm/Calendar/MonthDropdown/MonthDropdownItem.js +1 -1
- package/esm/Calendar/TimeDropdown/TimeDropdown.js +3 -3
- package/esm/Calendar/hooks/useCalendarState.js +6 -6
- package/esm/Card/Card.d.ts +33 -0
- package/esm/Card/Card.js +58 -0
- package/esm/Card/CardBody.d.ts +4 -0
- package/esm/Card/CardBody.js +7 -0
- package/esm/Card/CardFooter.d.ts +4 -0
- package/esm/Card/CardFooter.js +7 -0
- package/esm/Card/CardHeader.d.ts +4 -0
- package/esm/Card/CardHeader.js +7 -0
- package/esm/Card/index.d.ts +6 -0
- package/esm/Card/index.js +3 -0
- package/esm/CardGroup/CardGroup.d.ts +13 -0
- package/esm/CardGroup/CardGroup.js +42 -0
- package/esm/CardGroup/index.d.ts +3 -0
- package/esm/CardGroup/index.js +3 -0
- package/esm/Carousel/Carousel.js +4 -4
- package/esm/CascadeTree/CascadeTree.js +1 -1
- package/esm/CascadeTree/TreeView.js +1 -1
- package/esm/CascadeTree/hooks/useSearch.js +4 -4
- package/esm/CascadeTree/hooks/useSelect.js +2 -2
- package/esm/Cascader/Cascader.js +13 -13
- package/esm/Cascader/useActive.js +4 -4
- package/esm/CheckPicker/CheckPicker.js +5 -5
- package/esm/CheckTree/CheckTree.js +1 -1
- package/esm/CheckTree/CheckTreeNode.js +3 -3
- package/esm/CheckTree/CheckTreeView.js +7 -7
- package/esm/CheckTree/utils.js +3 -3
- package/esm/CheckTreePicker/CheckTreePicker.js +2 -2
- package/esm/CheckTreePicker/hooks/useFocusState.js +3 -3
- package/esm/Checkbox/Checkbox.js +2 -2
- package/esm/CheckboxGroup/CheckboxGroup.js +1 -1
- package/esm/CustomProvider/FormattedNumber.d.ts +7 -0
- package/esm/CustomProvider/FormattedNumber.js +13 -0
- package/esm/CustomProvider/index.d.ts +1 -0
- package/esm/CustomProvider/index.js +1 -0
- package/esm/CustomProvider/types.d.ts +8 -0
- package/esm/CustomProvider/useCustom.d.ts +1 -0
- package/esm/CustomProvider/useCustom.js +3 -1
- package/esm/DateInput/DateField.js +2 -2
- package/esm/DateInput/DateInput.js +2 -2
- package/esm/DateInput/hooks/useDateInputState.js +2 -2
- package/esm/DateInput/hooks/useIsFocused.js +2 -2
- package/esm/DateInput/hooks/useKeyboardInputEvent.js +5 -5
- package/esm/DatePicker/DatePicker.js +14 -14
- package/esm/DatePicker/PredefinedRanges.js +1 -1
- package/esm/DatePicker/hooks/useFocus.js +1 -1
- package/esm/DatePicker/hooks/useMonthView.js +1 -1
- package/esm/DateRangeInput/DateRangeInput.js +4 -4
- package/esm/DateRangePicker/DateRangePicker.js +8 -8
- package/esm/DateRangePicker/hooks/useCalendarHandlers.js +5 -5
- package/esm/Dropdown/Dropdown.js +3 -3
- package/esm/Dropdown/DropdownItem.js +2 -2
- package/esm/Dropdown/DropdownMenu.js +1 -1
- package/esm/Form/Form.js +8 -8
- package/esm/Form/hooks/useFormValidate.js +19 -19
- package/esm/FormControl/FormControl.js +5 -5
- package/esm/FormControl/hooks/useField.js +1 -1
- package/esm/FormControl/hooks/useRegisterModel.js +2 -2
- package/esm/InlineEdit/renderChildren.js +1 -1
- package/esm/InlineEdit/useEditState.js +7 -7
- package/esm/InlineEdit/useFocusEvent.js +5 -5
- package/esm/Input/Input.js +3 -3
- package/esm/InputGroup/InputGroup.js +2 -2
- package/esm/InputNumber/InputNumber.js +3 -3
- package/esm/InputPicker/InputAutosize.js +1 -1
- package/esm/InputPicker/InputPicker.js +13 -13
- package/esm/InputPicker/InputSearch.js +1 -1
- package/esm/InputPicker/hooks/useData.js +1 -1
- package/esm/InputPicker/hooks/useInput.js +2 -2
- package/esm/List/List.d.ts +19 -1
- package/esm/List/List.js +11 -7
- package/esm/List/ListItem.d.ts +1 -1
- package/esm/List/helper/useSortHelper.js +10 -10
- package/esm/MaskedInput/TextMask.js +3 -3
- package/esm/Message/Message.js +1 -1
- package/esm/Modal/Modal.js +6 -6
- package/esm/Modal/utils.js +2 -2
- package/esm/MultiCascadeTree/SearchView.js +1 -1
- package/esm/MultiCascadeTree/TreeView.js +1 -1
- package/esm/MultiCascadeTree/hooks/useCascadeValue.js +5 -5
- package/esm/MultiCascadeTree/hooks/useSearch.js +1 -1
- package/esm/MultiCascadeTree/hooks/useSelect.js +1 -1
- package/esm/MultiCascadeTree/utils.js +13 -10
- package/esm/MultiCascader/MultiCascader.js +5 -5
- package/esm/Nav/Nav.js +2 -2
- package/esm/Nav/NavDropdown.js +3 -3
- package/esm/Nav/NavDropdownItem.js +2 -2
- package/esm/Nav/NavDropdownMenu.js +1 -1
- package/esm/Nav/NavItem.js +3 -3
- package/esm/Navbar/NavbarDropdown.js +3 -3
- package/esm/Navbar/NavbarDropdownItem.js +4 -4
- package/esm/Navbar/NavbarItem.js +3 -3
- package/esm/Notification/Notification.js +1 -1
- package/esm/Pagination/PaginationButton.js +1 -1
- package/esm/Pagination/PaginationGroup.js +3 -3
- package/esm/Panel/Panel.js +2 -2
- package/esm/PanelGroup/PanelGroup.js +1 -1
- package/esm/Placeholder/PlaceholderGrid.js +2 -2
- package/esm/Placeholder/PlaceholderParagraph.js +1 -1
- package/esm/Radio/Radio.js +2 -2
- package/esm/RadioGroup/RadioGroup.js +1 -1
- package/esm/RadioTile/RadioTile.js +2 -2
- package/esm/RadioTileGroup/RadioTileGroup.js +1 -1
- package/esm/RangeSlider/RangeSlider.js +5 -5
- package/esm/Rate/Character.js +2 -2
- package/esm/Rate/Rate.js +3 -3
- package/esm/SafeAnchor/SafeAnchor.js +1 -1
- package/esm/SelectPicker/SelectPicker.js +7 -7
- package/esm/Sidebar/Sidebar.js +1 -1
- package/esm/Sidenav/ExpandedSidenavDropdown.js +4 -4
- package/esm/Sidenav/ExpandedSidenavDropdownItem.js +3 -3
- package/esm/Sidenav/ExpandedSidenavDropdownMenu.js +2 -2
- package/esm/Sidenav/Sidenav.js +1 -1
- package/esm/Sidenav/SidenavDropdown.js +4 -4
- package/esm/Sidenav/SidenavDropdownItem.js +2 -2
- package/esm/Sidenav/SidenavDropdownMenu.js +1 -1
- package/esm/Sidenav/SidenavItem.js +4 -4
- package/esm/Sidenav/SidenavToggle.js +1 -1
- package/esm/Slider/Graduated.js +1 -1
- package/esm/Slider/Slider.js +3 -3
- package/esm/Slider/useDrag.js +6 -6
- package/esm/Stack/HStack.d.ts +6 -3
- package/esm/Stack/HStack.js +1 -0
- package/esm/Stack/Stack.d.ts +6 -2
- package/esm/Stack/Stack.js +1 -1
- package/esm/Stack/VStack.d.ts +6 -3
- package/esm/Stack/VStack.js +1 -0
- package/esm/Stat/Stat.d.ts +26 -0
- package/esm/Stat/Stat.js +52 -0
- package/esm/Stat/StatHelpText.d.ts +4 -0
- package/esm/Stat/StatHelpText.js +7 -0
- package/esm/Stat/StatLabel.d.ts +14 -0
- package/esm/Stat/StatLabel.js +48 -0
- package/esm/Stat/StatTrend.d.ts +7 -0
- package/esm/Stat/StatTrend.js +63 -0
- package/esm/Stat/StatValue.d.ts +7 -0
- package/esm/Stat/StatValue.js +36 -0
- package/esm/Stat/StatValueUnit.d.ts +4 -0
- package/esm/Stat/StatValueUnit.js +7 -0
- package/esm/Stat/index.d.ts +3 -0
- package/esm/Stat/index.js +3 -0
- package/esm/StatGroup/StatGroup.d.ts +13 -0
- package/esm/StatGroup/StatGroup.js +42 -0
- package/esm/StatGroup/index.d.ts +3 -0
- package/esm/StatGroup/index.js +3 -0
- package/esm/Tabs/Tabs.js +1 -1
- package/esm/Timeline/Timeline.js +1 -1
- package/esm/Toggle/Toggle.js +1 -1
- package/esm/Tree/Tree.js +1 -1
- package/esm/Tree/TreeNode.js +9 -9
- package/esm/Tree/TreeView.js +7 -7
- package/esm/Tree/hooks/useExpandTree.js +1 -1
- package/esm/Tree/hooks/useFlattenTree.js +1 -1
- package/esm/Tree/hooks/useFocusTree.js +6 -6
- package/esm/Tree/hooks/useTreeDrag.js +17 -17
- package/esm/Tree/hooks/useTreeSearch.js +1 -1
- package/esm/Tree/utils/flattenTree.js +6 -6
- package/esm/Tree/utils/focusableTree.js +6 -6
- package/esm/Tree/utils/getNodeParentKeys.js +4 -4
- package/esm/Tree/utils/treeKeyboardInteractions.js +2 -2
- package/esm/TreePicker/TreePicker.js +5 -5
- package/esm/TreePicker/hooks/useFocusState.js +4 -4
- package/esm/Uploader/UploadFileItem.js +5 -5
- package/esm/Uploader/UploadTrigger.js +11 -11
- package/esm/Uploader/Uploader.js +16 -16
- package/esm/Uploader/utils/ajaxUpload.js +5 -5
- package/esm/index.d.ts +8 -0
- package/esm/index.js +4 -0
- package/esm/internals/Disclosure/Disclosure.js +3 -3
- package/esm/internals/Disclosure/DisclosureButton.js +2 -2
- package/esm/internals/Menu/Menu.js +3 -3
- package/esm/internals/Menu/MenuItem.js +1 -1
- package/esm/internals/Menu/Menubar.js +2 -2
- package/esm/internals/Overlay/Modal.js +7 -7
- package/esm/internals/Overlay/Overlay.js +1 -1
- package/esm/internals/Overlay/OverlayTrigger.js +3 -3
- package/esm/internals/Overlay/Position.js +5 -5
- package/esm/internals/Picker/ListCheckItem.js +3 -3
- package/esm/internals/Picker/ListItem.js +1 -1
- package/esm/internals/Picker/Listbox.js +4 -4
- package/esm/internals/Picker/PickerToggle.js +2 -2
- package/esm/internals/Picker/SelectedElement.js +1 -1
- package/esm/internals/Picker/hooks/useFocusItemValue.js +2 -2
- package/esm/internals/Picker/hooks/usePickerRef.js +4 -4
- package/esm/internals/Picker/hooks/useSearch.js +1 -1
- package/esm/internals/Picker/hooks/useToggleKeyDownEvent.js +9 -9
- package/esm/internals/Picker/utils.js +8 -8
- package/esm/internals/Ripple/Ripple.js +2 -2
- package/esm/internals/ScrollView/hooks/useScrollState.js +1 -1
- package/esm/internals/Tree/utils/filterNodesOfTree.js +3 -3
- package/esm/internals/Tree/utils/findNodeOfTree.js +3 -3
- package/esm/internals/Tree/utils/getParentMap.js +3 -3
- package/esm/internals/Windowing/AutoSizer.js +1 -1
- package/esm/internals/Windowing/List.js +4 -4
- package/esm/internals/hooks/useClickOutside.js +1 -1
- package/esm/internals/hooks/useElementResize.js +1 -1
- package/esm/internals/hooks/useEventListener.js +1 -1
- package/esm/internals/hooks/useFocus.js +2 -2
- package/esm/internals/hooks/useMount.js +1 -1
- package/esm/internals/hooks/useRootClose.js +4 -4
- package/esm/internals/hooks/useTimeout.js +1 -1
- package/esm/internals/utils/stringifyReactNode.js +5 -5
- package/esm/toaster/ToastContainer.d.ts +1 -0
- package/esm/toaster/ToastContainer.js +19 -14
- package/esm/toaster/hooks/useDelayedClosure.js +2 -2
- package/esm/toaster/toaster.js +7 -7
- package/esm/useToaster/useToaster.js +1 -1
- package/package.json +1 -1
- package/styles/color-modes/dark.less +6 -0
- package/styles/color-modes/high-contrast.less +6 -0
- package/styles/color-modes/light.less +6 -0
- package/styles/index.less +4 -0
- package/toaster/styles/index.css +24 -24
- package/toaster/styles/index.less +29 -29
- 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
|
|
37
|
-
onEdit === null || onEdit === void 0
|
|
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
|
|
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
|
|
50
|
-
event === null || event === void 0
|
|
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
|
|
56
|
-
event === null || event === void 0
|
|
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
|
|
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
|
|
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
|
|
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
|
|
44
|
+
onSave === null || onSave === void 0 || onSave(event);
|
|
45
45
|
} else if (stateOnBlur === 'cancel') {
|
|
46
|
-
onCancel === null || onCancel === void 0
|
|
46
|
+
onCancel === null || onCancel === void 0 || onCancel(event);
|
|
47
47
|
}
|
|
48
48
|
});
|
|
49
49
|
(0, _hooks.useIsomorphicLayoutEffect)(function () {
|
package/cjs/Input/Input.js
CHANGED
|
@@ -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
|
|
55
|
+
onPressEnter === null || onPressEnter === void 0 || onPressEnter(event);
|
|
56
56
|
}
|
|
57
|
-
onKeyDown === null || onKeyDown === void 0
|
|
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
|
|
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 (
|
|
57
|
-
if (
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
454
|
+
(_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 || _triggerRef$current3.open();
|
|
455
455
|
}
|
|
456
|
-
onFocus === null || onFocus === void 0
|
|
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
|
|
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
|
|
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
|
|
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
|
|
26
|
+
(_getInput2 = getInput()) === null || _getInput2 === void 0 || _getInput2.blur();
|
|
27
27
|
}, [getInput]);
|
|
28
28
|
var inputProps = (0, _react.useMemo)(function () {
|
|
29
29
|
return multi ? {
|
package/cjs/List/List.d.ts
CHANGED
|
@@ -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
|
-
|
|
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", "
|
|
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
|
-
|
|
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,
|
package/cjs/List/ListItem.d.ts
CHANGED
|
@@ -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(
|
|
14
|
-
function _unsupportedIterableToArray(
|
|
15
|
-
function _arrayLikeToArray(
|
|
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
|
|
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
|
|
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
|
|
225
|
+
var _activeNodeHelper2;
|
|
226
226
|
if (!isMounted()) return;
|
|
227
227
|
// Remove the helper from the DOM
|
|
228
|
-
(_activeNodeHelper2 = activeNodeHelper) === null || _activeNodeHelper2 === void 0
|
|
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
|
|
260
|
-
onSort === null || onSort === void 0
|
|
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
|
|
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
|
|
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
|
|
55
|
-
onChange === null || onChange === void 0
|
|
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();
|
package/cjs/Message/Message.js
CHANGED
|
@@ -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
|
|
69
|
+
onClose === null || onClose === void 0 || onClose(event);
|
|
70
70
|
clear();
|
|
71
71
|
setTimeout(function () {
|
|
72
72
|
if (isMounted()) {
|
package/cjs/Modal/Modal.js
CHANGED
|
@@ -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
|
|
116
|
+
onExited === null || onExited === void 0 || onExited(node);
|
|
117
117
|
onDestroyEvents();
|
|
118
|
-
(_transitionEndListene = transitionEndListener.current) === null || _transitionEndListene === void 0
|
|
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
|
|
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
|
|
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
|
|
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
|
|
165
|
+
(_transitionEndListene2 = transitionEndListener.current) === null || _transitionEndListene2 === void 0 || _transitionEndListene2.off();
|
|
166
166
|
});
|
|
167
167
|
var sizeKey = 'width';
|
|
168
168
|
if (isDrawer) {
|
package/cjs/Modal/utils.js
CHANGED
|
@@ -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
|
|
49
|
-
(_contentElementResize = contentElementResizeObserver.current) === null || _contentElementResize === void 0
|
|
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
|
|
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
|
|
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
|
|
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(
|
|
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 =
|
|
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
|
|
208
|
-
onCheck === null || onCheck === void 0
|
|
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
|
|
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
|
|
73
|
+
onSelect === null || onSelect === void 0 || onSelect(node, cascadePaths, event);
|
|
74
74
|
});
|
|
75
75
|
return {
|
|
76
76
|
columnData: columnData,
|