rsuite 4.10.1 → 4.10.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (133) hide show
  1. package/CHANGELOG.md +47 -0
  2. package/dist/rsuite.js +52 -159
  3. package/dist/rsuite.min.js +2 -2
  4. package/dist/rsuite.min.js.map +1 -1
  5. package/es/AutoComplete/AutoComplete.js +1 -1
  6. package/es/Avatar/Avatar.js +1 -2
  7. package/es/Breadcrumb/Breadcrumb.js +1 -2
  8. package/es/Button/Button.js +1 -2
  9. package/es/ButtonGroup/ButtonGroup.js +1 -2
  10. package/es/Calendar/TimeDropdown.js +3 -3
  11. package/es/Cascader/Cascader.js +23 -6
  12. package/es/CheckTreePicker/CheckTreePicker.js +8 -7
  13. package/es/Drawer/index.js +1 -2
  14. package/es/Dropdown/Dropdown.js +1 -2
  15. package/es/FlexboxGrid/FlexboxGrid.js +1 -2
  16. package/es/FormGroup/FormGroup.js +1 -2
  17. package/es/Input/Input.js +1 -2
  18. package/es/InputGroup/InputGroup.js +1 -2
  19. package/es/IntlProvider/withLocale.js +1 -1
  20. package/es/List/List.js +1 -2
  21. package/es/List/ListItem.js +1 -2
  22. package/es/Loader/Loader.js +1 -2
  23. package/es/Modal/Modal.js +1 -2
  24. package/es/Modal/ModalDialog.js +1 -2
  25. package/es/MultiCascader/MultiCascader.js +14 -1
  26. package/es/Nav/Nav.js +1 -2
  27. package/es/Navbar/Navbar.js +1 -2
  28. package/es/Pagination/Pagination.js +1 -2
  29. package/es/Rate/Rate.js +1 -2
  30. package/es/Sidenav/Sidenav.js +1 -2
  31. package/es/Slider/Slider.d.ts +4 -11
  32. package/es/Steps/Steps.js +1 -2
  33. package/es/Table/Table.js +1 -2
  34. package/es/Table/TablePagination.js +1 -2
  35. package/es/Tag/Tag.js +1 -2
  36. package/es/TagPicker/index.js +1 -2
  37. package/es/Timeline/Timeline.js +1 -2
  38. package/es/Timeline/TimelineItem.js +1 -2
  39. package/es/Toggle/Toggle.js +1 -2
  40. package/es/Uploader/Uploader.js +2 -3
  41. package/es/utils/defaultProps.js +1 -1
  42. package/es/utils/index.js +1 -0
  43. package/es/utils/recompose.js +42 -0
  44. package/es/utils/treeUtils.js +5 -1
  45. package/es/utils/withStyleProps.js +1 -1
  46. package/lib/AutoComplete/AutoComplete.js +2 -4
  47. package/lib/Avatar/Avatar.js +1 -3
  48. package/lib/Breadcrumb/Breadcrumb.js +1 -3
  49. package/lib/Button/Button.js +1 -3
  50. package/lib/ButtonGroup/ButtonGroup.js +1 -3
  51. package/lib/Calendar/TimeDropdown.js +3 -3
  52. package/lib/Cascader/Cascader.js +23 -6
  53. package/lib/CheckTreePicker/CheckTreePicker.js +8 -7
  54. package/lib/Drawer/index.js +4 -6
  55. package/lib/Dropdown/Dropdown.js +2 -4
  56. package/lib/FlexboxGrid/FlexboxGrid.js +1 -3
  57. package/lib/FormGroup/FormGroup.js +1 -3
  58. package/lib/Input/Input.js +1 -3
  59. package/lib/InputGroup/InputGroup.js +3 -5
  60. package/lib/IntlProvider/withLocale.js +3 -3
  61. package/lib/List/List.js +1 -3
  62. package/lib/List/ListItem.js +1 -3
  63. package/lib/Loader/Loader.js +1 -3
  64. package/lib/Modal/Modal.js +5 -7
  65. package/lib/Modal/ModalDialog.js +1 -3
  66. package/lib/MultiCascader/MultiCascader.js +14 -1
  67. package/lib/Nav/Nav.js +1 -3
  68. package/lib/Navbar/Navbar.js +2 -4
  69. package/lib/Pagination/Pagination.js +1 -3
  70. package/lib/Rate/Rate.js +1 -3
  71. package/lib/Sidenav/Sidenav.js +3 -5
  72. package/lib/Slider/Slider.d.ts +4 -11
  73. package/lib/Steps/Steps.js +1 -3
  74. package/lib/Table/Table.js +6 -8
  75. package/lib/Table/TablePagination.js +1 -3
  76. package/lib/Tag/Tag.js +1 -3
  77. package/lib/TagPicker/index.js +1 -3
  78. package/lib/Timeline/Timeline.js +1 -3
  79. package/lib/Timeline/TimelineItem.js +1 -3
  80. package/lib/Toggle/Toggle.js +1 -3
  81. package/lib/Uploader/Uploader.js +2 -4
  82. package/lib/utils/defaultProps.js +1 -1
  83. package/lib/utils/index.js +8 -0
  84. package/lib/utils/recompose.js +57 -0
  85. package/lib/utils/treeUtils.js +5 -1
  86. package/lib/utils/withStyleProps.js +1 -1
  87. package/package.json +4 -5
  88. package/src/AutoComplete/AutoComplete.tsx +1 -1
  89. package/src/Avatar/Avatar.tsx +1 -2
  90. package/src/Breadcrumb/Breadcrumb.tsx +1 -2
  91. package/src/Button/Button.tsx +8 -2
  92. package/src/ButtonGroup/ButtonGroup.tsx +1 -2
  93. package/src/Calendar/TimeDropdown.tsx +2 -3
  94. package/src/Cascader/Cascader.tsx +24 -5
  95. package/src/Cascader/test/CascaderSpec.js +56 -1
  96. package/src/CheckTreePicker/CheckTreePicker.tsx +15 -7
  97. package/src/CheckTreePicker/test/CheckTreePickerSpec.js +184 -1
  98. package/src/DatePicker/test/DatePickerSpec.js +20 -0
  99. package/src/Drawer/index.tsx +1 -3
  100. package/src/Dropdown/Dropdown.tsx +1 -1
  101. package/src/FlexboxGrid/FlexboxGrid.tsx +1 -2
  102. package/src/FormGroup/FormGroup.tsx +1 -2
  103. package/src/Input/Input.tsx +1 -1
  104. package/src/InputGroup/InputGroup.tsx +1 -2
  105. package/src/IntlProvider/withLocale.tsx +1 -1
  106. package/src/List/List.tsx +1 -2
  107. package/src/List/ListItem.tsx +1 -2
  108. package/src/Loader/Loader.tsx +1 -2
  109. package/src/Modal/Modal.tsx +1 -2
  110. package/src/Modal/ModalDialog.tsx +1 -2
  111. package/src/MultiCascader/MultiCascader.tsx +17 -1
  112. package/src/Nav/Nav.tsx +1 -1
  113. package/src/Navbar/Navbar.tsx +1 -2
  114. package/src/Pagination/Pagination.tsx +1 -2
  115. package/src/Rate/Rate.tsx +1 -2
  116. package/src/Sidenav/Sidenav.tsx +1 -2
  117. package/src/Slider/Slider.d.ts +4 -11
  118. package/src/Steps/Steps.tsx +1 -2
  119. package/src/Table/Table.tsx +1 -2
  120. package/src/Table/TablePagination.tsx +1 -2
  121. package/src/Tag/Tag.tsx +1 -2
  122. package/src/TagPicker/index.tsx +1 -3
  123. package/src/Timeline/Timeline.tsx +1 -2
  124. package/src/Timeline/TimelineItem.tsx +1 -2
  125. package/src/Toggle/Toggle.tsx +1 -2
  126. package/src/TreePicker/test/TreePickerSpec.js +43 -15
  127. package/src/Uploader/Uploader.tsx +2 -3
  128. package/src/utils/defaultProps.ts +1 -1
  129. package/src/utils/index.ts +1 -0
  130. package/src/utils/recompose.ts +52 -0
  131. package/src/utils/test/recomposeSpec.js +107 -0
  132. package/src/utils/treeUtils.ts +4 -1
  133. package/src/utils/withStyleProps.tsx +1 -1
@@ -6,7 +6,7 @@ import _isUndefined from "lodash/isUndefined";
6
6
  import * as React from 'react';
7
7
  import PropTypes from 'prop-types';
8
8
  import classNames from 'classnames';
9
- import { setStatic } from 'recompose';
9
+ import { setStatic } from '../utils';
10
10
  import shallowEqual from '../utils/shallowEqual';
11
11
  import Input from '../Input';
12
12
  import AutoCompleteItem from './AutoCompleteItem';
@@ -4,8 +4,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import classNames from 'classnames';
7
- import { compose } from 'recompose';
8
- import { defaultProps, prefix, withStyleProps } from '../utils';
7
+ import { compose, defaultProps, prefix, withStyleProps } from '../utils';
9
8
  import { SIZE } from '../constants';
10
9
 
11
10
  var Avatar =
@@ -4,9 +4,8 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import classNames from 'classnames';
7
- import { setStatic } from 'recompose';
8
7
  import BreadcrumbItem from './BreadcrumbItem';
9
- import { defaultProps, prefix, getUnhandledProps } from '../utils';
8
+ import { setStatic, defaultProps, prefix, getUnhandledProps } from '../utils';
10
9
 
11
10
  var Breadcrumb =
12
11
  /*#__PURE__*/
@@ -4,10 +4,9 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import classNames from 'classnames';
7
- import { compose } from 'recompose';
8
7
  import SafeAnchor from '../SafeAnchor';
9
8
  import Ripple from '../Ripple';
10
- import { withStyleProps, getUnhandledProps, defaultProps, prefix, isOneOf } from '../utils';
9
+ import { compose, withStyleProps, getUnhandledProps, defaultProps, prefix, isOneOf } from '../utils';
11
10
 
12
11
  var Button =
13
12
  /*#__PURE__*/
@@ -4,8 +4,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import classNames from 'classnames';
7
- import { compose } from 'recompose';
8
- import { withStyleProps, defaultProps, prefix } from '../utils';
7
+ import { compose, withStyleProps, defaultProps, prefix } from '../utils';
9
8
 
10
9
  var ButtonGroup =
11
10
  /*#__PURE__*/
@@ -70,13 +70,13 @@ function (_React$PureComponent) {
70
70
  _this.handleClick = function (type, d, event) {
71
71
  var _this$props = _this.props,
72
72
  onSelect = _this$props.onSelect,
73
- date = _this$props.date; // $FlowFixMe
74
-
73
+ date = _this$props.date,
74
+ showMeridian = _this$props.showMeridian;
75
75
  var nextDate = date || new Date();
76
76
 
77
77
  switch (type) {
78
78
  case 'hours':
79
- nextDate = setHours(date, d);
79
+ nextDate = setHours(date, showMeridian && getHours(nextDate) >= 12 ? d + 12 : d);
80
80
  break;
81
81
 
82
82
  case 'minutes':
@@ -32,9 +32,11 @@ function (_React$Component) {
32
32
  var _this;
33
33
 
34
34
  _this = _React$Component.call(this, props) || this;
35
+ _this.toggleRef = void 0;
35
36
  _this.triggerRef = void 0;
36
37
  _this.containerRef = void 0;
37
38
  _this.positionRef = void 0;
39
+ _this.menuWrapperRef = void 0;
38
40
  _this.menuContainerRef = void 0;
39
41
  _this.isControlled = void 0;
40
42
 
@@ -264,6 +266,14 @@ function (_React$Component) {
264
266
  }));
265
267
  };
266
268
 
269
+ _this.getPositionInstance = function () {
270
+ return _this.positionRef.current;
271
+ };
272
+
273
+ _this.getToggleInstance = function () {
274
+ return _this.toggleRef.current;
275
+ };
276
+
267
277
  var initState = {
268
278
  searchKeyword: '',
269
279
  selectNode: null,
@@ -282,13 +292,15 @@ function (_React$Component) {
282
292
  items: []
283
293
  };
284
294
  _this.state = _extends({}, initState, {}, getDerivedStateForCascade(props, initState), {
285
- flattenData: flattenTree(props.data)
295
+ flattenData: flattenTree(props.data, props.childrenKey)
286
296
  });
287
297
  _this.isControlled = !_isUndefined(props.value);
288
298
  _this.triggerRef = React.createRef();
289
299
  _this.containerRef = React.createRef();
290
- _this.positionRef = React.createRef(); // for test
300
+ _this.positionRef = React.createRef();
301
+ _this.toggleRef = React.createRef(); // for test
291
302
 
303
+ _this.menuWrapperRef = React.createRef();
292
304
  _this.menuContainerRef = React.createRef();
293
305
  return _this;
294
306
  }
@@ -297,7 +309,8 @@ function (_React$Component) {
297
309
  var value = nextProps.value,
298
310
  data = nextProps.data,
299
311
  labelKey = nextProps.labelKey,
300
- valueKey = nextProps.valueKey;
312
+ valueKey = nextProps.valueKey,
313
+ childrenKey = nextProps.childrenKey;
301
314
 
302
315
  if (data !== prevState.data) {
303
316
  var _prevState$selectNode;
@@ -315,12 +328,12 @@ function (_React$Component) {
315
328
  return _stringToObject(item, labelKey, valueKey);
316
329
  })), {
317
330
  data: data,
318
- flattenData: flattenTree(data)
331
+ flattenData: flattenTree(data, childrenKey)
319
332
  });
320
333
  }
321
334
 
322
335
  return _extends({}, getDerivedStateForCascade(nextProps, prevState), {
323
- flattenData: flattenTree(data),
336
+ flattenData: flattenTree(data, childrenKey),
324
337
  data: data
325
338
  });
326
339
  }
@@ -431,8 +444,11 @@ function (_React$Component) {
431
444
  var menuProps = _pick(this.props, Object.keys(_omit(dropdownMenuPropTypes, ['classPrefix'])));
432
445
 
433
446
  return React.createElement(MenuWrapper, {
447
+ ref: this.menuWrapperRef,
434
448
  className: classes,
435
- style: menuStyle
449
+ style: menuStyle,
450
+ getToggleInstance: this.getToggleInstance,
451
+ getPositionInstance: this.getPositionInstance
436
452
  }, searchable && React.createElement(SearchBar, {
437
453
  placeholder: locale.searchPlaceholder,
438
454
  onChange: this.handleSearch,
@@ -526,6 +542,7 @@ function (_React$Component) {
526
542
  onExited: createChainedFunction(this.handleExit, onExited),
527
543
  speaker: this.renderDropdownMenu()
528
544
  }, React.createElement(PickerToggle, _extends({}, unhandled, {
545
+ ref: this.toggleRef,
529
546
  componentClass: toggleComponentClass,
530
547
  onClean: createChainedFunction(this.handleClean, onClean),
531
548
  cleanable: cleanable && !disabled,
@@ -471,11 +471,11 @@ function (_React$Component) {
471
471
  nextState.value = value;
472
472
  }
473
473
 
474
- if (compareArray(expandItemValues, prevState.expandItemValues)) {
474
+ if (compareArray(expandItemValues, prevState.expandItemValues) && _isArray(expandItemValues)) {
475
475
  nextState.expandItemValues = expandItemValues;
476
476
  }
477
477
 
478
- if (compareArray(uncheckableItemValues, prevState.uncheckableItemValues)) {
478
+ if (compareArray(uncheckableItemValues, prevState.uncheckableItemValues) && _isArray(uncheckableItemValues)) {
479
479
  nextState.uncheckableItemValues = uncheckableItemValues;
480
480
  }
481
481
 
@@ -542,7 +542,7 @@ function (_React$Component) {
542
542
 
543
543
  if (compareArray(value, prevState.value)) {
544
544
  this.unserializeLists({
545
- check: value,
545
+ check: value !== null && value !== void 0 ? value : [],
546
546
  expand: expandItemValues
547
547
  });
548
548
  this.setState({
@@ -556,7 +556,7 @@ function (_React$Component) {
556
556
  _proto.updateExpandItemValuesChange = function updateExpandItemValuesChange(prevState) {
557
557
  var expandItemValues = this.props.expandItemValues;
558
558
 
559
- if (compareArray(expandItemValues, prevState.expandItemValues)) {
559
+ if (compareArray(expandItemValues, prevState.expandItemValues) && _isArray(expandItemValues)) {
560
560
  this.unserializeLists({
561
561
  expand: expandItemValues
562
562
  });
@@ -573,7 +573,7 @@ function (_React$Component) {
573
573
  expandItemValues = _this$state3.expandItemValues;
574
574
  var uncheckableItemValues = this.props.uncheckableItemValues;
575
575
 
576
- if (compareArray(uncheckableItemValues, prevState.uncheckableItemValues)) {
576
+ if (compareArray(uncheckableItemValues, prevState.uncheckableItemValues) && _isArray(uncheckableItemValues)) {
577
577
  this.flattenNodes(data);
578
578
  this.unserializeLists({
579
579
  check: selectedValues,
@@ -625,6 +625,7 @@ function (_React$Component) {
625
625
 
626
626
  if (isEveryChildChecked(node, this.nodes, this.props)) {
627
627
  this.nodes[node.refKey].checkAll = true;
628
+ this.nodes[node.refKey].check = true;
628
629
  return CHECK_STATE.CHECK;
629
630
  }
630
631
 
@@ -844,7 +845,7 @@ function (_React$Component) {
844
845
  });
845
846
  }
846
847
  /**
847
- * 过滤选中的values中不包含 uncheckableItemValues 的那些值
848
+ * 过滤选中的 values 中不包含 uncheckableItemValues 的那些值
848
849
  * @param {*} values
849
850
  */
850
851
  ;
@@ -1005,7 +1006,7 @@ function (_React$Component) {
1005
1006
  };
1006
1007
 
1007
1008
  _proto.toggleNode = function toggleNode(key, node, toggleValue) {
1008
- // 如果该节点处于 disabledChecbox,则忽略该值
1009
+ // 如果该节点处于 disabledCheckbox,则忽略该值
1009
1010
  if (!node.uncheckable) {
1010
1011
  this.nodes[node.refKey][key] = toggleValue;
1011
1012
  }
@@ -1,5 +1,4 @@
1
- import { setStatic, setDisplayName } from 'recompose';
2
- import { defaultProps } from '../utils';
1
+ import { setStatic, setDisplayName, defaultProps } from '../utils';
3
2
  import Drawer from './Drawer';
4
3
  import ModalBody from '../Modal/ModalBody';
5
4
  import ModalHeader from '../Modal/ModalHeader';
@@ -6,14 +6,13 @@ import _isUndefined from "lodash/isUndefined";
6
6
  import * as React from 'react';
7
7
  import PropTypes from 'prop-types';
8
8
  import classNames from 'classnames';
9
- import { setStatic } from 'recompose';
10
9
  import { contains } from 'dom-lib';
11
10
  import RootCloseWrapper from '../Overlay/RootCloseWrapper';
12
11
  import shallowEqual from '../utils/shallowEqual';
13
12
  import DropdownToggle from './DropdownToggle';
14
13
  import DropdownMenu from './DropdownMenu';
15
14
  import DropdownMenuItem from './DropdownMenuItem';
16
- import { createChainedFunction, prefix, isOneOf, getUnhandledProps, defaultProps, placementPolyfill, getDOMNode } from '../utils';
15
+ import { setStatic, createChainedFunction, prefix, isOneOf, getUnhandledProps, defaultProps, placementPolyfill, getDOMNode } from '../utils';
17
16
  import { SidenavContext } from '../Sidenav/Sidenav';
18
17
  import { PLACEMENT_8 } from '../constants';
19
18
 
@@ -4,8 +4,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import classNames from 'classnames';
7
- import { setStatic } from 'recompose';
8
- import { defaultProps, prefix } from '../utils';
7
+ import { setStatic, defaultProps, prefix } from '../utils';
9
8
  import FlexboxGridItem from './FlexboxGridItem';
10
9
 
11
10
  var FlexboxGrid =
@@ -5,8 +5,7 @@ import _isUndefined from "lodash/isUndefined";
5
5
  import * as React from 'react';
6
6
  import PropTypes from 'prop-types';
7
7
  import classNames from 'classnames';
8
- import { compose } from 'recompose';
9
- import { withStyleProps, defaultProps, prefix, createContext } from '../utils';
8
+ import { compose, withStyleProps, defaultProps, prefix, createContext } from '../utils';
10
9
  export var FormGroupContext = createContext(null);
11
10
 
12
11
  var FormGroup =
package/es/Input/Input.js CHANGED
@@ -6,8 +6,7 @@ import _get from "lodash/get";
6
6
  import * as React from 'react';
7
7
  import PropTypes from 'prop-types';
8
8
  import classNames from 'classnames';
9
- import { compose } from 'recompose';
10
- import { withStyleProps, defaultProps, createChainedFunction, getUnhandledProps, refType } from '../utils';
9
+ import { compose, withStyleProps, defaultProps, createChainedFunction, getUnhandledProps, refType } from '../utils';
11
10
  import { FormPlaintextContext } from '../Form/FormContext';
12
11
  import { FormGroupContext } from '../FormGroup/FormGroup';
13
12
  import { InputGroupContext } from '../InputGroup/InputGroup';
@@ -4,10 +4,9 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import classNames from 'classnames';
7
- import { setStatic, compose } from 'recompose';
8
7
  import InputGroupAddon from './InputGroupAddon';
9
8
  import InputGroupButton from './InputGroupButton';
10
- import { prefix, withStyleProps, defaultProps, createContext } from '../utils';
9
+ import { setStatic, compose, prefix, withStyleProps, defaultProps, createContext } from '../utils';
11
10
  export var InputGroupContext = createContext(null);
12
11
 
13
12
  var InputGroup =
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _get from "lodash/get";
3
3
  import * as React from 'react';
4
- import { setDisplayName, wrapDisplayName } from 'recompose';
4
+ import { setDisplayName, wrapDisplayName } from '../utils';
5
5
  import format from 'date-fns/format';
6
6
  import defaultLocale from './locales/default';
7
7
  import extendReactStatics from '../utils/extendReactStatics';
package/es/List/List.js CHANGED
@@ -5,11 +5,10 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
5
5
  import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
6
6
  import * as React from 'react';
7
7
  import PropTypes from 'prop-types';
8
- import { setStatic } from 'recompose';
9
8
  import classNames from 'classnames';
10
9
  import { on } from 'dom-lib';
11
10
  import { setInlineStyles, setTranslate3d, setTransitionDuration, closest, getPosition, getEdgeOffset, getScrollingParent } from './utils';
12
- import { prefix, defaultProps, getUnhandledProps } from '../utils';
11
+ import { setStatic, prefix, defaultProps, getUnhandledProps } from '../utils';
13
12
  import ListItem from './ListItem';
14
13
  import Manager from './Manager';
15
14
  import AutoScroller from './AutoScroller';
@@ -3,9 +3,8 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
3
3
  import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
- import { setDisplayName } from 'recompose';
7
6
  import classNames from 'classnames';
8
- import { defaultProps, getUnhandledProps, prefix } from '../utils';
7
+ import { setDisplayName, defaultProps, getUnhandledProps, prefix } from '../utils';
9
8
  import ListContext from './ListContext';
10
9
 
11
10
  var ListItem =
@@ -4,8 +4,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import classNames from 'classnames';
7
- import { compose } from 'recompose';
8
- import { withStyleProps, defaultProps, prefix } from '../utils';
7
+ import { compose, withStyleProps, defaultProps, prefix } from '../utils';
9
8
 
10
9
  var Loader =
11
10
  /*#__PURE__*/
package/es/Modal/Modal.js CHANGED
@@ -5,12 +5,11 @@ import _pick from "lodash/pick";
5
5
  import * as React from 'react';
6
6
  import PropTypes from 'prop-types';
7
7
  import classNames from 'classnames';
8
- import { setStatic } from 'recompose';
9
8
  import bindElementResize, { unbind as unbindElementResize } from 'element-resize-event';
10
9
  import BaseModal from './BaseModal';
11
10
  import Bounce from '../Animation/Bounce';
12
11
  import { on, getHeight } from 'dom-lib';
13
- import { prefix, defaultProps, createChainedFunction } from '../utils';
12
+ import { setStatic, prefix, defaultProps, createChainedFunction } from '../utils';
14
13
  import ModalDialog, { modalDialogPropTypes } from './ModalDialog';
15
14
  import ModalBody from './ModalBody';
16
15
  import ModalHeader from './ModalHeader';
@@ -4,8 +4,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import classNames from 'classnames';
7
- import { compose } from 'recompose';
8
- import { withStyleProps, defaultProps, prefix, refType } from '../utils';
7
+ import { compose, withStyleProps, defaultProps, prefix, refType } from '../utils';
9
8
  import mergeRefs from '../utils/mergeRefs';
10
9
  export var modalDialogPropTypes = {
11
10
  className: PropTypes.string,
@@ -33,6 +33,7 @@ function (_React$Component) {
33
33
  _this.menuContainerRef = void 0;
34
34
  _this.positionRef = void 0;
35
35
  _this.triggerRef = void 0;
36
+ _this.toggleRef = void 0;
36
37
 
37
38
  _this.handleCheck = function (item, event, checked) {
38
39
  var _this$props = _this.props,
@@ -178,6 +179,14 @@ function (_React$Component) {
178
179
  return prefix(_this.props.classPrefix)(name);
179
180
  };
180
181
 
182
+ _this.getPositionInstance = function () {
183
+ return _this.positionRef.current;
184
+ };
185
+
186
+ _this.getToggleInstance = function () {
187
+ return _this.toggleRef.current;
188
+ };
189
+
181
190
  _this.renderSearchRow = function (item, key) {
182
191
  var _extends2, _classNames;
183
192
 
@@ -275,6 +284,7 @@ function (_React$Component) {
275
284
  _this.menuContainerRef = React.createRef();
276
285
  _this.positionRef = React.createRef();
277
286
  _this.triggerRef = React.createRef();
287
+ _this.toggleRef = React.createRef();
278
288
  return _this;
279
289
  }
280
290
 
@@ -426,7 +436,9 @@ function (_React$Component) {
426
436
 
427
437
  return React.createElement(MenuWrapper, {
428
438
  className: classes,
429
- style: menuStyle
439
+ style: menuStyle,
440
+ getToggleInstance: this.getToggleInstance,
441
+ getPositionInstance: this.getPositionInstance
430
442
  }, searchable && React.createElement(SearchBar, {
431
443
  placeholder: locale.searchPlaceholder,
432
444
  onChange: this.handleSearch,
@@ -522,6 +534,7 @@ function (_React$Component) {
522
534
  onExited: createChainedFunction(this.handleExit, onExited),
523
535
  speaker: this.renderDropdownMenu()
524
536
  }, React.createElement(PickerToggle, _extends({}, unhandled, {
537
+ ref: this.toggleRef,
525
538
  componentClass: toggleComponentClass,
526
539
  onClean: createChainedFunction(this.handleClean, onClean),
527
540
  cleanable: cleanable && !disabled,
package/es/Nav/Nav.js CHANGED
@@ -4,10 +4,9 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import classNames from 'classnames';
7
- import { setStatic } from 'recompose';
8
7
  import shallowEqual from '../utils/shallowEqual';
9
8
  import NavItem from './NavItem';
10
- import { prefix, getUnhandledProps, defaultProps, ReactChildren, createChainedFunction } from '../utils';
9
+ import { setStatic, prefix, getUnhandledProps, defaultProps, ReactChildren, createChainedFunction } from '../utils';
11
10
  import { getClassNamePrefix } from '../utils/prefix';
12
11
  import { NavbarContext } from '../Navbar/Navbar';
13
12
  import { SidenavContext } from '../Sidenav/Sidenav';
@@ -4,10 +4,9 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import classNames from 'classnames';
7
- import { setStatic } from 'recompose';
8
7
  import NavbarBody from './NavbarBody';
9
8
  import NavbarHeader from './NavbarHeader';
10
- import { prefix, defaultProps, createContext } from '../utils';
9
+ import { setStatic, prefix, defaultProps, createContext } from '../utils';
11
10
  export var NavbarContext = createContext(null);
12
11
 
13
12
  var Navbar =
@@ -4,11 +4,10 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import classNames from 'classnames';
7
- import { compose } from 'recompose';
8
7
  import PaginationButton from './PaginationButton';
9
8
  import SafeAnchor from '../SafeAnchor';
10
9
  import Icon from '../Icon';
11
- import { withStyleProps, defaultProps, getUnhandledProps } from '../utils';
10
+ import { compose, withStyleProps, defaultProps, getUnhandledProps } from '../utils';
12
11
  import { PAGINATION_ICON_NAMES } from '../constants';
13
12
 
14
13
  var Pagination =
package/es/Rate/Rate.js CHANGED
@@ -4,8 +4,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import classNames from 'classnames';
7
- import { compose } from 'recompose';
8
- import { defaultProps, prefix, getUnhandledProps, withStyleProps } from '../utils';
7
+ import { compose, defaultProps, prefix, getUnhandledProps, withStyleProps } from '../utils';
9
8
  import { transformValueToCharacterMap, transformCharacterMapToValue } from './utils';
10
9
  import shallowEqualArray from '../utils/shallowEqualArray';
11
10
  import Icon from '../Icon';
@@ -7,13 +7,12 @@ import _isUndefined from "lodash/isUndefined";
7
7
  import * as React from 'react';
8
8
  import PropTypes from 'prop-types';
9
9
  import classNames from 'classnames';
10
- import { setStatic } from 'recompose';
11
10
  import Transition from '../Animation/Transition';
12
11
  import shallowEqual from '../utils/shallowEqual';
13
12
  import SidenavBody from './SidenavBody';
14
13
  import SidenavHeader from './SidenavHeader';
15
14
  import SidenavToggle from './SidenavToggle';
16
- import { prefix, defaultProps, getUnhandledProps, createContext } from '../utils';
15
+ import { setStatic, prefix, defaultProps, getUnhandledProps, createContext } from '../utils';
17
16
  export var SidenavContext = createContext(null);
18
17
 
19
18
  var Sidenav =
@@ -1,7 +1,9 @@
1
1
  import * as React from 'react';
2
- import { StandardProps } from '../@types/common';
2
+ import { StandardProps, FormControlBaseProps } from '../@types/common';
3
3
 
4
- export interface SliderProps<ValueType = number> extends StandardProps {
4
+ export interface SliderProps<ValueType = number>
5
+ extends StandardProps,
6
+ FormControlBaseProps<ValueType> {
5
7
  /** Minimum value of sliding range */
6
8
  min?: number;
7
9
 
@@ -11,12 +13,6 @@ export interface SliderProps<ValueType = number> extends StandardProps {
11
13
  /** Slide the value of one step */
12
14
  step?: number;
13
15
 
14
- /** Value (Controlled) */
15
- value?: ValueType;
16
-
17
- /** Default value */
18
- defaultValue?: ValueType;
19
-
20
16
  /** A css class to apply to the Handle node. */
21
17
  handleClassName?: string;
22
18
 
@@ -44,9 +40,6 @@ export interface SliderProps<ValueType = number> extends StandardProps {
44
40
  /** Vertical Slide */
45
41
  vertical?: boolean;
46
42
 
47
- /** Callback function that changes data */
48
- onChange?: (value: ValueType, event: React.MouseEvent) => void;
49
-
50
43
  /** Customize labels on the render ruler */
51
44
  renderMark?: (mark: number) => React.ReactNode;
52
45
  }
package/es/Steps/Steps.js CHANGED
@@ -6,9 +6,8 @@ import _get from "lodash/get";
6
6
  import * as React from 'react';
7
7
  import PropTypes from 'prop-types';
8
8
  import classNames from 'classnames';
9
- import { setStatic } from 'recompose';
10
9
  import StepItem from './StepItem';
11
- import { prefix, defaultProps, ReactChildren, isIE10 } from '../utils';
10
+ import { setStatic, prefix, defaultProps, ReactChildren, isIE10 } from '../utils';
12
11
 
13
12
  var Steps =
14
13
  /*#__PURE__*/
package/es/Table/Table.js CHANGED
@@ -1,6 +1,5 @@
1
- import { setStatic, compose } from 'recompose';
2
1
  import { Table, Column, Cell, HeaderCell, ColumnGroup } from 'rsuite-table';
3
- import { defaultProps } from '../utils';
2
+ import { setStatic, compose, defaultProps } from '../utils';
4
3
  import withLocale from '../IntlProvider/withLocale';
5
4
  import TablePagination from './TablePagination';
6
5
  var EnhancedLocaleTable = compose(withLocale(['Table']), defaultProps({
@@ -4,11 +4,10 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import classNames from 'classnames';
7
- import { compose } from 'recompose';
8
7
  import Pagination from '../Pagination';
9
8
  import SelectPicker from '../SelectPicker';
10
9
  import Divider from '../Divider';
11
- import { prefix, tplTransform, getUnhandledProps, defaultProps } from '../utils';
10
+ import { compose, prefix, tplTransform, getUnhandledProps, defaultProps } from '../utils';
12
11
  import withLocale from '../IntlProvider/withLocale';
13
12
 
14
13
  var TablePagination =
package/es/Tag/Tag.js CHANGED
@@ -4,8 +4,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import classnames from 'classnames';
7
- import { compose } from 'recompose';
8
- import { prefix, withStyleProps, defaultProps } from '../utils';
7
+ import { compose, prefix, withStyleProps, defaultProps } from '../utils';
9
8
 
10
9
  var Tag =
11
10
  /*#__PURE__*/
@@ -1,5 +1,4 @@
1
- import { compose } from 'recompose';
2
- import { defaultProps } from '../utils';
1
+ import { compose, defaultProps } from '../utils';
3
2
  import InputPicker from '../InputPicker/InputPicker';
4
3
  import withLocale from '../IntlProvider/withLocale';
5
4
  export default compose(withLocale(['Picker', 'InputPicker']), defaultProps({
@@ -5,9 +5,8 @@ import _some from "lodash/some";
5
5
  import * as React from 'react';
6
6
  import PropTypes from 'prop-types';
7
7
  import classNames from 'classnames';
8
- import { setStatic } from 'recompose';
9
8
  import TimelineItem from './TimelineItem';
10
- import { defaultProps, prefix, ReactChildren } from '../utils';
9
+ import { setStatic, defaultProps, prefix, ReactChildren } from '../utils';
11
10
 
12
11
  var Timeline =
13
12
  /*#__PURE__*/
@@ -4,8 +4,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import classNames from 'classnames';
7
- import { compose } from 'recompose';
8
- import { prefix, defaultProps, withStyleProps } from '../utils';
7
+ import { compose, prefix, defaultProps, withStyleProps } from '../utils';
9
8
 
10
9
  var TimelineItem =
11
10
  /*#__PURE__*/
@@ -4,8 +4,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import classNames from 'classnames';
7
- import { compose } from 'recompose';
8
- import { prefix, withStyleProps, defaultProps, getUnhandledProps } from '../utils';
7
+ import { compose, prefix, withStyleProps, defaultProps, getUnhandledProps } from '../utils';
9
8
 
10
9
  var Toggle =
11
10
  /*#__PURE__*/
@@ -6,12 +6,11 @@ import _find from "lodash/find";
6
6
  import * as React from 'react';
7
7
  import PropTypes from 'prop-types';
8
8
  import classNames from 'classnames';
9
- import { compose } from 'recompose';
10
9
  import IntlContext from '../IntlProvider/IntlContext';
11
10
  import withLocale from '../IntlProvider/withLocale';
12
11
  import FileItem from './UploadFileItem';
13
12
  import UploadTrigger from './UploadTrigger';
14
- import { prefix, ajaxUpload, defaultProps, getUnhandledProps } from '../utils';
13
+ import { compose, prefix, ajaxUpload, defaultProps, getUnhandledProps } from '../utils';
15
14
  import { getFiles, guid } from './utils';
16
15
 
17
16
  var Uploader =
@@ -269,7 +268,7 @@ function (_React$Component) {
269
268
  fileList: nextFileList
270
269
  };
271
270
 
272
- if (nextFile.progress) {
271
+ if (nextFile.progress || nextFile.status === 'error') {
273
272
  var fileMap = this.state.fileMap;
274
273
  fileMap[nextFile.fileKey] = {
275
274
  progress: nextFile.progress,