rsuite 4.10.2 → 4.10.6

package/es/AutoComplete/AutoComplete.js

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

package/es/Avatar/Avatar.js

@@ -4,8 +4,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 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';
 
 var Avatar =

package/es/Breadcrumb/Breadcrumb.js

@@ -4,9 +4,8 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 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';
 
 var Breadcrumb =
 /*#__PURE__*/

package/es/Button/Button.js

@@ -4,10 +4,9 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 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';
 
 var Button =
 /*#__PURE__*/

package/es/ButtonGroup/ButtonGroup.js

@@ -4,8 +4,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 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';
 
 var ButtonGroup =
 /*#__PURE__*/

package/es/Calendar/TimeDropdown.js

@@ -70,13 +70,13 @@ function (_React$PureComponent) {
     _this.handleClick = function (type, d, event) {
       var _this$props = _this.props,
           onSelect = _this$props.onSelect,
-          date = _this$props.date; // $FlowFixMe
-
+          date = _this$props.date,
+          showMeridian = _this$props.showMeridian;
       var 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':

package/es/Cascader/Cascader.js

@@ -32,9 +32,11 @@ function (_React$Component) {
     var _this;
 
     _this = _React$Component.call(this, props) || this;
+    _this.toggleRef = void 0;
     _this.triggerRef = void 0;
     _this.containerRef = void 0;
     _this.positionRef = void 0;
+    _this.menuWrapperRef = void 0;
     _this.menuContainerRef = void 0;
     _this.isControlled = void 0;
 
@@ -264,6 +266,14 @@ function (_React$Component) {
       }));
     };
 
+    _this.getPositionInstance = function () {
+      return _this.positionRef.current;
+    };
+
+    _this.getToggleInstance = function () {
+      return _this.toggleRef.current;
+    };
+
     var initState = {
       searchKeyword: '',
       selectNode: null,
@@ -282,13 +292,15 @@ function (_React$Component) {
       items: []
     };
     _this.state = _extends({}, initState, {}, getDerivedStateForCascade(props, initState), {
-      flattenData: flattenTree(props.data)
+      flattenData: flattenTree(props.data, props.childrenKey)
     });
     _this.isControlled = !_isUndefined(props.value);
     _this.triggerRef = React.createRef();
     _this.containerRef = React.createRef();
-    _this.positionRef = React.createRef(); // for test
+    _this.positionRef = React.createRef();
+    _this.toggleRef = React.createRef(); // for test
 
+    _this.menuWrapperRef = React.createRef();
     _this.menuContainerRef = React.createRef();
     return _this;
   }
@@ -297,7 +309,8 @@ function (_React$Component) {
     var value = nextProps.value,
         data = nextProps.data,
         labelKey = nextProps.labelKey,
-        valueKey = nextProps.valueKey;
+        valueKey = nextProps.valueKey,
+        childrenKey = nextProps.childrenKey;
 
     if (data !== prevState.data) {
       var _prevState$selectNode;
@@ -315,12 +328,12 @@ function (_React$Component) {
           return _stringToObject(item, labelKey, valueKey);
         })), {
           data: data,
-          flattenData: flattenTree(data)
+          flattenData: flattenTree(data, childrenKey)
         });
       }
 
       return _extends({}, getDerivedStateForCascade(nextProps, prevState), {
-        flattenData: flattenTree(data),
+        flattenData: flattenTree(data, childrenKey),
         data: data
       });
     }
@@ -431,8 +444,11 @@ function (_React$Component) {
     var menuProps = _pick(this.props, Object.keys(_omit(dropdownMenuPropTypes, ['classPrefix'])));
 
     return React.createElement(MenuWrapper, {
+      ref: this.menuWrapperRef,
       className: classes,
-      style: menuStyle
+      style: menuStyle,
+      getToggleInstance: this.getToggleInstance,
+      getPositionInstance: this.getPositionInstance
     }, searchable && React.createElement(SearchBar, {
       placeholder: locale.searchPlaceholder,
       onChange: this.handleSearch,
@@ -526,6 +542,7 @@ function (_React$Component) {
       onExited: createChainedFunction(this.handleExit, onExited),
       speaker: this.renderDropdownMenu()
     }, React.createElement(PickerToggle, _extends({}, unhandled, {
+      ref: this.toggleRef,
       componentClass: toggleComponentClass,
       onClean: createChainedFunction(this.handleClean, onClean),
       cleanable: cleanable && !disabled,

package/es/Drawer/index.js

@@ -1,5 +1,4 @@
-import { setStatic, setDisplayName } from 'recompose';
-import { defaultProps } from '../utils';
+import { setStatic, setDisplayName, defaultProps } from '../utils';
 import Drawer from './Drawer';
 import ModalBody from '../Modal/ModalBody';
 import ModalHeader from '../Modal/ModalHeader';

package/es/Dropdown/Dropdown.js

@@ -6,14 +6,13 @@ import _isUndefined from "lodash/isUndefined";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { setStatic } from 'recompose';
 import { contains } from 'dom-lib';
 import RootCloseWrapper from '../Overlay/RootCloseWrapper';
 import shallowEqual from '../utils/shallowEqual';
 import DropdownToggle from './DropdownToggle';
 import DropdownMenu from './DropdownMenu';
 import DropdownMenuItem from './DropdownMenuItem';
-import { createChainedFunction, prefix, isOneOf, getUnhandledProps, defaultProps, placementPolyfill, getDOMNode } from '../utils';
+import { setStatic, createChainedFunction, prefix, isOneOf, getUnhandledProps, defaultProps, placementPolyfill, getDOMNode } from '../utils';
 import { SidenavContext } from '../Sidenav/Sidenav';
 import { PLACEMENT_8 } from '../constants';
 

package/es/FlexboxGrid/FlexboxGrid.js

@@ -4,8 +4,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { setStatic } from 'recompose';
-import { defaultProps, prefix } from '../utils';
+import { setStatic, defaultProps, prefix } from '../utils';
 import FlexboxGridItem from './FlexboxGridItem';
 
 var FlexboxGrid =

package/es/FormGroup/FormGroup.js

@@ -5,8 +5,7 @@ import _isUndefined from "lodash/isUndefined";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { compose } from 'recompose';
-import { withStyleProps, defaultProps, prefix, createContext } from '../utils';
+import { compose, withStyleProps, defaultProps, prefix, createContext } from '../utils';
 export var FormGroupContext = createContext(null);
 
 var FormGroup =

package/es/Input/Input.js

@@ -6,8 +6,7 @@ import _get from "lodash/get";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { compose } from 'recompose';
-import { withStyleProps, defaultProps, createChainedFunction, getUnhandledProps, refType } from '../utils';
+import { compose, withStyleProps, defaultProps, createChainedFunction, getUnhandledProps, refType } from '../utils';
 import { FormPlaintextContext } from '../Form/FormContext';
 import { FormGroupContext } from '../FormGroup/FormGroup';
 import { InputGroupContext } from '../InputGroup/InputGroup';

package/es/InputGroup/InputGroup.js

@@ -4,10 +4,9 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { setStatic, compose } from 'recompose';
 import InputGroupAddon from './InputGroupAddon';
 import InputGroupButton from './InputGroupButton';
-import { prefix, withStyleProps, defaultProps, createContext } from '../utils';
+import { setStatic, compose, prefix, withStyleProps, defaultProps, createContext } from '../utils';
 export var InputGroupContext = createContext(null);
 
 var InputGroup =

package/es/IntlProvider/withLocale.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _get from "lodash/get";
 import * as React from 'react';
-import { setDisplayName, wrapDisplayName } from 'recompose';
+import { setDisplayName, wrapDisplayName } from '../utils';
 import format from 'date-fns/format';
 import defaultLocale from './locales/default';
 import extendReactStatics from '../utils/extendReactStatics';

package/es/List/List.js

@@ -5,11 +5,10 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { setStatic } from 'recompose';
 import classNames from 'classnames';
 import { on } from 'dom-lib';
 import { setInlineStyles, setTranslate3d, setTransitionDuration, closest, getPosition, getEdgeOffset, getScrollingParent } from './utils';
-import { prefix, defaultProps, getUnhandledProps } from '../utils';
+import { setStatic, prefix, defaultProps, getUnhandledProps } from '../utils';
 import ListItem from './ListItem';
 import Manager from './Manager';
 import AutoScroller from './AutoScroller';

package/es/List/ListItem.js

@@ -3,9 +3,8 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { setDisplayName } from 'recompose';
 import classNames from 'classnames';
-import { defaultProps, getUnhandledProps, prefix } from '../utils';
+import { setDisplayName, defaultProps, getUnhandledProps, prefix } from '../utils';
 import ListContext from './ListContext';
 
 var ListItem =

package/es/Loader/Loader.js

@@ -4,8 +4,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 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';
 
 var Loader =
 /*#__PURE__*/

package/es/Modal/BaseModal.js

@@ -48,6 +48,7 @@ function (_React$Component2) {
     _this.lastFocus = null;
     _this.onDocumentKeyupListener = null;
     _this.onFocusinListener = null;
+    _this._isMounted = null;
 
     _this.setMountNodeRef = function (ref) {
       var _ref$getMountNode;
@@ -95,15 +96,30 @@ function (_React$Component2) {
     _this.enforceFocus = function () {
       var enforceFocus = _this.props.enforceFocus;
 
-      if (!enforceFocus || !_this.isTopModal()) {
+      if (!enforceFocus || !_this._isMounted || !_this.isTopModal()) {
         return;
       }
 
-      var active = activeElement(ownerDocument(_assertThisInitialized(_this)));
+      var currentActiveElement = activeElement(ownerDocument(_assertThisInitialized(_this)));
 
       var modal = _this.getDialogElement();
 
-      if (modal && modal !== active && !contains(modal, active)) {
+      if (modal && modal !== currentActiveElement && !contains(modal, currentActiveElement)) {
+        modal.focus();
+      }
+    };
+
+    _this.handlePortalRendered = function () {
+      if (!_this.props.autoFocus) {
+        return;
+      }
+
+      var modal = _this.getDialogElement();
+
+      var currentActiveElement = activeElement(ownerDocument(_assertThisInitialized(_this)));
+
+      if (modal && modal !== currentActiveElement && !contains(modal, currentActiveElement)) {
+        _this.lastFocus = currentActiveElement;
         modal.focus();
       }
     };
@@ -120,6 +136,8 @@ function (_React$Component2) {
   var _proto2 = BaseModal.prototype;
 
   _proto2.componentDidMount = function componentDidMount() {
+    this._isMounted = true;
+
     if (this.props.show) {
       this.onShow();
     }
@@ -163,6 +181,7 @@ function (_React$Component2) {
     var _this$props4 = this.props,
         show = _this$props4.show,
         transition = _this$props4.transition;
+    this._isMounted = false;
 
     if (show || transition && !this.state.exited) {
       this.onHide();
@@ -293,7 +312,8 @@ function (_React$Component2) {
 
     return React.createElement(Portal, {
       ref: this.setMountNodeRef,
-      container: container
+      container: container,
+      onRendered: this.handlePortalRendered
     }, React.createElement("div", {
       ref: this.modalNodeRef,
       role: rest.role,

package/es/Modal/Modal.js

@@ -5,12 +5,11 @@ import _pick from "lodash/pick";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { setStatic } from 'recompose';
 import bindElementResize, { unbind as unbindElementResize } from 'element-resize-event';
 import BaseModal from './BaseModal';
 import Bounce from '../Animation/Bounce';
 import { on, getHeight } from 'dom-lib';
-import { prefix, defaultProps, createChainedFunction } from '../utils';
+import { setStatic, prefix, defaultProps, createChainedFunction } from '../utils';
 import ModalDialog, { modalDialogPropTypes } from './ModalDialog';
 import ModalBody from './ModalBody';
 import ModalHeader from './ModalHeader';

package/es/Modal/ModalDialog.js

@@ -4,8 +4,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { compose } from 'recompose';
-import { withStyleProps, defaultProps, prefix, refType } from '../utils';
+import { compose, withStyleProps, defaultProps, prefix, refType } from '../utils';
 import mergeRefs from '../utils/mergeRefs';
 export var modalDialogPropTypes = {
   className: PropTypes.string,
@@ -67,6 +66,7 @@ function (_React$Component) {
     return React.createElement("div", _extends({}, props, {
       title: null,
       role: "dialog",
+      tabIndex: -1,
       ref: mergeRefs(this.bindHtmlRef, dialogRef),
       className: classNames(classPrefix, className),
       style: modalStyle

package/es/MultiCascader/MultiCascader.js

@@ -33,6 +33,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,
@@ -178,6 +179,14 @@ function (_React$Component) {
       return 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;
 
@@ -275,6 +284,7 @@ function (_React$Component) {
     _this.menuContainerRef = React.createRef();
     _this.positionRef = React.createRef();
     _this.triggerRef = React.createRef();
+    _this.toggleRef = React.createRef();
     return _this;
   }
 
@@ -426,7 +436,9 @@ function (_React$Component) {
 
     return React.createElement(MenuWrapper, {
       className: classes,
-      style: menuStyle
+      style: menuStyle,
+      getToggleInstance: this.getToggleInstance,
+      getPositionInstance: this.getPositionInstance
     }, searchable && React.createElement(SearchBar, {
       placeholder: locale.searchPlaceholder,
       onChange: this.handleSearch,
@@ -522,6 +534,7 @@ function (_React$Component) {
       onExited: createChainedFunction(this.handleExit, onExited),
       speaker: this.renderDropdownMenu()
     }, React.createElement(PickerToggle, _extends({}, unhandled, {
+      ref: this.toggleRef,
       componentClass: toggleComponentClass,
       onClean: createChainedFunction(this.handleClean, onClean),
       cleanable: cleanable && !disabled,

package/es/Nav/Nav.js

@@ -4,10 +4,9 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { setStatic } from 'recompose';
 import shallowEqual from '../utils/shallowEqual';
 import NavItem from './NavItem';
-import { prefix, getUnhandledProps, defaultProps, ReactChildren, createChainedFunction } from '../utils';
+import { setStatic, prefix, getUnhandledProps, defaultProps, ReactChildren, createChainedFunction } from '../utils';
 import { getClassNamePrefix } from '../utils/prefix';
 import { NavbarContext } from '../Navbar/Navbar';
 import { SidenavContext } from '../Sidenav/Sidenav';

package/es/Navbar/Navbar.js

@@ -4,10 +4,9 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { setStatic } from 'recompose';
 import NavbarBody from './NavbarBody';
 import NavbarHeader from './NavbarHeader';
-import { prefix, defaultProps, createContext } from '../utils';
+import { setStatic, prefix, defaultProps, createContext } from '../utils';
 export var NavbarContext = createContext(null);
 
 var Navbar =

package/es/Pagination/Pagination.js

@@ -4,11 +4,10 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { compose } from 'recompose';
 import PaginationButton from './PaginationButton';
 import SafeAnchor from '../SafeAnchor';
 import Icon from '../Icon';
-import { withStyleProps, defaultProps, getUnhandledProps } from '../utils';
+import { compose, withStyleProps, defaultProps, getUnhandledProps } from '../utils';
 import { PAGINATION_ICON_NAMES } from '../constants';
 
 var Pagination =

package/es/Rate/Rate.js

@@ -4,8 +4,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { compose } from 'recompose';
-import { defaultProps, prefix, getUnhandledProps, withStyleProps } from '../utils';
+import { compose, defaultProps, prefix, getUnhandledProps, withStyleProps } from '../utils';
 import { transformValueToCharacterMap, transformCharacterMapToValue } from './utils';
 import shallowEqualArray from '../utils/shallowEqualArray';
 import Icon from '../Icon';

package/es/Sidenav/Sidenav.js

@@ -7,13 +7,12 @@ import _isUndefined from "lodash/isUndefined";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { setStatic } from 'recompose';
 import Transition from '../Animation/Transition';
 import shallowEqual from '../utils/shallowEqual';
 import SidenavBody from './SidenavBody';
 import SidenavHeader from './SidenavHeader';
 import SidenavToggle from './SidenavToggle';
-import { prefix, defaultProps, getUnhandledProps, createContext } from '../utils';
+import { setStatic, prefix, defaultProps, getUnhandledProps, createContext } from '../utils';
 export var SidenavContext = createContext(null);
 
 var Sidenav =

package/es/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/es/Steps/Steps.js

@@ -6,9 +6,8 @@ import _get from "lodash/get";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { setStatic } from 'recompose';
 import StepItem from './StepItem';
-import { prefix, defaultProps, ReactChildren, isIE10 } from '../utils';
+import { setStatic, prefix, defaultProps, ReactChildren, isIE10 } from '../utils';
 
 var Steps =
 /*#__PURE__*/

package/es/Table/Table.js

@@ -1,6 +1,5 @@
-import { setStatic, compose } from 'recompose';
 import { Table, Column, Cell, HeaderCell, ColumnGroup } from 'rsuite-table';
-import { defaultProps } from '../utils';
+import { setStatic, compose, defaultProps } from '../utils';
 import withLocale from '../IntlProvider/withLocale';
 import TablePagination from './TablePagination';
 var EnhancedLocaleTable = compose(withLocale(['Table']), defaultProps({

package/es/Table/TablePagination.js

@@ -4,11 +4,10 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { compose } from 'recompose';
 import Pagination from '../Pagination';
 import SelectPicker from '../SelectPicker';
 import Divider from '../Divider';
-import { prefix, tplTransform, getUnhandledProps, defaultProps } from '../utils';
+import { compose, prefix, tplTransform, getUnhandledProps, defaultProps } from '../utils';
 import withLocale from '../IntlProvider/withLocale';
 
 var TablePagination =

package/es/Tag/Tag.js

@@ -4,8 +4,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { compose } from 'recompose';
-import { prefix, withStyleProps, defaultProps } from '../utils';
+import { compose, prefix, withStyleProps, defaultProps } from '../utils';
 
 var Tag =
 /*#__PURE__*/

package/es/TagPicker/index.js

@@ -1,5 +1,4 @@
-import { compose } from 'recompose';
-import { defaultProps } from '../utils';
+import { compose, defaultProps } from '../utils';
 import InputPicker from '../InputPicker/InputPicker';
 import withLocale from '../IntlProvider/withLocale';
 export default compose(withLocale(['Picker', 'InputPicker']), defaultProps({

package/es/Timeline/Timeline.js

@@ -5,9 +5,8 @@ import _some from "lodash/some";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { setStatic } from 'recompose';
 import TimelineItem from './TimelineItem';
-import { defaultProps, prefix, ReactChildren } from '../utils';
+import { setStatic, defaultProps, prefix, ReactChildren } from '../utils';
 
 var Timeline =
 /*#__PURE__*/

package/es/Timeline/TimelineItem.js

@@ -4,8 +4,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { compose } from 'recompose';
-import { prefix, defaultProps, withStyleProps } from '../utils';
+import { compose, prefix, defaultProps, withStyleProps } from '../utils';
 
 var TimelineItem =
 /*#__PURE__*/

package/es/Toggle/Toggle.js

@@ -4,8 +4,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { compose } from 'recompose';
-import { prefix, withStyleProps, defaultProps, getUnhandledProps } from '../utils';
+import { compose, prefix, withStyleProps, defaultProps, getUnhandledProps } from '../utils';
 
 var Toggle =
 /*#__PURE__*/