rsuite 5.72.0 → 5.73.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (177) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/Calendar/styles/index.css +28 -31
  3. package/Calendar/styles/index.less +21 -27
  4. package/CheckPicker/styles/index.css +0 -1
  5. package/CheckTree/styles/index.css +0 -1
  6. package/CheckTree/styles/index.less +0 -1
  7. package/CheckTreePicker/styles/index.css +0 -1
  8. package/Checkbox/styles/mixin.less +1 -1
  9. package/DatePicker/styles/index.css +28 -34
  10. package/DatePicker/styles/index.less +0 -4
  11. package/DateRangePicker/styles/index.css +28 -37
  12. package/DateRangePicker/styles/index.less +0 -4
  13. package/InputPicker/styles/index.css +0 -1
  14. package/Pagination/styles/index.css +0 -1
  15. package/RadioTile/styles/index.css +69 -0
  16. package/RadioTile/styles/index.less +3 -1
  17. package/Rate/styles/index.less +1 -1
  18. package/SelectPicker/styles/index.css +0 -1
  19. package/Slider/styles/index.less +1 -1
  20. package/TagInput/styles/index.css +0 -4
  21. package/TagPicker/styles/index.css +0 -4
  22. package/TagPicker/styles/index.less +0 -2
  23. package/TimePicker/styles/index.css +28 -34
  24. package/TimeRangePicker/styles/index.css +28 -37
  25. package/Tree/styles/index.css +0 -3
  26. package/Tree/styles/index.less +0 -6
  27. package/TreePicker/styles/index.css +0 -3
  28. package/cjs/Calendar/CalendarHeader.js +4 -4
  29. package/cjs/Calendar/{MonthDropdown.d.ts → MonthDropdown/MonthDropdown.d.ts} +1 -2
  30. package/cjs/Calendar/{MonthDropdown.js → MonthDropdown/MonthDropdown.js} +14 -20
  31. package/{esm/Calendar → cjs/Calendar/MonthDropdown}/MonthDropdownItem.d.ts +1 -1
  32. package/cjs/Calendar/{MonthDropdownItem.js → MonthDropdown/MonthDropdownItem.js} +6 -6
  33. package/cjs/Calendar/MonthDropdown/index.d.ts +2 -0
  34. package/cjs/Calendar/MonthDropdown/index.js +8 -0
  35. package/cjs/Calendar/hooks/useCalendarState.d.ts +1 -1
  36. package/cjs/Calendar/hooks/useCalendarState.js +15 -8
  37. package/cjs/Calendar/utils/index.d.ts +1 -0
  38. package/cjs/Calendar/utils/index.js +4 -2
  39. package/cjs/Calendar/utils/isEveryDateInMonth.d.ts +1 -0
  40. package/cjs/Calendar/utils/isEveryDateInMonth.js +15 -0
  41. package/cjs/CascadeTree/TreeView.js +3 -3
  42. package/cjs/CustomProvider/CustomProvider.d.ts +31 -13
  43. package/cjs/CustomProvider/CustomProvider.js +20 -6
  44. package/cjs/DatePicker/DatePicker.js +12 -12
  45. package/cjs/DateRangePicker/DateRangePicker.js +1 -1
  46. package/cjs/Drawer/Drawer.js +6 -15
  47. package/cjs/Dropdown/Dropdown.d.ts +1 -1
  48. package/cjs/Dropdown/DropdownItem.d.ts +1 -1
  49. package/cjs/Dropdown/DropdownMenu.d.ts +1 -1
  50. package/cjs/Dropdown/DropdownMenu.js +3 -3
  51. package/cjs/Dropdown/DropdownToggle.d.ts +1 -1
  52. package/cjs/FormControl/hooks/useField.js +3 -0
  53. package/cjs/FormHelpText/FormHelpText.js +2 -2
  54. package/cjs/IconButton/IconButton.d.ts +1 -1
  55. package/cjs/Modal/Modal.d.ts +4 -0
  56. package/cjs/Modal/Modal.js +12 -13
  57. package/cjs/Modal/ModalBody.js +6 -5
  58. package/cjs/Modal/ModalContext.d.ts +4 -0
  59. package/cjs/Modal/ModalHeader.js +4 -4
  60. package/cjs/MultiCascadeTree/TreeView.js +3 -3
  61. package/cjs/Nav/NavDropdownItem.d.ts +1 -1
  62. package/cjs/Nav/NavDropdownMenu.d.ts +1 -1
  63. package/cjs/Nav/NavDropdownMenu.js +3 -3
  64. package/cjs/Nav/NavItem.d.ts +1 -1
  65. package/cjs/Navbar/NavbarDropdown.d.ts +1 -1
  66. package/cjs/Navbar/NavbarDropdownItem.d.ts +1 -1
  67. package/cjs/Navbar/NavbarDropdownMenu.d.ts +1 -1
  68. package/cjs/Navbar/NavbarDropdownMenu.js +3 -3
  69. package/cjs/Navbar/NavbarItem.d.ts +1 -1
  70. package/cjs/Pagination/Pagination.js +5 -5
  71. package/cjs/Panel/AccordionButton.js +2 -2
  72. package/cjs/Sidenav/ExpandedSidenavDropdown.d.ts +1 -1
  73. package/cjs/Sidenav/ExpandedSidenavDropdownItem.d.ts +1 -1
  74. package/cjs/Sidenav/ExpandedSidenavDropdownMenu.d.ts +1 -1
  75. package/cjs/Sidenav/SidenavDropdown.d.ts +1 -1
  76. package/cjs/Sidenav/SidenavDropdownItem.d.ts +1 -1
  77. package/cjs/Sidenav/SidenavDropdownMenu.d.ts +1 -1
  78. package/cjs/Sidenav/SidenavItem.d.ts +1 -1
  79. package/cjs/Sidenav/SidenavToggle.js +3 -3
  80. package/cjs/Steps/StepItem.d.ts +1 -1
  81. package/cjs/internals/Picker/ListItemGroup.js +1 -1
  82. package/cjs/internals/Picker/PickerIndicator.js +2 -2
  83. package/cjs/internals/Picker/PickerToggle.d.ts +1 -1
  84. package/cjs/internals/SearchBox/SearchBox.js +1 -1
  85. package/cjs/internals/constants/statusIcons.js +7 -7
  86. package/cjs/internals/hooks/useFocusVirtualListItem.d.ts +5 -2
  87. package/cjs/internals/hooks/useFocusVirtualListItem.js +23 -7
  88. package/cjs/internals/hooks/useToggleCaret.d.ts +1 -1
  89. package/cjs/locales/hu_HU.d.ts +2 -0
  90. package/cjs/locales/hu_HU.js +3 -1
  91. package/dist/rsuite-no-reset-rtl.css +28 -46
  92. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  93. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  94. package/dist/rsuite-no-reset.css +28 -46
  95. package/dist/rsuite-no-reset.min.css +1 -1
  96. package/dist/rsuite-no-reset.min.css.map +1 -1
  97. package/dist/rsuite-rtl.css +28 -46
  98. package/dist/rsuite-rtl.min.css +1 -1
  99. package/dist/rsuite-rtl.min.css.map +1 -1
  100. package/dist/rsuite.css +28 -46
  101. package/dist/rsuite.js +450 -5234
  102. package/dist/rsuite.js.map +1 -1
  103. package/dist/rsuite.min.css +1 -1
  104. package/dist/rsuite.min.css.map +1 -1
  105. package/dist/rsuite.min.js +1 -1
  106. package/dist/rsuite.min.js.map +1 -1
  107. package/esm/Calendar/CalendarContainer.js +1 -1
  108. package/esm/Calendar/CalendarHeader.js +4 -4
  109. package/esm/Calendar/{MonthDropdown.d.ts → MonthDropdown/MonthDropdown.d.ts} +1 -2
  110. package/esm/Calendar/{MonthDropdown.js → MonthDropdown/MonthDropdown.js} +13 -18
  111. package/{cjs/Calendar → esm/Calendar/MonthDropdown}/MonthDropdownItem.d.ts +1 -1
  112. package/esm/Calendar/{MonthDropdownItem.js → MonthDropdown/MonthDropdownItem.js} +6 -6
  113. package/esm/Calendar/MonthDropdown/index.d.ts +2 -0
  114. package/esm/Calendar/MonthDropdown/index.js +3 -0
  115. package/esm/Calendar/hooks/useCalendarState.d.ts +1 -1
  116. package/esm/Calendar/hooks/useCalendarState.js +16 -9
  117. package/esm/Calendar/utils/index.d.ts +1 -0
  118. package/esm/Calendar/utils/index.js +2 -1
  119. package/esm/Calendar/utils/isEveryDateInMonth.d.ts +1 -0
  120. package/esm/Calendar/utils/isEveryDateInMonth.js +11 -0
  121. package/esm/CascadeTree/TreeView.js +3 -3
  122. package/esm/CustomProvider/CustomProvider.d.ts +31 -13
  123. package/esm/CustomProvider/CustomProvider.js +20 -6
  124. package/esm/DatePicker/DatePicker.js +3 -3
  125. package/esm/DateRangePicker/DateRangePicker.js +2 -2
  126. package/esm/Drawer/Drawer.js +6 -13
  127. package/esm/Dropdown/Dropdown.d.ts +1 -1
  128. package/esm/Dropdown/DropdownItem.d.ts +1 -1
  129. package/esm/Dropdown/DropdownMenu.d.ts +1 -1
  130. package/esm/Dropdown/DropdownMenu.js +3 -3
  131. package/esm/Dropdown/DropdownToggle.d.ts +1 -1
  132. package/esm/FormControl/hooks/useField.js +4 -1
  133. package/esm/FormHelpText/FormHelpText.js +2 -2
  134. package/esm/IconButton/IconButton.d.ts +1 -1
  135. package/esm/Modal/Modal.d.ts +4 -0
  136. package/esm/Modal/Modal.js +13 -14
  137. package/esm/Modal/ModalBody.js +6 -5
  138. package/esm/Modal/ModalContext.d.ts +4 -0
  139. package/esm/Modal/ModalHeader.js +4 -4
  140. package/esm/MultiCascadeTree/TreeView.js +3 -3
  141. package/esm/Nav/NavDropdownItem.d.ts +1 -1
  142. package/esm/Nav/NavDropdownMenu.d.ts +1 -1
  143. package/esm/Nav/NavDropdownMenu.js +3 -3
  144. package/esm/Nav/NavItem.d.ts +1 -1
  145. package/esm/Navbar/NavbarDropdown.d.ts +1 -1
  146. package/esm/Navbar/NavbarDropdownItem.d.ts +1 -1
  147. package/esm/Navbar/NavbarDropdownMenu.d.ts +1 -1
  148. package/esm/Navbar/NavbarDropdownMenu.js +3 -3
  149. package/esm/Navbar/NavbarItem.d.ts +1 -1
  150. package/esm/Pagination/Pagination.js +10 -10
  151. package/esm/Panel/AccordionButton.js +1 -1
  152. package/esm/Sidenav/ExpandedSidenavDropdown.d.ts +1 -1
  153. package/esm/Sidenav/ExpandedSidenavDropdownItem.d.ts +1 -1
  154. package/esm/Sidenav/ExpandedSidenavDropdownMenu.d.ts +1 -1
  155. package/esm/Sidenav/SidenavDropdown.d.ts +1 -1
  156. package/esm/Sidenav/SidenavDropdownItem.d.ts +1 -1
  157. package/esm/Sidenav/SidenavDropdownMenu.d.ts +1 -1
  158. package/esm/Sidenav/SidenavItem.d.ts +1 -1
  159. package/esm/Sidenav/SidenavToggle.js +3 -3
  160. package/esm/Steps/StepItem.d.ts +1 -1
  161. package/esm/internals/Picker/ListItemGroup.js +2 -2
  162. package/esm/internals/Picker/PickerIndicator.js +1 -1
  163. package/esm/internals/Picker/PickerToggle.d.ts +1 -1
  164. package/esm/internals/SearchBox/SearchBox.js +2 -2
  165. package/esm/internals/constants/statusIcons.js +7 -7
  166. package/esm/internals/hooks/useFocusVirtualListItem.d.ts +5 -2
  167. package/esm/internals/hooks/useFocusVirtualListItem.js +23 -7
  168. package/esm/internals/hooks/useToggleCaret.d.ts +1 -1
  169. package/esm/locales/hu_HU.d.ts +2 -0
  170. package/esm/locales/hu_HU.js +3 -1
  171. package/internals/Picker/styles/mixin.less +0 -1
  172. package/package.json +2 -2
  173. package/styles/variables.less +1 -1
  174. package/cjs/Drawer/DrawerContext.d.ts +0 -9
  175. package/cjs/Drawer/DrawerContext.js +0 -9
  176. package/esm/Drawer/DrawerContext.d.ts +0 -9
  177. package/esm/Drawer/DrawerContext.js +0 -4
@@ -6,5 +6,9 @@ export interface ModalContextProps {
6
6
  onModalClose?: (event: React.MouseEvent<Element, MouseEvent>) => void;
7
7
  /** Pass the latest style to body. */
8
8
  getBodyStyles?: () => React.CSSProperties | null;
9
+ /** Indicates if the component should be displayed as a drawer */
10
+ isDrawer?: boolean;
11
+ /** Custom close button used when rendered as a Drawer */
12
+ closeButton?: React.ReactNode | boolean;
9
13
  }
10
14
  export declare const ModalContext: React.Context<ModalContextProps | null>;
@@ -14,12 +14,10 @@ var _ModalContext = require("./ModalContext");
14
14
  var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
15
15
  var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
16
16
  var _IconButton = _interopRequireDefault(require("../IconButton"));
17
- var _DrawerContext = _interopRequireDefault(require("../Drawer/DrawerContext"));
18
17
  var _excluded = ["as", "classPrefix", "className", "closeButton", "children", "onClose"];
19
18
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
20
19
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
21
20
  var ModalHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
22
- var _useContext, _useContext2;
23
21
  var _props$as = props.as,
24
22
  Component = _props$as === void 0 ? 'div' : _props$as,
25
23
  _props$classPrefix = props.classPrefix,
@@ -35,8 +33,10 @@ var ModalHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
35
33
  withClassPrefix = _useClassNames.withClassPrefix,
36
34
  prefix = _useClassNames.prefix;
37
35
  var classes = merge(className, withClassPrefix());
38
- var onModalClose = (_useContext = (0, _react.useContext)(_ModalContext.ModalContext)) === null || _useContext === void 0 ? void 0 : _useContext.onModalClose;
39
- var isDrawer = (_useContext2 = (0, _react.useContext)(_DrawerContext.default)) === null || _useContext2 === void 0 ? void 0 : _useContext2.isDrawer;
36
+ var context = (0, _react.useContext)(_ModalContext.ModalContext);
37
+ var _ref = context || {},
38
+ isDrawer = _ref.isDrawer,
39
+ onModalClose = _ref.onModalClose;
40
40
  var buttonElement = isDrawer ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
41
41
  icon: /*#__PURE__*/_react.default.createElement(_Close.default, null),
42
42
  appearance: "subtle",
@@ -8,8 +8,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
8
8
  var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
9
9
  var _react = _interopRequireDefault(require("react"));
10
10
  var _Spinner = _interopRequireDefault(require("@rsuite/icons/legacy/Spinner"));
11
- var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
12
- var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
11
+ var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
12
+ var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
13
13
  var _hooks = require("../internals/hooks");
14
14
  var _utils = require("../internals/utils");
15
15
  var _Picker = require("../internals/Picker");
@@ -89,7 +89,7 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
89
89
 
90
90
  // Use `value` in keys when If `value` is string or number
91
91
  var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;
92
- var Icon = node.loading ? _Spinner.default : rtl ? _AngleLeft.default : _AngleRight.default;
92
+ var Icon = node.loading ? _Spinner.default : rtl ? _PagePrevious.default : _PageNext.default;
93
93
  var active = value.some(function (v) {
94
94
  return v === nodeValue;
95
95
  });
@@ -1,6 +1,6 @@
1
1
  import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
2
2
  import React from 'react';
3
- import { IconProps } from '@rsuite/icons/lib/Icon';
3
+ import { IconProps } from '@rsuite/icons/Icon';
4
4
  export interface NavDropdownItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
5
5
  /** Active the current option */
6
6
  active?: boolean;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { StandardProps } from '../internals/types';
3
- import { IconProps } from '@rsuite/icons/lib/Icon';
3
+ import { IconProps } from '@rsuite/icons/Icon';
4
4
  export interface NavDropdownMenuProps<T = any> extends StandardProps {
5
5
  /** Define the title as a submenu */
6
6
  title?: React.ReactNode;
@@ -14,8 +14,8 @@ var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
14
14
  var _hooks = require("../internals/hooks");
15
15
  var _utils = require("../internals/utils");
16
16
  var _propTypes = _interopRequireDefault(require("prop-types"));
17
- var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
18
- var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
17
+ var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
18
+ var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
19
19
  var _NavContext = _interopRequireDefault(require("./NavContext"));
20
20
  var _propTypes2 = require("../internals/propTypes");
21
21
  var _templateObject, _templateObject2;
@@ -67,7 +67,7 @@ var NavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, re
67
67
  className = _omit.className,
68
68
  disabled = _omit.disabled,
69
69
  menuProps = (0, _objectWithoutPropertiesLoose2.default)(_omit, _excluded2);
70
- var Icon = rtl ? _AngleLeft.default : _AngleRight.default;
70
+ var Icon = rtl ? _PagePrevious.default : _PageNext.default;
71
71
  return /*#__PURE__*/_react.default.createElement(_Menu.default, {
72
72
  openMenuOn: ['mouseover', 'click'],
73
73
  renderMenuButton: function renderMenuButton(_ref, buttonRef) {
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
3
- import { IconProps } from '@rsuite/icons/lib/Icon';
3
+ import { IconProps } from '@rsuite/icons/Icon';
4
4
  export interface NavItemProps<T = string | number> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
5
5
  /** Activation status */
6
6
  active?: boolean;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
3
- import { IconProps } from '@rsuite/icons/lib/Icon';
3
+ import { IconProps } from '@rsuite/icons/Icon';
4
4
  import Button from '../Button';
5
5
  import NavDropdownItem from '../Nav/NavDropdownItem';
6
6
  import NavDropdownMenu from '../Nav/NavDropdownMenu';
@@ -1,6 +1,6 @@
1
1
  import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
2
2
  import React from 'react';
3
- import { IconProps } from '@rsuite/icons/lib/Icon';
3
+ import { IconProps } from '@rsuite/icons/Icon';
4
4
  export interface NavbarDropdownItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
5
5
  /** Active the current option */
6
6
  active?: boolean;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { StandardProps } from '../internals/types';
3
- import { IconProps } from '@rsuite/icons/lib/Icon';
3
+ import { IconProps } from '@rsuite/icons/Icon';
4
4
  export interface NavbarDropdownMenuProps<T = any> extends StandardProps {
5
5
  /** Define the title as a submenu */
6
6
  title?: React.ReactNode;
@@ -11,8 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
11
11
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
12
  var _omit2 = _interopRequireDefault(require("lodash/omit"));
13
13
  var _isNil = _interopRequireDefault(require("lodash/isNil"));
14
- var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
15
- var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
14
+ var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
15
+ var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
16
16
  var _utils = require("../internals/utils");
17
17
  var _hooks = require("../internals/hooks");
18
18
  var _ = require(".");
@@ -73,7 +73,7 @@ var NavbarDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props,
73
73
  className = _omit.className,
74
74
  disabled = _omit.disabled,
75
75
  menuProps = (0, _objectWithoutPropertiesLoose2.default)(_omit, _excluded2);
76
- var Icon = rtl ? _AngleLeft.default : _AngleRight.default;
76
+ var Icon = rtl ? _PagePrevious.default : _PageNext.default;
77
77
  return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {
78
78
  hideOnClickOutside: true,
79
79
  trigger: ['click', 'hover'],
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { IconProps } from '@rsuite/icons/lib/Icon';
2
+ import { IconProps } from '@rsuite/icons/Icon';
3
3
  import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
4
4
  export interface NavbarItemProps<T = string | number> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
5
5
  /** Activation status */
@@ -9,11 +9,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
9
9
  var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
- var _More = _interopRequireDefault(require("@rsuite/icons/legacy/More"));
13
- var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/legacy/PagePrevious"));
14
- var _PageNext = _interopRequireDefault(require("@rsuite/icons/legacy/PageNext"));
15
- var _PageTop = _interopRequireDefault(require("@rsuite/icons/legacy/PageTop"));
16
- var _PageEnd = _interopRequireDefault(require("@rsuite/icons/legacy/PageEnd"));
12
+ var _More = _interopRequireDefault(require("@rsuite/icons/More"));
13
+ var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
14
+ var _PageTop = _interopRequireDefault(require("@rsuite/icons/PageTop"));
15
+ var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
16
+ var _PageEnd = _interopRequireDefault(require("@rsuite/icons/PageEnd"));
17
17
  var _PaginationButton = _interopRequireDefault(require("./PaginationButton"));
18
18
  var _hooks = require("../internals/hooks");
19
19
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
@@ -8,7 +8,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
8
8
  var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
9
9
  var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
10
10
  var _react = _interopRequireDefault(require("react"));
11
- var _icons = require("@rsuite/icons");
11
+ var _Icon = _interopRequireDefault(require("@rsuite/icons/Icon"));
12
12
  var _AngleDown = _interopRequireDefault(require("@rsuite/icons/legacy/AngleDown"));
13
13
  var _hooks = require("../internals/hooks");
14
14
  var _templateObject;
@@ -35,7 +35,7 @@ var AccordionButton = function AccordionButton(props) {
35
35
  "aria-disabled": disabled,
36
36
  className: withClassPrefix(className),
37
37
  disabled: disabled
38
- }, rest), children, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
38
+ }, rest), children, /*#__PURE__*/_react.default.createElement(_Icon.default, {
39
39
  as: caretAs,
40
40
  "aria-hidden": "true",
41
41
  className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["icon"]))),
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
3
- import { IconProps } from '@rsuite/icons/lib/Icon';
3
+ import { IconProps } from '@rsuite/icons/Icon';
4
4
  export interface SidenavDropdownProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
5
5
  /** Define the title as a submenu */
6
6
  title?: React.ReactNode;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
3
- import { IconProps } from '@rsuite/icons/lib/Icon';
3
+ import { IconProps } from '@rsuite/icons/Icon';
4
4
  export interface SidenavDropdownItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
5
5
  /** Active the current option */
6
6
  active?: boolean;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
3
- import { IconProps } from '@rsuite/icons/lib/Icon';
3
+ import { IconProps } from '@rsuite/icons/Icon';
4
4
  export interface SidenavDropdownMenuProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLLIElement>, 'title' | 'onSelect'> {
5
5
  /** Primary content */
6
6
  children?: React.ReactNode;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
3
- import { IconProps } from '@rsuite/icons/lib/Icon';
3
+ import { IconProps } from '@rsuite/icons/Icon';
4
4
  import Button from '../Button';
5
5
  import NavDropdownItem from '../Nav/NavDropdownItem';
6
6
  import NavDropdownMenu from '../Nav/NavDropdownMenu';
@@ -1,6 +1,6 @@
1
1
  import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
2
2
  import React from 'react';
3
- import { IconProps } from '@rsuite/icons/lib/Icon';
3
+ import { IconProps } from '@rsuite/icons/Icon';
4
4
  export interface SidenavDropdownItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
5
5
  /** Active the current option */
6
6
  active?: boolean;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { StandardProps } from '../internals/types';
3
- import { IconProps } from '@rsuite/icons/lib/Icon';
3
+ import { IconProps } from '@rsuite/icons/Icon';
4
4
  export interface SidenavDropdownMenuProps<T = any> extends StandardProps {
5
5
  /** Define the title as a submenu */
6
6
  title?: React.ReactNode;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
3
- import { IconProps } from '@rsuite/icons/lib/Icon';
3
+ import { IconProps } from '@rsuite/icons/Icon';
4
4
  export interface SidenavItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
5
5
  /** Activation status */
6
6
  active?: boolean;
@@ -8,10 +8,10 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
8
8
  var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
+ var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
12
+ var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
11
13
  var _IconButton = _interopRequireDefault(require("../IconButton"));
12
14
  var _hooks = require("../internals/hooks");
13
- var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
14
- var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
15
15
  var _propTypes2 = require("../internals/propTypes");
16
16
  var _Sidenav = require("./Sidenav");
17
17
  var _excluded = ["as", "expanded", "className", "classPrefix", "onToggle"];
@@ -40,7 +40,7 @@ var SidenavToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
40
40
  var classes = merge(className, withClassPrefix({
41
41
  collapsed: !expanded
42
42
  }));
43
- var Icon = expanded ? _AngleLeft.default : _AngleRight.default;
43
+ var Icon = expanded ? _PagePrevious.default : _PageNext.default;
44
44
  var handleToggle = function handleToggle(event) {
45
45
  onToggle === null || onToggle === void 0 ? void 0 : onToggle(!expanded, event);
46
46
  };
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { IconProps } from '@rsuite/icons/lib/Icon';
2
+ import { IconProps } from '@rsuite/icons/Icon';
3
3
  import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
4
4
  export interface StepItemProps extends WithAsProps {
5
5
  /** The width of each item. */
@@ -9,7 +9,7 @@ var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtim
9
9
  var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
  var _hooks = require("../hooks");
12
- var _ArrowDown = _interopRequireDefault(require("@rsuite/icons/legacy/ArrowDown"));
12
+ var _ArrowDown = _interopRequireDefault(require("@rsuite/icons/ArrowDown"));
13
13
  var _templateObject, _templateObject2;
14
14
  var _excluded = ["as", "classPrefix", "children", "className"];
15
15
  var ListItemGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  exports.__esModule = true;
6
6
  exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
- var _icons = require("@rsuite/icons");
8
+ var _Icon = _interopRequireDefault(require("@rsuite/icons/Icon"));
9
9
  var _hooks = require("../hooks");
10
10
  var _InputGroup = _interopRequireDefault(require("../../InputGroup"));
11
11
  var _CloseButton = _interopRequireDefault(require("../CloseButton"));
@@ -39,7 +39,7 @@ var PickerIndicator = function PickerIndicator(_ref) {
39
39
  onClick: onClose
40
40
  });
41
41
  }
42
- return caretAs && /*#__PURE__*/_react.default.createElement(_icons.Icon, {
42
+ return caretAs && /*#__PURE__*/_react.default.createElement(_Icon.default, {
43
43
  as: caretAs,
44
44
  className: prefix('caret-icon')
45
45
  });
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import ToggleButton, { ToggleButtonProps } from './ToggleButton';
3
3
  import { RsRefForwardingComponent, TypeAttributes, DataItemValue } from '../types';
4
- import { IconProps } from '@rsuite/icons/lib/Icon';
4
+ import { IconProps } from '@rsuite/icons/Icon';
5
5
  export interface PickerToggleProps<T = DataItemValue> extends ToggleButtonProps {
6
6
  active?: boolean;
7
7
  hasValue?: boolean;
@@ -8,7 +8,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
8
8
  var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
9
9
  var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
10
10
  var _react = _interopRequireDefault(require("react"));
11
- var _Search = _interopRequireDefault(require("@rsuite/icons/legacy/Search"));
11
+ var _Search = _interopRequireDefault(require("@rsuite/icons/Search"));
12
12
  var _hooks = require("../hooks");
13
13
  var _Input = _interopRequireDefault(require("../../Input"));
14
14
  var _InputGroup = _interopRequireDefault(require("../../InputGroup"));
@@ -5,16 +5,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  exports.__esModule = true;
6
6
  exports.PROGRESS_STATUS_ICON = exports.MESSAGE_STATUS_ICONS = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
- var _Info = _interopRequireDefault(require("@rsuite/icons/legacy/Info"));
9
- var _CheckCircle = _interopRequireDefault(require("@rsuite/icons/legacy/CheckCircle"));
10
- var _CloseCircle = _interopRequireDefault(require("@rsuite/icons/legacy/CloseCircle"));
8
+ var _InfoRound = _interopRequireDefault(require("@rsuite/icons/InfoRound"));
9
+ var _CheckRound = _interopRequireDefault(require("@rsuite/icons/CheckRound"));
10
+ var _WarningRound = _interopRequireDefault(require("@rsuite/icons/WarningRound"));
11
+ var _RemindRound = _interopRequireDefault(require("@rsuite/icons/RemindRound"));
11
12
  var _Check = _interopRequireDefault(require("@rsuite/icons/Check"));
12
13
  var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
13
- var _RemindRound = _interopRequireDefault(require("@rsuite/icons/RemindRound"));
14
14
  var MESSAGE_STATUS_ICONS = exports.MESSAGE_STATUS_ICONS = {
15
- info: /*#__PURE__*/_react.default.createElement(_Info.default, null),
16
- success: /*#__PURE__*/_react.default.createElement(_CheckCircle.default, null),
17
- error: /*#__PURE__*/_react.default.createElement(_CloseCircle.default, null),
15
+ info: /*#__PURE__*/_react.default.createElement(_InfoRound.default, null),
16
+ success: /*#__PURE__*/_react.default.createElement(_CheckRound.default, null),
17
+ error: /*#__PURE__*/_react.default.createElement(_WarningRound.default, null),
18
18
  warning: /*#__PURE__*/_react.default.createElement(_RemindRound.default, null)
19
19
  };
20
20
  var PROGRESS_STATUS_ICON = exports.PROGRESS_STATUS_ICON = {
@@ -1,7 +1,10 @@
1
1
  /// <reference types="react" />
2
2
  /**
3
- * Virtualized list loses focus when scrolling or clicking options, causing the component to re-render.
4
- * To solve this problem, we need to refocus on the selected option after the component is re-rendered.
3
+ * Ensures that a virtualized list item retains focus after scrolling or clicking on options,
4
+ * preventing unnecessary re-renders and loss of focus. If the current focus is on an interactive
5
+ * element (such as input, textarea, select, button, or contenteditable), the focus is not shifted.
6
+ * @param focused - Boolean indicating if the item should be focused.
7
+ * @returns A ref to be attached to the list item element.
5
8
  */
6
9
  export declare function useFocusVirtualListItem<T extends HTMLElement>(focused?: boolean): import("react").RefObject<T>;
7
10
  export default useFocusVirtualListItem;
@@ -6,19 +6,35 @@ exports.default = void 0;
6
6
  exports.useFocusVirtualListItem = useFocusVirtualListItem;
7
7
  var _react = require("react");
8
8
  /**
9
- * Virtualized list loses focus when scrolling or clicking options, causing the component to re-render.
10
- * To solve this problem, we need to refocus on the selected option after the component is re-rendered.
9
+ * Ensures that a virtualized list item retains focus after scrolling or clicking on options,
10
+ * preventing unnecessary re-renders and loss of focus. If the current focus is on an interactive
11
+ * element (such as input, textarea, select, button, or contenteditable), the focus is not shifted.
12
+ * @param focused - Boolean indicating if the item should be focused.
13
+ * @returns A ref to be attached to the list item element.
11
14
  */
12
15
  function useFocusVirtualListItem(focused) {
13
16
  var itemRef = (0, _react.useRef)(null);
14
17
  (0, _react.useEffect)(function () {
15
- if (!focused) {
18
+ if (!focused || !itemRef.current) {
16
19
  return;
17
20
  }
18
- if (document.activeElement !== itemRef.current) {
19
- var _itemRef$current;
20
- // Focus on the selected option.
21
- (_itemRef$current = itemRef.current) === null || _itemRef$current === void 0 ? void 0 : _itemRef$current.focus();
21
+ var activeElement = document.activeElement;
22
+
23
+ // Helper function to determine if the element should retain focus
24
+ var isInteractiveElement = function isInteractiveElement(element) {
25
+ var tagName = element.tagName;
26
+ return tagName === 'INPUT' || tagName === 'TEXTAREA' || tagName === 'SELECT' || tagName === 'BUTTON' || element.isContentEditable || element.tabIndex >= 0 // Elements with tabindex are considered focusable
27
+ ;
28
+ };
29
+
30
+ // If the active element is an interactive one, don't shift focus.
31
+ if (activeElement && isInteractiveElement(activeElement)) {
32
+ return;
33
+ }
34
+
35
+ // If the currently focused element is not the target item, focus it.
36
+ if (activeElement !== itemRef.current) {
37
+ itemRef.current.focus();
22
38
  }
23
39
  }, [focused]);
24
40
  return itemRef;
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
2
  import { TypeAttributes } from '../types';
3
- export declare function useToggleCaret(placement: TypeAttributes.Placement8 | TypeAttributes.Placement): import("react").FC<import("@rsuite/icons/lib/Icon").IconProps>;
3
+ export declare function useToggleCaret(placement: TypeAttributes.Placement8 | TypeAttributes.Placement): import("react").ForwardRefExoticComponent<import("@rsuite/icons/esm/Icon").IconProps & import("react").RefAttributes<SVGElement>>;
4
4
  export default useToggleCaret;
@@ -3,6 +3,8 @@ declare const _default: {
3
3
  common: {
4
4
  loading: string;
5
5
  emptyMessage: string;
6
+ remove: string;
7
+ clear: string;
6
8
  };
7
9
  Plaintext: {
8
10
  unfilled: string;
@@ -35,7 +35,9 @@ var _default = exports.default = {
35
35
  code: 'hu-HU',
36
36
  common: {
37
37
  loading: 'Betöltés...',
38
- emptyMessage: 'Nem található adat'
38
+ emptyMessage: 'Nem található adat',
39
+ remove: 'eltávolít',
40
+ clear: 'töröl'
39
41
  },
40
42
  Plaintext: {
41
43
  unfilled: 'Kitöltetlen',