rsuite 5.53.0 → 5.53.1

package/esm/Carousel/Carousel.js

@@ -91,7 +91,7 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var uniqueId = useMemo(function () {
     return guid();
   }, []);
-  var items = React.Children.map(children, function (child, index) {
+  var items = ReactChildren.map(children, function (child, index) {
     var _extends2;
     if (!child) {
       return;

package/esm/DateRangePicker/DateRangePicker.js

@@ -622,7 +622,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       disabledShortcut: disabledShortcutButton,
       onShortcutClick: handleShortcutPageDate,
       "data-testid": "daterange-predefined-side"
-    }), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/React.createElement(Stack.Item, null, /*#__PURE__*/React.createElement("div", {
       className: prefix('daterange-content')
     }, showHeader && /*#__PURE__*/React.createElement("div", {
       className: prefix('daterange-header'),

package/esm/Nav/Nav.js

@@ -62,8 +62,7 @@ var Nav = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
   var _ref = sidenav || {},
     activeKeyFromSidenav = _ref.activeKey,
-    _ref$onSelect = _ref.onSelect,
-    onSelectFromSidenav = _ref$onSelect === void 0 ? onSelectProp : _ref$onSelect;
+    onSelectFromSidenav = _ref.onSelect;
   var _useControlled = useControlled(activeKeyProp !== null && activeKeyProp !== void 0 ? activeKeyProp : activeKeyFromSidenav, defaultActiveKey),
     activeKey = _useControlled[0],
     setActiveKey = _useControlled[1];

package/esm/Panel/Panel.js

@@ -75,14 +75,14 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onGroupSelect === null || onGroupSelect === void 0 ? void 0 : onGroupSelect(eventKey, event);
     setExpanded(!expanded);
   });
-  var renderBody = useEventCallback(function (bodyProps) {
+  var renderBody = function renderBody(bodyProps) {
     var classes = prefix('body', {
       'body-fill': bodyFill
     });
     return /*#__PURE__*/React.createElement("div", _extends({}, bodyProps, {
       className: classes
     }), children);
-  });
+  };
   var renderCollapsibleBody = function renderCollapsibleBody() {
     return /*#__PURE__*/React.createElement(Collapse, {
       in: expanded,

package/esm/Stack/Stack.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames, useCustom, isSupportFlexGap } from '../utils';
+import { useClassNames, useCustom, isSupportFlexGap, ReactChildren } from '../utils';
 import { oneOf } from '../internals/propTypes';
 import StackItem from './StackItem';
 /**
@@ -53,12 +53,12 @@ var Stack = /*#__PURE__*/React.forwardRef(function (props, ref) {
    * toArray remove undefined, null and boolean
    */
   var filterChildren = React.Children.toArray(children);
-  var count = filterChildren.length;
+  var count = ReactChildren.count(filterChildren);
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,
     className: classes,
     style: styles
-  }), React.Children.map(filterChildren, function (child, index) {
+  }), ReactChildren.map(filterChildren, function (child, index) {
     var childNode = childrenRenderMode === 'wrap' && child.type !== StackItem ? /*#__PURE__*/React.createElement(StackItem, {
       key: index,
       className: prefix('item'),

package/esm/Steps/Steps.js

@@ -35,7 +35,7 @@ var Steps = /*#__PURE__*/React.forwardRef(function (props, ref) {
     vertical: vertical,
     horizontal: !vertical
   }));
-  var count = React.Children.count(children);
+  var count = ReactChildren.count(children);
   var items = ReactChildren.mapCloneElement(children, function (item, index) {
     var itemStyles = {
       flexBasis: index < count - 1 ? 100 / (count - 1) + "%" : undefined,

package/esm/Tabs/Tabs.d.ts

@@ -35,7 +35,7 @@ export interface TabsProps extends WithAsProps {
      * @param event
      * @returns
      */
-    onSelect?: (eventKey: string, event: React.MouseEvent) => void;
+    onSelect?: (eventKey: string | undefined, event: React.SyntheticEvent) => void;
 }
 interface TabsComponent extends RsRefForwardingComponent<'div', TabsProps> {
     Tab: typeof Tab;

package/esm/Timeline/Timeline.js

@@ -28,7 +28,7 @@ var Timeline = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
-  var count = React.Children.count(children);
+  var count = ReactChildren.count(children);
   var withTime = some(React.Children.toArray(children), function (item) {
     var _item$props;
     return item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.time;

package/esm/utils/ReactChildren.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 export declare function find(children: React.ReactNode, func: any, context?: any): React.ReactNode;
-export declare function map(children: React.ReactNode, func: any, context?: any): any;
-export declare function mapCloneElement(children: React.ReactNode, func: any, context?: any): any;
+export declare function map(children: React.ReactNode, func: any, context?: any): any[];
+export declare function mapCloneElement(children: React.ReactNode, func: any, context?: any): any[];
 export declare function count(children: React.ReactNode): number;
 declare function some(children: React.ReactNode, func: any, context?: any): boolean;
 declare const _default: {

package/esm/utils/ReactChildren.js

@@ -9,14 +9,19 @@ function typeOf(object) {
 function isFragment(children) {
   return React.Children.count(children) === 1 && typeOf(children) === Symbol.for('react.fragment');
 }
-function getChildren(children) {
-  var _props;
-  return isFragment(children) ? (_props = children.props) === null || _props === void 0 ? void 0 : _props.children : children;
+function flatChildren(children) {
+  return React.Children.toArray(React.Children.map(children, function (child) {
+    if (isFragment(child)) {
+      var _child$props;
+      return React.Children.toArray(((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.children) || []);
+    }
+    return child;
+  }));
 }
 export function find(children, func, context) {
   var index = 0;
   var result;
-  React.Children.forEach(getChildren(children), function (child) {
+  React.Children.forEach(flatChildren(children), function (child) {
     if (result) {
       return;
     }
@@ -29,7 +34,7 @@ export function find(children, func, context) {
 }
 export function map(children, func, context) {
   var index = 0;
-  return React.Children.map(getChildren(children), function (child) {
+  return React.Children.map(flatChildren(children), function (child) {
     if (! /*#__PURE__*/React.isValidElement(child)) {
       return child;
     }
@@ -46,14 +51,12 @@ export function mapCloneElement(children, func, context) {
   }, context);
 }
 export function count(children) {
-  return React.Children.count(Array.isArray(children) ? children.filter(function (child) {
-    return child;
-  }) : children);
+  return React.Children.count(flatChildren(children));
 }
 function some(children, func, context) {
   var index = 0;
   var result = false;
-  React.Children.forEach(getChildren(children), function (child) {
+  React.Children.forEach(flatChildren(children), function (child) {
     if (result) {
       return;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.53.0",
+  "version": "5.53.1",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",