rsuite 5.18.1-beta.4 → 5.19.0-beta.5

package/esm/Dropdown/Dropdown.js

@@ -123,6 +123,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     defaultOpen: defaultOpen,
     menuButtonText: title,
     renderMenuButton: renderMenuButton,
+    disabled: disabled,
     openMenuOn: menuButtonTriggers,
     renderMenuPopup: function renderMenuPopup(_ref, popupRef) {
       var open = _ref.open,

package/esm/Picker/PickerToggle.js

@@ -200,7 +200,7 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     "aria-placeholder": typeof children === 'string' ? children : undefined
   }, label && /*#__PURE__*/React.createElement("span", {
     className: prefix('label')
-  }, label, ": "), children) : null, showCleanButton && /*#__PURE__*/React.createElement(CloseButton, {
+  }, label), children) : null, showCleanButton && /*#__PURE__*/React.createElement(CloseButton, {
     className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["clean"]))),
     tabIndex: -1,
     locale: {

package/esm/Sidenav/SidenavItem.js

@@ -52,8 +52,12 @@ var SidenavItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       prefix = _useClassNames.prefix;
 
   var selected = activeProp !== null && activeProp !== void 0 ? activeProp : !isNil(eventKey) && shallowEqual(activeKey, eventKey);
+  var whisperRef = React.useRef(null);
   var handleClick = useCallback(function (event) {
+    var _whisperRef$current;
+
     if (disabled) return;
+    (_whisperRef$current = whisperRef.current) === null || _whisperRef$current === void 0 ? void 0 : _whisperRef$current.close();
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
     onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);
     onClick === null || onClick === void 0 ? void 0 : onClick(event);
@@ -63,7 +67,8 @@ var SidenavItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(Whisper, {
       trigger: "hover",
       speaker: /*#__PURE__*/React.createElement(Tooltip, null, tooltip),
-      placement: "right"
+      placement: "right",
+      ref: whisperRef
     }, function (triggerProps, triggerRef) {
       return /*#__PURE__*/React.createElement(MenuItem, {
         selected: selected,

package/esm/Stack/Stack.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { WithAsProps } from '../@types/common';
+import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+import StackItem from './StackItem';
 export interface StackProps extends WithAsProps {
     /**
      * The direction of the children in the stack.
@@ -22,5 +23,8 @@ export interface StackProps extends WithAsProps {
      */
     wrap?: boolean;
 }
-declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
+export interface StackComponent extends RsRefForwardingComponent<'div', StackProps> {
+    Item: typeof StackItem;
+}
+declare const Stack: StackComponent;
 export default Stack;

package/esm/Stack/Stack.js

@@ -3,6 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames, useCustom, isSupportFlexGap } from '../utils';
+import StackItem from './StackItem';
 var Stack = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _itemStyles;
 
@@ -32,7 +33,6 @@ var Stack = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var classes = merge(className, withClassPrefix());
   var isSupportGridGap = isSupportFlexGap();
-  var count = React.Children.count(children);
   var gridGap = Array.isArray(spacing) ? spacing : [spacing, 0];
   var itemStyles = (_itemStyles = {}, _itemStyles[rtl ? 'marginLeft' : 'marginRight'] = gridGap[0], _itemStyles.marginBottom = gridGap[1], _itemStyles);
 
@@ -43,19 +43,30 @@ var Stack = /*#__PURE__*/React.forwardRef(function (props, ref) {
     flexWrap: wrap ? 'wrap' : undefined,
     gap: isSupportGridGap ? spacing : undefined
   }, style);
+  /*
+   * toArray remove undefined, null and boolean
+   */
 
+
+  var filterChildren = React.Children.toArray(children);
+  var count = filterChildren.length;
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,
     className: classes,
     style: styles
-  }), React.Children.map(children, function (child, index) {
-    var childNode = /*#__PURE__*/React.createElement("div", {
+  }), React.Children.map(filterChildren, function (child, index) {
+    var childNode = child.type !== StackItem ? /*#__PURE__*/React.createElement(StackItem, {
+      key: index,
       className: prefix('item'),
       style: !isSupportGridGap ? itemStyles : undefined
-    }, child);
+    }, child) : /*#__PURE__*/React.cloneElement(child, {
+      className: merge(prefix('item'), child.props.className),
+      style: !isSupportGridGap ? _extends({}, itemStyles, child.props.style) : child.props.style
+    });
     return [childNode, index < count - 1 ? divider : null];
   }));
 });
+Stack.Item = StackItem;
 Stack.displayName = 'Stack';
 Stack.propTypes = {
   className: PropTypes.string,

package/esm/Stack/StackItem.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { WithAsProps } from '../@types/common';
+export interface StackItemProps extends WithAsProps {
+    alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+    flex?: React.CSSProperties['flex'];
+    grow?: React.CSSProperties['flexGrow'];
+    shrink?: React.CSSProperties['flexShrink'];
+    basis?: React.CSSProperties['flexBasis'];
+    order?: React.CSSProperties['order'];
+}
+declare function StackItem(props: StackItemProps): JSX.Element;
+declare namespace StackItem {
+    var displayName: string;
+    var propTypes: {
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        alignSelf: PropTypes.Requireable<string>;
+        flex: PropTypes.Requireable<string | number>;
+        grow: PropTypes.Requireable<number>;
+        shrink: PropTypes.Requireable<number>;
+        order: PropTypes.Requireable<number>;
+        basis: PropTypes.Requireable<string>;
+    };
+}
+export default StackItem;

package/esm/Stack/StackItem.js

@@ -0,0 +1,42 @@
+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';
+export default function StackItem(props) {
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      style = props.style,
+      className = props.className,
+      alignSelf = props.alignSelf,
+      flex = props.flex,
+      grow = props.grow,
+      shrink = props.shrink,
+      order = props.order,
+      basis = props.basis,
+      rest = _objectWithoutPropertiesLoose(props, ["as", "style", "className", "alignSelf", "flex", "grow", "shrink", "order", "basis"]);
+
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    className: className,
+    style: _extends({
+      alignSelf: alignSelf,
+      order: order
+    }, flex ? {
+      flex: flex
+    } : {
+      flexGrow: grow,
+      flexShrink: shrink,
+      flexBasis: basis
+    }, style)
+  }, rest));
+}
+StackItem.displayName = 'StackItem';
+StackItem.propTypes = {
+  className: PropTypes.string,
+  children: PropTypes.node,
+  alignSelf: PropTypes.oneOf(['flex-start', 'flex-end', 'center', 'baseline', 'stretch']),
+  flex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  grow: PropTypes.number,
+  shrink: PropTypes.number,
+  order: PropTypes.number,
+  basis: PropTypes.string
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.18.1-beta.4",
+  "version": "5.19.0-beta.5",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -24,15 +24,15 @@
     "url": "git@github.com:rsuite/rsuite.git"
   },
   "dependencies": {
-    "@babel/runtime": "^7.8.4",
+    "@babel/runtime": "^7.18.9",
     "@juggle/resize-observer": "^3.3.1",
     "@rsuite/icons": "^1.0.2",
-    "@types/chai": "^4.2.18",
-    "@types/lodash": "^4.14.134",
+    "@types/chai": "^4.3.3",
+    "@types/lodash": "^4.14.184",
     "@types/prop-types": "^15.7.4",
     "@types/react-window": "^1.8.5",
     "classnames": "^2.3.1",
-    "date-fns": "^2.13.0",
+    "date-fns": "^2.29.2",
     "dom-lib": "^3.1.2",
     "lodash": "^4.17.11",
     "prop-types": "^15.8.1",