rsuite 5.10.0 → 5.11.0

package/ButtonToolbar/styles/index.less

@@ -10,6 +10,6 @@
   line-height: 0;
 
   > :not(:first-child):not(.rs-btn-block) {
-    margin-left: 5px;
+    margin-left: 10px;
   }
 }

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# [5.11.0](https://github.com/rsuite/rsuite/compare/v5.10.0...v5.11.0) (2022-05-05)
+
+### Bug Fixes
+
+- **ButtonToolbar:** change item gap to 10px ([#2475](https://github.com/rsuite/rsuite/issues/2475)) ([d97810a](https://github.com/rsuite/rsuite/commit/d97810ab4cd401b27be929569ce85bff0f498498))
+- **Dropdown.Menu:** fix expected highlight item when focus moving in ([#2477](https://github.com/rsuite/rsuite/issues/2477)) ([b9fdea5](https://github.com/rsuite/rsuite/commit/b9fdea5d57ce76ddc80f5e9776feab02e4ebfacd))
+- **Menubar:** fix unhandled nullish value ([#2478](https://github.com/rsuite/rsuite/issues/2478)) ([10d515d](https://github.com/rsuite/rsuite/commit/10d515d06dd08f2b93e5d7dbd3be7b1114185cab))
+
+### Features
+
+- **DateRangePicker:** expose calendars renderTitle ([#2480](https://github.com/rsuite/rsuite/issues/2480)) ([4461e09](https://github.com/rsuite/rsuite/commit/4461e09ec3917f379b5df213db16cedade6f39e1))
+
 # [5.10.0](https://github.com/rsuite/rsuite/compare/v5.9.0...v5.10.0) (2022-04-28)
 
 ### Features

package/README.md

@@ -99,6 +99,10 @@ You can go through [full documentation][rsuite-doc-guide] or start with followin
 - [Use in Vite][demo-vite]
 </details>
 
+<a href="https://vercel.com?utm_source=rsuite&utm_campaign=oss" target="_blank">
+  <img src="https://www.datocms-assets.com/31049/1618983297-powered-by-vercel.svg" alt="Vercel banner" />
+</a>
+
 ## Previous major versions
 
 The previous major version 4.x will no longer receive new features,

package/cjs/DateRangePicker/DateRangePicker.d.ts

@@ -35,6 +35,8 @@ export interface DateRangePickerProps extends PickerBaseProps, FormControlBasePr
     onClean?: (event: React.MouseEvent) => void;
     /** Custom render value */
     renderValue?: (value: DateRange, format: string) => React.ReactNode;
+    /** Custom render for calendar title */
+    renderTitle?: (date: Date) => React.ReactNode;
 }
 export interface DateRangePicker extends PickerComponent<DateRangePickerProps> {
     /** Allow the maximum number of days specified, other dates are disabled */

package/cjs/DateRangePicker/DateRangePicker.js

@@ -93,7 +93,8 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       onOk = props.onOk,
       onOpen = props.onOpen,
       onSelect = props.onSelect,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "appearance", "cleanable", "character", "defaultCalendarValue", "defaultValue", "disabled", "disabledDate", "format", "hoverRange", "isoWeek", "limitEndYear", "locale", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "renderValue", "showOneCalendar", "showWeekNumbers", "showMeridian", "style", "toggleAs", "caretAs", "value", "onChange", "onClean", "onClose", "onEnter", "onEntered", "onExited", "onOk", "onOpen", "onSelect"]);
+      renderTitle = props.renderTitle,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "appearance", "cleanable", "character", "defaultCalendarValue", "defaultValue", "disabled", "disabledDate", "format", "hoverRange", "isoWeek", "limitEndYear", "locale", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "renderValue", "showOneCalendar", "showWeekNumbers", "showMeridian", "style", "toggleAs", "caretAs", "value", "onChange", "onClean", "onClose", "onEnter", "onEntered", "onExited", "onOk", "onOpen", "onSelect", "renderTitle"]);
 
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
       merge = _useClassNames.merge,
@@ -561,7 +562,8 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       onChangeCalendarTime: handleChangeCalendarTime,
       onMouseMove: handleMouseMove,
       onSelect: handleSelectDate,
-      onToggleMeridian: handleToggleMeridian
+      onToggleMeridian: handleToggleMeridian,
+      renderTitle: renderTitle
     };
     return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {
       className: classes,

package/cjs/Menu/Menubar.js

@@ -19,8 +19,12 @@ var _events = require("../utils/events");
 
 var _useMenu = _interopRequireDefault(require("./useMenu"));
 
+var _dom = require("../utils/dom");
+
 // Headless ARIA `menubar`
 function Menubar(_ref) {
+  var _items$activeItemInde3;
+
   var _ref$vertical = _ref.vertical,
       vertical = _ref$vertical === void 0 ? false : _ref$vertical,
       children = _ref.children,
@@ -35,7 +39,8 @@ function Menubar(_ref) {
   var menubarElementRef = (0, _react.useRef)(null);
   var onFocus = (0, _react.useCallback)(function (event) {
     // Focus moves inside Menubar
-    if ((0, _events.isFocusEntering)(event)) {
+    if ((0, _events.isFocusEntering)(event) && // Skip if focus is moving to a focusable element within this menu
+    !(event.target !== event.currentTarget && (0, _dom.isFocusableElement)(event.target))) {
       if (activeItemIndex === null) {
         dispatch({
           type: _MenuContext.MenuActionTypes.MoveFocus,
@@ -58,7 +63,9 @@ function Menubar(_ref) {
       rtl = _useCustom.rtl;
 
   var onKeyDown = (0, _react.useCallback)(function (event) {
-    var activeItemElement = (0, _isNil.default)(activeItemIndex) ? null : items[activeItemIndex].element;
+    var _items$activeItemInde, _items$activeItemInde2;
+
+    var activeItemElement = (0, _isNil.default)(activeItemIndex) ? null : (_items$activeItemInde = (_items$activeItemInde2 = items[activeItemIndex]) === null || _items$activeItemInde2 === void 0 ? void 0 : _items$activeItemInde2.element) !== null && _items$activeItemInde !== void 0 ? _items$activeItemInde : null;
 
     switch (true) {
       case !vertical && !rtl && event.key === _utils.KEY_VALUES.RIGHT:
@@ -138,7 +145,7 @@ function Menubar(_ref) {
     onBlur: onBlur,
     onKeyDown: onKeyDown,
     onClick: onClick,
-    'aria-activedescendant': (0, _isNil.default)(activeItemIndex) ? undefined : items[activeItemIndex].element.id,
+    'aria-activedescendant': (0, _isNil.default)(activeItemIndex) ? undefined : (_items$activeItemInde3 = items[activeItemIndex]) === null || _items$activeItemInde3 === void 0 ? void 0 : _items$activeItemInde3.element.id,
     'aria-orientation': vertical ? 'vertical' : undefined // implicitly set 'horizontal'
 
   }, menubarElementRef));

package/cjs/utils/dom.d.ts

@@ -1 +1 @@
-export declare function isFocusableElement(element: HTMLElement): boolean;
+export declare function isFocusableElement(element: Element): boolean;

package/dist/rsuite-rtl.css

@@ -2782,7 +2782,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   line-height: 0;
 }
 .rs-btn-toolbar > :not(:first-child):not(.rs-btn-block) {
-  margin-right: 5px;
+  margin-right: 10px;
 }
 .rs-picker-subtle .picker-subtle-toggle {
   position: relative;