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
|
@@ -48,7 +48,7 @@ var PredefinedRanges = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
48
48
|
if (disabled) {
|
|
49
49
|
return;
|
|
50
50
|
}
|
|
51
|
-
onShortcutClick === null || onShortcutClick === void 0
|
|
51
|
+
onShortcutClick === null || onShortcutClick === void 0 || onShortcutClick(range, closeOverlay !== false ? true : false, event);
|
|
52
52
|
};
|
|
53
53
|
return /*#__PURE__*/React.createElement(Button, _extends({
|
|
54
54
|
appearance: "link",
|
|
@@ -46,7 +46,7 @@ function useFocus(props) {
|
|
|
46
46
|
delay(function () {
|
|
47
47
|
var container = getOverlayContainer();
|
|
48
48
|
var selectedElement = container === null || container === void 0 ? void 0 : container.querySelector('[aria-selected="true"]');
|
|
49
|
-
selectedElement === null || selectedElement === void 0
|
|
49
|
+
selectedElement === null || selectedElement === void 0 || selectedElement.focus();
|
|
50
50
|
}, 1);
|
|
51
51
|
};
|
|
52
52
|
|
|
@@ -11,7 +11,7 @@ function useMonthView(props) {
|
|
|
11
11
|
* The callback triggered after the month selection box is opened or closed.
|
|
12
12
|
*/
|
|
13
13
|
var toggleMonthView = useEventCallback(function (show) {
|
|
14
|
-
onToggleMonthDropdown === null || onToggleMonthDropdown === void 0
|
|
14
|
+
onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 || onToggleMonthDropdown(show);
|
|
15
15
|
setMonthView(show);
|
|
16
16
|
});
|
|
17
17
|
return {
|
|
@@ -104,7 +104,7 @@ var DateRangeInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
104
104
|
var setSelectionRange = useInputSelection(inputRef);
|
|
105
105
|
var handleChange = useEventCallback(function (date, event) {
|
|
106
106
|
var nextValue = dateType === DateType.Start ? [date, value === null || value === void 0 ? void 0 : value[1]] : [value === null || value === void 0 ? void 0 : value[0], date];
|
|
107
|
-
onChange === null || onChange === void 0
|
|
107
|
+
onChange === null || onChange === void 0 || onChange(nextValue, event);
|
|
108
108
|
setValue(nextValue);
|
|
109
109
|
});
|
|
110
110
|
var handleClear = useEventCallback(function (event) {
|
|
@@ -113,7 +113,7 @@ var DateRangeInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
113
113
|
setSelectionRange(0, 0);
|
|
114
114
|
reset();
|
|
115
115
|
setValue(null);
|
|
116
|
-
onChange === null || onChange === void 0
|
|
116
|
+
onChange === null || onChange === void 0 || onChange(null, event);
|
|
117
117
|
});
|
|
118
118
|
var onSegmentChange = useEventCallback(function (event, nextDirection) {
|
|
119
119
|
var input = event.target;
|
|
@@ -240,12 +240,12 @@ var DateRangeInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
240
240
|
end = _ref[1];
|
|
241
241
|
if (isValid(start) && isValid(end)) {
|
|
242
242
|
var nextValue = [start, end];
|
|
243
|
-
onChange === null || onChange === void 0
|
|
243
|
+
onChange === null || onChange === void 0 || onChange(nextValue, event);
|
|
244
244
|
setValue(nextValue);
|
|
245
245
|
startDateState.setNewDate(start);
|
|
246
246
|
endDateState.setNewDate(end);
|
|
247
247
|
}
|
|
248
|
-
onPaste === null || onPaste === void 0
|
|
248
|
+
onPaste === null || onPaste === void 0 || onPaste(event);
|
|
249
249
|
});
|
|
250
250
|
var onKeyboardInput = useKeyboardInputEvent({
|
|
251
251
|
onSegmentChange: onSegmentChange,
|
|
@@ -290,7 +290,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
290
290
|
setSelectedDates(nextValue !== null && nextValue !== void 0 ? nextValue : []);
|
|
291
291
|
setValue(nextValue);
|
|
292
292
|
if (!isSameRange(nextValue, value, formatStr)) {
|
|
293
|
-
onChange === null || onChange === void 0
|
|
293
|
+
onChange === null || onChange === void 0 || onChange(nextValue, event);
|
|
294
294
|
}
|
|
295
295
|
|
|
296
296
|
// `closeOverlay` default value is `true`
|
|
@@ -341,7 +341,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
341
341
|
// in `oneTap` mode
|
|
342
342
|
if (oneTap) {
|
|
343
343
|
setDateRange(event, noHoverRangeValid ? [startOfDay(date), endOfDay(date)] : hoverRangeValue);
|
|
344
|
-
onSelect === null || onSelect === void 0
|
|
344
|
+
onSelect === null || onSelect === void 0 || onSelect(date, event);
|
|
345
345
|
return;
|
|
346
346
|
}
|
|
347
347
|
|
|
@@ -394,7 +394,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
394
394
|
eventName: 'changeDate'
|
|
395
395
|
});
|
|
396
396
|
}
|
|
397
|
-
onSelect === null || onSelect === void 0
|
|
397
|
+
onSelect === null || onSelect === void 0 || onSelect(date, event);
|
|
398
398
|
setSelectedIdle(!isSelectedIdle);
|
|
399
399
|
});
|
|
400
400
|
|
|
@@ -477,7 +477,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
477
477
|
} else {
|
|
478
478
|
setSelectedDates(value !== null && value !== void 0 ? value : []);
|
|
479
479
|
}
|
|
480
|
-
onShortcutClick === null || onShortcutClick === void 0
|
|
480
|
+
onShortcutClick === null || onShortcutClick === void 0 || onShortcutClick(range, event);
|
|
481
481
|
|
|
482
482
|
// End unfinished selections.
|
|
483
483
|
setSelectedIdle(true);
|
|
@@ -495,14 +495,14 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
495
495
|
var handleClickOK = useEventCallback(function (event) {
|
|
496
496
|
var nextValue = calculateDateRange();
|
|
497
497
|
setDateRange(event, nextValue);
|
|
498
|
-
onOk === null || onOk === void 0
|
|
498
|
+
onOk === null || onOk === void 0 || onOk(nextValue, event);
|
|
499
499
|
});
|
|
500
500
|
var handleClean = useEventCallback(function (event) {
|
|
501
501
|
setCalendarDateRange({
|
|
502
502
|
dateRange: null
|
|
503
503
|
});
|
|
504
504
|
setDateRange(event, null);
|
|
505
|
-
onClean === null || onClean === void 0
|
|
505
|
+
onClean === null || onClean === void 0 || onClean(event);
|
|
506
506
|
event.stopPropagation();
|
|
507
507
|
});
|
|
508
508
|
|
|
@@ -598,7 +598,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
598
598
|
};
|
|
599
599
|
var handleClose = useEventCallback(function () {
|
|
600
600
|
var _trigger$current, _trigger$current$clos;
|
|
601
|
-
(_trigger$current = trigger.current) === null || _trigger$current === void 0
|
|
601
|
+
(_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);
|
|
602
602
|
});
|
|
603
603
|
var handleInputKeyDown = useEventCallback(function (event) {
|
|
604
604
|
onMenuKeyDown(event, {
|
|
@@ -609,7 +609,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
609
609
|
open = _ref4.open;
|
|
610
610
|
if (!open) {
|
|
611
611
|
var _trigger$current3;
|
|
612
|
-
(_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0
|
|
612
|
+
(_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 || _trigger$current3.open();
|
|
613
613
|
}
|
|
614
614
|
}
|
|
615
615
|
});
|
|
@@ -12,19 +12,19 @@ export function useCalendarHandlers(_ref) {
|
|
|
12
12
|
return calendarDateRange[index];
|
|
13
13
|
}, [calendarDateRange, index]);
|
|
14
14
|
var handleSelect = useEventCallback(function (date, event) {
|
|
15
|
-
onSelect === null || onSelect === void 0
|
|
15
|
+
onSelect === null || onSelect === void 0 || onSelect(index, date, event);
|
|
16
16
|
});
|
|
17
17
|
var handleChangeMonth = useEventCallback(function (nextPageDate) {
|
|
18
|
-
onChangeCalendarMonth === null || onChangeCalendarMonth === void 0
|
|
18
|
+
onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 || onChangeCalendarMonth(index, nextPageDate);
|
|
19
19
|
});
|
|
20
20
|
var handleChangeTime = useEventCallback(function (nextPageDate) {
|
|
21
|
-
onChangeCalendarTime === null || onChangeCalendarTime === void 0
|
|
21
|
+
onChangeCalendarTime === null || onChangeCalendarTime === void 0 || onChangeCalendarTime(index, nextPageDate);
|
|
22
22
|
});
|
|
23
23
|
var handleMoveForward = useEventCallback(function () {
|
|
24
|
-
onChangeCalendarMonth === null || onChangeCalendarMonth === void 0
|
|
24
|
+
onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 || onChangeCalendarMonth(index, addMonths(calendarDate, 1));
|
|
25
25
|
});
|
|
26
26
|
var handleMoveBackward = useEventCallback(function () {
|
|
27
|
-
onChangeCalendarMonth === null || onChangeCalendarMonth === void 0
|
|
27
|
+
onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 || onChangeCalendarMonth(index, addMonths(calendarDate, -1));
|
|
28
28
|
});
|
|
29
29
|
return {
|
|
30
30
|
calendarDate: calendarDate,
|
package/esm/Dropdown/Dropdown.js
CHANGED
|
@@ -136,11 +136,11 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
136
136
|
}, popupProps), children);
|
|
137
137
|
},
|
|
138
138
|
onToggleMenu: function onToggleMenu(open) {
|
|
139
|
-
onToggle === null || onToggle === void 0
|
|
139
|
+
onToggle === null || onToggle === void 0 || onToggle(open);
|
|
140
140
|
if (open) {
|
|
141
|
-
onOpen === null || onOpen === void 0
|
|
141
|
+
onOpen === null || onOpen === void 0 || onOpen();
|
|
142
142
|
} else {
|
|
143
|
-
onClose === null || onClose === void 0
|
|
143
|
+
onClose === null || onClose === void 0 || onClose();
|
|
144
144
|
}
|
|
145
145
|
}
|
|
146
146
|
}, function (_ref2, menuContainerRef) {
|
|
@@ -49,8 +49,8 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
49
49
|
prefix = _useClassNames.prefix;
|
|
50
50
|
var handleSelectItem = useCallback(function (event) {
|
|
51
51
|
var _dropdown$onSelect;
|
|
52
|
-
onSelect === null || onSelect === void 0
|
|
53
|
-
dropdown === null || dropdown === void 0
|
|
52
|
+
onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
|
|
53
|
+
dropdown === null || dropdown === void 0 || (_dropdown$onSelect = dropdown.onSelect) === null || _dropdown$onSelect === void 0 || _dropdown$onSelect.call(dropdown, eventKey, event);
|
|
54
54
|
}, [onSelect, eventKey, dropdown]);
|
|
55
55
|
var selected = activeProp || !isNil(eventKey) && shallowEqual(dropdown === null || dropdown === void 0 ? void 0 : dropdown.activeKey, eventKey);
|
|
56
56
|
var dispatch = dropdown === null || dropdown === void 0 ? void 0 : dropdown.dispatch;
|
|
@@ -58,7 +58,7 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
58
58
|
var _useCustom = useCustom(),
|
|
59
59
|
rtl = _useCustom.rtl;
|
|
60
60
|
var handleToggleSubmenu = useCallback(function (_, event) {
|
|
61
|
-
onToggle === null || onToggle === void 0
|
|
61
|
+
onToggle === null || onToggle === void 0 || onToggle(eventKey, event);
|
|
62
62
|
}, [eventKey, onToggle]);
|
|
63
63
|
var _useClassNames = useClassNames(classPrefix),
|
|
64
64
|
merge = _useClassNames.merge,
|
package/esm/Form/Form.js
CHANGED
|
@@ -99,17 +99,17 @@ var Form = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
99
99
|
var submit = useEventCallback(function (event) {
|
|
100
100
|
// Check the form before submitting
|
|
101
101
|
if (check()) {
|
|
102
|
-
onSubmit === null || onSubmit === void 0
|
|
102
|
+
onSubmit === null || onSubmit === void 0 || onSubmit(formValue, event);
|
|
103
103
|
}
|
|
104
104
|
});
|
|
105
105
|
var reset = useEventCallback(function (event) {
|
|
106
106
|
resetErrors();
|
|
107
|
-
onReset === null || onReset === void 0
|
|
107
|
+
onReset === null || onReset === void 0 || onReset(resetFormValue(), event);
|
|
108
108
|
});
|
|
109
109
|
var handleSubmit = useEventCallback(function (event) {
|
|
110
110
|
var _event$preventDefault, _event$stopPropagatio;
|
|
111
|
-
event === null || event === void 0
|
|
112
|
-
event === null || event === void 0
|
|
111
|
+
event === null || event === void 0 || (_event$preventDefault = event.preventDefault) === null || _event$preventDefault === void 0 || _event$preventDefault.call(event);
|
|
112
|
+
event === null || event === void 0 || (_event$stopPropagatio = event.stopPropagation) === null || _event$stopPropagatio === void 0 || _event$stopPropagatio.call(event);
|
|
113
113
|
|
|
114
114
|
// Prevent submission when the form is disabled, readOnly, or plaintext
|
|
115
115
|
if (disabled || readOnly || plaintext) {
|
|
@@ -119,8 +119,8 @@ var Form = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
119
119
|
});
|
|
120
120
|
var handleReset = useEventCallback(function (event) {
|
|
121
121
|
var _event$preventDefault2, _event$stopPropagatio2;
|
|
122
|
-
event === null || event === void 0
|
|
123
|
-
event === null || event === void 0
|
|
122
|
+
event === null || event === void 0 || (_event$preventDefault2 = event.preventDefault) === null || _event$preventDefault2 === void 0 || _event$preventDefault2.call(event);
|
|
123
|
+
event === null || event === void 0 || (_event$stopPropagatio2 = event.stopPropagation) === null || _event$stopPropagatio2 === void 0 || _event$stopPropagatio2.call(event);
|
|
124
124
|
|
|
125
125
|
// Prevent reset when the form is disabled, readOnly, or plaintext
|
|
126
126
|
if (disabled || readOnly || plaintext) {
|
|
@@ -144,14 +144,14 @@ var Form = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
144
144
|
});
|
|
145
145
|
var removeFieldValue = useEventCallback(function (name) {
|
|
146
146
|
var formValue = onRemoveValue(name);
|
|
147
|
-
onChange === null || onChange === void 0
|
|
147
|
+
onChange === null || onChange === void 0 || onChange(formValue);
|
|
148
148
|
});
|
|
149
149
|
var removeFieldError = useEventCallback(function (name) {
|
|
150
150
|
onRemoveError(name);
|
|
151
151
|
});
|
|
152
152
|
var onFieldChange = useEventCallback(function (name, value, event) {
|
|
153
153
|
var nextFormValue = setFieldValue(name, value);
|
|
154
|
-
onChange === null || onChange === void 0
|
|
154
|
+
onChange === null || onChange === void 0 || onChange(nextFormValue, event);
|
|
155
155
|
});
|
|
156
156
|
var formContextValue = {
|
|
157
157
|
errorFromContext: errorFromContext,
|
|
@@ -32,7 +32,7 @@ export default function useFormValidate(_formError, props) {
|
|
|
32
32
|
var formError = {};
|
|
33
33
|
var errorCount = 0;
|
|
34
34
|
var model = getCombinedModel();
|
|
35
|
-
var
|
|
35
|
+
var _checkField = function checkField(key, type, value, formErrorObj) {
|
|
36
36
|
model.setSchemaOptionsForAllType(formValue || {});
|
|
37
37
|
var checkResult = type.check(value, formValue, key);
|
|
38
38
|
if (checkResult.hasError === true) {
|
|
@@ -48,20 +48,20 @@ export default function useFormValidate(_formError, props) {
|
|
|
48
48
|
formErrorObj[key] = formErrorObj[key] || {
|
|
49
49
|
object: {}
|
|
50
50
|
};
|
|
51
|
-
|
|
51
|
+
_checkField(nestedKey, nestedType, value === null || value === void 0 ? void 0 : value[nestedKey], formErrorObj[key].object);
|
|
52
52
|
});
|
|
53
53
|
}
|
|
54
54
|
};
|
|
55
55
|
Object.entries(model.getSchemaSpec()).forEach(function (_ref2) {
|
|
56
56
|
var key = _ref2[0],
|
|
57
57
|
type = _ref2[1];
|
|
58
|
-
|
|
58
|
+
_checkField(key, type, formValue[key], formError);
|
|
59
59
|
});
|
|
60
60
|
setFormError(formError);
|
|
61
|
-
onCheck === null || onCheck === void 0
|
|
62
|
-
callback === null || callback === void 0
|
|
61
|
+
onCheck === null || onCheck === void 0 || onCheck(formError);
|
|
62
|
+
callback === null || callback === void 0 || callback(formError);
|
|
63
63
|
if (errorCount > 0) {
|
|
64
|
-
onError === null || onError === void 0
|
|
64
|
+
onError === null || onError === void 0 || onError(formError);
|
|
65
65
|
return false;
|
|
66
66
|
}
|
|
67
67
|
return true;
|
|
@@ -78,10 +78,10 @@ export default function useFormValidate(_formError, props) {
|
|
|
78
78
|
if (nestedField) {
|
|
79
79
|
nextFormError = set(nextFormError, nameToPath(fieldName), resultOfCurrentField);
|
|
80
80
|
setFormError(nextFormError);
|
|
81
|
-
onCheck === null || onCheck === void 0
|
|
82
|
-
callback === null || callback === void 0
|
|
81
|
+
onCheck === null || onCheck === void 0 || onCheck(nextFormError);
|
|
82
|
+
callback === null || callback === void 0 || callback(resultOfCurrentField);
|
|
83
83
|
if (resultOfCurrentField.hasError) {
|
|
84
|
-
onError === null || onError === void 0
|
|
84
|
+
onError === null || onError === void 0 || onError(nextFormError);
|
|
85
85
|
}
|
|
86
86
|
return !resultOfCurrentField.hasError;
|
|
87
87
|
} else {
|
|
@@ -101,10 +101,10 @@ export default function useFormValidate(_formError, props) {
|
|
|
101
101
|
}
|
|
102
102
|
});
|
|
103
103
|
setFormError(nextFormError);
|
|
104
|
-
onCheck === null || onCheck === void 0
|
|
105
|
-
callback === null || callback === void 0
|
|
104
|
+
onCheck === null || onCheck === void 0 || onCheck(nextFormError);
|
|
105
|
+
callback === null || callback === void 0 || callback(resultOfCurrentField);
|
|
106
106
|
if (hasError) {
|
|
107
|
-
onError === null || onError === void 0
|
|
107
|
+
onError === null || onError === void 0 || onError(nextFormError);
|
|
108
108
|
}
|
|
109
109
|
return !hasError;
|
|
110
110
|
}
|
|
@@ -138,10 +138,10 @@ export default function useFormValidate(_formError, props) {
|
|
|
138
138
|
formError[keys[i]] = values[i].errorMessage;
|
|
139
139
|
}
|
|
140
140
|
}
|
|
141
|
-
onCheck === null || onCheck === void 0
|
|
141
|
+
onCheck === null || onCheck === void 0 || onCheck(formError);
|
|
142
142
|
setFormError(formError);
|
|
143
143
|
if (errorCount > 0) {
|
|
144
|
-
onError === null || onError === void 0
|
|
144
|
+
onError === null || onError === void 0 || onError(formError);
|
|
145
145
|
}
|
|
146
146
|
return {
|
|
147
147
|
hasError: errorCount > 0,
|
|
@@ -161,10 +161,10 @@ export default function useFormValidate(_formError, props) {
|
|
|
161
161
|
|
|
162
162
|
if (nestedField) {
|
|
163
163
|
nextFormError = set(nextFormError, nameToPath(fieldName), resultOfCurrentField);
|
|
164
|
-
onCheck === null || onCheck === void 0
|
|
164
|
+
onCheck === null || onCheck === void 0 || onCheck(nextFormError);
|
|
165
165
|
setFormError(nextFormError);
|
|
166
166
|
if (resultOfCurrentField.hasError) {
|
|
167
|
-
onError === null || onError === void 0
|
|
167
|
+
onError === null || onError === void 0 || onError(nextFormError);
|
|
168
168
|
}
|
|
169
169
|
return resultOfCurrentField;
|
|
170
170
|
} else {
|
|
@@ -184,9 +184,9 @@ export default function useFormValidate(_formError, props) {
|
|
|
184
184
|
}
|
|
185
185
|
});
|
|
186
186
|
setFormError(nextFormError);
|
|
187
|
-
onCheck === null || onCheck === void 0
|
|
187
|
+
onCheck === null || onCheck === void 0 || onCheck(nextFormError);
|
|
188
188
|
if (hasError) {
|
|
189
|
-
onError === null || onError === void 0
|
|
189
|
+
onError === null || onError === void 0 || onError(nextFormError);
|
|
190
190
|
}
|
|
191
191
|
return resultOfCurrentField;
|
|
192
192
|
}
|
|
@@ -208,7 +208,7 @@ export default function useFormValidate(_formError, props) {
|
|
|
208
208
|
var formError = omit(realFormErrorRef.current, [nestedField ? nameToPath(name) : name]);
|
|
209
209
|
realFormErrorRef.current = formError;
|
|
210
210
|
setFormError(formError);
|
|
211
|
-
onCheck === null || onCheck === void 0
|
|
211
|
+
onCheck === null || onCheck === void 0 || onCheck(formError);
|
|
212
212
|
return formError;
|
|
213
213
|
}, [nestedField, onCheck, setFormError]);
|
|
214
214
|
var cleanErrors = useEventCallback(function () {
|
|
@@ -81,8 +81,8 @@ var FormControl = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
81
81
|
useRegisterModel(name, rule);
|
|
82
82
|
useWillUnmount(function () {
|
|
83
83
|
if (shouldResetWithUnmount) {
|
|
84
|
-
removeFieldValue === null || removeFieldValue === void 0
|
|
85
|
-
removeFieldError === null || removeFieldError === void 0
|
|
84
|
+
removeFieldValue === null || removeFieldValue === void 0 || removeFieldValue(name);
|
|
85
|
+
removeFieldError === null || removeFieldError === void 0 || removeFieldError(name);
|
|
86
86
|
}
|
|
87
87
|
});
|
|
88
88
|
var trigger = checkTrigger || contextCheckTrigger;
|
|
@@ -107,14 +107,14 @@ var FormControl = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
107
107
|
if (trigger === 'change') {
|
|
108
108
|
handleFieldCheck(value);
|
|
109
109
|
}
|
|
110
|
-
onFieldChange === null || onFieldChange === void 0
|
|
111
|
-
onChange === null || onChange === void 0
|
|
110
|
+
onFieldChange === null || onFieldChange === void 0 || onFieldChange(name, value, event);
|
|
111
|
+
onChange === null || onChange === void 0 || onChange(value, event);
|
|
112
112
|
});
|
|
113
113
|
var handleFieldBlur = useEventCallback(function (event) {
|
|
114
114
|
if (trigger === 'blur') {
|
|
115
115
|
handleFieldCheck(fieldValue);
|
|
116
116
|
}
|
|
117
|
-
onBlur === null || onBlur === void 0
|
|
117
|
+
onBlur === null || onBlur === void 0 || onBlur(event);
|
|
118
118
|
});
|
|
119
119
|
var handleFieldCheck = useEventCallback(function (value) {
|
|
120
120
|
var nextFormValue = setFieldValue(name, value);
|
|
@@ -17,7 +17,7 @@ function getErrorMessage(error) {
|
|
|
17
17
|
if (error !== null && error !== void 0 && error.array && ((_error$array = error.array) === null || _error$array === void 0 ? void 0 : _error$array.length) > 0) {
|
|
18
18
|
return error.array[0].errorMessage;
|
|
19
19
|
}
|
|
20
|
-
if (
|
|
20
|
+
if (/*#__PURE__*/isValidElement(error)) {
|
|
21
21
|
return error;
|
|
22
22
|
}
|
|
23
23
|
return error === null || error === void 0 ? void 0 : error.errorMessage;
|
|
@@ -8,9 +8,9 @@ function useRegisterModel(name, rule) {
|
|
|
8
8
|
var refRule = useRef(rule);
|
|
9
9
|
refRule.current = rule;
|
|
10
10
|
useEffect(function () {
|
|
11
|
-
pushFieldRule === null || pushFieldRule === void 0
|
|
11
|
+
pushFieldRule === null || pushFieldRule === void 0 || pushFieldRule(name, refRule);
|
|
12
12
|
return function () {
|
|
13
|
-
removeFieldRule === null || removeFieldRule === void 0
|
|
13
|
+
removeFieldRule === null || removeFieldRule === void 0 || removeFieldRule(name);
|
|
14
14
|
};
|
|
15
15
|
}, [name, pushFieldRule, removeFieldRule]);
|
|
16
16
|
}
|
|
@@ -16,7 +16,7 @@ function getDisplayName(Component) {
|
|
|
16
16
|
if (typeof (Component === null || Component === void 0 ? void 0 : Component.type) === 'string') {
|
|
17
17
|
return Component === null || Component === void 0 ? void 0 : Component.type;
|
|
18
18
|
}
|
|
19
|
-
return (Component === null || Component === void 0
|
|
19
|
+
return (Component === null || Component === void 0 || (_Component$type = Component.type) === null || _Component$type === void 0 ? void 0 : _Component$type.displayName) || '';
|
|
20
20
|
}
|
|
21
21
|
export function renderChildren(children, props, ref) {
|
|
22
22
|
if (typeof children === 'function') {
|
|
@@ -28,27 +28,27 @@ var useEditState = function useEditState(props) {
|
|
|
28
28
|
if (disabled) {
|
|
29
29
|
return;
|
|
30
30
|
}
|
|
31
|
-
onClick === null || onClick === void 0
|
|
32
|
-
onEdit === null || onEdit === void 0
|
|
31
|
+
onClick === null || onClick === void 0 || onClick(event);
|
|
32
|
+
onEdit === null || onEdit === void 0 || onEdit(event);
|
|
33
33
|
setIsEditing(true);
|
|
34
34
|
setResetValue(value);
|
|
35
35
|
});
|
|
36
36
|
var handleChange = useEventCallback(function (value, event) {
|
|
37
37
|
setValue(value);
|
|
38
|
-
onChange === null || onChange === void 0
|
|
38
|
+
onChange === null || onChange === void 0 || onChange(value, event);
|
|
39
39
|
});
|
|
40
40
|
var handleCancel = useEventCallback(function (event) {
|
|
41
41
|
var _event$stopPropagatio;
|
|
42
42
|
setIsEditing(false);
|
|
43
43
|
setValue(resetValue);
|
|
44
|
-
onCancel === null || onCancel === void 0
|
|
45
|
-
event === null || event === void 0
|
|
44
|
+
onCancel === null || onCancel === void 0 || onCancel(event);
|
|
45
|
+
event === null || event === void 0 || (_event$stopPropagatio = event.stopPropagation) === null || _event$stopPropagatio === void 0 || _event$stopPropagatio.call(event);
|
|
46
46
|
});
|
|
47
47
|
var handleSave = useEventCallback(function (event) {
|
|
48
48
|
var _event$stopPropagatio2;
|
|
49
49
|
setIsEditing(false);
|
|
50
|
-
onSave === null || onSave === void 0
|
|
51
|
-
event === null || event === void 0
|
|
50
|
+
onSave === null || onSave === void 0 || onSave(event);
|
|
51
|
+
event === null || event === void 0 || (_event$stopPropagatio2 = event.stopPropagation) === null || _event$stopPropagatio2 === void 0 || _event$stopPropagatio2.call(event);
|
|
52
52
|
});
|
|
53
53
|
var handleKeyDown = useEventCallback(function (event) {
|
|
54
54
|
var _event$target;
|
|
@@ -18,14 +18,14 @@ var useFocusEvent = function useFocusEvent(_ref) {
|
|
|
18
18
|
var _picker$target, _picker$target$focus, _picker$open;
|
|
19
19
|
var picker = ref.current;
|
|
20
20
|
// Auto focus the search input
|
|
21
|
-
picker === null || picker === void 0
|
|
21
|
+
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);
|
|
22
22
|
|
|
23
23
|
// Open the picker
|
|
24
|
-
picker === null || picker === void 0
|
|
24
|
+
picker === null || picker === void 0 || (_picker$open = picker.open) === null || _picker$open === void 0 || _picker$open.call(picker);
|
|
25
25
|
}, 100);
|
|
26
26
|
} else {
|
|
27
27
|
var _ref$current2, _ref$current2$focus;
|
|
28
|
-
(_ref$current2 = ref.current) === null || _ref$current2 === void 0
|
|
28
|
+
(_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);
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
31
|
var handleBlur = useEventCallback(function (event) {
|
|
@@ -37,9 +37,9 @@ var useFocusEvent = function useFocusEvent(_ref) {
|
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
if (stateOnBlur === 'save') {
|
|
40
|
-
onSave === null || onSave === void 0
|
|
40
|
+
onSave === null || onSave === void 0 || onSave(event);
|
|
41
41
|
} else if (stateOnBlur === 'cancel') {
|
|
42
|
-
onCancel === null || onCancel === void 0
|
|
42
|
+
onCancel === null || onCancel === void 0 || onCancel(event);
|
|
43
43
|
}
|
|
44
44
|
});
|
|
45
45
|
useIsomorphicLayoutEffect(function () {
|
package/esm/Input/Input.js
CHANGED
|
@@ -45,13 +45,13 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
45
45
|
rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
|
|
46
46
|
var handleKeyDown = function handleKeyDown(event) {
|
|
47
47
|
if (event.key === KEY_VALUES.ENTER) {
|
|
48
|
-
onPressEnter === null || onPressEnter === void 0
|
|
48
|
+
onPressEnter === null || onPressEnter === void 0 || onPressEnter(event);
|
|
49
49
|
}
|
|
50
|
-
onKeyDown === null || onKeyDown === void 0
|
|
50
|
+
onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
|
|
51
51
|
};
|
|
52
52
|
var handleChange = function handleChange(event) {
|
|
53
53
|
var _event$target;
|
|
54
|
-
onChange === null || onChange === void 0
|
|
54
|
+
onChange === null || onChange === void 0 || onChange((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);
|
|
55
55
|
};
|
|
56
56
|
var _useClassNames = useClassNames(classPrefix),
|
|
57
57
|
withClassPrefix = _useClassNames.withClassPrefix,
|
|
@@ -46,8 +46,8 @@ var InputGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
46
46
|
}));
|
|
47
47
|
var renderChildren = useCallback(function () {
|
|
48
48
|
return React.Children.map(children, function (item) {
|
|
49
|
-
if (
|
|
50
|
-
if (
|
|
49
|
+
if (/*#__PURE__*/React.isValidElement(item)) {
|
|
50
|
+
if (/*#__PURE__*/React.isValidElement(item)) {
|
|
51
51
|
// Fix: Add type assertion to pass the disabled prop to the child element
|
|
52
52
|
return disabled ? /*#__PURE__*/React.cloneElement(item, {
|
|
53
53
|
disabled: disabled
|
|
@@ -140,7 +140,7 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
140
140
|
var handleChangeValue = useEventCallback(function (currentValue, event) {
|
|
141
141
|
if (currentValue !== value) {
|
|
142
142
|
setValue(currentValue);
|
|
143
|
-
onChange === null || onChange === void 0
|
|
143
|
+
onChange === null || onChange === void 0 || onChange(currentValue, event);
|
|
144
144
|
}
|
|
145
145
|
});
|
|
146
146
|
|
|
@@ -202,7 +202,7 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
202
202
|
handleStepUp(event);
|
|
203
203
|
}
|
|
204
204
|
}
|
|
205
|
-
onWheel === null || onWheel === void 0
|
|
205
|
+
onWheel === null || onWheel === void 0 || onWheel(event);
|
|
206
206
|
});
|
|
207
207
|
var handleChange = useEventCallback(function (value, event) {
|
|
208
208
|
var separator = decimalSeparator || '.';
|
|
@@ -241,7 +241,7 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
241
241
|
}
|
|
242
242
|
return function () {
|
|
243
243
|
var _wheelListener;
|
|
244
|
-
(_wheelListener = wheelListener) === null || _wheelListener === void 0
|
|
244
|
+
(_wheelListener = wheelListener) === null || _wheelListener === void 0 || _wheelListener.off();
|
|
245
245
|
};
|
|
246
246
|
}, [handleWheel, scrollable]);
|
|
247
247
|
var inputValue = useMemo(function () {
|
|
@@ -51,7 +51,7 @@ var useInputWidth = function useInputWidth(props, sizerRef, placeholderRef) {
|
|
|
51
51
|
}
|
|
52
52
|
if (width !== inputWidth) {
|
|
53
53
|
setInputWidth(width);
|
|
54
|
-
onAutosize === null || onAutosize === void 0
|
|
54
|
+
onAutosize === null || onAutosize === void 0 || onAutosize(width);
|
|
55
55
|
}
|
|
56
56
|
}, [minWidth, placeholder, inputWidth, value, placeholderRef, sizerRef, onAutosize]);
|
|
57
57
|
return inputWidth;
|