rsuite 5.0.0 → 5.1.0

package/CHANGELOG.md

@@ -1,18 +1,79 @@
-<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)
+# [5.1.0](https://github.com/rsuite/rsuite/compare/v5.0.3...v5.1.0) (2021-10-29)
+
+### Bug Fixes
+
+- **DatePicker:** fix DatePicker does not change value after pressing enter ([#2055](https://github.com/rsuite/rsuite/issues/2055)) ([c775444](https://github.com/rsuite/rsuite/commit/c7754445763f2553a3cc50e195b1dc347f774415))
+- **DateRangePicker:** fix DateRangePicker does not change value after pressing enter ([#2056](https://github.com/rsuite/rsuite/issues/2056)) ([8e5db2e](https://github.com/rsuite/rsuite/commit/8e5db2e54d8e6ad79f7219dc69cd1f52f32a8295))
+- **Dropdown.Item:** item inside Nav not pass "as" ([#2026](https://github.com/rsuite/rsuite/issues/2026)) ([34bfffd](https://github.com/rsuite/rsuite/commit/34bfffdbcd353753912b30b38523e3b62f430e98)), closes [#2025](https://github.com/rsuite/rsuite/issues/2025)
+- **Dropdown.Item:** render custom element inside li ([#2044](https://github.com/rsuite/rsuite/issues/2044)) ([a2e8a00](https://github.com/rsuite/rsuite/commit/a2e8a00c94f77028ed489a65f970264eeb9551ea))
+- **Overlay:** fix position offset inside container ([#2049](https://github.com/rsuite/rsuite/issues/2049)) ([c27b19e](https://github.com/rsuite/rsuite/commit/c27b19e9c9ec0191ccf5d36d9efe6b176b0b6d84))
+- **Toggle:** improve a11y (keyboard focusable + keyboard events) ([#2032](https://github.com/rsuite/rsuite/issues/2032)) ([9fdfd52](https://github.com/rsuite/rsuite/commit/9fdfd52e1eab3ad3e93569112e33ad3490335fbd))
+
+### Features
+
+- **locales:** Created fa_IR locale to add support of Persian language in Rsuite locals ([#2061](https://github.com/rsuite/rsuite/issues/2061)) ([14e5946](https://github.com/rsuite/rsuite/commit/14e59466cfd285ec1098d67280338a7df1ef8f5f))
+- **MaskedInput:** added support for MaskedInput to replace `react-text-mask` ([#2054](https://github.com/rsuite/rsuite/issues/2054)) ([496416a](https://github.com/rsuite/rsuite/commit/496416a2e4b32362252ef70f5c4e40f785ecf5be))
+- **Toggle:** add loading prop ([#2031](https://github.com/rsuite/rsuite/issues/2031)) ([28778de](https://github.com/rsuite/rsuite/commit/28778de0af0495a1bb68479bf3c679413255ce7b))
 
+## [5.0.3](https://github.com/rsuite/rsuite/compare/v5.0.2...v5.0.3) (2021-10-22)
 
 ### 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))
+- **Navbar:** fix item hover style ([#2010](https://github.com/rsuite/rsuite/issues/2010)) ([8e6e13f](https://github.com/rsuite/rsuite/commit/8e6e13f3eafc1b0cd89900943e351fac817b8598))
+- **pickers:** add missing default appearance ([#2004](https://github.com/rsuite/rsuite/issues/2004)) ([e0bbc45](https://github.com/rsuite/rsuite/commit/e0bbc45cfe5a1cc9978dd8e1d988294764ec321a))
+- **Uploader:** fix disabled button opacity ([#2009](https://github.com/rsuite/rsuite/issues/2009)) ([a02aae7](https://github.com/rsuite/rsuite/commit/a02aae7395521a1246082e410811fe0e71b02a03))
 
+<a name="5.0.2"></a>
 
-### Features
+## [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))
 
-* **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.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>
 

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/MaskedInput/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "rsuite/MaskedInput",
+  "private": true,
+  "main": "../cjs/MaskedInput/index.js",
+  "module": "../esm/MaskedInput/index.js",
+  "types": "../esm/MaskedInput/index.d.ts"
+}

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/Navbar/styles/index.less

@@ -67,6 +67,13 @@
 .rs-navbar-nav > .rs-dropdown-item {
   outline: 0;
 
+  &,
+  &:hover,
+  &:focus,
+  &:active {
+    text-decoration: none;
+  }
+
   &:focus-visible {
     .focus-ring();
 
@@ -137,6 +144,7 @@
     &:hover,
     &:focus {
       background-color: var(--rs-navbar-inverse-hover-bg);
+      color: var(--rs-navbar-inverse-hover-text);
     }
   }
 

package/Picker/styles/index.less

@@ -218,7 +218,7 @@
     .ellipsis();
   }
 
-  .rs-picker-cleanable & {
+  .rs-picker-cleanable.rs-picker-has-value & {
     padding-right: (@dropdown-toggle-padding-right + @picker-toggle-clean-width);
 
     .rs-@{date-picker-prefix}&,

package/Picker/styles/mixin.less

@@ -122,7 +122,7 @@
     padding-right: (@padding-horizontal + @dropdown-caret-width + @dropdown-caret-padding);
   }
 
-  .rs-picker-cleanable & {
+  .rs-picker-has-value.rs-picker-cleanable & {
     padding-right: (
       @padding-horizontal + @dropdown-caret-width + @dropdown-caret-padding + @clean-btn-width +
         @clean-btn-margin

package/README.md

@@ -24,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 |
 | ---- | ---- | ------- | ------ | ------ |
@@ -78,12 +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]
 
-**Historic version**
-
-- [Version 4.\*](https://v3.rsuitejs.com/)
-- [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
@@ -181,7 +187,7 @@ React Suite is [MIT licensed][license]. Copyright (c) 2016-present, HYPERS.
 [discord-svg]: https://img.shields.io/badge/Discord-Join%20chat%20%E2%86%92-738bd7.svg
 [discord-invite]: https://discord.gg/R8mnjwh
 [rsuite-design]: https://rsuitejs.com/design/default
-[live-preview-on-codesandbox]: https://codesandbox.io/s/mo7jxvr9x9?from-embed
+[live-preview-on-codesandbox]: https://codesandbox.io/s/rsuite-template-5vq6zo2z5l
 [rsuite-doc-guide]: https://rsuitejs.com/en/guide/introduction
 [rsuite-doc-guide-themes]: https://rsuitejs.com/en/guide/themes
 [rsuite-doc-guide-intl]: https://rsuitejs.com/en/guide/intl
@@ -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

@@ -481,6 +481,19 @@
     }
   }
 
+  .rs-dropdown-item,
+  .rs-dropdown-item > .rs-dropdown-menu-toggle,
+  .rs-dropdown-item > .rs-dropdown-item-toggle {
+    color: var(--rs-sidenav-inverse-text);
+
+    &:hover,
+    &:focus,
+    &.rs-dropdown-item-focus {
+      background-color: var(--rs-sidenav-inverse-hover-bg);
+      color: var(--rs-sidenav-inverse-text);
+    }
+  }
+
   // Active
   .rs-sidenav-item.rs-sidenav-item-active,
   .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle {
@@ -508,22 +521,6 @@
   }
 }
 
-.rs-sidenav-inverse.rs-sidenav-collapse-in,
-.rs-sidenav-inverse.rs-sidenav-collapsing {
-  .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-sidenav-inverse-text);
-
-    &:hover,
-    &:focus,
-    &.rs-dropdown-item-focus {
-      background-color: var(--rs-sidenav-inverse-hover-bg);
-      color: var(--rs-sidenav-inverse-text);
-    }
-  }
-}
-
 // Subtle Sidenav
 .rs-sidenav-subtle {
   background-color: transparent;

package/Toggle/styles/index.less

@@ -32,6 +32,20 @@
   }
 
   // The switch thumb
+  &-loader {
+    position: absolute;
+    transition: left @toggle-transition, margin-left @toggle-transition, width @toggle-transition;
+
+    .rs-loader-spin {
+      &::before {
+        border-color: var(--rs-toggle-loader-ring);
+      }
+      &::after {
+        border-top-color: var(--rs-toggle-loader-rotor);
+      }
+    }
+  }
+
   &::after {
     content: '';
     cursor: pointer;
@@ -67,6 +81,12 @@
     background-color: var(--rs-toggle-checked-disabled-bg);
     color: var(--rs-toggle-checked-disabled-thumb);
   }
+
+  &&-loading {
+    &::after {
+      display: none;
+    }
+  }
 }
 
 // Label text inside the switch

package/Toggle/styles/mixin.less

@@ -5,6 +5,13 @@
   min-width: @min-width;
   border-radius: (@toogle-height / 2);
 
+  &-loader {
+    width: @handle-diameter;
+    height: @handle-diameter;
+    left: @toggle-handle-gap;
+    top: @toggle-handle-gap;
+  }
+
   &::after {
     width: @handle-diameter;
     height: @handle-diameter;
@@ -44,6 +51,11 @@
       margin-left: @toggle-inner-margin;
     }
   }
+
+  &.rs-btn-toggle-checked &-loader {
+    left: 100%;
+    margin-left: -(@handle-diameter + @toggle-handle-gap);
+  }
 }
 
 // Small

package/Uploader/styles/index.less

@@ -14,7 +14,6 @@
     }
 
     &-disabled {
-      opacity: 0.3;
       //cursor: not-allowed;
 
       .rs-uploader-trigger-btn {
@@ -213,6 +212,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 +355,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 {

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,

package/cjs/Breadcrumb/BreadcrumbItem.js

@@ -17,15 +17,12 @@ var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: _SafeAnchor.default,
-  classPrefix: 'breadcrumb-item'
-};
-
 var BreadcrumbItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? _SafeAnchor.default : _props$as,
       href = props.href,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'breadcrumb-item' : _props$classPrefix,
       title = props.title,
       target = props.target,
       className = props.className,
@@ -62,7 +59,6 @@ var BreadcrumbItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref
 });
 
 BreadcrumbItem.displayName = 'BreadcrumbItem';
-BreadcrumbItem.defaultProps = defaultProps;
 BreadcrumbItem.propTypes = {
   active: _propTypes.default.bool,
   className: _propTypes.default.string,

package/cjs/Button/Button.js

@@ -23,24 +23,21 @@ var _utils = require("../utils");
 
 var _templateObject;
 
-var defaultProps = {
-  appearance: 'default',
-  classPrefix: 'btn',
-  ripple: true
-};
-
 var Button = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var as = props.as,
       active = props.active,
-      appearance = props.appearance,
+      _props$appearance = props.appearance,
+      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
       block = props.block,
       className = props.className,
       children = props.children,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'btn' : _props$classPrefix,
       color = props.color,
       disabled = props.disabled,
       loading = props.loading,
-      ripple = props.ripple,
+      _props$ripple = props.ripple,
+      ripple = _props$ripple === void 0 ? true : _props$ripple,
       size = props.size,
       typeProp = props.type,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "active", "appearance", "block", "className", "children", "classPrefix", "color", "disabled", "loading", "ripple", "size", "type"]);
@@ -86,7 +83,6 @@ var Button = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Button.displayName = 'Button';
-Button.defaultProps = defaultProps;
 Button.propTypes = {
   as: _propTypes.default.elementType,
   active: _propTypes.default.bool,

package/cjs/ButtonGroup/ButtonGroup.js

@@ -15,16 +15,13 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'btn-group',
-  role: 'group'
-};
-
 var ButtonGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
-      classPrefix = props.classPrefix,
-      role = props.role,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'btn-group' : _props$classPrefix,
+      _props$role = props.role,
+      role = _props$role === void 0 ? 'group' : _props$role,
       className = props.className,
       children = props.children,
       block = props.block,
@@ -50,7 +47,6 @@ var ButtonGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 ButtonGroup.displayName = 'ButtonGroup';
-ButtonGroup.defaultProps = defaultProps;
 ButtonGroup.propTypes = {
   className: _propTypes.default.string,
   as: _propTypes.default.elementType,