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
|
@@ -60,7 +60,7 @@ function createDragPreview(name, className) {
|
|
|
60
60
|
function removeDragPreview() {
|
|
61
61
|
var _dragPreview$parentNo, _dragPreview$parentNo2;
|
|
62
62
|
var dragPreview = document.getElementById('rs-tree-drag-preview');
|
|
63
|
-
dragPreview === null || dragPreview === void 0
|
|
63
|
+
dragPreview === null || dragPreview === void 0 || (_dragPreview$parentNo = dragPreview.parentNode) === null || _dragPreview$parentNo === void 0 || (_dragPreview$parentNo2 = _dragPreview$parentNo.removeChild) === null || _dragPreview$parentNo2 === void 0 || _dragPreview$parentNo2.call(_dragPreview$parentNo, dragPreview);
|
|
64
64
|
}
|
|
65
65
|
/**
|
|
66
66
|
* Custom hook for handling tree node dragging.
|
|
@@ -101,17 +101,17 @@ export default function useTreeDrag(props) {
|
|
|
101
101
|
*/
|
|
102
102
|
var getDragNodeKeys = useCallback(function (dragNode) {
|
|
103
103
|
var dragNodeKeys = [dragNode[valueKey]];
|
|
104
|
-
var
|
|
104
|
+
var _traverse = function traverse(data) {
|
|
105
105
|
if ((data === null || data === void 0 ? void 0 : data.length) > 0) {
|
|
106
106
|
data.forEach(function (node) {
|
|
107
107
|
dragNodeKeys = dragNodeKeys.concat([node[valueKey]]);
|
|
108
108
|
if (node[childrenKey]) {
|
|
109
|
-
|
|
109
|
+
_traverse(node[childrenKey]);
|
|
110
110
|
}
|
|
111
111
|
});
|
|
112
112
|
}
|
|
113
113
|
};
|
|
114
|
-
|
|
114
|
+
_traverse(dragNode[childrenKey]);
|
|
115
115
|
return dragNodeKeys;
|
|
116
116
|
}, [childrenKey, valueKey]);
|
|
117
117
|
|
|
@@ -121,7 +121,7 @@ export default function useTreeDrag(props) {
|
|
|
121
121
|
*/
|
|
122
122
|
var removeDragNode = useCallback(function (data, params) {
|
|
123
123
|
var dragNode = params.dragNode;
|
|
124
|
-
var
|
|
124
|
+
var _traverse2 = function traverse(items, parent) {
|
|
125
125
|
for (var index = 0; index < items.length; index += 1) {
|
|
126
126
|
var item = items[index];
|
|
127
127
|
if (equal(item[valueKey], dragNode[valueKey])) {
|
|
@@ -133,11 +133,11 @@ export default function useTreeDrag(props) {
|
|
|
133
133
|
break;
|
|
134
134
|
}
|
|
135
135
|
if (Array.isArray(item[childrenKey])) {
|
|
136
|
-
|
|
136
|
+
_traverse2(item[childrenKey], item);
|
|
137
137
|
}
|
|
138
138
|
}
|
|
139
139
|
};
|
|
140
|
-
|
|
140
|
+
_traverse2(data);
|
|
141
141
|
}, [childrenKey, valueKey]);
|
|
142
142
|
|
|
143
143
|
/**
|
|
@@ -151,7 +151,7 @@ export default function useTreeDrag(props) {
|
|
|
151
151
|
dropNodePosition = params.dropNodePosition;
|
|
152
152
|
var cloneDragNode = _extends({}, dragNode);
|
|
153
153
|
removeDragNode(data, params);
|
|
154
|
-
var
|
|
154
|
+
var _updateTree = function updateTree(items) {
|
|
155
155
|
for (var index = 0; index < items.length; index += 1) {
|
|
156
156
|
var item = items[index];
|
|
157
157
|
if (equal(item[valueKey], dropNode[valueKey])) {
|
|
@@ -171,11 +171,11 @@ export default function useTreeDrag(props) {
|
|
|
171
171
|
}
|
|
172
172
|
}
|
|
173
173
|
if (Array.isArray(item[childrenKey]) && item[childrenKey].length > 0) {
|
|
174
|
-
|
|
174
|
+
_updateTree(item[childrenKey]);
|
|
175
175
|
}
|
|
176
176
|
}
|
|
177
177
|
};
|
|
178
|
-
|
|
178
|
+
_updateTree(data);
|
|
179
179
|
return [].concat(data);
|
|
180
180
|
};
|
|
181
181
|
}, [childrenKey, removeDragNode, valueKey]);
|
|
@@ -193,10 +193,10 @@ export default function useTreeDrag(props) {
|
|
|
193
193
|
if (draggable) {
|
|
194
194
|
var _event$dataTransfer;
|
|
195
195
|
var dragMoverNode = createDragPreview(stringifyReactNode(nodeData[labelKey]), prefix('drag-preview'));
|
|
196
|
-
(_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0
|
|
196
|
+
(_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 || _event$dataTransfer.setDragImage(dragMoverNode, 0, 0);
|
|
197
197
|
setDragNodeKeys(getDragNodeKeys(nodeData));
|
|
198
198
|
setDragNode(flattenedNodes[nodeData.refKey]);
|
|
199
|
-
onDragStart === null || onDragStart === void 0
|
|
199
|
+
onDragStart === null || onDragStart === void 0 || onDragStart(nodeData, event);
|
|
200
200
|
}
|
|
201
201
|
});
|
|
202
202
|
var handleDragEnter = useEventCallback(function (nodeData, event) {
|
|
@@ -209,7 +209,7 @@ export default function useTreeDrag(props) {
|
|
|
209
209
|
setDragOverNodeKey(nodeData[valueKey]);
|
|
210
210
|
setDropNodePosition(calDropNodePosition(event, treeNodesRefs[nodeData.refKey]));
|
|
211
211
|
}
|
|
212
|
-
onDragEnter === null || onDragEnter === void 0
|
|
212
|
+
onDragEnter === null || onDragEnter === void 0 || onDragEnter(nodeData, event);
|
|
213
213
|
});
|
|
214
214
|
var handleDragOver = useEventCallback(function (nodeData, event) {
|
|
215
215
|
if (dragNodeKeys.some(function (d) {
|
|
@@ -223,17 +223,17 @@ export default function useTreeDrag(props) {
|
|
|
223
223
|
if (lastDropNodePosition === dropNodePosition) return;
|
|
224
224
|
setDropNodePosition(lastDropNodePosition);
|
|
225
225
|
}
|
|
226
|
-
onDragOver === null || onDragOver === void 0
|
|
226
|
+
onDragOver === null || onDragOver === void 0 || onDragOver(nodeData, event);
|
|
227
227
|
});
|
|
228
228
|
var handleDragLeave = useEventCallback(function (nodeData, event) {
|
|
229
|
-
onDragLeave === null || onDragLeave === void 0
|
|
229
|
+
onDragLeave === null || onDragLeave === void 0 || onDragLeave(nodeData, event);
|
|
230
230
|
});
|
|
231
231
|
var handleDragEnd = useEventCallback(function (nodeData, event) {
|
|
232
232
|
removeDragPreview();
|
|
233
233
|
setDragNode(null);
|
|
234
234
|
setDragNodeKeys([]);
|
|
235
235
|
setDragOverNodeKey(null);
|
|
236
|
-
onDragEnd === null || onDragEnd === void 0
|
|
236
|
+
onDragEnd === null || onDragEnd === void 0 || onDragEnd(nodeData, event);
|
|
237
237
|
});
|
|
238
238
|
var handleDrop = useEventCallback(function (nodeData, event) {
|
|
239
239
|
if (dragNodeKeys.some(function (d) {
|
|
@@ -242,7 +242,7 @@ export default function useTreeDrag(props) {
|
|
|
242
242
|
console.error('Cannot drag a node to itself and its children');
|
|
243
243
|
} else {
|
|
244
244
|
var dropData = getDropData(nodeData);
|
|
245
|
-
onDrop === null || onDrop === void 0
|
|
245
|
+
onDrop === null || onDrop === void 0 || onDrop(dropData, event);
|
|
246
246
|
}
|
|
247
247
|
removeDragPreview();
|
|
248
248
|
setDragNode(null);
|
|
@@ -46,7 +46,7 @@ export default function useTreeSearch(props) {
|
|
|
46
46
|
setFilteredData(filteredData);
|
|
47
47
|
setSearchKeyword(searchKeyword);
|
|
48
48
|
if (event) {
|
|
49
|
-
callback === null || callback === void 0
|
|
49
|
+
callback === null || callback === void 0 || callback(searchKeyword, filteredData, event);
|
|
50
50
|
}
|
|
51
51
|
};
|
|
52
52
|
useEffect(function () {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
function _createForOfIteratorHelperLoose(
|
|
3
|
-
function _unsupportedIterableToArray(
|
|
4
|
-
function _arrayLikeToArray(
|
|
2
|
+
function _createForOfIteratorHelperLoose(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (t) return (t = t.call(r)).next.bind(t); if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var o = 0; return function () { return o >= r.length ? { done: !0 } : { done: !1, value: r[o++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
4
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
5
5
|
import { attachParent } from "../../internals/utils/index.js";
|
|
6
6
|
|
|
7
7
|
/**
|
|
@@ -71,7 +71,7 @@ export function UNSAFE_flattenTree(tree, childrenKey, executor) {
|
|
|
71
71
|
childrenKey = 'children';
|
|
72
72
|
}
|
|
73
73
|
var flattenData = [];
|
|
74
|
-
var
|
|
74
|
+
var _traverse = function traverse(data, parent) {
|
|
75
75
|
if (!Array.isArray(data)) {
|
|
76
76
|
return;
|
|
77
77
|
}
|
|
@@ -79,10 +79,10 @@ export function UNSAFE_flattenTree(tree, childrenKey, executor) {
|
|
|
79
79
|
var node = typeof executor === 'function' ? executor(item, index) : item;
|
|
80
80
|
flattenData.push(attachParent(node, parent));
|
|
81
81
|
if (item[childrenKey]) {
|
|
82
|
-
|
|
82
|
+
_traverse(item[childrenKey], item);
|
|
83
83
|
}
|
|
84
84
|
});
|
|
85
85
|
};
|
|
86
|
-
|
|
86
|
+
_traverse(tree, null);
|
|
87
87
|
return flattenData;
|
|
88
88
|
}
|
|
@@ -13,7 +13,7 @@ export var getFocusableItems = function getFocusableItems(filteredData, props, i
|
|
|
13
13
|
childrenKey = props.childrenKey,
|
|
14
14
|
expandItemValues = props.expandItemValues;
|
|
15
15
|
var items = [];
|
|
16
|
-
var
|
|
16
|
+
var _loop = function loop(nodes) {
|
|
17
17
|
nodes.forEach(function (node) {
|
|
18
18
|
var disabled = disabledItemValues.some(function (disabledItem) {
|
|
19
19
|
return shallowEqual(disabledItem, node[valueKey]);
|
|
@@ -24,11 +24,11 @@ export var getFocusableItems = function getFocusableItems(filteredData, props, i
|
|
|
24
24
|
// always expand when searching
|
|
25
25
|
var expand = isSearching ? true : expandItemValues.includes(node[valueKey]);
|
|
26
26
|
if (node[childrenKey] && expand) {
|
|
27
|
-
|
|
27
|
+
_loop(node[childrenKey]);
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
30
|
};
|
|
31
|
-
|
|
31
|
+
_loop(filteredData);
|
|
32
32
|
return items;
|
|
33
33
|
};
|
|
34
34
|
|
|
@@ -67,7 +67,7 @@ export var getActiveItem = function getActiveItem(focusItemValue, flattenedNodes
|
|
|
67
67
|
export var focusTreeNode = function focusTreeNode(refKey, treeNodeRefs) {
|
|
68
68
|
var _treeItem$focus;
|
|
69
69
|
var treeItem = treeNodeRefs[refKey];
|
|
70
|
-
treeItem === null || treeItem === void 0
|
|
70
|
+
treeItem === null || treeItem === void 0 || (_treeItem$focus = treeItem.focus) === null || _treeItem$focus === void 0 || _treeItem$focus.call(treeItem);
|
|
71
71
|
};
|
|
72
72
|
/**
|
|
73
73
|
* Focuses on the next item in a tree.
|
|
@@ -130,7 +130,7 @@ export function scrollToActiveTreeNode(props) {
|
|
|
130
130
|
if (virtualized && value) {
|
|
131
131
|
var _list$scrollToItem;
|
|
132
132
|
var scrollIndex = getScrollToIndex(formattedNodes, value, valueKey);
|
|
133
|
-
list === null || list === void 0
|
|
133
|
+
list === null || list === void 0 || (_list$scrollToItem = list.scrollToItem) === null || _list$scrollToItem === void 0 || _list$scrollToItem.call(list, scrollIndex);
|
|
134
134
|
}
|
|
135
135
|
}
|
|
136
136
|
export var focusCurrentItem = function focusCurrentItem(props) {
|
|
@@ -140,7 +140,7 @@ export var focusCurrentItem = function focusCurrentItem(props) {
|
|
|
140
140
|
var activeItem = container === null || container === void 0 ? void 0 : container.querySelector(selector);
|
|
141
141
|
if (activeItem) {
|
|
142
142
|
var _activeItem$focus, _activeItem$dataset;
|
|
143
|
-
activeItem === null || activeItem === void 0
|
|
143
|
+
activeItem === null || activeItem === void 0 || (_activeItem$focus = activeItem.focus) === null || _activeItem$focus === void 0 || _activeItem$focus.call(activeItem);
|
|
144
144
|
return (_activeItem$dataset = activeItem.dataset) === null || _activeItem$dataset === void 0 ? void 0 : _activeItem$dataset.key;
|
|
145
145
|
}
|
|
146
146
|
};
|
|
@@ -4,14 +4,14 @@
|
|
|
4
4
|
*/
|
|
5
5
|
export function getNodeParentKeys(nodes, node, valueKey) {
|
|
6
6
|
var parentKeys = [];
|
|
7
|
-
var
|
|
7
|
+
var _traverse = function traverse(node) {
|
|
8
8
|
var _node$parent;
|
|
9
9
|
if (node !== null && node !== void 0 && (_node$parent = node.parent) !== null && _node$parent !== void 0 && _node$parent.refKey) {
|
|
10
10
|
var _node$parent2;
|
|
11
|
-
|
|
12
|
-
parentKeys.push(node === null || node === void 0
|
|
11
|
+
_traverse(nodes[node.parent.refKey]);
|
|
12
|
+
parentKeys.push(node === null || node === void 0 || (_node$parent2 = node.parent) === null || _node$parent2 === void 0 ? void 0 : _node$parent2[valueKey]);
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
|
-
|
|
15
|
+
_traverse(node);
|
|
16
16
|
return parentKeys;
|
|
17
17
|
}
|
|
@@ -14,7 +14,7 @@ export function handleLeftArrow(props) {
|
|
|
14
14
|
return;
|
|
15
15
|
}
|
|
16
16
|
if (expand) {
|
|
17
|
-
onExpand === null || onExpand === void 0
|
|
17
|
+
onExpand === null || onExpand === void 0 || onExpand(focusItem, expand);
|
|
18
18
|
} else if (focusItem !== null && focusItem !== void 0 && focusItem.parent) {
|
|
19
19
|
onFocusItem();
|
|
20
20
|
}
|
|
@@ -36,7 +36,7 @@ export function handleRightArrow(props) {
|
|
|
36
36
|
return;
|
|
37
37
|
}
|
|
38
38
|
if (!expand) {
|
|
39
|
-
onExpand === null || onExpand === void 0
|
|
39
|
+
onExpand === null || onExpand === void 0 || onExpand(focusItem, expand);
|
|
40
40
|
} else {
|
|
41
41
|
onFocusItem();
|
|
42
42
|
}
|
|
@@ -149,9 +149,9 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
149
149
|
var handleSelect = useEventCallback(function (treeNode, value, event) {
|
|
150
150
|
var _target$current, _trigger$current, _trigger$current$clos;
|
|
151
151
|
setFocusItemValue(value);
|
|
152
|
-
onSelect === null || onSelect === void 0
|
|
153
|
-
(_target$current = target.current) === null || _target$current === void 0
|
|
154
|
-
(_trigger$current = trigger.current) === null || _trigger$current === void 0
|
|
152
|
+
onSelect === null || onSelect === void 0 || onSelect(treeNode, value, event);
|
|
153
|
+
(_target$current = target.current) === null || _target$current === void 0 || _target$current.focus();
|
|
154
|
+
(_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);
|
|
155
155
|
});
|
|
156
156
|
var handleClean = useEventCallback(function (event) {
|
|
157
157
|
var target = event.target;
|
|
@@ -160,7 +160,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
160
160
|
return;
|
|
161
161
|
}
|
|
162
162
|
setValue(null);
|
|
163
|
-
onChange === null || onChange === void 0
|
|
163
|
+
onChange === null || onChange === void 0 || onChange(null, event);
|
|
164
164
|
});
|
|
165
165
|
var handleTreePressEnter = useEventCallback(function (event) {
|
|
166
166
|
if (isNil(focusItemValue)) {
|
|
@@ -190,7 +190,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
190
190
|
}, rest));
|
|
191
191
|
var handleChange = useEventCallback(function (nextValue, event) {
|
|
192
192
|
setValue(nextValue);
|
|
193
|
-
onChange === null || onChange === void 0
|
|
193
|
+
onChange === null || onChange === void 0 || onChange(nextValue, event);
|
|
194
194
|
});
|
|
195
195
|
var treeContext = useMemo(function () {
|
|
196
196
|
return {
|
|
@@ -13,18 +13,18 @@ function useFocusState(props) {
|
|
|
13
13
|
setFocusItemValue = _useState2[1];
|
|
14
14
|
var focusTarget = useEventCallback(function () {
|
|
15
15
|
var _target$current;
|
|
16
|
-
(_target$current = target.current) === null || _target$current === void 0
|
|
16
|
+
(_target$current = target.current) === null || _target$current === void 0 || _target$current.focus();
|
|
17
17
|
});
|
|
18
18
|
var onEnter = useEventCallback(function (node) {
|
|
19
19
|
var _props$onEnter;
|
|
20
20
|
setActive(true);
|
|
21
|
-
(_props$onEnter = props.onEnter) === null || _props$onEnter === void 0
|
|
21
|
+
(_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 || _props$onEnter.call(props, node);
|
|
22
22
|
});
|
|
23
23
|
var onExit = useEventCallback(function (node) {
|
|
24
24
|
var _props$onExit;
|
|
25
25
|
setActive(false);
|
|
26
26
|
focusTarget();
|
|
27
|
-
(_props$onExit = props.onExit) === null || _props$onExit === void 0
|
|
27
|
+
(_props$onExit = props.onExit) === null || _props$onExit === void 0 || _props$onExit.call(props, node);
|
|
28
28
|
});
|
|
29
29
|
var onEntered = useEventCallback(function (node) {
|
|
30
30
|
var _props$onEntered;
|
|
@@ -32,7 +32,7 @@ function useFocusState(props) {
|
|
|
32
32
|
setFocusItemValue(value);
|
|
33
33
|
focusActiveNode();
|
|
34
34
|
}
|
|
35
|
-
(_props$onEntered = props.onEntered) === null || _props$onEntered === void 0
|
|
35
|
+
(_props$onEntered = props.onEntered) === null || _props$onEntered === void 0 || _props$onEntered.call(props, node);
|
|
36
36
|
});
|
|
37
37
|
return {
|
|
38
38
|
active: active,
|
|
@@ -77,7 +77,7 @@ var UploadFileItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
// The thumbnail file size cannot be larger than the preset value.
|
|
80
|
-
if (!file.blobFile || (file === null || file === void 0
|
|
80
|
+
if (!file.blobFile || (file === null || file === void 0 || (_file$blobFile = file.blobFile) === null || _file$blobFile === void 0 ? void 0 : _file$blobFile.size) > maxPreviewFileSize) {
|
|
81
81
|
return;
|
|
82
82
|
}
|
|
83
83
|
previewFile(file.blobFile, callback);
|
|
@@ -93,19 +93,19 @@ var UploadFileItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
93
93
|
if (disabled) {
|
|
94
94
|
return;
|
|
95
95
|
}
|
|
96
|
-
onPreview === null || onPreview === void 0
|
|
96
|
+
onPreview === null || onPreview === void 0 || onPreview(file, event);
|
|
97
97
|
}, [disabled, file, onPreview]);
|
|
98
98
|
var handleRemove = useCallback(function (event) {
|
|
99
99
|
if (disabled) {
|
|
100
100
|
return;
|
|
101
101
|
}
|
|
102
|
-
onCancel === null || onCancel === void 0
|
|
102
|
+
onCancel === null || onCancel === void 0 || onCancel(file.fileKey, event);
|
|
103
103
|
}, [disabled, file.fileKey, onCancel]);
|
|
104
104
|
var handleReupload = useCallback(function (event) {
|
|
105
105
|
if (disabled) {
|
|
106
106
|
return;
|
|
107
107
|
}
|
|
108
|
-
onReupload === null || onReupload === void 0
|
|
108
|
+
onReupload === null || onReupload === void 0 || onReupload(file, event);
|
|
109
109
|
}, [disabled, file, onReupload]);
|
|
110
110
|
|
|
111
111
|
/**
|
|
@@ -221,7 +221,7 @@ var UploadFileItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
221
221
|
var _file$blobFile2;
|
|
222
222
|
return /*#__PURE__*/React.createElement("span", {
|
|
223
223
|
className: prefix('size')
|
|
224
|
-
}, formatSize(file === null || file === void 0
|
|
224
|
+
}, formatSize(file === null || file === void 0 || (_file$blobFile2 = file.blobFile) === null || _file$blobFile2 === void 0 ? void 0 : _file$blobFile2.size));
|
|
225
225
|
}
|
|
226
226
|
return null;
|
|
227
227
|
};
|
|
@@ -43,7 +43,7 @@ var UploadTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
43
43
|
}));
|
|
44
44
|
var handleClick = useCallback(function () {
|
|
45
45
|
var _inputRef$current;
|
|
46
|
-
(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0
|
|
46
|
+
(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.click();
|
|
47
47
|
}, []);
|
|
48
48
|
var handleClearInput = useCallback(function () {
|
|
49
49
|
if (inputRef.current) {
|
|
@@ -55,40 +55,40 @@ var UploadTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
55
55
|
event.preventDefault();
|
|
56
56
|
setDragOver(true);
|
|
57
57
|
}
|
|
58
|
-
onDragEnter === null || onDragEnter === void 0
|
|
58
|
+
onDragEnter === null || onDragEnter === void 0 || onDragEnter(event);
|
|
59
59
|
}, [draggable, onDragEnter]);
|
|
60
60
|
var handleDragLeave = useCallback(function (event) {
|
|
61
61
|
if (draggable) {
|
|
62
62
|
event.preventDefault();
|
|
63
63
|
setDragOver(false);
|
|
64
64
|
}
|
|
65
|
-
onDragLeave === null || onDragLeave === void 0
|
|
65
|
+
onDragLeave === null || onDragLeave === void 0 || onDragLeave(event);
|
|
66
66
|
}, [draggable, onDragLeave]);
|
|
67
67
|
var handleDragOver = useCallback(function (event) {
|
|
68
68
|
draggable && event.preventDefault();
|
|
69
|
-
onDragOver === null || onDragOver === void 0
|
|
69
|
+
onDragOver === null || onDragOver === void 0 || onDragOver(event);
|
|
70
70
|
}, [draggable, onDragOver]);
|
|
71
71
|
var handleDrop = useCallback(function (event) {
|
|
72
72
|
if (draggable) {
|
|
73
73
|
event.preventDefault();
|
|
74
74
|
setDragOver(false);
|
|
75
|
-
onChange === null || onChange === void 0
|
|
75
|
+
onChange === null || onChange === void 0 || onChange(event);
|
|
76
76
|
}
|
|
77
|
-
onDrop === null || onDrop === void 0
|
|
77
|
+
onDrop === null || onDrop === void 0 || onDrop(event);
|
|
78
78
|
}, [draggable, onChange, onDrop]);
|
|
79
79
|
var handleChange = useCallback(function (event) {
|
|
80
80
|
if (isIE11()) {
|
|
81
|
-
var _event$target
|
|
81
|
+
var _event$target;
|
|
82
82
|
/**
|
|
83
83
|
* IE11 triggers onChange event of file input when element.value is assigned
|
|
84
84
|
* https://github.com/facebook/react/issues/8793
|
|
85
85
|
*/
|
|
86
|
-
if (((_event$target = event.target) === null || _event$target === void 0
|
|
87
|
-
onChange === null || onChange === void 0
|
|
86
|
+
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) {
|
|
87
|
+
onChange === null || onChange === void 0 || onChange(event);
|
|
88
88
|
}
|
|
89
89
|
return;
|
|
90
90
|
}
|
|
91
|
-
onChange === null || onChange === void 0
|
|
91
|
+
onChange === null || onChange === void 0 || onChange(event);
|
|
92
92
|
}, [onChange]);
|
|
93
93
|
useImperativeHandle(ref, function () {
|
|
94
94
|
return {
|
|
@@ -107,7 +107,7 @@ var UploadTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
107
107
|
buttonProps.onDragOver = handleDragOver;
|
|
108
108
|
buttonProps.onDrop = handleDrop;
|
|
109
109
|
}
|
|
110
|
-
var trigger = children ? (
|
|
110
|
+
var trigger = children ? (/*#__PURE__*/React.cloneElement(React.Children.only(children), buttonProps)) : /*#__PURE__*/React.createElement(Component, buttonProps, locale === null || locale === void 0 ? void 0 : locale.upload);
|
|
111
111
|
return /*#__PURE__*/React.createElement("div", {
|
|
112
112
|
ref: rootRef,
|
|
113
113
|
className: classes
|
package/esm/Uploader/Uploader.js
CHANGED
|
@@ -19,7 +19,7 @@ import { oneOf } from "../internals/propTypes/index.js";
|
|
|
19
19
|
var getFiles = function getFiles(event) {
|
|
20
20
|
if (typeof (event === null || event === void 0 ? void 0 : event['dataTransfer']) === 'object') {
|
|
21
21
|
var _event$dataTransfer;
|
|
22
|
-
return event === null || event === void 0
|
|
22
|
+
return event === null || event === void 0 || (_event$dataTransfer = event['dataTransfer']) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files;
|
|
23
23
|
}
|
|
24
24
|
if (event.target) {
|
|
25
25
|
return event.target['files'];
|
|
@@ -76,7 +76,7 @@ var useFileList = function useFileList(defaultFileList) {
|
|
|
76
76
|
fileListRef.current = fileList;
|
|
77
77
|
useEffect(function () {
|
|
78
78
|
var _fileListUpdateCallba;
|
|
79
|
-
(_fileListUpdateCallba = fileListUpdateCallback.current) === null || _fileListUpdateCallba === void 0
|
|
79
|
+
(_fileListUpdateCallba = fileListUpdateCallback.current) === null || _fileListUpdateCallba === void 0 || _fileListUpdateCallba.call(fileListUpdateCallback, fileList);
|
|
80
80
|
fileListUpdateCallback.current = null;
|
|
81
81
|
}, [fileList]);
|
|
82
82
|
useWillUnmount(function () {
|
|
@@ -186,7 +186,7 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
186
186
|
*/
|
|
187
187
|
var cleanInputValue = useCallback(function () {
|
|
188
188
|
var _trigger$current;
|
|
189
|
-
(_trigger$current = trigger.current) === null || _trigger$current === void 0
|
|
189
|
+
(_trigger$current = trigger.current) === null || _trigger$current === void 0 || _trigger$current.clearInput();
|
|
190
190
|
}, []);
|
|
191
191
|
|
|
192
192
|
/**
|
|
@@ -202,7 +202,7 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
202
202
|
progress: 100
|
|
203
203
|
});
|
|
204
204
|
updateFileStatus(nextFile);
|
|
205
|
-
onSuccess === null || onSuccess === void 0
|
|
205
|
+
onSuccess === null || onSuccess === void 0 || onSuccess(response, nextFile, event, xhr);
|
|
206
206
|
}, [onSuccess, updateFileStatus]);
|
|
207
207
|
|
|
208
208
|
/**
|
|
@@ -217,7 +217,7 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
217
217
|
status: 'error'
|
|
218
218
|
});
|
|
219
219
|
updateFileStatus(nextFile);
|
|
220
|
-
onError === null || onError === void 0
|
|
220
|
+
onError === null || onError === void 0 || onError(status, nextFile, event, xhr);
|
|
221
221
|
}, [onError, updateFileStatus]);
|
|
222
222
|
|
|
223
223
|
/**
|
|
@@ -233,7 +233,7 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
233
233
|
progress: percent
|
|
234
234
|
});
|
|
235
235
|
updateFileStatus(nextFile);
|
|
236
|
-
onProgress === null || onProgress === void 0
|
|
236
|
+
onProgress === null || onProgress === void 0 || onProgress(percent, nextFile, event, xhr);
|
|
237
237
|
}, [onProgress, updateFileStatus]);
|
|
238
238
|
|
|
239
239
|
/**
|
|
@@ -263,7 +263,7 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
263
263
|
if (file.fileKey) {
|
|
264
264
|
xhrs.current[file.fileKey] = xhr;
|
|
265
265
|
}
|
|
266
|
-
onUpload === null || onUpload === void 0
|
|
266
|
+
onUpload === null || onUpload === void 0 || onUpload(file, uploadData, xhr);
|
|
267
267
|
}, [name, timeout, headers, data, method, withCredentials, disableMultipart, action, handleAjaxUploadError, handleAjaxUploadSuccess, handleAjaxUploadProgress, updateFileStatus, onUpload]);
|
|
268
268
|
var handleAjaxUpload = useCallback(function () {
|
|
269
269
|
fileList.current.forEach(function (file) {
|
|
@@ -302,7 +302,7 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
302
302
|
return;
|
|
303
303
|
}
|
|
304
304
|
var upload = function upload() {
|
|
305
|
-
onChange === null || onChange === void 0
|
|
305
|
+
onChange === null || onChange === void 0 || onChange(nextFileList, event);
|
|
306
306
|
if (rootRef.current) {
|
|
307
307
|
dispatch({
|
|
308
308
|
type: 'push',
|
|
@@ -321,28 +321,28 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
321
321
|
upload();
|
|
322
322
|
};
|
|
323
323
|
var handleRemoveFile = function handleRemoveFile(fileKey, event) {
|
|
324
|
-
var _xhrs$current
|
|
324
|
+
var _xhrs$current;
|
|
325
325
|
var file = find(fileList.current, function (f) {
|
|
326
326
|
return f.fileKey === fileKey;
|
|
327
327
|
});
|
|
328
328
|
var nextFileList = fileList.current.filter(function (f) {
|
|
329
329
|
return f.fileKey !== fileKey;
|
|
330
330
|
});
|
|
331
|
-
if (((_xhrs$current = xhrs.current) === null || _xhrs$current === void 0
|
|
332
|
-
var _xhrs$current$file$
|
|
333
|
-
(_xhrs$current$file$
|
|
331
|
+
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) {
|
|
332
|
+
var _xhrs$current$file$fi;
|
|
333
|
+
(_xhrs$current$file$fi = xhrs.current[file.fileKey]) === null || _xhrs$current$file$fi === void 0 || _xhrs$current$file$fi.abort();
|
|
334
334
|
}
|
|
335
335
|
dispatch({
|
|
336
336
|
type: 'remove',
|
|
337
337
|
fileKey: fileKey
|
|
338
338
|
});
|
|
339
|
-
onRemove === null || onRemove === void 0
|
|
340
|
-
onChange === null || onChange === void 0
|
|
339
|
+
onRemove === null || onRemove === void 0 || onRemove(file);
|
|
340
|
+
onChange === null || onChange === void 0 || onChange(nextFileList, event);
|
|
341
341
|
cleanInputValue();
|
|
342
342
|
};
|
|
343
343
|
var handleReupload = function handleReupload(file) {
|
|
344
344
|
autoUpload && handleUploadFile(file);
|
|
345
|
-
onReupload === null || onReupload === void 0
|
|
345
|
+
onReupload === null || onReupload === void 0 || onReupload(file);
|
|
346
346
|
};
|
|
347
347
|
|
|
348
348
|
// public API
|
|
@@ -373,7 +373,7 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
373
373
|
as: toggleAs
|
|
374
374
|
}), children)];
|
|
375
375
|
if (fileListVisible) {
|
|
376
|
-
renderList.push(
|
|
376
|
+
renderList.push(/*#__PURE__*/React.createElement("div", {
|
|
377
377
|
key: "items",
|
|
378
378
|
className: prefix('file-items')
|
|
379
379
|
}, fileList.current.map(function (file, index) {
|
|
@@ -49,7 +49,7 @@ export default function ajaxUpload(options) {
|
|
|
49
49
|
if (timeout) {
|
|
50
50
|
xhr.timeout = timeout;
|
|
51
51
|
xhr.ontimeout = function (event) {
|
|
52
|
-
onError === null || onError === void 0
|
|
52
|
+
onError === null || onError === void 0 || onError({
|
|
53
53
|
type: 'timeout'
|
|
54
54
|
}, event, xhr);
|
|
55
55
|
};
|
|
@@ -60,13 +60,13 @@ export default function ajaxUpload(options) {
|
|
|
60
60
|
xhr.onload = function (event) {
|
|
61
61
|
var resp = getResponse(xhr);
|
|
62
62
|
if (xhr.status < 200 || xhr.status >= 300) {
|
|
63
|
-
onError === null || onError === void 0
|
|
63
|
+
onError === null || onError === void 0 || onError({
|
|
64
64
|
type: 'server_error',
|
|
65
65
|
response: resp
|
|
66
66
|
}, event, xhr);
|
|
67
67
|
return;
|
|
68
68
|
}
|
|
69
|
-
onSuccess === null || onSuccess === void 0
|
|
69
|
+
onSuccess === null || onSuccess === void 0 || onSuccess(resp, event, xhr);
|
|
70
70
|
};
|
|
71
71
|
if (xhr.upload) {
|
|
72
72
|
xhr.upload.onprogress = function (event) {
|
|
@@ -74,11 +74,11 @@ export default function ajaxUpload(options) {
|
|
|
74
74
|
if (event.lengthComputable) {
|
|
75
75
|
percent = event.loaded / event.total * 100;
|
|
76
76
|
}
|
|
77
|
-
onProgress === null || onProgress === void 0
|
|
77
|
+
onProgress === null || onProgress === void 0 || onProgress(percent, event, xhr);
|
|
78
78
|
};
|
|
79
79
|
}
|
|
80
80
|
xhr.onerror = function (event) {
|
|
81
|
-
onError === null || onError === void 0
|
|
81
|
+
onError === null || onError === void 0 || onError({
|
|
82
82
|
type: 'xhr_error'
|
|
83
83
|
}, event, xhr);
|
|
84
84
|
};
|
package/esm/index.d.ts
CHANGED
|
@@ -129,6 +129,10 @@ export { default as Tree } from './Tree';
|
|
|
129
129
|
export type { TreeProps } from './Tree';
|
|
130
130
|
export { default as CheckTree } from './CheckTree';
|
|
131
131
|
export type { CheckTreeProps } from './CheckTree';
|
|
132
|
+
export { default as Card } from './Card';
|
|
133
|
+
export type { CardProps } from './Card';
|
|
134
|
+
export { default as CardGroup } from './CardGroup';
|
|
135
|
+
export type { CardGroupProps } from './CardGroup';
|
|
132
136
|
export { default as CascadeTree } from './CascadeTree';
|
|
133
137
|
export type { CascadeTreeProps } from './CascadeTree';
|
|
134
138
|
export { default as MultiCascadeTree } from './MultiCascadeTree';
|
|
@@ -137,6 +141,10 @@ export { default as Panel } from './Panel';
|
|
|
137
141
|
export type { PanelProps } from './Panel';
|
|
138
142
|
export { default as PanelGroup } from './PanelGroup';
|
|
139
143
|
export type { PanelGroupProps } from './PanelGroup';
|
|
144
|
+
export { default as Stat } from './Stat';
|
|
145
|
+
export type { StatProps } from './Stat';
|
|
146
|
+
export { default as StatGroup } from './StatGroup';
|
|
147
|
+
export type { StatGroupProps } from './StatGroup';
|
|
140
148
|
export { default as Table } from './Table';
|
|
141
149
|
export type { TableProps, ColumnProps, ColumnGroupProps, CellProps, TableLocaleType } from './Table';
|
|
142
150
|
export { default as Timeline } from './Timeline';
|
package/esm/index.js
CHANGED
|
@@ -83,10 +83,14 @@ export { default as InlineEdit } from "./InlineEdit/index.js";
|
|
|
83
83
|
// --------------------------------------------------------
|
|
84
84
|
export { default as Tree } from "./Tree/index.js";
|
|
85
85
|
export { default as CheckTree } from "./CheckTree/index.js";
|
|
86
|
+
export { default as Card } from "./Card/index.js";
|
|
87
|
+
export { default as CardGroup } from "./CardGroup/index.js";
|
|
86
88
|
export { default as CascadeTree } from "./CascadeTree/index.js";
|
|
87
89
|
export { default as MultiCascadeTree } from "./MultiCascadeTree/index.js";
|
|
88
90
|
export { default as Panel } from "./Panel/index.js";
|
|
89
91
|
export { default as PanelGroup } from "./PanelGroup/index.js";
|
|
92
|
+
export { default as Stat } from "./Stat/index.js";
|
|
93
|
+
export { default as StatGroup } from "./StatGroup/index.js";
|
|
90
94
|
export { default as Table } from "./Table/index.js";
|
|
91
95
|
export { default as Timeline } from "./Timeline/index.js";
|
|
92
96
|
export { default as Tag } from "./Tag/index.js";
|