rsuite 6.0.0-canary-20250416 → 6.0.0-canary-20250424
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/AutoComplete/styles/index.css +32 -71
- package/Button/styles/index.css +4 -6
- package/CHANGELOG.md +15 -0
- package/Calendar/styles/index.css +8 -16
- package/CascadeTree/styles/index.css +8 -16
- package/Cascader/styles/index.css +36 -79
- package/CheckPicker/styles/index.css +32 -66
- package/CheckTree/styles/index.css +34 -70
- package/CheckTreePicker/styles/index.css +34 -70
- package/Checkbox/styles/index.css +7 -9
- package/Checkbox/styles/index.less +1 -1
- package/DateInput/styles/index.css +6 -9
- package/DatePicker/styles/index.css +38 -81
- package/DateRangeInput/styles/index.css +6 -9
- package/DateRangePicker/styles/index.css +38 -81
- package/Dropdown/styles/index.css +6 -10
- package/FormControl/styles/index.css +2 -2
- package/FormControl/styles/index.less +2 -2
- package/IconButton/styles/index.css +4 -6
- package/Input/styles/index.css +6 -9
- package/Input/styles/mixin.less +2 -3
- package/InputGroup/styles/index.css +7 -13
- package/InputGroup/styles/index.less +3 -4
- package/InputNumber/styles/index.css +36 -35
- package/InputNumber/styles/index.less +1 -67
- package/InputPicker/styles/index.css +32 -71
- package/Message/styles/index.css +5 -15
- package/Message/styles/index.less +4 -3
- package/MultiCascadeTree/styles/index.css +38 -80
- package/MultiCascader/styles/index.css +38 -80
- package/Nav/styles/index.css +8 -14
- package/Navbar/styles/index.css +16 -40
- package/NumberInput/package.json +7 -0
- package/NumberInput/styles/index.css +1402 -0
- package/NumberInput/styles/index.less +74 -0
- package/{InputNumber → NumberInput}/styles/mixin.less +0 -0
- package/Pagination/styles/index.css +34 -75
- package/PasswordInput/styles/index.css +6 -9
- package/PinInput/package.json +7 -0
- package/PinInput/styles/index.css +212 -0
- package/PinInput/styles/index.less +66 -0
- package/Radio/styles/index.css +7 -9
- package/Radio/styles/index.less +1 -1
- package/RangeSlider/styles/index.css +2 -0
- package/SelectPicker/styles/index.css +32 -71
- package/Sidenav/styles/index.css +30 -67
- package/Slider/styles/index.css +2 -0
- package/Slider/styles/index.less +2 -0
- package/Stat/styles/index.css +4 -6
- package/Tabs/styles/index.css +8 -14
- package/Tag/styles/index.css +0 -15
- package/TagInput/styles/index.css +34 -72
- package/TagPicker/styles/index.css +34 -72
- package/TimePicker/styles/index.css +38 -81
- package/TimeRangePicker/styles/index.css +38 -81
- package/Toggle/styles/index.css +9 -13
- package/Toggle/styles/index.less +3 -4
- package/Tree/styles/index.css +34 -75
- package/TreePicker/styles/index.css +34 -75
- package/Uploader/styles/index.css +6 -10
- package/cjs/Accordion/Accordion.js +2 -2
- package/cjs/Affix/Affix.js +1 -2
- package/cjs/Animation/Bounce.js +1 -2
- package/cjs/Animation/Collapse.js +1 -2
- package/cjs/Animation/Fade.js +1 -2
- package/cjs/Animation/Slide.js +1 -2
- package/cjs/AutoComplete/AutoComplete.d.ts +2 -2
- package/cjs/AutoComplete/AutoComplete.js +1 -2
- package/cjs/Avatar/Avatar.js +1 -2
- package/cjs/AvatarGroup/AvatarGroup.js +1 -2
- package/cjs/Badge/Badge.js +1 -2
- package/cjs/Breadcrumb/Breadcrumb.js +1 -2
- package/cjs/Button/Button.d.ts +2 -2
- package/cjs/Button/Button.js +1 -2
- package/cjs/ButtonGroup/ButtonGroup.d.ts +2 -2
- package/cjs/ButtonGroup/ButtonGroup.js +1 -2
- package/cjs/ButtonToolbar/ButtonToolbar.js +1 -2
- package/cjs/Calendar/Calendar.js +4 -4
- package/cjs/Calendar/CalendarBody.js +1 -4
- package/cjs/Calendar/CalendarContainer.js +1 -1
- package/cjs/Calendar/CalendarHeader.js +3 -3
- package/cjs/Calendar/CalendarProvider.d.ts +1 -1
- package/cjs/Calendar/Grid/GridCell.js +1 -2
- package/cjs/Calendar/Grid/GridHeaderRow.js +1 -2
- package/cjs/Calendar/Grid/GridRow.d.ts +2 -0
- package/cjs/Calendar/Grid/GridRow.js +5 -4
- package/cjs/Calendar/MonthDropdown/MonthDropdownItem.js +1 -2
- package/cjs/Calendar/hooks/useCalendar.d.ts +24 -2
- package/cjs/Calendar/hooks/useCalendar.js +34 -1
- package/cjs/Card/Card.js +1 -2
- package/cjs/CardGroup/CardGroup.js +1 -2
- package/cjs/Carousel/Carousel.js +1 -2
- package/cjs/CascadeTree/CascadeTree.js +1 -2
- package/cjs/CascadeTree/SearchView.js +1 -2
- package/cjs/CascadeTree/TreeView.js +1 -2
- package/cjs/Cascader/Cascader.js +1 -2
- package/cjs/CheckPicker/CheckPicker.js +1 -2
- package/cjs/CheckTree/CheckTree.js +1 -2
- package/cjs/CheckTree/CheckTreeNode.js +1 -2
- package/cjs/CheckTree/CheckTreeView.js +1 -2
- package/cjs/CheckTreePicker/CheckTreePicker.js +1 -2
- package/cjs/Checkbox/Checkbox.js +1 -2
- package/cjs/CheckboxGroup/CheckboxGroup.js +1 -2
- package/cjs/Container/Container.js +1 -2
- package/cjs/CustomProvider/CustomProvider.d.ts +1 -271
- package/cjs/CustomProvider/CustomProvider.js +2 -3
- package/cjs/CustomProvider/index.d.ts +1 -6
- package/cjs/CustomProvider/index.js +3 -12
- package/cjs/DateInput/DateInput.js +1 -2
- package/cjs/DateInput/hooks/useDateInputState.js +2 -2
- package/cjs/DatePicker/DatePicker.js +2 -3
- package/cjs/DatePicker/hooks/useFocus.js +1 -2
- package/cjs/DateRangeInput/DateRangeInput.js +1 -2
- package/cjs/DateRangePicker/DateRangePicker.js +2 -3
- package/cjs/DateRangePicker/Header.js +3 -3
- package/cjs/DateRangePicker/utils.d.ts +1 -1
- package/cjs/DateRangePicker/utils.js +1 -1
- package/cjs/Divider/Divider.js +1 -2
- package/cjs/Drawer/Drawer.js +1 -2
- package/cjs/Dropdown/Dropdown.js +1 -2
- package/cjs/Dropdown/DropdownMenu.js +1 -2
- package/cjs/FlexboxGrid/FlexboxGrid.js +1 -2
- package/cjs/Form/Form.js +1 -2
- package/cjs/FormControl/FormControl.js +1 -2
- package/cjs/FormControlLabel/FormControlLabel.js +1 -2
- package/cjs/FormErrorMessage/FormErrorMessage.js +1 -2
- package/cjs/FormGroup/FormGroup.js +1 -2
- package/cjs/FormHelpText/FormHelpText.js +1 -2
- package/cjs/FormStack/FormStack.js +1 -2
- package/cjs/Grid/Col.js +1 -2
- package/cjs/Grid/Grid.js +1 -2
- package/cjs/Grid/Row.js +1 -2
- package/cjs/Heading/Heading.js +1 -2
- package/cjs/Highlight/Highlight.js +2 -3
- package/cjs/IconButton/IconButton.js +1 -2
- package/cjs/Image/Image.js +2 -3
- package/cjs/InlineEdit/InlineEdit.js +1 -2
- package/cjs/Input/Input.js +3 -3
- package/cjs/InputGroup/InputGroup.js +1 -2
- package/cjs/InputNumber/index.d.ts +12 -2
- package/cjs/InputNumber/index.js +11 -4
- package/cjs/InputPicker/InputPicker.js +1 -2
- package/cjs/InputPicker/utils.d.ts +1 -1
- package/cjs/Kbd/Kbd.js +1 -2
- package/cjs/Link/Link.js +1 -2
- package/cjs/List/List.js +1 -2
- package/cjs/Loader/Loader.js +1 -2
- package/cjs/MaskedInput/MaskedInput.js +2 -2
- package/cjs/Message/Message.js +1 -2
- package/cjs/Modal/Modal.js +1 -2
- package/cjs/Modal/ModalHeader.js +1 -2
- package/cjs/MultiCascadeTree/MultiCascadeTree.js +1 -2
- package/cjs/MultiCascadeTree/SearchView.js +1 -2
- package/cjs/MultiCascadeTree/TreeView.js +1 -2
- package/cjs/MultiCascader/MultiCascader.js +1 -2
- package/cjs/Nav/Nav.js +1 -2
- package/cjs/Nav/NavDropdownMenu.js +1 -2
- package/cjs/Navbar/Navbar.d.ts +1 -1
- package/cjs/Navbar/Navbar.js +1 -2
- package/cjs/Navbar/NavbarDropdownMenu.js +1 -2
- package/cjs/Navbar/NavbarToggle.d.ts +8 -3
- package/cjs/Navbar/NavbarToggle.js +9 -14
- package/cjs/Notification/Notification.js +1 -2
- package/cjs/{InputNumber/InputNumber.d.ts → NumberInput/NumberInput.d.ts} +20 -8
- package/cjs/NumberInput/NumberInput.js +162 -0
- package/cjs/NumberInput/hooks/useEvents.d.ts +22 -0
- package/cjs/NumberInput/hooks/useEvents.js +114 -0
- package/cjs/NumberInput/hooks/useNumberInputValue.d.ts +7 -0
- package/cjs/NumberInput/hooks/useNumberInputValue.js +34 -0
- package/cjs/NumberInput/hooks/useWheelHandler.d.ts +5 -0
- package/cjs/NumberInput/hooks/useWheelHandler.js +25 -0
- package/cjs/NumberInput/index.d.ts +4 -0
- package/cjs/NumberInput/index.js +11 -0
- package/cjs/NumberInput/utils/number.d.ts +17 -0
- package/cjs/NumberInput/utils/number.js +67 -0
- package/cjs/Pagination/LimitPicker.d.ts +2 -2
- package/cjs/Pagination/Pagination.d.ts +2 -2
- package/cjs/Pagination/Pagination.js +1 -2
- package/cjs/Pagination/PaginationGroup.js +1 -2
- package/cjs/Panel/Panel.js +1 -2
- package/cjs/PanelGroup/PanelGroup.js +1 -2
- package/cjs/PasswordInput/PasswordInput.d.ts +4 -0
- package/cjs/PasswordInput/PasswordInput.js +5 -4
- package/cjs/PasswordStrengthMeter/PasswordStrengthMeter.js +1 -2
- package/cjs/PinInput/PinInput.d.ts +36 -0
- package/cjs/PinInput/PinInput.js +224 -0
- package/cjs/PinInput/hooks/usePinInputRefs.d.ts +12 -0
- package/cjs/PinInput/hooks/usePinInputRefs.js +62 -0
- package/cjs/PinInput/hooks/usePinValue.d.ts +14 -0
- package/cjs/PinInput/hooks/usePinValue.js +73 -0
- package/cjs/PinInput/index.d.ts +4 -0
- package/cjs/PinInput/index.js +9 -0
- package/cjs/Placeholder/PlaceholderGraph.js +1 -2
- package/cjs/Placeholder/PlaceholderGrid.js +1 -2
- package/cjs/Placeholder/PlaceholderParagraph.js +1 -2
- package/cjs/Popover/Popover.js +1 -2
- package/cjs/Progress/ProgressCircle.js +1 -2
- package/cjs/Progress/ProgressLine.js +1 -2
- package/cjs/Radio/Radio.js +1 -2
- package/cjs/RadioGroup/RadioGroup.js +1 -2
- package/cjs/RadioTile/RadioTile.js +1 -2
- package/cjs/RadioTileGroup/RadioTileGroup.js +1 -2
- package/cjs/RangeSlider/RangeSlider.js +2 -3
- package/cjs/Rate/Rate.js +1 -2
- package/cjs/SelectPicker/SelectPicker.js +1 -2
- package/cjs/Sidebar/Sidebar.js +1 -2
- package/cjs/Sidenav/ExpandedSidenavDropdownMenu.js +1 -2
- package/cjs/Sidenav/Sidenav.js +1 -2
- package/cjs/Sidenav/SidenavDropdownMenu.js +1 -2
- package/cjs/Slider/Slider.d.ts +5 -1
- package/cjs/Slider/Slider.js +13 -14
- package/cjs/Stack/Stack.js +1 -2
- package/cjs/Stat/Stat.js +1 -2
- package/cjs/Stat/StatValue.js +2 -2
- package/cjs/StatGroup/StatGroup.js +1 -2
- package/cjs/Steps/Steps.js +1 -2
- package/cjs/Table/Table.js +2 -2
- package/cjs/Tabs/Tabs.js +1 -2
- package/cjs/Tag/Tag.js +1 -2
- package/cjs/TagInput/TagInput.js +2 -2
- package/cjs/TagPicker/TagPicker.js +2 -2
- package/cjs/Text/Text.js +1 -2
- package/cjs/Textarea/Textarea.js +1 -2
- package/cjs/TimePicker/TimePicker.d.ts +1 -2
- package/cjs/TimePicker/TimePicker.js +2 -2
- package/cjs/TimeRangePicker/TimeRangePicker.js +2 -2
- package/cjs/Timeline/Timeline.js +1 -2
- package/cjs/Toggle/Toggle.js +1 -2
- package/cjs/Tooltip/Tooltip.js +1 -2
- package/cjs/Tree/Tree.js +1 -2
- package/cjs/Tree/TreeNode.js +1 -2
- package/cjs/Tree/TreeNodeToggle.js +1 -2
- package/cjs/Tree/TreeView.js +1 -2
- package/cjs/Tree/hooks/useFocusTree.js +1 -2
- package/cjs/TreePicker/TreePicker.js +1 -2
- package/cjs/Uploader/Uploader.js +1 -2
- package/cjs/Whisper/Whisper.js +2 -2
- package/cjs/index.d.ts +2 -0
- package/cjs/index.js +12 -0
- package/cjs/internals/Box/index.d.ts +1 -0
- package/cjs/internals/Box/index.js +1 -0
- package/cjs/internals/Burger/Burger.d.ts +16 -0
- package/cjs/internals/Burger/Burger.js +46 -0
- package/cjs/internals/Burger/index.d.ts +4 -0
- package/cjs/internals/Burger/index.js +11 -0
- package/cjs/internals/CloseButton/CloseButton.js +1 -2
- package/cjs/internals/Menu/Menu.js +1 -2
- package/cjs/internals/Menu/Menubar.js +2 -2
- package/cjs/internals/Picker/PickerIndicator.js +1 -2
- package/cjs/internals/Picker/hooks/useCombobox.d.ts +1 -1
- package/cjs/internals/Plaintext/Plaintext.js +1 -2
- package/cjs/internals/Provider/CustomContext.d.ts +253 -0
- package/cjs/internals/Provider/CustomContext.js +8 -0
- package/cjs/internals/Provider/types.d.ts +236 -0
- package/cjs/internals/Ripple/Ripple.js +1 -2
- package/cjs/internals/SafeAnchor/SafeAnchor.js +2 -2
- package/cjs/internals/Windowing/List.js +2 -2
- package/cjs/internals/hooks/index.d.ts +1 -0
- package/cjs/internals/hooks/index.js +3 -1
- package/cjs/{CustomProvider → internals/hooks}/useCustom.d.ts +4 -4
- package/cjs/{CustomProvider → internals/hooks}/useCustom.js +5 -5
- package/cjs/internals/hooks/useStyles.js +2 -2
- package/cjs/internals/hooks/useToggleCaret.js +2 -2
- package/cjs/{CustomProvider → internals/intl}/FormattedDate.js +2 -2
- package/cjs/{CustomProvider → internals/intl}/FormattedNumber.js +2 -2
- package/cjs/internals/types/picker.d.ts +2 -2
- package/cjs/internals/types/sizes.d.ts +2 -0
- package/cjs/internals/types/sizes.js +2 -1
- package/cjs/internals/utils/date/getWeekStartDates.d.ts +0 -1
- package/cjs/internals/utils/date/getWeekStartDates.js +2 -4
- package/cjs/internals/utils/react/createComponent.js +15 -4
- package/cjs/useToaster/useToaster.js +2 -5
- package/dist/rsuite-no-reset-rtl.css +246 -265
- 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 +246 -265
- package/dist/rsuite-no-reset.min.css +1 -1
- package/dist/rsuite-no-reset.min.css.map +1 -1
- package/dist/rsuite-rtl.css +246 -265
- package/dist/rsuite-rtl.min.css +1 -1
- package/dist/rsuite-rtl.min.css.map +1 -1
- package/dist/rsuite.css +246 -265
- package/dist/rsuite.js +333 -223
- 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/Accordion/Accordion.js +1 -1
- package/esm/Affix/Affix.js +1 -2
- package/esm/Animation/Bounce.js +1 -2
- package/esm/Animation/Collapse.js +1 -2
- package/esm/Animation/Fade.js +1 -2
- package/esm/Animation/Slide.js +1 -2
- package/esm/AutoComplete/AutoComplete.d.ts +2 -2
- package/esm/AutoComplete/AutoComplete.js +1 -2
- package/esm/Avatar/Avatar.js +1 -2
- package/esm/AvatarGroup/AvatarGroup.js +1 -2
- package/esm/Badge/Badge.js +1 -2
- package/esm/Breadcrumb/Breadcrumb.js +1 -2
- package/esm/Button/Button.d.ts +2 -2
- package/esm/Button/Button.js +1 -2
- package/esm/ButtonGroup/ButtonGroup.d.ts +2 -2
- package/esm/ButtonGroup/ButtonGroup.js +1 -2
- package/esm/ButtonToolbar/ButtonToolbar.js +1 -2
- package/esm/Calendar/Calendar.js +3 -4
- package/esm/Calendar/CalendarBody.js +1 -4
- package/esm/Calendar/CalendarContainer.js +1 -1
- package/esm/Calendar/CalendarHeader.js +1 -1
- package/esm/Calendar/CalendarProvider.d.ts +1 -1
- package/esm/Calendar/Grid/GridCell.js +1 -2
- package/esm/Calendar/Grid/GridHeaderRow.js +1 -2
- package/esm/Calendar/Grid/GridRow.d.ts +2 -0
- package/esm/Calendar/Grid/GridRow.js +5 -4
- package/esm/Calendar/MonthDropdown/MonthDropdownItem.js +1 -2
- package/esm/Calendar/hooks/useCalendar.d.ts +24 -2
- package/esm/Calendar/hooks/useCalendar.js +35 -2
- package/esm/Card/Card.js +1 -2
- package/esm/CardGroup/CardGroup.js +1 -2
- package/esm/Carousel/Carousel.js +1 -2
- package/esm/CascadeTree/CascadeTree.js +1 -2
- package/esm/CascadeTree/SearchView.js +1 -2
- package/esm/CascadeTree/TreeView.js +1 -2
- package/esm/Cascader/Cascader.js +1 -2
- package/esm/CheckPicker/CheckPicker.js +1 -2
- package/esm/CheckTree/CheckTree.js +1 -2
- package/esm/CheckTree/CheckTreeNode.js +1 -2
- package/esm/CheckTree/CheckTreeView.js +1 -2
- package/esm/CheckTreePicker/CheckTreePicker.js +1 -2
- package/esm/Checkbox/Checkbox.js +1 -2
- package/esm/CheckboxGroup/CheckboxGroup.js +1 -2
- package/esm/Container/Container.js +1 -2
- package/esm/CustomProvider/CustomProvider.d.ts +1 -271
- package/esm/CustomProvider/CustomProvider.js +1 -1
- package/esm/CustomProvider/index.d.ts +1 -6
- package/esm/CustomProvider/index.js +0 -6
- package/esm/DateInput/DateInput.js +1 -2
- package/esm/DateInput/hooks/useDateInputState.js +1 -1
- package/esm/DatePicker/DatePicker.js +2 -3
- package/esm/DatePicker/hooks/useFocus.js +1 -2
- package/esm/DateRangeInput/DateRangeInput.js +1 -2
- package/esm/DateRangePicker/DateRangePicker.js +2 -3
- package/esm/DateRangePicker/Header.js +1 -1
- package/esm/DateRangePicker/utils.d.ts +1 -1
- package/esm/DateRangePicker/utils.js +1 -1
- package/esm/Divider/Divider.js +1 -2
- package/esm/Drawer/Drawer.js +1 -2
- package/esm/Dropdown/Dropdown.js +1 -2
- package/esm/Dropdown/DropdownMenu.js +1 -2
- package/esm/FlexboxGrid/FlexboxGrid.js +1 -2
- package/esm/Form/Form.js +1 -2
- package/esm/FormControl/FormControl.js +1 -2
- package/esm/FormControlLabel/FormControlLabel.js +1 -2
- package/esm/FormErrorMessage/FormErrorMessage.js +1 -2
- package/esm/FormGroup/FormGroup.js +1 -2
- package/esm/FormHelpText/FormHelpText.js +1 -2
- package/esm/FormStack/FormStack.js +1 -2
- package/esm/Grid/Col.js +1 -2
- package/esm/Grid/Grid.js +1 -2
- package/esm/Grid/Row.js +1 -2
- package/esm/Heading/Heading.js +1 -2
- package/esm/Highlight/Highlight.js +2 -3
- package/esm/IconButton/IconButton.js +1 -2
- package/esm/Image/Image.js +2 -3
- package/esm/InlineEdit/InlineEdit.js +1 -2
- package/esm/Input/Input.js +2 -2
- package/esm/InputGroup/InputGroup.js +1 -2
- package/esm/InputNumber/index.d.ts +12 -2
- package/esm/InputNumber/index.js +8 -1
- package/esm/InputPicker/InputPicker.js +1 -2
- package/esm/InputPicker/utils.d.ts +1 -1
- package/esm/Kbd/Kbd.js +1 -2
- package/esm/Link/Link.js +1 -2
- package/esm/List/List.js +1 -2
- package/esm/Loader/Loader.js +1 -2
- package/esm/MaskedInput/MaskedInput.js +1 -1
- package/esm/Message/Message.js +1 -2
- package/esm/Modal/Modal.js +1 -2
- package/esm/Modal/ModalHeader.js +1 -2
- package/esm/MultiCascadeTree/MultiCascadeTree.js +1 -2
- package/esm/MultiCascadeTree/SearchView.js +1 -2
- package/esm/MultiCascadeTree/TreeView.js +1 -2
- package/esm/MultiCascader/MultiCascader.js +1 -2
- package/esm/Nav/Nav.js +1 -2
- package/esm/Nav/NavDropdownMenu.js +1 -2
- package/esm/Navbar/Navbar.d.ts +1 -1
- package/esm/Navbar/Navbar.js +1 -2
- package/esm/Navbar/NavbarDropdownMenu.js +1 -2
- package/esm/Navbar/NavbarToggle.d.ts +8 -3
- package/esm/Navbar/NavbarToggle.js +10 -15
- package/esm/Notification/Notification.js +1 -2
- package/esm/{InputNumber/InputNumber.d.ts → NumberInput/NumberInput.d.ts} +20 -8
- package/esm/NumberInput/NumberInput.js +157 -0
- package/esm/NumberInput/hooks/useEvents.d.ts +22 -0
- package/esm/NumberInput/hooks/useEvents.js +110 -0
- package/esm/NumberInput/hooks/useNumberInputValue.d.ts +7 -0
- package/esm/NumberInput/hooks/useNumberInputValue.js +29 -0
- package/esm/NumberInput/hooks/useWheelHandler.d.ts +5 -0
- package/esm/NumberInput/hooks/useWheelHandler.js +21 -0
- package/esm/NumberInput/index.d.ts +4 -0
- package/esm/NumberInput/index.js +8 -0
- package/esm/NumberInput/utils/number.d.ts +17 -0
- package/esm/NumberInput/utils/number.js +59 -0
- package/esm/Pagination/LimitPicker.d.ts +2 -2
- package/esm/Pagination/Pagination.d.ts +2 -2
- package/esm/Pagination/Pagination.js +1 -2
- package/esm/Pagination/PaginationGroup.js +1 -2
- package/esm/Panel/Panel.js +1 -2
- package/esm/PanelGroup/PanelGroup.js +1 -2
- package/esm/PasswordInput/PasswordInput.d.ts +4 -0
- package/esm/PasswordInput/PasswordInput.js +5 -4
- package/esm/PasswordStrengthMeter/PasswordStrengthMeter.js +1 -2
- package/esm/PinInput/PinInput.d.ts +36 -0
- package/esm/PinInput/PinInput.js +219 -0
- package/esm/PinInput/hooks/usePinInputRefs.d.ts +12 -0
- package/esm/PinInput/hooks/usePinInputRefs.js +58 -0
- package/esm/PinInput/hooks/usePinValue.d.ts +14 -0
- package/esm/PinInput/hooks/usePinValue.js +69 -0
- package/esm/PinInput/index.d.ts +4 -0
- package/esm/PinInput/index.js +4 -0
- package/esm/Placeholder/PlaceholderGraph.js +1 -2
- package/esm/Placeholder/PlaceholderGrid.js +1 -2
- package/esm/Placeholder/PlaceholderParagraph.js +1 -2
- package/esm/Popover/Popover.js +1 -2
- package/esm/Progress/ProgressCircle.js +1 -2
- package/esm/Progress/ProgressLine.js +1 -2
- package/esm/Radio/Radio.js +1 -2
- package/esm/RadioGroup/RadioGroup.js +1 -2
- package/esm/RadioTile/RadioTile.js +1 -2
- package/esm/RadioTileGroup/RadioTileGroup.js +1 -2
- package/esm/RangeSlider/RangeSlider.js +1 -2
- package/esm/Rate/Rate.js +1 -2
- package/esm/SelectPicker/SelectPicker.js +1 -2
- package/esm/Sidebar/Sidebar.js +1 -2
- package/esm/Sidenav/ExpandedSidenavDropdownMenu.js +1 -2
- package/esm/Sidenav/Sidenav.js +1 -2
- package/esm/Sidenav/SidenavDropdownMenu.js +1 -2
- package/esm/Slider/Slider.d.ts +5 -1
- package/esm/Slider/Slider.js +12 -13
- package/esm/Stack/Stack.js +1 -2
- package/esm/Stat/Stat.js +1 -2
- package/esm/Stat/StatValue.js +1 -1
- package/esm/StatGroup/StatGroup.js +1 -2
- package/esm/Steps/Steps.js +1 -2
- package/esm/Table/Table.js +1 -1
- package/esm/Tabs/Tabs.js +1 -2
- package/esm/Tag/Tag.js +1 -2
- package/esm/TagInput/TagInput.js +1 -1
- package/esm/TagPicker/TagPicker.js +1 -1
- package/esm/Text/Text.js +1 -2
- package/esm/Textarea/Textarea.js +1 -2
- package/esm/TimePicker/TimePicker.d.ts +1 -2
- package/esm/TimePicker/TimePicker.js +1 -1
- package/esm/TimeRangePicker/TimeRangePicker.js +1 -1
- package/esm/Timeline/Timeline.js +1 -2
- package/esm/Toggle/Toggle.js +1 -2
- package/esm/Tooltip/Tooltip.js +1 -2
- package/esm/Tree/Tree.js +1 -2
- package/esm/Tree/TreeNode.js +1 -2
- package/esm/Tree/TreeNodeToggle.js +1 -2
- package/esm/Tree/TreeView.js +1 -2
- package/esm/Tree/hooks/useFocusTree.js +1 -2
- package/esm/TreePicker/TreePicker.js +1 -2
- package/esm/Uploader/Uploader.js +1 -2
- package/esm/Whisper/Whisper.js +1 -1
- package/esm/index.d.ts +2 -0
- package/esm/index.js +2 -0
- package/esm/internals/Box/index.d.ts +1 -0
- package/esm/internals/Box/index.js +1 -0
- package/esm/internals/Burger/Burger.d.ts +16 -0
- package/esm/internals/Burger/Burger.js +41 -0
- package/esm/internals/Burger/index.d.ts +4 -0
- package/esm/internals/Burger/index.js +8 -0
- package/esm/internals/CloseButton/CloseButton.js +1 -2
- package/esm/internals/Menu/Menu.js +1 -1
- package/esm/internals/Menu/Menubar.js +1 -1
- package/esm/internals/Picker/PickerIndicator.js +1 -2
- package/esm/internals/Picker/hooks/useCombobox.d.ts +1 -1
- package/esm/internals/Plaintext/Plaintext.js +1 -2
- package/esm/internals/Provider/CustomContext.d.ts +253 -0
- package/esm/internals/Provider/CustomContext.js +3 -0
- package/esm/internals/Provider/types.d.ts +236 -0
- package/esm/internals/Ripple/Ripple.js +1 -2
- package/esm/internals/SafeAnchor/SafeAnchor.js +1 -1
- package/esm/internals/Windowing/List.js +1 -1
- package/esm/internals/hooks/index.d.ts +1 -0
- package/esm/internals/hooks/index.js +1 -0
- package/esm/{CustomProvider → internals/hooks}/useCustom.d.ts +4 -4
- package/esm/{CustomProvider → internals/hooks}/useCustom.js +4 -4
- package/esm/internals/hooks/useStyles.js +1 -1
- package/esm/internals/hooks/useToggleCaret.js +1 -1
- package/esm/{CustomProvider → internals/intl}/FormattedDate.js +1 -1
- package/esm/{CustomProvider → internals/intl}/FormattedNumber.js +1 -1
- package/esm/internals/types/picker.d.ts +2 -2
- package/esm/internals/types/sizes.d.ts +2 -0
- package/esm/internals/types/sizes.js +3 -1
- package/esm/internals/utils/date/getWeekStartDates.d.ts +0 -1
- package/esm/internals/utils/date/getWeekStartDates.js +2 -4
- package/esm/internals/utils/react/createComponent.js +12 -2
- package/esm/useToaster/useToaster.js +1 -3
- package/internals/Burger/styles/index.less +67 -0
- package/internals/CloseButton/styles/index.less +0 -10
- package/internals/Picker/styles/index.less +13 -10
- package/internals/Picker/styles/mixin.less +3 -3
- package/package.json +3 -3
- package/styles/color-modes/dark.less +7 -10
- package/styles/color-modes/high-contrast.less +3 -6
- package/styles/color-modes/light.less +5 -8
- package/styles/index.less +3 -1
- package/styles/mixins/utilities.less +2 -5
- package/cjs/CustomProvider/types.d.ts +0 -234
- package/cjs/InputNumber/InputNumber.js +0 -300
- package/esm/CustomProvider/types.d.ts +0 -234
- package/esm/InputNumber/InputNumber.js +0 -293
- /package/cjs/{CustomProvider → internals/Provider}/types.js +0 -0
- /package/cjs/{CustomProvider → internals/intl}/FormattedDate.d.ts +0 -0
- /package/cjs/{CustomProvider → internals/intl}/FormattedNumber.d.ts +0 -0
- /package/esm/{CustomProvider → internals/Provider}/types.js +0 -0
- /package/esm/{CustomProvider → internals/intl}/FormattedDate.d.ts +0 -0
- /package/esm/{CustomProvider → internals/intl}/FormattedNumber.d.ts +0 -0
|
@@ -0,0 +1,253 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { FormatDateOptions } from '../utils/date/types';
|
|
3
|
+
import type { ReactSuiteComponents } from './types';
|
|
4
|
+
import type { ToastContainerInstance } from '../../toaster/ToastContainer';
|
|
5
|
+
import type { Locale } from '../../locales';
|
|
6
|
+
export interface CustomValue<T = Locale> {
|
|
7
|
+
/**
|
|
8
|
+
* The prefix of the component CSS class
|
|
9
|
+
*/
|
|
10
|
+
classPrefix?: string;
|
|
11
|
+
/**
|
|
12
|
+
* The locale object that contains the language and formatting rules for the date.
|
|
13
|
+
*/
|
|
14
|
+
locale: T;
|
|
15
|
+
/**
|
|
16
|
+
* Right-to-left text direction.
|
|
17
|
+
*/
|
|
18
|
+
rtl: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Return the formatted date string in the given format. The result may vary by locale.
|
|
21
|
+
*
|
|
22
|
+
* Example:
|
|
23
|
+
*
|
|
24
|
+
* import format from 'date-fns/format';
|
|
25
|
+
* import eo from 'date-fns/locale/eo'
|
|
26
|
+
*
|
|
27
|
+
* function formatDate(date, formatStr) {
|
|
28
|
+
* return format(date, formatStr, { locale: eo });
|
|
29
|
+
* }
|
|
30
|
+
*
|
|
31
|
+
*/
|
|
32
|
+
formatDate: (date: Date | number, format: string, options?: FormatDateOptions) => string;
|
|
33
|
+
/**
|
|
34
|
+
* Return the date parsed from string using the given format string.
|
|
35
|
+
*
|
|
36
|
+
* Example:
|
|
37
|
+
*
|
|
38
|
+
* import parse from 'date-fns/parse';
|
|
39
|
+
* import eo from 'date-fns/locale/eo'
|
|
40
|
+
*
|
|
41
|
+
* function parseDate(date, formatStr) {
|
|
42
|
+
* return parse(date, formatStr, new Date(), { locale: eo });
|
|
43
|
+
* }
|
|
44
|
+
*
|
|
45
|
+
*/
|
|
46
|
+
parseDate: (dateString: string, formatString: string, referenceDate?: Date | number, options?: FormatDateOptions) => Date;
|
|
47
|
+
/**
|
|
48
|
+
* A Map of toast containers
|
|
49
|
+
*/
|
|
50
|
+
toasters?: React.MutableRefObject<Map<string, ToastContainerInstance>>;
|
|
51
|
+
/**
|
|
52
|
+
* If true, the ripple effect is disabled.
|
|
53
|
+
* Affected components include: Button, Nav.Item, Pagination.
|
|
54
|
+
*/
|
|
55
|
+
disableRipple?: boolean;
|
|
56
|
+
}
|
|
57
|
+
export interface CustomProviderProps<T = Locale> extends Partial<CustomValue<T>> {
|
|
58
|
+
/**
|
|
59
|
+
* Supported themes
|
|
60
|
+
*/
|
|
61
|
+
theme?: 'light' | 'dark' | 'high-contrast';
|
|
62
|
+
/**
|
|
63
|
+
* The prefix of the icon CSS class
|
|
64
|
+
*/
|
|
65
|
+
iconClassPrefix?: string;
|
|
66
|
+
/**
|
|
67
|
+
* Primary content
|
|
68
|
+
*/
|
|
69
|
+
children?: React.ReactNode;
|
|
70
|
+
/**
|
|
71
|
+
* Sets a container for toast rendering
|
|
72
|
+
*/
|
|
73
|
+
toastContainer?: HTMLElement | (() => HTMLElement | null) | null;
|
|
74
|
+
csp?: {
|
|
75
|
+
/**
|
|
76
|
+
* Content Security Policy nonce
|
|
77
|
+
* https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce
|
|
78
|
+
*/
|
|
79
|
+
nonce?: string;
|
|
80
|
+
};
|
|
81
|
+
/**
|
|
82
|
+
* Disable inline styles
|
|
83
|
+
* @default false
|
|
84
|
+
*/
|
|
85
|
+
disableInlineStyles?: boolean;
|
|
86
|
+
/**
|
|
87
|
+
* components allows setting default props for specific components globally.
|
|
88
|
+
* It accepts an object where each key represents a component name (e.g., 'Button', 'Input'),
|
|
89
|
+
* and the corresponding value is an object containing the `defaultProps` object.
|
|
90
|
+
* The `defaultProps` object defines the default props for that component.
|
|
91
|
+
* These props will be automatically applied to the component unless overridden by specific props
|
|
92
|
+
* passed in an individual component instance.
|
|
93
|
+
*
|
|
94
|
+
* @example
|
|
95
|
+
* ```js
|
|
96
|
+
* components={{
|
|
97
|
+
* Button: { defaultProps: { appearance: 'primary', size: 'lg' } },
|
|
98
|
+
* Input: { defaultProps: { placeholder: 'Enter text', size: 'lg' } }
|
|
99
|
+
* }}
|
|
100
|
+
* ```
|
|
101
|
+
*/
|
|
102
|
+
components?: Partial<ReactSuiteComponents>;
|
|
103
|
+
}
|
|
104
|
+
export declare const CustomContext: React.Context<CustomProviderProps<{
|
|
105
|
+
code?: string | undefined;
|
|
106
|
+
common?: {
|
|
107
|
+
loading: string;
|
|
108
|
+
emptyMessage: string;
|
|
109
|
+
remove: string;
|
|
110
|
+
clear: string;
|
|
111
|
+
} | undefined;
|
|
112
|
+
Plaintext?: {
|
|
113
|
+
unfilled: string;
|
|
114
|
+
notSelected: string;
|
|
115
|
+
notUploaded: string;
|
|
116
|
+
} | undefined;
|
|
117
|
+
Pagination?: {
|
|
118
|
+
more: string;
|
|
119
|
+
prev: string;
|
|
120
|
+
next: string;
|
|
121
|
+
first: string;
|
|
122
|
+
last: string;
|
|
123
|
+
limit: string;
|
|
124
|
+
total: string;
|
|
125
|
+
skip: string;
|
|
126
|
+
} | undefined;
|
|
127
|
+
DateTimeFormats?: {
|
|
128
|
+
sunday: string;
|
|
129
|
+
monday: string;
|
|
130
|
+
tuesday: string;
|
|
131
|
+
wednesday: string;
|
|
132
|
+
thursday: string;
|
|
133
|
+
friday: string;
|
|
134
|
+
saturday: string;
|
|
135
|
+
ok: string;
|
|
136
|
+
today: string;
|
|
137
|
+
yesterday: string;
|
|
138
|
+
now: string;
|
|
139
|
+
hours: string;
|
|
140
|
+
minutes: string;
|
|
141
|
+
seconds: string;
|
|
142
|
+
formattedMonthPattern: string;
|
|
143
|
+
formattedDayPattern: string;
|
|
144
|
+
shortDateFormat: string;
|
|
145
|
+
shortTimeFormat: string;
|
|
146
|
+
dateLocale: any;
|
|
147
|
+
} | undefined;
|
|
148
|
+
Calendar?: {
|
|
149
|
+
sunday: string;
|
|
150
|
+
monday: string;
|
|
151
|
+
tuesday: string;
|
|
152
|
+
wednesday: string;
|
|
153
|
+
thursday: string;
|
|
154
|
+
friday: string;
|
|
155
|
+
saturday: string;
|
|
156
|
+
ok: string;
|
|
157
|
+
today: string;
|
|
158
|
+
yesterday: string;
|
|
159
|
+
now: string;
|
|
160
|
+
hours: string;
|
|
161
|
+
minutes: string;
|
|
162
|
+
seconds: string;
|
|
163
|
+
formattedMonthPattern: string;
|
|
164
|
+
formattedDayPattern: string;
|
|
165
|
+
shortDateFormat: string;
|
|
166
|
+
shortTimeFormat: string;
|
|
167
|
+
dateLocale: any;
|
|
168
|
+
} | undefined;
|
|
169
|
+
DatePicker?: {
|
|
170
|
+
sunday: string;
|
|
171
|
+
monday: string;
|
|
172
|
+
tuesday: string;
|
|
173
|
+
wednesday: string;
|
|
174
|
+
thursday: string;
|
|
175
|
+
friday: string;
|
|
176
|
+
saturday: string;
|
|
177
|
+
ok: string;
|
|
178
|
+
today: string;
|
|
179
|
+
yesterday: string;
|
|
180
|
+
now: string;
|
|
181
|
+
hours: string;
|
|
182
|
+
minutes: string;
|
|
183
|
+
seconds: string;
|
|
184
|
+
formattedMonthPattern: string;
|
|
185
|
+
formattedDayPattern: string;
|
|
186
|
+
shortDateFormat: string;
|
|
187
|
+
shortTimeFormat: string;
|
|
188
|
+
dateLocale: any;
|
|
189
|
+
} | undefined;
|
|
190
|
+
DateRangePicker?: {
|
|
191
|
+
last7Days: string;
|
|
192
|
+
sunday: string;
|
|
193
|
+
monday: string;
|
|
194
|
+
tuesday: string;
|
|
195
|
+
wednesday: string;
|
|
196
|
+
thursday: string;
|
|
197
|
+
friday: string;
|
|
198
|
+
saturday: string;
|
|
199
|
+
ok: string;
|
|
200
|
+
today: string;
|
|
201
|
+
yesterday: string;
|
|
202
|
+
now: string;
|
|
203
|
+
hours: string;
|
|
204
|
+
minutes: string;
|
|
205
|
+
seconds: string;
|
|
206
|
+
formattedMonthPattern: string;
|
|
207
|
+
formattedDayPattern: string;
|
|
208
|
+
shortDateFormat: string;
|
|
209
|
+
shortTimeFormat: string;
|
|
210
|
+
dateLocale: any;
|
|
211
|
+
} | undefined;
|
|
212
|
+
Combobox?: {
|
|
213
|
+
noResultsText: string;
|
|
214
|
+
placeholder: string;
|
|
215
|
+
searchPlaceholder: string;
|
|
216
|
+
checkAll: string;
|
|
217
|
+
} | undefined;
|
|
218
|
+
InputPicker?: {
|
|
219
|
+
newItem: string;
|
|
220
|
+
createOption: string;
|
|
221
|
+
noResultsText: string;
|
|
222
|
+
placeholder: string;
|
|
223
|
+
searchPlaceholder: string;
|
|
224
|
+
checkAll: string;
|
|
225
|
+
} | undefined;
|
|
226
|
+
TagPicker?: {
|
|
227
|
+
newItem: string;
|
|
228
|
+
createOption: string;
|
|
229
|
+
noResultsText: string;
|
|
230
|
+
placeholder: string;
|
|
231
|
+
searchPlaceholder: string;
|
|
232
|
+
checkAll: string;
|
|
233
|
+
} | undefined;
|
|
234
|
+
Uploader?: {
|
|
235
|
+
inited: string;
|
|
236
|
+
progress: string;
|
|
237
|
+
error: string;
|
|
238
|
+
complete: string;
|
|
239
|
+
emptyFile: string;
|
|
240
|
+
upload: string;
|
|
241
|
+
removeFile: string;
|
|
242
|
+
} | undefined;
|
|
243
|
+
CloseButton?: {
|
|
244
|
+
closeLabel: string;
|
|
245
|
+
} | undefined;
|
|
246
|
+
Breadcrumb?: {
|
|
247
|
+
expandText: string;
|
|
248
|
+
} | undefined;
|
|
249
|
+
Toggle?: {
|
|
250
|
+
on: string;
|
|
251
|
+
off: string;
|
|
252
|
+
} | undefined;
|
|
253
|
+
}>>;
|
|
@@ -0,0 +1,236 @@
|
|
|
1
|
+
import type { AccordionProps } from '../../Accordion';
|
|
2
|
+
import type { AffixProps } from '../../Affix';
|
|
3
|
+
import type { BounceProps } from '../../Animation/Bounce';
|
|
4
|
+
import type { CollapseProps } from '../../Animation/Collapse';
|
|
5
|
+
import type { FadeProps } from '../../Animation/Fade';
|
|
6
|
+
import type { SlideProps } from '../../Animation/Slide';
|
|
7
|
+
import type { TransitionProps } from '../../Animation/Transition';
|
|
8
|
+
import type { AutoCompleteProps } from '../../AutoComplete';
|
|
9
|
+
import type { AvatarProps } from '../../Avatar';
|
|
10
|
+
import type { AvatarGroupProps } from '../../AvatarGroup';
|
|
11
|
+
import type { BadgeProps } from '../../Badge';
|
|
12
|
+
import type { BreadcrumbProps } from '../../Breadcrumb';
|
|
13
|
+
import type { ButtonProps } from '../../Button';
|
|
14
|
+
import type { ButtonGroupProps } from '../../ButtonGroup';
|
|
15
|
+
import type { ButtonToolbarProps } from '../../ButtonToolbar';
|
|
16
|
+
import type { CalendarProps } from '../../Calendar';
|
|
17
|
+
import type { CarouselProps } from '../../Carousel';
|
|
18
|
+
import type { CascadeTreeProps } from '../../CascadeTree';
|
|
19
|
+
import type { CascaderProps } from '../../Cascader';
|
|
20
|
+
import type { CardProps } from '../../Card';
|
|
21
|
+
import type { CardGroupProps } from '../../CardGroup';
|
|
22
|
+
import type { CheckPickerProps } from '../../CheckPicker';
|
|
23
|
+
import type { CheckTreeProps } from '../../CheckTree';
|
|
24
|
+
import type { CheckTreePickerProps } from '../../CheckTreePicker';
|
|
25
|
+
import type { CheckboxProps } from '../../Checkbox';
|
|
26
|
+
import type { CheckboxGroupProps } from '../../CheckboxGroup';
|
|
27
|
+
import type { ColProps } from '../../Col';
|
|
28
|
+
import type { ContainerProps } from '../../Container';
|
|
29
|
+
import type { ContentProps } from '../../Content';
|
|
30
|
+
import type { DateInputProps } from '../../DateInput';
|
|
31
|
+
import type { DatePickerProps } from '../../DatePicker';
|
|
32
|
+
import type { DateRangeInputProps } from '../../DateRangeInput';
|
|
33
|
+
import type { DateRangePickerProps } from '../../DateRangePicker';
|
|
34
|
+
import type { DividerProps } from '../../Divider';
|
|
35
|
+
import type { DrawerProps } from '../../Drawer';
|
|
36
|
+
import type { DropdownProps } from '../../Dropdown';
|
|
37
|
+
import type { FlexboxGridProps } from '../../FlexboxGrid';
|
|
38
|
+
import type { FooterProps } from '../../Footer';
|
|
39
|
+
import type { FormProps } from '../../Form';
|
|
40
|
+
import type { FormControlProps } from '../../FormControl';
|
|
41
|
+
import type { FormControlLabelProps } from '../../FormControlLabel';
|
|
42
|
+
import type { FormErrorMessageProps } from '../../FormErrorMessage';
|
|
43
|
+
import type { FormGroupProps } from '../../FormGroup';
|
|
44
|
+
import type { FormHelpTextProps } from '../../FormHelpText';
|
|
45
|
+
import type { FormStackProps } from '../../FormStack';
|
|
46
|
+
import type { GridProps } from '../../Grid';
|
|
47
|
+
import type { HeaderProps } from '../../Header';
|
|
48
|
+
import type { HeadingProps } from '../../Heading';
|
|
49
|
+
import type { HeadingGroupProps } from '../../HeadingGroup';
|
|
50
|
+
import type { HighlightProps } from '../../Highlight';
|
|
51
|
+
import type { IconButtonProps } from '../../IconButton';
|
|
52
|
+
import type { InlineEditProps } from '../../InlineEdit';
|
|
53
|
+
import type { InputProps } from '../../Input';
|
|
54
|
+
import type { InputGroupProps } from '../../InputGroup';
|
|
55
|
+
import type { NumberInputProps } from '../../NumberInput';
|
|
56
|
+
import type { InputPickerProps } from '../../InputPicker';
|
|
57
|
+
import type { KbdProps } from '../../Kbd';
|
|
58
|
+
import type { ImageProps } from '../../Image';
|
|
59
|
+
import type { LinkProps } from '../../Link';
|
|
60
|
+
import type { ListProps } from '../../List';
|
|
61
|
+
import type { LoaderProps } from '../../Loader';
|
|
62
|
+
import type { MaskedInputProps } from '../../MaskedInput';
|
|
63
|
+
import type { MessageProps } from '../../Message';
|
|
64
|
+
import type { ModalProps } from '../../Modal';
|
|
65
|
+
import type { MultiCascadeTreeProps } from '../../MultiCascadeTree';
|
|
66
|
+
import type { MultiCascaderProps } from '../../MultiCascader';
|
|
67
|
+
import type { NavProps } from '../../Nav';
|
|
68
|
+
import type { NavbarProps } from '../../Navbar';
|
|
69
|
+
import type { NotificationProps } from '../../Notification';
|
|
70
|
+
import type { PasswordInputProps } from '../../PasswordInput';
|
|
71
|
+
import type { PasswordStrengthMeterProps } from '../../PasswordStrengthMeter';
|
|
72
|
+
import type { PaginationProps } from '../../Pagination';
|
|
73
|
+
import type { PanelProps } from '../../Panel';
|
|
74
|
+
import type { PanelGroupProps } from '../../PanelGroup';
|
|
75
|
+
import type { PlaceholderGraphProps } from '../../Placeholder/PlaceholderGraph';
|
|
76
|
+
import type { PlaceholderGridProps } from '../../Placeholder/PlaceholderGrid';
|
|
77
|
+
import type { PlaceholderParagraphProps } from '../../Placeholder/PlaceholderParagraph';
|
|
78
|
+
import type { PopoverProps } from '../../Popover';
|
|
79
|
+
import type { ProgressCircleProps } from '../../Progress/ProgressCircle';
|
|
80
|
+
import type { ProgressLineProps } from '../../Progress/ProgressLine';
|
|
81
|
+
import type { PinInputProps } from '../../PinInput';
|
|
82
|
+
import type { RadioProps } from '../../Radio';
|
|
83
|
+
import type { RadioGroupProps } from '../../RadioGroup';
|
|
84
|
+
import type { RadioTileProps } from '../../RadioTile';
|
|
85
|
+
import type { RadioTileGroupProps } from '../../RadioTileGroup';
|
|
86
|
+
import type { RangeSliderProps } from '../../RangeSlider';
|
|
87
|
+
import type { RateProps } from '../../Rate';
|
|
88
|
+
import type { RowProps } from '../../Row';
|
|
89
|
+
import type { SelectPickerProps } from '../../SelectPicker';
|
|
90
|
+
import type { SidebarProps } from '../../Sidebar';
|
|
91
|
+
import type { SidenavProps } from '../../Sidenav';
|
|
92
|
+
import type { SliderProps } from '../../Slider';
|
|
93
|
+
import type { StackProps } from '../../Stack';
|
|
94
|
+
import type { StepsProps } from '../../Steps';
|
|
95
|
+
import type { StatProps } from '../../Stat';
|
|
96
|
+
import type { StatGroupProps } from '../../StatGroup';
|
|
97
|
+
import type { TableProps } from '../../Table';
|
|
98
|
+
import type { TabsProps } from '../../Tabs';
|
|
99
|
+
import type { TagProps } from '../../Tag';
|
|
100
|
+
import type { TagGroupProps } from '../../TagGroup';
|
|
101
|
+
import type { TagInputProps } from '../../TagInput';
|
|
102
|
+
import type { TagPickerProps } from '../../TagPicker';
|
|
103
|
+
import type { TextProps } from '../../Text';
|
|
104
|
+
import type { TimePickerProps } from '../../TimePicker';
|
|
105
|
+
import type { TimeRangePickerProps } from '../../TimeRangePicker';
|
|
106
|
+
import type { TimelineProps } from '../../Timeline';
|
|
107
|
+
import type { ToggleProps } from '../../Toggle';
|
|
108
|
+
import type { TooltipProps } from '../../Tooltip';
|
|
109
|
+
import type { TreeProps } from '../../Tree';
|
|
110
|
+
import type { TreePickerProps } from '../../TreePicker';
|
|
111
|
+
import type { TextareaProps } from '../../Textarea';
|
|
112
|
+
import type { UploaderProps } from '../../Uploader';
|
|
113
|
+
import type { VisuallyHiddenProps } from '../../VisuallyHidden';
|
|
114
|
+
import type { WhisperProps } from '../../Whisper';
|
|
115
|
+
import type { SafeAnchorProps } from '../SafeAnchor';
|
|
116
|
+
interface ComponentProps<T> {
|
|
117
|
+
defaultProps: Partial<T>;
|
|
118
|
+
}
|
|
119
|
+
export interface ReactSuiteComponents {
|
|
120
|
+
Accordion: ComponentProps<AccordionProps>;
|
|
121
|
+
Affix: ComponentProps<AffixProps>;
|
|
122
|
+
Bounce: ComponentProps<BounceProps>;
|
|
123
|
+
Collapse: ComponentProps<CollapseProps>;
|
|
124
|
+
Fade: ComponentProps<FadeProps>;
|
|
125
|
+
Slide: ComponentProps<SlideProps>;
|
|
126
|
+
Transition: ComponentProps<TransitionProps>;
|
|
127
|
+
AutoComplete: ComponentProps<AutoCompleteProps>;
|
|
128
|
+
Avatar: ComponentProps<AvatarProps>;
|
|
129
|
+
AvatarGroup: ComponentProps<AvatarGroupProps>;
|
|
130
|
+
Badge: ComponentProps<BadgeProps>;
|
|
131
|
+
Breadcrumb: ComponentProps<BreadcrumbProps>;
|
|
132
|
+
Button: ComponentProps<ButtonProps>;
|
|
133
|
+
ButtonGroup: ComponentProps<ButtonGroupProps>;
|
|
134
|
+
ButtonToolbar: ComponentProps<ButtonToolbarProps>;
|
|
135
|
+
Calendar: ComponentProps<CalendarProps>;
|
|
136
|
+
Carousel: ComponentProps<CarouselProps>;
|
|
137
|
+
CascadeTree: ComponentProps<CascadeTreeProps>;
|
|
138
|
+
Cascader: ComponentProps<CascaderProps>;
|
|
139
|
+
Card: ComponentProps<CardProps>;
|
|
140
|
+
CardGroup: ComponentProps<CardGroupProps>;
|
|
141
|
+
CheckPicker: ComponentProps<CheckPickerProps>;
|
|
142
|
+
CheckTree: ComponentProps<CheckTreeProps>;
|
|
143
|
+
CheckTreePicker: ComponentProps<CheckTreePickerProps>;
|
|
144
|
+
Checkbox: ComponentProps<CheckboxProps>;
|
|
145
|
+
CheckboxGroup: ComponentProps<CheckboxGroupProps>;
|
|
146
|
+
Col: ComponentProps<ColProps>;
|
|
147
|
+
Container: ComponentProps<ContainerProps>;
|
|
148
|
+
Content: ComponentProps<ContentProps>;
|
|
149
|
+
DateInput: ComponentProps<DateInputProps>;
|
|
150
|
+
DatePicker: ComponentProps<DatePickerProps>;
|
|
151
|
+
DateRangeInput: ComponentProps<DateRangeInputProps>;
|
|
152
|
+
DateRangePicker: ComponentProps<DateRangePickerProps>;
|
|
153
|
+
Divider: ComponentProps<DividerProps>;
|
|
154
|
+
Drawer: ComponentProps<DrawerProps>;
|
|
155
|
+
Dropdown: ComponentProps<DropdownProps>;
|
|
156
|
+
FlexboxGrid: ComponentProps<FlexboxGridProps>;
|
|
157
|
+
Footer: ComponentProps<FooterProps>;
|
|
158
|
+
Form: ComponentProps<FormProps>;
|
|
159
|
+
FormControl: ComponentProps<FormControlProps>;
|
|
160
|
+
FormControlLabel: ComponentProps<FormControlLabelProps>;
|
|
161
|
+
FormErrorMessage: ComponentProps<FormErrorMessageProps>;
|
|
162
|
+
FormGroup: ComponentProps<FormGroupProps>;
|
|
163
|
+
FormHelpText: ComponentProps<FormHelpTextProps>;
|
|
164
|
+
FormStack: ComponentProps<FormStackProps>;
|
|
165
|
+
Grid: ComponentProps<GridProps>;
|
|
166
|
+
Header: ComponentProps<HeaderProps>;
|
|
167
|
+
Heading: ComponentProps<HeadingProps>;
|
|
168
|
+
HeadingGroup: ComponentProps<HeadingGroupProps>;
|
|
169
|
+
Highlight: ComponentProps<HighlightProps>;
|
|
170
|
+
IconButton: ComponentProps<IconButtonProps>;
|
|
171
|
+
InlineEdit: ComponentProps<InlineEditProps>;
|
|
172
|
+
Input: ComponentProps<InputProps>;
|
|
173
|
+
InputGroup: ComponentProps<InputGroupProps>;
|
|
174
|
+
NumberInput: ComponentProps<NumberInputProps>;
|
|
175
|
+
InputPicker: ComponentProps<InputPickerProps>;
|
|
176
|
+
Image: ComponentProps<ImageProps>;
|
|
177
|
+
Kbd: ComponentProps<KbdProps>;
|
|
178
|
+
Link: ComponentProps<LinkProps>;
|
|
179
|
+
List: ComponentProps<ListProps>;
|
|
180
|
+
Loader: ComponentProps<LoaderProps>;
|
|
181
|
+
MaskedInput: ComponentProps<MaskedInputProps>;
|
|
182
|
+
Message: ComponentProps<MessageProps>;
|
|
183
|
+
Modal: ComponentProps<ModalProps>;
|
|
184
|
+
MultiCascadeTree: ComponentProps<MultiCascadeTreeProps>;
|
|
185
|
+
MultiCascader: ComponentProps<MultiCascaderProps>;
|
|
186
|
+
Nav: ComponentProps<NavProps>;
|
|
187
|
+
Navbar: ComponentProps<NavbarProps>;
|
|
188
|
+
Notification: ComponentProps<NotificationProps>;
|
|
189
|
+
PasswordInput: ComponentProps<PasswordInputProps>;
|
|
190
|
+
PasswordStrengthMeter: ComponentProps<PasswordStrengthMeterProps>;
|
|
191
|
+
Pagination: ComponentProps<PaginationProps>;
|
|
192
|
+
Panel: ComponentProps<PanelProps>;
|
|
193
|
+
PanelGroup: ComponentProps<PanelGroupProps>;
|
|
194
|
+
PlaceholderGraph: ComponentProps<PlaceholderGraphProps>;
|
|
195
|
+
PlaceholderGrid: ComponentProps<PlaceholderGridProps>;
|
|
196
|
+
PlaceholderParagraph: ComponentProps<PlaceholderParagraphProps>;
|
|
197
|
+
PinInput: ComponentProps<PinInputProps>;
|
|
198
|
+
Popover: ComponentProps<PopoverProps>;
|
|
199
|
+
ProgressCircle: ComponentProps<ProgressCircleProps>;
|
|
200
|
+
ProgressLine: ComponentProps<ProgressLineProps>;
|
|
201
|
+
Radio: ComponentProps<RadioProps>;
|
|
202
|
+
RadioGroup: ComponentProps<RadioGroupProps>;
|
|
203
|
+
RadioTile: ComponentProps<RadioTileProps>;
|
|
204
|
+
RadioTileGroup: ComponentProps<RadioTileGroupProps>;
|
|
205
|
+
RangeSlider: ComponentProps<RangeSliderProps>;
|
|
206
|
+
Rate: ComponentProps<RateProps>;
|
|
207
|
+
Row: ComponentProps<RowProps>;
|
|
208
|
+
SelectPicker: ComponentProps<SelectPickerProps>;
|
|
209
|
+
Sidebar: ComponentProps<SidebarProps>;
|
|
210
|
+
Sidenav: ComponentProps<SidenavProps>;
|
|
211
|
+
Slider: ComponentProps<SliderProps>;
|
|
212
|
+
Stack: ComponentProps<StackProps>;
|
|
213
|
+
Steps: ComponentProps<StepsProps>;
|
|
214
|
+
Stat: ComponentProps<StatProps>;
|
|
215
|
+
StatGroup: ComponentProps<StatGroupProps>;
|
|
216
|
+
Table: ComponentProps<TableProps>;
|
|
217
|
+
Tabs: ComponentProps<TabsProps>;
|
|
218
|
+
Tag: ComponentProps<TagProps>;
|
|
219
|
+
TagGroup: ComponentProps<TagGroupProps>;
|
|
220
|
+
TagInput: ComponentProps<TagInputProps>;
|
|
221
|
+
TagPicker: ComponentProps<TagPickerProps>;
|
|
222
|
+
Text: ComponentProps<TextProps>;
|
|
223
|
+
TimePicker: ComponentProps<TimePickerProps>;
|
|
224
|
+
TimeRangePicker: ComponentProps<TimeRangePickerProps>;
|
|
225
|
+
Timeline: ComponentProps<TimelineProps>;
|
|
226
|
+
Toggle: ComponentProps<ToggleProps>;
|
|
227
|
+
Tooltip: ComponentProps<TooltipProps>;
|
|
228
|
+
Tree: ComponentProps<TreeProps>;
|
|
229
|
+
TreePicker: ComponentProps<TreePickerProps>;
|
|
230
|
+
Textarea: ComponentProps<TextareaProps>;
|
|
231
|
+
Uploader: ComponentProps<UploaderProps>;
|
|
232
|
+
VisuallyHidden: ComponentProps<VisuallyHiddenProps>;
|
|
233
|
+
Whisper: ComponentProps<WhisperProps>;
|
|
234
|
+
SafeAnchor: ComponentProps<SafeAnchorProps>;
|
|
235
|
+
}
|
|
236
|
+
export {};
|
|
@@ -4,9 +4,8 @@ import React, { useRef, useState, useEffect, useCallback } from 'react';
|
|
|
4
4
|
import getOffset from 'dom-lib/getOffset';
|
|
5
5
|
import on from 'dom-lib/on';
|
|
6
6
|
import Transition from "../../Animation/Transition.js";
|
|
7
|
-
import { useStyles } from "../hooks/index.js";
|
|
7
|
+
import { useStyles, useCustom } from "../hooks/index.js";
|
|
8
8
|
import { mergeRefs, forwardRef } from "../utils/index.js";
|
|
9
|
-
import { useCustom } from "../../CustomProvider/index.js";
|
|
10
9
|
const getPosition = (target, event) => {
|
|
11
10
|
const offset = getOffset(target);
|
|
12
11
|
const offsetX = (event.pageX || 0) - offset.left;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
3
3
|
import React, { useCallback } from 'react';
|
|
4
4
|
import Box from "../Box/index.js";
|
|
5
|
-
import { useCustom } from "
|
|
5
|
+
import { useCustom } from "../hooks/index.js";
|
|
6
6
|
import { forwardRef } from "../utils/index.js";
|
|
7
7
|
function isTrivialHref(href) {
|
|
8
8
|
return !href || href.trim() === '#';
|
|
@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
|
|
|
3
3
|
import React, { useRef, useImperativeHandle, useCallback, useMemo } from 'react';
|
|
4
4
|
import ScrollView from "../ScrollView/index.js";
|
|
5
5
|
import { VariableSizeList } from 'react-window';
|
|
6
|
-
import { useCustom } from "
|
|
6
|
+
import { useCustom } from "../hooks/index.js";
|
|
7
7
|
import { forwardRef } from "../utils/index.js";
|
|
8
8
|
export const defaultItemSize = () => 36;
|
|
9
9
|
const OuterElementType = forwardRef(function OuterElementType(props, ref) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import enGB from '
|
|
3
|
-
import type { FormatDateOptions } from '../
|
|
4
|
-
import type { ReactSuiteComponents } from '
|
|
2
|
+
import enGB from '../../locales/en_GB';
|
|
3
|
+
import type { FormatDateOptions } from '../utils/date/types';
|
|
4
|
+
import type { ReactSuiteComponents } from '../Provider/types';
|
|
5
5
|
type LocaleKey = keyof typeof enGB;
|
|
6
6
|
/**
|
|
7
7
|
* A hook to get custom configuration of `<CustomProvider>`
|
|
@@ -11,7 +11,7 @@ type LocaleKey = keyof typeof enGB;
|
|
|
11
11
|
export declare function useCustom<P = any>(componentName?: keyof ReactSuiteComponents, componentProps?: P): {
|
|
12
12
|
code: string | undefined;
|
|
13
13
|
rtl: boolean;
|
|
14
|
-
toasters: import("react").MutableRefObject<Map<string, import("
|
|
14
|
+
toasters: import("react").MutableRefObject<Map<string, import("../../toaster/ToastContainer").ToastContainerInstance>> | undefined;
|
|
15
15
|
disableRipple: boolean | undefined;
|
|
16
16
|
classPrefix: string | undefined;
|
|
17
17
|
propsWithDefaults: P;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { useContext, useCallback, useMemo } from 'react';
|
|
3
2
|
import assign from 'lodash/assign';
|
|
4
|
-
import enGB from "
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
3
|
+
import enGB from "../../locales/en_GB.js";
|
|
4
|
+
import { useContext, useCallback, useMemo } from 'react';
|
|
5
|
+
import { format, parse, isValid } from "../utils/date/index.js";
|
|
6
|
+
import { CustomContext } from "../Provider/CustomContext.js";
|
|
7
7
|
function getDefaultRTL() {
|
|
8
8
|
return typeof document !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl';
|
|
9
9
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { useCallback, useContext } from 'react';
|
|
4
4
|
import { createStyleGetter, prefix as addPrefix, getResponsiveClasses } from "../utils/index.js";
|
|
5
|
-
import { CustomContext } from "
|
|
5
|
+
import { CustomContext } from "../Provider/CustomContext.js";
|
|
6
6
|
|
|
7
7
|
// This is the only way I found to break circular references between ClassArray and ClassValue
|
|
8
8
|
// https://github.com/Microsoft/TypeScript/issues/3496#issuecomment-128553540
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { useMemo } from 'react';
|
|
3
|
-
import { useCustom } from "
|
|
3
|
+
import { useCustom } from "./index.js";
|
|
4
4
|
import ArrowUpLineIcon from '@rsuite/icons/ArrowUpLine';
|
|
5
5
|
import ArrowDownLineIcon from '@rsuite/icons/ArrowDownLine';
|
|
6
6
|
import ArrowLeftLineIcon from '@rsuite/icons/ArrowLeftLine';
|
|
@@ -4,7 +4,7 @@ import type { ToArray } from './utils';
|
|
|
4
4
|
import type { FormControlBaseProps } from './form';
|
|
5
5
|
import type { AnimationEventProps } from './animation';
|
|
6
6
|
import type { BoxProps } from '../Box';
|
|
7
|
-
import type {
|
|
7
|
+
import type { BasicSize } from './sizes';
|
|
8
8
|
import type { PickerHandle } from '../Picker/types';
|
|
9
9
|
export interface Option<T = number | string> extends Record<string, any> {
|
|
10
10
|
label?: string | ReactNode;
|
|
@@ -123,7 +123,7 @@ export interface PickerBaseProps<L = any> extends PopupProps, BoxProps, Animatio
|
|
|
123
123
|
/** A picker that can clear values */
|
|
124
124
|
cleanable?: boolean;
|
|
125
125
|
/** A picker can have different sizes */
|
|
126
|
-
size?:
|
|
126
|
+
size?: BasicSize;
|
|
127
127
|
/** Called when Modal is displayed */
|
|
128
128
|
onOpen?: () => void;
|
|
129
129
|
/** Called when Modal is closed */
|
|
@@ -18,6 +18,8 @@ export declare enum TypographySizeEnum {
|
|
|
18
18
|
XL6 = "6xl"
|
|
19
19
|
}
|
|
20
20
|
export type Size = `${SizeEnum}`;
|
|
21
|
+
/** Basic size type (xs, sm, md, lg) */
|
|
22
|
+
export type BasicSize = Exclude<Size, 'xl'>;
|
|
21
23
|
export type TextSize = `${TypographySizeEnum}`;
|
|
22
24
|
export type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
23
25
|
export type ResponsiveValue<T> = {
|