rsuite 5.0.0-beta.7 → 5.0.2

package/CHANGELOG.md

@@ -1,3 +1,55 @@
+<a name="5.0.2"></a>
+
+## [5.0.2](https://github.com/rsuite/rsuite/compare/v5.0.1...v5.0.2) (2021-10-15)
+
+### Bug Fixes
+
+- **date-range-picker:** fix date formatting error when typing ([#1991](https://github.com/rsuite/rsuite/issues/1991)) ([f65f7f8](https://github.com/rsuite/rsuite/commit/f65f7f8))
+- **pickers:** clean button overlapping with value ([#1984](https://github.com/rsuite/rsuite/issues/1984)) ([ec127dc](https://github.com/rsuite/rsuite/commit/ec127dc))
+- **table:** fix the typescript type definition of Table ([#1998](https://github.com/rsuite/rsuite/issues/1998)) ([8d00b8d](https://github.com/rsuite/rsuite/commit/8d00b8d)), closes [#1958](https://github.com/rsuite/rsuite/issues/1958)
+- **tag-picker:** update TagPicker trigger props declare. ([#1996](https://github.com/rsuite/rsuite/issues/1996)) ([27da381](https://github.com/rsuite/rsuite/commit/27da381))
+- **uploader:** improve thumbnail rendering on file list ([#1997](https://github.com/rsuite/rsuite/issues/1997)) ([68344d7](https://github.com/rsuite/rsuite/commit/68344d7))
+
+<a name="5.0.1"></a>
+
+## [5.0.1](https://github.com/rsuite/rsuite/compare/v5.0.0-beta.8...v5.0.1) (2021-10-09)
+
+### Bug Fixes
+
+- **check-picker:** fix `onClean` should not be triggered on Input ([#1947](https://github.com/rsuite/rsuite/issues/1947)) ([5cb1685](https://github.com/rsuite/rsuite/commit/5cb1685))
+- **col:** fix the missing className prefix in Col ([#1967](https://github.com/rsuite/rsuite/issues/1967)) ([fc0e0af](https://github.com/rsuite/rsuite/commit/fc0e0af))
+- **DateRangePicker:** support time selection ([#1882](https://github.com/rsuite/rsuite/issues/1882)) ([59779ef](https://github.com/rsuite/rsuite/commit/59779ef))
+- **picker:** [TS] fix the missing definition of `size` in Pickers ([#1926](https://github.com/rsuite/rsuite/issues/1926)) ([6497698](https://github.com/rsuite/rsuite/commit/6497698))
+- **pickers:** fix `listProps` not working on picker ([#1962](https://github.com/rsuite/rsuite/issues/1962)) ([956ef12](https://github.com/rsuite/rsuite/commit/956ef12))
+- **sidenav:** accent dropdown icon w/ active item ([#1913](https://github.com/rsuite/rsuite/issues/1913)) ([efa389c](https://github.com/rsuite/rsuite/commit/efa389c))
+- **sidenav:** Dropdown not expanding inside Sidenav ([#1956](https://github.com/rsuite/rsuite/issues/1956)) ([07723cd](https://github.com/rsuite/rsuite/commit/07723cd))
+- **sidenav:** fix nav item not activated in collapsed sidenav ([#1918](https://github.com/rsuite/rsuite/issues/1918)) ([59fe040](https://github.com/rsuite/rsuite/commit/59fe040))
+- **slider:** fix missing `input` in Slider and RangeSlider ([#1968](https://github.com/rsuite/rsuite/issues/1968)) ([a35bd2b](https://github.com/rsuite/rsuite/commit/a35bd2b))
+
+<a name="5.0.0"></a>
+
+# [5.0.0](https://github.com/rsuite/rsuite/compare/v5.0.0-beta.8...v5.0.0) (2021-09-26)
+
+### Bug Fixes
+
+- **DateRangePicker:** support time selection ([#1882](https://github.com/rsuite/rsuite/issues/1882)) ([59779ef](https://github.com/rsuite/rsuite/commit/59779ef))
+- **picker:** [TS] fix the missing definition of `size` in Pickers ([#1926](https://github.com/rsuite/rsuite/issues/1926)) ([6497698](https://github.com/rsuite/rsuite/commit/6497698))
+- **sidenav:** accent dropdown icon w/ active item ([#1913](https://github.com/rsuite/rsuite/issues/1913)) ([efa389c](https://github.com/rsuite/rsuite/commit/efa389c))
+- **sidenav:** fix nav item not activated in collapsed sidenav ([#1918](https://github.com/rsuite/rsuite/issues/1918)) ([59fe040](https://github.com/rsuite/rsuite/commit/59fe040))
+
+<a name="5.0.0-beta.8"></a>
+
+# [5.0.0-beta.8](https://github.com/rsuite/rsuite/compare/v5.0.0-beta.7...v5.0.0-beta.8) (2021-09-17)
+
+### Bug Fixes
+
+- **date-picker:** fix calendar header wrapping ([#1907](https://github.com/rsuite/rsuite/issues/1907)) ([4cfc3af](https://github.com/rsuite/rsuite/commit/4cfc3af))
+- **navbar,dropdown:** unexpected focus submenu ([#1908](https://github.com/rsuite/rsuite/issues/1908)) ([697aa3e](https://github.com/rsuite/rsuite/commit/697aa3e))
+
+### Features
+
+- **table:** support `rowSpan` on `<Table.Column>` ([#1909](https://github.com/rsuite/rsuite/issues/1909)) ([34a3a1f](https://github.com/rsuite/rsuite/commit/34a3a1f))
+
 <a name="5.0.0-beta.7"></a>
 
 # [5.0.0-beta.7](https://github.com/rsuite/rsuite/compare/v5.0.0-beta.6...v5.0.0-beta.7) (2021-09-09)

package/DatePicker/styles/index.less

@@ -55,7 +55,7 @@
   }
 
   .rs-calendar {
-    width: @calendar-width;
+    min-width: @calendar-width;
     // To make sure <Calendar/> horizontal align at center when toolbar  width is so long.
     display: block;
     margin: 0 auto;
@@ -65,13 +65,17 @@
         @datepicker-calendar-cell-gap-x * 7 + 30px * 8 + @datepicker-calendar-padding-x * 2
       );
 
-      width: @calendar-width;
+      min-width: @calendar-width;
     }
 
     &-header {
       width: 100%;
     }
 
+    &-table {
+      width: unset;
+    }
+
     .rs-calendar-month-dropdown-cell-content,
     .rs-calendar-table-cell-content {
       width: @calendar-in-menu-content-side-length;

package/Grid/styles/index.less

@@ -38,8 +38,7 @@
 // Columns
 //
 // Common styles for small and large grid columns
-// fixme should be .rs-col
-.col {
+.rs-col {
   float: left;
   position: relative;
   // Prevent columns from collapsing when empty

package/IconButton/styles/index.less

@@ -1,5 +1,5 @@
 @import '../../styles/common';
-@import '../../Button/styles/mixin';
+@import '../../Button/styles/index';
 
 //
 // IconButton

package/MultiCascader/styles/index.less

@@ -1,4 +1,7 @@
 @import '../../styles/common';
+@import '../../Cascader/styles/index';
+@import '../../Picker/styles/index';
+@import '../../Checkbox/styles/index';
 
 // MultiCascader
 // ----------------------

package/README.md

@@ -1,4 +1,3 @@
-
 <p align="center">
   <a href="https://rsuitejs.com" target="_blank" rel="noopener noreferrer">
    <img src="https://user-images.githubusercontent.com/1203827/65102389-7be3f100-d9fd-11e9-859e-ae9617ed2f91.png" alt="React Suite logo">
@@ -25,7 +24,7 @@ React Suite Design Prototype and specification, click to [view][rsuite-design].
 
 ### Browser
 
-React Suite supports the latest, stable releases of all major browsers and platforms. IE<=9 is no longer supported since React Suite 3.0. React Suite is designed and implemented for use on modern desktop browsers rather than mobile browsers.
+React Suite supports the latest, stable releases of all major browsers and platforms. IE<=10 is no longer supported since React Suite 5.0. React Suite is designed and implemented for use on modern desktop browsers rather than mobile browsers.
 
 | IE   | Edge | Firefox | Chrome | Safari |
 | ---- | ---- | ------- | ------ | ------ |
@@ -47,13 +46,13 @@ React Suite supports server side rendering. Support [Next.js](https://github.com
 React Suite is available as an [npm package][npm-home].
 
 ```bash
-npm i rsuite@next --save
+npm i rsuite --save
 ```
 
 or if you prefer Yarn
 
 ```bash
-yarn add rsuite@next
+yarn add rsuite
 ```
 
 ## Usage
@@ -79,11 +78,6 @@ You can go through [full documentation][rsuite-doc-guide] or start with followin
 - [Right-to-left][rsuite-doc-guide-rtl]
 - [Components][rsuite-components-overview]
 
-**Previous old version**
-
-- [Version 3.\*](https://v3.rsuitejs.com/)
-- [Version 2.\*](https://v2.rsuitejs.com/)
-
 ### Examples
 
 - [Management system][demo-admin]
@@ -103,6 +97,18 @@ You can go through [full documentation][rsuite-doc-guide] or start with followin
 - [Use in Snowpack][demo-snowpack]
 - [Use in Vite][demo-vite]
 
+## Previous major versions
+
+The previous major version 4.x will no longer receive new features,
+and it is recommended to upgrade to the latest 5.x releases.
+Bug fixes for 4.x are still being supported for a period of time,
+and security fixes are supported until 6.x is in progress.
+
+### Documentations for previous major versions
+
+- [4.x documentation](https://v4.rsuitejs.com/)
+- [3.x documentation](https://v3.rsuitejs.com/)
+
 ## Changelog
 
 Detailed changes for each release are documented in the [release notes][release-notes].
@@ -173,7 +179,7 @@ This project exists thanks to all the people who contribute.
 React Suite is [MIT licensed][license]. Copyright (c) 2016-present, HYPERS.
 
 [readm-cn]: https://github.com/rsuite/rsuite/blob/master/README_zh.md
-[npm-svg]: https://img.shields.io/npm/v/rsuite/next
+[npm-svg]: https://img.shields.io/npm/v/rsuite
 [npm-home]: https://www.npmjs.com/package/rsuite
 [actions-svg]: https://github.com/rsuite/rsuite/workflows/Node.js%20CI/badge.svg?branch=master
 [actions-home]: https://github.com/rsuite/rsuite/actions?query=branch%3Amaster+workflow%3A%22Node.js+CI%22
@@ -212,6 +218,6 @@ React Suite is [MIT licensed][license]. Copyright (c) 2016-present, HYPERS.
 [demo-umi-app]: https://github.com/rsuite/rsuite/tree/master/examples/with-umi
 [demo-rtlcss]: https://github.com/rsuite/rsuite/tree/master/examples/with-rtlcss
 [demo-postcss-rtl]: https://github.com/rsuite/rsuite/tree/master/examples/with-postcss-rtl
-[demo-nextjs-typescript]: https://github.com/rsuite/rsuite/tree/master/examples/with-next-typescript
+[demo-nextjs-typescript]: https://github.com/rsuite/rsuite/tree/master/examples/with-nextjs-typescript
 [demo-snowpack]: https://github.com/rsuite/rsuite/tree/master/examples/with-snowpack
 [demo-vite]: https://github.com/rsuite/rsuite/tree/master/examples/with-vite

package/Sidenav/styles/index.less

@@ -1,6 +1,6 @@
 @import '../../styles/common';
+@import '../../styles//mixins/menu';
 @import '../../Ripple/styles/mixins';
-@import '../../Navbar/styles/index';
 @import 'mixin';
 
 //
@@ -20,11 +20,16 @@
 
   > .rs-sidenav-item,
   > .rs-dropdown .rs-dropdown-toggle,
-  .rs-dropdown-item {
+  .rs-dropdown-item,
+  .rs-dropdown-item-toggle {
     padding: @sidenav-padding-vertical @sidenav-padding-horizontal;
     transition: @nav-item-transition;
     border-radius: 0;
     color: inherit;
+
+    .high-contrast-mode({
+      transition: none;
+    });
   }
 
   > .rs-sidenav-item,
@@ -396,7 +401,33 @@
 
 // Default Sidenav
 .rs-sidenav-default {
-  .rs-navbar-default();
+  background-color: var(--rs-sidenav-default-bg);
+  color: var(--rs-sidenav-default-text);
+
+  .rs-sidenav-item,
+  .rs-dropdown-toggle {
+    background-color: var(--rs-sidenav-default-bg);
+  }
+
+  .rs-sidenav-item:hover,
+  .rs-dropdown .rs-dropdown-toggle:hover,
+  .rs-dropdown.rs-dropdown-open .rs-dropdown-toggle {
+    background-color: var(--rs-sidenav-default-hover-bg);
+    color: var(--rs-sidenav-default-hover-text);
+  }
+
+  .rs-sidenav-item.rs-sidenav-item-active,
+  .rs-dropdown-item.rs-dropdown-item-active,
+  .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon {
+    color: var(--rs-sidenav-default-selected-text);
+  }
+
+  // Collapsed
+  &.rs-sidenav-collapse-out {
+    .rs-dropdown-item.rs-dropdown-item-active {
+      .menuitem-active();
+    }
+  }
 }
 
 .rs-sidenav-default.rs-sidenav-collapse-in,
@@ -404,20 +435,20 @@
   .rs-dropdown-item:not(.rs-dropdown-item-submenu),
   .rs-dropdown-item > .rs-dropdown-menu-toggle,
   .rs-dropdown-item > .rs-dropdown-item-toggle {
-    color: var(--rs-navbar-default-text);
+    color: var(--rs-sidenav-default-text);
 
     &:hover,
     &:focus,
     &.rs-dropdown-item-focus {
-      background-color: var(--rs-navbar-default-hover-bg);
-      color: var(--rs-navbar-default-hover-text);
+      background-color: var(--rs-sidenav-default-hover-bg);
+      color: var(--rs-sidenav-default-hover-text);
     }
   }
 
   // Reset active dropdown-item style
   .rs-sidenav-item.rs-sidenav-item-active,
   .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active {
-    color: var(--rs-navbar-default-selected-text);
+    color: var(--rs-sidenav-default-selected-text);
 
     .high-contrast-mode({
       text-decoration: underline;
@@ -429,33 +460,51 @@
 .rs-sidenav-default.rs-sidenav-collapsing,
 .rs-sidenav-default.rs-sidenav-collapse-out {
   // Set active Level1 style
-  .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle {
-    > .rs-icon {
-      color: var(--rs-navbar-default-selected-text);
-    }
+  .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon {
+    color: var(--rs-sidenav-default-selected-text);
   }
 }
 
 // Inverse Sidenav
 .rs-sidenav-inverse {
-  .rs-navbar-inverse();
+  background-color: var(--rs-sidenav-inverse-bg);
+  color: var(--rs-sidenav-inverse-text);
+
+  .rs-sidenav-item,
+  .rs-dropdown .rs-dropdown-toggle,
+  .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle {
+    background-color: var(--rs-sidenav-inverse-bg);
+
+    &:hover,
+    &:focus {
+      background-color: var(--rs-sidenav-inverse-hover-bg);
+    }
+  }
+
+  // Active
+  .rs-sidenav-item.rs-sidenav-item-active,
+  .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle {
+    .high-contrast-mode({
+      color: var(--rs-sidenav-inverse-selected-text);
+    });
+  }
 
   // Active
-  .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle,
+  .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle,
   .rs-sidenav-item,
   .rs-dropdown .rs-dropdown-toggle {
-    color: var(--rs-navbar-inverse-text);
+    color: var(--rs-sidenav-inverse-text);
 
     &:hover,
     &:focus,
     &.rs-dropdown-item-focus {
-      color: var(--rs-navbar-inverse-text);
+      color: var(--rs-sidenav-inverse-text);
     }
   }
 
-  .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle,
-  .rs-sidenav-item.rs-sidenav-item-active {
-    background-color: var(--rs-navbar-inverse-selected-bg);
+  .rs-sidenav-item.rs-sidenav-item-active,
+  .rs-dropdown-item.rs-dropdown-item-active {
+    background-color: var(--rs-sidenav-inverse-selected-bg);
   }
 }
 
@@ -464,32 +513,45 @@
   .rs-dropdown-item:not(.rs-dropdown-item-submenu),
   .rs-dropdown-item > .rs-dropdown-menu-toggle,
   .rs-dropdown-item > .rs-dropdown-item-toggle {
-    color: var(--rs-navbar-inverse-text);
+    color: var(--rs-sidenav-inverse-text);
 
     &:hover,
     &:focus,
     &.rs-dropdown-item-focus {
-      background-color: var(--rs-navbar-inverse-hover-bg);
-      color: var(--rs-navbar-inverse-text);
+      background-color: var(--rs-sidenav-inverse-hover-bg);
+      color: var(--rs-sidenav-inverse-text);
     }
   }
-
-  // Reset active dropdown-item style
-  .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active:not(.rs-dropdown-item-submenu) {
-    background-color: var(--rs-navbar-inverse-hover-bg);
-  }
 }
 
 // Subtle Sidenav
 .rs-sidenav-subtle {
-  .rs-navbar-subtle();
+  background-color: transparent;
+  color: var(--rs-sidenav-subtle-text);
+
+  .rs-sidenav-item,
+  .rs-dropdown .rs-dropdown-toggle {
+    background-color: transparent;
+
+    &:hover,
+    &:focus {
+      background-color: transparent;
+      color: var(--rs-sidenav-subtle-hover-text);
+    }
+  }
+
+  // Active
+  .rs-sidenav-item.rs-sidenav-item-active,
+  .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle {
+    color: var(--rs-sidenav-subtle-selected-text);
+  }
 
   .rs-dropdown-open > .rs-dropdown-toggle.btn {
     background-color: transparent;
 
     &:hover,
     &:focus {
-      background-color: var(--rs-navbar-subtle-hover-bg);
+      background-color: var(--rs-sidenav-subtle-hover-bg);
     }
   }
 }
@@ -499,18 +561,18 @@
   .rs-dropdown-item:not(.rs-dropdown-item-submenu),
   .rs-dropdown-item > .rs-dropdown-menu-toggle,
   .rs-dropdown-item > .rs-dropdown-item-toggle {
-    color: var(--rs-navbar-subtle-text);
+    color: var(--rs-sidenav-subtle-text);
 
     &:hover,
     &:focus {
-      background-color: var(--rs-navbar-subtle-hover-bg);
-      color: var(--rs-navbar-subtle-hover-text);
+      background-color: var(--rs-sidenav-subtle-hover-bg);
+      color: var(--rs-sidenav-subtle-hover-text);
     }
   }
 
   // Reset active dropdown-item style
   .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active {
-    color: var(--rs-navbar-subtle-selected-text);
+    color: var(--rs-sidenav-subtle-selected-text);
   }
 }
 
@@ -518,15 +580,15 @@
 .rs-sidenav-subtle.rs-sidenav-collapsing,
 .rs-sidenav-subtle.rs-sidenav-collapse-out {
   // Set active Level1 style
-  .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle {
-    color: var(--rs-navbar-subtle-text);
+  .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle {
+    color: var(--rs-sidenav-subtle-text);
 
     &:hover {
-      background-color: var(--rs-navbar-subtle-hover-bg);
+      background-color: var(--rs-sidenav-subtle-hover-bg);
     }
 
-    > .rs-icon {
-      color: var(--rs-navbar-subtle-selected-text);
+    &-icon {
+      color: var(--rs-sidenav-subtle-selected-text);
     }
   }
 }

package/Table/styles/index.less

@@ -29,6 +29,10 @@
     }
   }
 
+  &-row-rowspan + &-row {
+    border-top: 1px solid var(--rs-border-secondary);
+  }
+
   &-row-expanded {
     position: absolute;
     height: 46px;
@@ -213,6 +217,10 @@
         line-height: @table-header-line-height;
       }
     }
+
+    &-rowspan {
+      border-bottom: 1px solid var(--rs-border-secondary) !important;
+    }
   }
 
   &-cell-header-sortable &-cell-content {

package/Uploader/styles/index.less

@@ -213,6 +213,11 @@
       > img {
         .img-cover();
       }
+
+      .rs-uploader-file-item-icon {
+        font-size: @uploader-file-item-icon-font-size;
+        margin: @uploader-file-item-icon-margin-plus;
+      }
     }
 
     &-status {
@@ -351,6 +356,11 @@
       > img {
         .img-cover();
       }
+
+      .rs-uploader-file-item-icon {
+        font-size: @uploader-file-item-icon-font-size;
+        margin: @uploader-file-item-icon-margin;
+      }
     }
 
     &-content {

package/cjs/@types/common.d.ts

@@ -18,7 +18,6 @@ export interface RsRefForwardingComponent<T extends React.ElementType, P = unkno
     <As extends React.ElementType = T>(props: React.PropsWithChildren<ReplaceProps<As, WithAsProps<As> & P>>, context?: any): React.ReactElement | null;
     propTypes?: any;
     contextTypes?: any;
-    defaultProps?: Partial<P>;
     displayName?: string;
 }
 export interface AnimationEventProps {
@@ -72,6 +71,8 @@ export interface PickerBaseProps<LocaleType = any> extends WithAsProps, Animatio
     defaultOpen?: boolean;
     /** A picker that can clear values */
     cleanable?: boolean;
+    /** A picker can have different sizes */
+    size?: TypeAttributes.Size;
     /** Called when Modal is displayed */
     onOpen?: () => void;
     /** Called when Modal is closed */

package/cjs/Animation/Collapse.js

@@ -55,18 +55,22 @@ function getScrollDimensionValue(elem, dimension) {
 
 var Collapse = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var className = props.className,
-      dimensionProp = props.dimension,
+      _props$timeout = props.timeout,
+      timeout = _props$timeout === void 0 ? 300 : _props$timeout,
+      _props$dimension = props.dimension,
+      dimensionProp = _props$dimension === void 0 ? DIMENSION.HEIGHT : _props$dimension,
       exitedClassName = props.exitedClassName,
       exitingClassName = props.exitingClassName,
       enteredClassName = props.enteredClassName,
       enteringClassName = props.enteringClassName,
-      getDimensionValue = props.getDimensionValue,
+      _props$getDimensionVa = props.getDimensionValue,
+      getDimensionValue = _props$getDimensionVa === void 0 ? defaultGetDimensionValue : _props$getDimensionVa,
       onEnter = props.onEnter,
       onEntering = props.onEntering,
       onEntered = props.onEntered,
       onExit = props.onExit,
       onExiting = props.onExiting,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "dimension", "exitedClassName", "exitingClassName", "enteredClassName", "enteringClassName", "getDimensionValue", "onEnter", "onEntering", "onEntered", "onExit", "onExiting"]);
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "timeout", "dimension", "exitedClassName", "exitingClassName", "enteredClassName", "enteringClassName", "getDimensionValue", "onEnter", "onEntering", "onEntered", "onExit", "onExiting"]);
 
   var _useClassNames = (0, _utils.useClassNames)('anim'),
       prefix = _useClassNames.prefix,
@@ -92,6 +96,7 @@ var Collapse = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [dimension]);
   return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, rest, {
     ref: ref,
+    timeout: timeout,
     className: merge(className, prefix({
       'collapse-horizontal': dimension === 'width'
     })),
@@ -108,11 +113,6 @@ var Collapse = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Collapse.displayName = 'Collapse';
-Collapse.defaultProps = {
-  timeout: 300,
-  dimension: DIMENSION.HEIGHT,
-  getDimensionValue: defaultGetDimensionValue
-};
 Collapse.propTypes = (0, _extends2.default)({}, _Transition.transitionPropTypes, {
   dimension: _propTypes.default.any,
   getDimensionValue: _propTypes.default.func

package/cjs/AutoComplete/AutoComplete.js

@@ -27,26 +27,23 @@ var _Picker = require("../Picker");
 
 var _utils3 = require("./utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'auto-complete',
-  defaultValue: '',
-  placement: 'bottomStart',
-  selectOnEnter: true
-};
 /**
  * TODO: Remove unnecessary .rs-auto-complete element
  * TODO: role=combobox and aria-autocomplete on input element
  */
-
 var AutoComplete = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       disabled = props.disabled,
       className = props.className,
-      placement = props.placement,
-      selectOnEnter = props.selectOnEnter,
-      classPrefix = props.classPrefix,
-      defaultValue = props.defaultValue,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
+      _props$selectOnEnter = props.selectOnEnter,
+      selectOnEnter = _props$selectOnEnter === void 0 ? true : _props$selectOnEnter,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'auto-complete' : _props$classPrefix,
+      _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? '' : _props$defaultValue,
       data = props.data,
       valueProp = props.value,
       open = props.open,
@@ -229,7 +226,6 @@ var AutoComplete = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 });
 
 AutoComplete.displayName = 'AutoComplete';
-AutoComplete.defaultProps = defaultProps;
 AutoComplete.propTypes = (0, _extends2.default)({}, _utils2.animationPropTypes, {
   data: _propTypes.default.array,
   disabled: _propTypes.default.bool,

package/cjs/Badge/Badge.js

@@ -15,20 +15,17 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: 'div',
-  maxCount: 99,
-  classPrefix: 'badge'
-};
-
 var Badge = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       contentText = props.content,
       color = props.color,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'badge' : _props$classPrefix,
       children = props.children,
-      maxCount = props.maxCount,
+      _props$maxCount = props.maxCount,
+      maxCount = _props$maxCount === void 0 ? 99 : _props$maxCount,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "content", "color", "className", "classPrefix", "children", "maxCount"]);
 
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
@@ -67,7 +64,6 @@ var Badge = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Badge.displayName = 'Badge';
-Badge.defaultProps = defaultProps;
 Badge.propTypes = {
   className: _propTypes.default.string,
   classPrefix: _propTypes.default.string,

package/cjs/Breadcrumb/Breadcrumb.js

@@ -23,20 +23,17 @@ var _BreadcrumbItem = _interopRequireDefault(require("./BreadcrumbItem"));
 
 var _templateObject;
 
-var defaultProps = {
-  as: 'nav',
-  classPrefix: 'breadcrumb',
-  separator: '/',
-  maxItems: 5
-};
-
 var Breadcrumb = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'nav' : _props$as,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'breadcrumb' : _props$classPrefix,
       children = props.children,
-      maxItems = props.maxItems,
-      separator = props.separator,
+      _props$maxItems = props.maxItems,
+      maxItems = _props$maxItems === void 0 ? 5 : _props$maxItems,
+      _props$separator = props.separator,
+      separator = _props$separator === void 0 ? '/' : _props$separator,
       overrideLocale = props.locale,
       onExpand = props.onExpand,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "children", "maxItems", "separator", "locale", "onExpand"]);
@@ -104,7 +101,6 @@ var Breadcrumb = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
 Breadcrumb.Item = _BreadcrumbItem.default;
 Breadcrumb.displayName = 'Breadcrumb';
-Breadcrumb.defaultProps = defaultProps;
 Breadcrumb.propTypes = {
   separator: _propTypes.default.node,
   as: _propTypes.default.elementType,