rsuite 4.10.1 → 4.10.5

package/lib/MultiCascader/MultiCascader.js

@@ -62,6 +62,7 @@ function (_React$Component) {
     _this.menuContainerRef = void 0;
     _this.positionRef = void 0;
     _this.triggerRef = void 0;
+    _this.toggleRef = void 0;
 
     _this.handleCheck = function (item, event, checked) {
       var _this$props = _this.props,
@@ -207,6 +208,14 @@ function (_React$Component) {
       return (0, _utils2.prefix)(_this.props.classPrefix)(name);
     };
 
+    _this.getPositionInstance = function () {
+      return _this.positionRef.current;
+    };
+
+    _this.getToggleInstance = function () {
+      return _this.toggleRef.current;
+    };
+
     _this.renderSearchRow = function (item, key) {
       var _extends2, _classNames;
 
@@ -304,6 +313,7 @@ function (_React$Component) {
     _this.menuContainerRef = React.createRef();
     _this.positionRef = React.createRef();
     _this.triggerRef = React.createRef();
+    _this.toggleRef = React.createRef();
     return _this;
   }
 
@@ -453,7 +463,9 @@ function (_React$Component) {
     var menuProps = (0, _pick2.default)(this.props, Object.keys(_DropdownMenu.dropdownMenuPropTypes));
     return React.createElement(_Picker.MenuWrapper, {
       className: classes,
-      style: menuStyle
+      style: menuStyle,
+      getToggleInstance: this.getToggleInstance,
+      getPositionInstance: this.getPositionInstance
     }, searchable && React.createElement(_Picker.SearchBar, {
       placeholder: locale.searchPlaceholder,
       onChange: this.handleSearch,
@@ -548,6 +560,7 @@ function (_React$Component) {
       onExited: (0, _utils2.createChainedFunction)(this.handleExit, onExited),
       speaker: this.renderDropdownMenu()
     }, React.createElement(_Picker.PickerToggle, (0, _extends3.default)({}, unhandled, {
+      ref: this.toggleRef,
       componentClass: toggleComponentClass,
       onClean: (0, _utils2.createChainedFunction)(this.handleClean, onClean),
       cleanable: cleanable && !disabled,

package/lib/Nav/Nav.js

@@ -19,8 +19,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _recompose = require("recompose");
-
 var _shallowEqual = _interopRequireDefault(require("../utils/shallowEqual"));
 
 var _NavItem = _interopRequireDefault(require("./NavItem"));
@@ -135,7 +133,7 @@ Nav.defaultProps = {
 var EnhancedNav = (0, _utils.defaultProps)({
   classPrefix: 'nav'
 })(Nav);
-(0, _recompose.setStatic)('Item', _NavItem.default)(EnhancedNav);
+(0, _utils.setStatic)('Item', _NavItem.default)(EnhancedNav);
 var _default = EnhancedNav;
 exports.default = _default;
 module.exports = exports.default;

package/lib/Navbar/Navbar.js

@@ -19,8 +19,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _recompose = require("recompose");
-
 var _NavbarBody = _interopRequireDefault(require("./NavbarBody"));
 
 var _NavbarHeader = _interopRequireDefault(require("./NavbarHeader"));
@@ -77,7 +75,7 @@ var EnhancedNavbar = (0, _utils.defaultProps)({
   componentClass: 'div',
   classPrefix: 'navbar'
 })(Navbar);
-(0, _recompose.setStatic)('Header', _NavbarHeader.default)(EnhancedNavbar);
-(0, _recompose.setStatic)('Body', _NavbarBody.default)(EnhancedNavbar);
+(0, _utils.setStatic)('Header', _NavbarHeader.default)(EnhancedNavbar);
+(0, _utils.setStatic)('Body', _NavbarBody.default)(EnhancedNavbar);
 var _default = EnhancedNavbar;
 exports.default = _default;

package/lib/Pagination/Pagination.js

@@ -19,8 +19,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _recompose = require("recompose");
-
 var _PaginationButton = _interopRequireDefault(require("./PaginationButton"));
 
 var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
@@ -290,7 +288,7 @@ Pagination.defaultProps = {
 };
 Pagination.handledProps = [];
 
-var _default = (0, _recompose.compose)((0, _utils.withStyleProps)({
+var _default = (0, _utils.compose)((0, _utils.withStyleProps)({
   hasSize: true
 }), (0, _utils.defaultProps)({
   classPrefix: 'pagination'

package/lib/Rate/Rate.js

@@ -19,8 +19,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _recompose = require("recompose");
-
 var _utils = require("../utils");
 
 var _utils2 = require("./utils");
@@ -249,7 +247,7 @@ Rate.defaultProps = {
   size: 'md'
 };
 
-var _default = (0, _recompose.compose)((0, _utils.withStyleProps)({
+var _default = (0, _utils.compose)((0, _utils.withStyleProps)({
   hasSize: true,
   hasColor: true
 }), (0, _utils.defaultProps)({

package/lib/Sidenav/Sidenav.js

@@ -25,8 +25,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _recompose = require("recompose");
-
 var _Transition = _interopRequireDefault(require("../Animation/Transition"));
 
 var _shallowEqual = _interopRequireDefault(require("../utils/shallowEqual"));
@@ -160,8 +158,8 @@ var EnhancedSidenav = (0, _utils.defaultProps)({
   classPrefix: 'sidenav',
   componentClass: 'div'
 })(Sidenav);
-(0, _recompose.setStatic)('Header', _SidenavHeader.default)(EnhancedSidenav);
-(0, _recompose.setStatic)('Body', _SidenavBody.default)(EnhancedSidenav);
-(0, _recompose.setStatic)('Toggle', _SidenavToggle.default)(EnhancedSidenav);
+(0, _utils.setStatic)('Header', _SidenavHeader.default)(EnhancedSidenav);
+(0, _utils.setStatic)('Body', _SidenavBody.default)(EnhancedSidenav);
+(0, _utils.setStatic)('Toggle', _SidenavToggle.default)(EnhancedSidenav);
 var _default = EnhancedSidenav;
 exports.default = _default;

package/lib/Slider/Slider.d.ts

@@ -1,7 +1,9 @@
 import * as React from 'react';
-import { StandardProps } from '../@types/common';
+import { StandardProps, FormControlBaseProps } from '../@types/common';
 
-export interface SliderProps<ValueType = number> extends StandardProps {
+export interface SliderProps<ValueType = number>
+  extends StandardProps,
+    FormControlBaseProps<ValueType> {
   /** Minimum value of sliding range */
   min?: number;
 
@@ -11,12 +13,6 @@ export interface SliderProps<ValueType = number> extends StandardProps {
   /** Slide the value of one step */
   step?: number;
 
-  /** Value (Controlled) */
-  value?: ValueType;
-
-  /** Default value */
-  defaultValue?: ValueType;
-
   /** A css class to apply to the Handle node. */
   handleClassName?: string;
 
@@ -44,9 +40,6 @@ export interface SliderProps<ValueType = number> extends StandardProps {
   /** Vertical Slide */
   vertical?: boolean;
 
-  /** Callback function that changes data */
-  onChange?: (value: ValueType, event: React.MouseEvent) => void;
-
   /** Customize labels on the render ruler */
   renderMark?: (mark: number) => React.ReactNode;
 }

package/lib/Steps/Steps.js

@@ -23,8 +23,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _recompose = require("recompose");
-
 var _StepItem = _interopRequireDefault(require("./StepItem"));
 
 var _utils = require("../utils");
@@ -106,7 +104,7 @@ Steps.defaultProps = {
 var EnhancedSteps = (0, _utils.defaultProps)({
   classPrefix: 'steps'
 })(Steps);
-(0, _recompose.setStatic)('Item', _StepItem.default)(EnhancedSteps);
+(0, _utils.setStatic)('Item', _StepItem.default)(EnhancedSteps);
 var _default = EnhancedSteps;
 exports.default = _default;
 module.exports = exports.default;

package/lib/Table/Table.js

@@ -5,8 +5,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 
-var _recompose = require("recompose");
-
 var _rsuiteTable = require("rsuite-table");
 
 var _utils = require("../utils");
@@ -15,14 +13,14 @@ var _withLocale = _interopRequireDefault(require("../IntlProvider/withLocale"));
 
 var _TablePagination = _interopRequireDefault(require("./TablePagination"));
 
-var EnhancedLocaleTable = (0, _recompose.compose)((0, _withLocale.default)(['Table']), (0, _utils.defaultProps)({
+var EnhancedLocaleTable = (0, _utils.compose)((0, _withLocale.default)(['Table']), (0, _utils.defaultProps)({
   loadAnimation: true
 }))(_rsuiteTable.Table);
-(0, _recompose.setStatic)('Column', _rsuiteTable.Column)(EnhancedLocaleTable);
-(0, _recompose.setStatic)('ColumnGroup', _rsuiteTable.ColumnGroup)(EnhancedLocaleTable);
-(0, _recompose.setStatic)('Cell', _rsuiteTable.Cell)(EnhancedLocaleTable);
-(0, _recompose.setStatic)('HeaderCell', _rsuiteTable.HeaderCell)(EnhancedLocaleTable);
-(0, _recompose.setStatic)('Pagination', _TablePagination.default)(EnhancedLocaleTable);
+(0, _utils.setStatic)('Column', _rsuiteTable.Column)(EnhancedLocaleTable);
+(0, _utils.setStatic)('ColumnGroup', _rsuiteTable.ColumnGroup)(EnhancedLocaleTable);
+(0, _utils.setStatic)('Cell', _rsuiteTable.Cell)(EnhancedLocaleTable);
+(0, _utils.setStatic)('HeaderCell', _rsuiteTable.HeaderCell)(EnhancedLocaleTable);
+(0, _utils.setStatic)('Pagination', _TablePagination.default)(EnhancedLocaleTable);
 var _default = EnhancedLocaleTable;
 exports.default = _default;
 module.exports = exports.default;

package/lib/Table/TablePagination.js

@@ -19,8 +19,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _recompose = require("recompose");
-
 var _Pagination = _interopRequireDefault(require("../Pagination"));
 
 var _SelectPicker = _interopRequireDefault(require("../SelectPicker"));
@@ -216,7 +214,7 @@ TablePagination.defaultProps = {
   }
 };
 
-var _default = (0, _recompose.compose)((0, _withLocale.default)(['TablePagination']), (0, _utils.defaultProps)({
+var _default = (0, _utils.compose)((0, _withLocale.default)(['TablePagination']), (0, _utils.defaultProps)({
   classPrefix: 'table-pagination'
 }))(TablePagination);
 

package/lib/Tag/Tag.js

@@ -19,8 +19,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames2 = _interopRequireDefault(require("classnames"));
 
-var _recompose = require("recompose");
-
 var _utils = require("../utils");
 
 var Tag =
@@ -71,7 +69,7 @@ Tag.propTypes = {
   componentClass: _propTypes.default.elementType
 };
 
-var _default = (0, _recompose.compose)((0, _utils.withStyleProps)({
+var _default = (0, _utils.compose)((0, _utils.withStyleProps)({
   hasColor: true,
   defaultColor: 'default'
 }), (0, _utils.defaultProps)({

package/lib/TagPicker/index.js

@@ -5,15 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 
-var _recompose = require("recompose");
-
 var _utils = require("../utils");
 
 var _InputPicker = _interopRequireDefault(require("../InputPicker/InputPicker"));
 
 var _withLocale = _interopRequireDefault(require("../IntlProvider/withLocale"));
 
-var _default = (0, _recompose.compose)((0, _withLocale.default)(['Picker', 'InputPicker']), (0, _utils.defaultProps)({
+var _default = (0, _utils.compose)((0, _withLocale.default)(['Picker', 'InputPicker']), (0, _utils.defaultProps)({
   multi: true
 }))(_InputPicker.default);
 

package/lib/Timeline/Timeline.js

@@ -21,8 +21,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _recompose = require("recompose");
-
 var _TimelineItem = _interopRequireDefault(require("./TimelineItem"));
 
 var _utils = require("../utils");
@@ -84,7 +82,7 @@ var EnhancedTimeline = (0, _utils.defaultProps)({
   classPrefix: 'timeline',
   componentClass: 'ul'
 })(Timeline);
-(0, _recompose.setStatic)('Item', _TimelineItem.default)(EnhancedTimeline);
+(0, _utils.setStatic)('Item', _TimelineItem.default)(EnhancedTimeline);
 var _default = EnhancedTimeline;
 exports.default = _default;
 module.exports = exports.default;

package/lib/Timeline/TimelineItem.js

@@ -19,8 +19,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _recompose = require("recompose");
-
 var _utils = require("../utils");
 
 var TimelineItem =
@@ -73,7 +71,7 @@ TimelineItem.propTypes = {
   componentClass: _propTypes.default.elementType
 };
 
-var _default = (0, _recompose.compose)((0, _utils.withStyleProps)({
+var _default = (0, _utils.compose)((0, _utils.withStyleProps)({
   hasColor: true
 }), (0, _utils.defaultProps)({
   componentClass: 'li',

package/lib/Toggle/Toggle.js

@@ -19,8 +19,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _recompose = require("recompose");
-
 var _utils = require("../utils");
 
 var Toggle =
@@ -105,7 +103,7 @@ Toggle.propTypes = {
   onChange: _propTypes.default.func
 };
 
-var _default = (0, _recompose.compose)((0, _utils.withStyleProps)({
+var _default = (0, _utils.compose)((0, _utils.withStyleProps)({
   hasSize: true
 }), (0, _utils.defaultProps)({
   classPrefix: 'btn-toggle'

package/lib/Uploader/Uploader.js

@@ -23,8 +23,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _recompose = require("recompose");
-
 var _IntlContext = _interopRequireDefault(require("../IntlProvider/IntlContext"));
 
 var _withLocale = _interopRequireDefault(require("../IntlProvider/withLocale"));
@@ -291,7 +289,7 @@ function (_React$Component) {
       fileList: nextFileList
     };
 
-    if (nextFile.progress) {
+    if (nextFile.progress || nextFile.status === 'error') {
       var fileMap = this.state.fileMap;
       fileMap[nextFile.fileKey] = {
         progress: nextFile.progress,
@@ -440,7 +438,7 @@ Uploader.defaultProps = {
   fileListVisible: true
 };
 
-var _default = (0, _recompose.compose)((0, _withLocale.default)(['Uploader']), (0, _utils.defaultProps)({
+var _default = (0, _utils.compose)((0, _withLocale.default)(['Uploader']), (0, _utils.defaultProps)({
   classPrefix: 'uploader'
 }))(Uploader);
 

package/lib/utils/defaultProps.js

@@ -13,7 +13,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 
 var React = _interopRequireWildcard(require("react"));
 
-var _recompose = require("recompose");
+var _recompose = require("./recompose");
 
 var _prefix = require("./prefix");
 

package/lib/utils/index.js

@@ -52,6 +52,14 @@ var _withStyleProps = _interopRequireDefault(require("./withStyleProps"));
 
 exports.withStyleProps = _withStyleProps.default;
 
+var _recompose = require("./recompose");
+
+Object.keys(_recompose).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  exports[key] = _recompose[key];
+});
+
 var _prefix = _interopRequireWildcard(require("./prefix"));
 
 exports.prefix = _prefix.default;

package/lib/utils/recompose.js

@@ -0,0 +1,57 @@
+"use strict";
+
+exports.__esModule = true;
+exports.compose = compose;
+exports.setStatic = setStatic;
+exports.setDisplayName = setDisplayName;
+exports.getDisplayName = getDisplayName;
+exports.wrapDisplayName = wrapDisplayName;
+exports.setPropTypes = setPropTypes;
+
+function compose() {
+  for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
+    funcs[_key] = arguments[_key];
+  }
+
+  return funcs.reduce(function (a, b) {
+    return function () {
+      return a(b.apply(void 0, arguments));
+    };
+  }, function (arg) {
+    return arg;
+  });
+}
+
+function setStatic(key, value) {
+  return function (BaseComponent) {
+    /* eslint-disable no-param-reassign */
+    BaseComponent[key] = value;
+    /* eslint-enable no-param-reassign */
+
+    return BaseComponent;
+  };
+}
+
+function setDisplayName(displayName) {
+  return setStatic('displayName', displayName);
+}
+
+function getDisplayName(component) {
+  if (typeof component === 'string') {
+    return component;
+  }
+
+  if (!component) {
+    return undefined;
+  }
+
+  return component.displayName || component.name || 'Component';
+}
+
+function wrapDisplayName(component, wrapperName) {
+  return wrapperName + "(" + getDisplayName(component) + ")";
+}
+
+function setPropTypes(propTypes) {
+  return setStatic('propTypes', propTypes);
+}

package/lib/utils/treeUtils.js

@@ -185,7 +185,11 @@ function treeDeprecatedWarning(props, keys) {
 
 
 function compareArray(a, b) {
-  return (0, _isArray2.default)(a) && (0, _isArray2.default)(b) && !(0, _shallowEqualArray.default)(a, b);
+  if (!((0, _isArray2.default)(a) && (0, _isArray2.default)(b))) {
+    return a !== b;
+  }
+
+  return !(0, _shallowEqualArray.default)(a, b);
 }
 /**
  * 获取 expandAll 的 value

package/lib/utils/withStyleProps.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _recompose = require("recompose");
+var _recompose = require("./recompose");
 
 var _prefix = _interopRequireDefault(require("./prefix"));
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "4.10.1",
+  "version": "4.10.5",
   "description": "A suite of react components",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
@@ -29,7 +29,8 @@
     "test:component": "cross-env NODE_ENV=coverage RUN_ENV=test karma start --single-run",
     "test:styles": "node test/stylesSpec.js",
     "coveralls": "cat ./coverage/lcov/lcov.info | ./node_modules/.bin/coveralls",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "version": "npm run changelog && git add -A"
   },
   "keywords": [
     "react",
@@ -57,12 +58,11 @@
     "classnames": ">=2.0.0",
     "date-fns": "^1.30.1",
     "dom-lib": "^1.2.1",
-    "element-resize-event": "^3.0.3",
+    "element-resize-event": "^3.0.6",
     "lodash": "^4.17.11",
     "prop-types": "^15.7.2",
     "react-lifecycles-compat": "^3.0.4",
     "react-virtualized": "^9.21.0",
-    "recompose": "^0.30.0",
     "rsuite-table": "^3.15.1",
     "schema-typed": "^1.5.1"
   },
@@ -94,7 +94,6 @@
     "@types/react": "^16.9.35",
     "@types/react-dom": "^16.9.8",
     "@types/react-virtualized": "^9.21.8",
-    "@types/recompose": "^0.30.6",
     "@typescript-eslint/eslint-plugin": "^2.11.0",
     "@typescript-eslint/parser": "^2.11.0",
     "autoprefixer": "^8.3.0",

package/src/AutoComplete/AutoComplete.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import _ from 'lodash';
-import { setStatic } from 'recompose';
+import { setStatic } from '../utils';
 import shallowEqual from '../utils/shallowEqual';
 import Input from '../Input';
 import AutoCompleteItem from './AutoCompleteItem';

package/src/Avatar/Avatar.tsx

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { compose } from 'recompose';
-import { defaultProps, prefix, withStyleProps } from '../utils';
+import { compose, defaultProps, prefix, withStyleProps } from '../utils';
 import { SIZE } from '../constants';
 import { AvatarProps } from './Avatar.d';
 

package/src/Breadcrumb/Breadcrumb.tsx

@@ -1,10 +1,9 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { setStatic } from 'recompose';
 
 import BreadcrumbItem from './BreadcrumbItem';
-import { defaultProps, prefix, getUnhandledProps } from '../utils';
+import { setStatic, defaultProps, prefix, getUnhandledProps } from '../utils';
 
 import { BreadcrumbProps } from './Breadcrumb.d';
 

package/src/Button/Button.tsx

@@ -1,11 +1,17 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { compose } from 'recompose';
 import SafeAnchor from '../SafeAnchor';
 import Ripple from '../Ripple';
 
-import { withStyleProps, getUnhandledProps, defaultProps, prefix, isOneOf } from '../utils';
+import {
+  compose,
+  withStyleProps,
+  getUnhandledProps,
+  defaultProps,
+  prefix,
+  isOneOf
+} from '../utils';
 import { ButtonProps } from './Button.d';
 
 class Button extends React.Component<ButtonProps> {

package/src/ButtonGroup/ButtonGroup.tsx

@@ -1,9 +1,8 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { compose } from 'recompose';
 
-import { withStyleProps, defaultProps, prefix } from '../utils';
+import { compose, withStyleProps, defaultProps, prefix } from '../utils';
 import { ButtonGroupProps } from './ButtonGroup.d';
 
 class ButtonGroup extends React.Component<ButtonGroupProps> {

package/src/Calendar/TimeDropdown.tsx

@@ -111,13 +111,12 @@ class TimeDropdown extends React.PureComponent<TimeDropdownProps> {
   };
 
   handleClick = (type: TimeType, d: number, event: React.MouseEvent) => {
-    const { onSelect, date } = this.props;
-    // $FlowFixMe
+    const { onSelect, date, showMeridian } = this.props;
     let nextDate = date || new Date();
 
     switch (type) {
       case 'hours':
-        nextDate = setHours(date, d);
+        nextDate = setHours(date, showMeridian && getHours(nextDate) >= 12 ? d + 12 : d);
         break;
       case 'minutes':
         nextDate = setMinutes(date, d);