rsuite 5.0.0 → 5.1.0

package/cjs/Picker/propTypes.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.listPickerDefaultProps = exports.pickerDefaultProps = exports.listPickerPropTypes = exports.pickerPropTypes = void 0;
+exports.listPickerPropTypes = exports.pickerPropTypes = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -40,7 +40,8 @@ var pickerPropTypes = (0, _extends2.default)({}, _utils2.animationPropTypes, {
   renderValue: _propTypes.default.func,
   onOpen: _propTypes.default.func,
   onClose: _propTypes.default.func,
-  onClean: _propTypes.default.func
+  onClean: _propTypes.default.func,
+  listProps: _propTypes.default.object
 });
 exports.pickerPropTypes = pickerPropTypes;
 var listPickerPropTypes = (0, _extends2.default)({}, pickerPropTypes, {
@@ -53,18 +54,4 @@ var listPickerPropTypes = (0, _extends2.default)({}, pickerPropTypes, {
   defaultValue: _propTypes.default.any,
   onChange: _propTypes.default.func
 });
-exports.listPickerPropTypes = listPickerPropTypes;
-var pickerDefaultProps = {
-  cleanable: true,
-  placement: 'bottomStart',
-  appearance: 'default'
-};
-exports.pickerDefaultProps = pickerDefaultProps;
-var listPickerDefaultProps = (0, _extends2.default)({}, pickerDefaultProps, {
-  data: [],
-  disabledItemValues: [],
-  childrenKey: 'children',
-  valueKey: 'value',
-  labelKey: 'label'
-});
-exports.listPickerDefaultProps = listPickerDefaultProps;
+exports.listPickerPropTypes = listPickerPropTypes;

package/cjs/Picker/utils.js

@@ -99,7 +99,7 @@ function usePickerClassName(props) {
       withClassPrefix = _useClassNames.withClassPrefix,
       merge = _useClassNames.merge;
 
-  var classes = merge(className, withClassPrefix(name, appearance, 'toggle-wrapper', (_withClassPrefix = {}, _withClassPrefix["placement-" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = placement, _withClassPrefix['read-only'] = readOnly, _withClassPrefix['has-value'] = hasValue, _withClassPrefix.cleanable = hasValue && cleanable, _withClassPrefix.block = block, _withClassPrefix.disabled = disabled, _withClassPrefix.countable = countable, _withClassPrefix.plaintext = plaintext, _withClassPrefix)));
+  var classes = merge(className, withClassPrefix(name, appearance, 'toggle-wrapper', (_withClassPrefix = {}, _withClassPrefix["placement-" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = placement, _withClassPrefix['read-only'] = readOnly, _withClassPrefix['has-value'] = hasValue, _withClassPrefix.cleanable = cleanable, _withClassPrefix.block = block, _withClassPrefix.disabled = disabled, _withClassPrefix.countable = countable, _withClassPrefix.plaintext = plaintext, _withClassPrefix)));
   var usedClassNamePropKeys = Object.keys((0, _omit.default)(props, [].concat(Object.keys(rest || {}), ['disabled', 'readOnly', 'plaintext'])));
   return [classes, usedClassNamePropKeys];
 }
@@ -386,13 +386,6 @@ var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
       }
     }
 
-    if (event.key === _utils.KEY_VALUES.ESC || event.key === _utils.KEY_VALUES.TAB) {
-      handleClose();
-    } // Native event callback
-
-
-    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
-
     if (overlayRef !== null && overlayRef !== void 0 && overlayRef.current) {
       // The keyboard operation callback on the menu.
       onMenuKeyDown === null || onMenuKeyDown === void 0 ? void 0 : onMenuKeyDown(event);
@@ -400,8 +393,13 @@ var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
       if (event.key === _utils.KEY_VALUES.ENTER) {
         onMenuPressEnter === null || onMenuPressEnter === void 0 ? void 0 : onMenuPressEnter(event);
       }
+      /**
+       * There is no callback when typing the Backspace key in the search box.
+       * The default is to remove search keywords
+       */
 
-      if (event.key === _utils.KEY_VALUES.BACKSPACE) {
+
+      if (event.key === _utils.KEY_VALUES.BACKSPACE && event.target !== (searchInputRef === null || searchInputRef === void 0 ? void 0 : searchInputRef.current)) {
         onMenuPressBackspace === null || onMenuPressBackspace === void 0 ? void 0 : onMenuPressBackspace(event);
       } // The search box gets focus when typing characters and numbers.
 
@@ -412,6 +410,13 @@ var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
         searchInputRef === null || searchInputRef === void 0 ? void 0 : (_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 ? void 0 : _searchInputRef$curre.focus();
       }
     }
+
+    if (event.key === _utils.KEY_VALUES.ESC || event.key === _utils.KEY_VALUES.TAB) {
+      handleClose();
+    } // Native event callback
+
+
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
   }, [handleClose, handleToggleDropdown, overlayRef, onExit, onKeyDown, onMenuKeyDown, onMenuPressBackspace, onMenuPressEnter, toggle, targetRef, searchInputRef]);
   return onToggle;
 };

package/cjs/Placeholder/PlaceholderGraph.js

@@ -15,20 +15,17 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'placeholder',
-  height: 200
-};
-
 var PlaceholderGraph = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
       width = props.width,
-      height = props.height,
+      _props$height = props.height,
+      height = _props$height === void 0 ? 200 : _props$height,
       style = props.style,
       active = props.active,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "width", "height", "style", "active", "classPrefix"]);
 
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
@@ -58,6 +55,5 @@ PlaceholderGraph.propTypes = {
   height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
   active: _propTypes.default.bool
 };
-PlaceholderGraph.defaultProps = defaultProps;
 var _default = PlaceholderGraph;
 exports.default = _default;

package/cjs/Placeholder/PlaceholderGrid.js

@@ -17,23 +17,20 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'placeholder',
-  rows: 5,
-  columns: 5,
-  rowHeight: 10,
-  rowMargin: 20
-};
-
 var PlaceholderGrid = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
-      classPrefix = props.classPrefix,
-      rows = props.rows,
-      columns = props.columns,
-      rowHeight = props.rowHeight,
-      rowMargin = props.rowMargin,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,
+      _props$rows = props.rows,
+      rows = _props$rows === void 0 ? 5 : _props$rows,
+      _props$columns = props.columns,
+      columns = _props$columns === void 0 ? 5 : _props$columns,
+      _props$rowHeight = props.rowHeight,
+      rowHeight = _props$rowHeight === void 0 ? 10 : _props$rowHeight,
+      _props$rowMargin = props.rowMargin,
+      rowMargin = _props$rowMargin === void 0 ? 20 : _props$rowMargin,
       active = props.active,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "rows", "columns", "rowHeight", "rowMargin", "active"]);
 
@@ -83,7 +80,6 @@ var PlaceholderGrid = /*#__PURE__*/_react.default.forwardRef(function (props, re
 });
 
 PlaceholderGrid.displayName = 'PlaceholderGrid';
-PlaceholderGrid.defaultProps = defaultProps;
 PlaceholderGrid.propTypes = {
   className: _propTypes.default.string,
   classPrefix: _propTypes.default.string,

package/cjs/Placeholder/PlaceholderParagraph.js

@@ -17,23 +17,20 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'placeholder',
-  rows: 2,
-  rowHeight: 10,
-  rowMargin: 20
-};
-
 var PlaceholderParagraph = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
-      rows = props.rows,
-      rowHeight = props.rowHeight,
-      rowMargin = props.rowMargin,
+      _props$rows = props.rows,
+      rows = _props$rows === void 0 ? 2 : _props$rows,
+      _props$rowHeight = props.rowHeight,
+      rowHeight = _props$rowHeight === void 0 ? 10 : _props$rowHeight,
+      _props$rowMargin = props.rowMargin,
+      rowMargin = _props$rowMargin === void 0 ? 20 : _props$rowMargin,
       graph = props.graph,
       active = props.active,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "rows", "rowHeight", "rowMargin", "graph", "active", "classPrefix"]);
 
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
@@ -76,7 +73,6 @@ var PlaceholderParagraph = /*#__PURE__*/_react.default.forwardRef(function (prop
 });
 
 PlaceholderParagraph.displayName = 'PlaceholderParagraph';
-PlaceholderParagraph.defaultProps = defaultProps;
 PlaceholderParagraph.propTypes = {
   className: _propTypes.default.string,
   classPrefix: _propTypes.default.string,

package/cjs/Popover/Popover.js

@@ -19,14 +19,11 @@ var _utils = require("../utils");
 
 var _templateObject, _templateObject2, _templateObject3;
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'popover'
-};
-
 var Popover = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
-      classPrefix = props.classPrefix,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'popover' : _props$classPrefix,
       title = props.title,
       children = props.children,
       style = props.style,
@@ -64,7 +61,6 @@ var Popover = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Popover.displayName = 'Popover';
-Popover.defaultProps = defaultProps;
 Popover.propTypes = {
   as: _propTypes.default.elementType,
   classPrefix: _propTypes.default.string,

package/cjs/Progress/ProgressCircle.js

@@ -17,33 +17,30 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'progress',
-  percent: 0,
-  strokeWidth: 6,
-  trailWidth: 6,
-  gapDegree: 0,
-  showInfo: true,
-  strokeLinecap: 'round',
-  gapPosition: 'top'
-};
-
 var ProgressCircle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _withClassPrefix;
 
-  var Component = props.as,
-      strokeWidth = props.strokeWidth,
-      trailWidth = props.trailWidth,
-      percent = props.percent,
-      strokeLinecap = props.strokeLinecap,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$strokeWidth = props.strokeWidth,
+      strokeWidth = _props$strokeWidth === void 0 ? 6 : _props$strokeWidth,
+      _props$trailWidth = props.trailWidth,
+      trailWidth = _props$trailWidth === void 0 ? 6 : _props$trailWidth,
+      _props$percent = props.percent,
+      percent = _props$percent === void 0 ? 0 : _props$percent,
+      _props$strokeLinecap = props.strokeLinecap,
+      strokeLinecap = _props$strokeLinecap === void 0 ? 'round' : _props$strokeLinecap,
       className = props.className,
-      showInfo = props.showInfo,
+      _props$showInfo = props.showInfo,
+      showInfo = _props$showInfo === void 0 ? true : _props$showInfo,
       status = props.status,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'progress' : _props$classPrefix,
       style = props.style,
-      gapDegree = props.gapDegree,
-      gapPosition = props.gapPosition,
+      _props$gapDegree = props.gapDegree,
+      gapDegree = _props$gapDegree === void 0 ? 0 : _props$gapDegree,
+      _props$gapPosition = props.gapPosition,
+      gapPosition = _props$gapPosition === void 0 ? 'top' : _props$gapPosition,
       trailColor = props.trailColor,
       strokeColor = props.strokeColor,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "strokeWidth", "trailWidth", "percent", "strokeLinecap", "className", "showInfo", "status", "classPrefix", "style", "gapDegree", "gapPosition", "trailColor", "strokeColor"]);
@@ -143,7 +140,6 @@ var ProgressCircle = /*#__PURE__*/_react.default.forwardRef(function (props, ref
 });
 
 ProgressCircle.displayName = 'ProgressCircle';
-ProgressCircle.defaultProps = defaultProps;
 ProgressCircle.propTypes = {
   className: _propTypes.default.string,
   strokeColor: _propTypes.default.string,

package/cjs/Progress/ProgressLine.js

@@ -15,26 +15,23 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'progress',
-  showInfo: true,
-  percent: 0
-};
-
 var ProgressLine = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _lineInnerStyle, _percentStyle, _withClassPrefix;
 
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
-      percent = props.percent,
+      _props$percent = props.percent,
+      percent = _props$percent === void 0 ? 0 : _props$percent,
       strokeColor = props.strokeColor,
       strokeWidth = props.strokeWidth,
       trailColor = props.trailColor,
       trailWidth = props.trailWidth,
       status = props.status,
-      showInfo = props.showInfo,
-      classPrefix = props.classPrefix,
+      _props$showInfo = props.showInfo,
+      showInfo = _props$showInfo === void 0 ? true : _props$showInfo,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'progress' : _props$classPrefix,
       vertical = props.vertical,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "percent", "strokeColor", "strokeWidth", "trailColor", "trailWidth", "status", "showInfo", "classPrefix", "vertical"]);
 
@@ -78,7 +75,6 @@ var ProgressLine = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 });
 
 ProgressLine.displayName = 'ProgressLine';
-ProgressLine.defaultProps = defaultProps;
 ProgressLine.propTypes = {
   className: _propTypes.default.string,
   classPrefix: _propTypes.default.string,

package/cjs/Radio/Radio.js

@@ -19,13 +19,6 @@ var _RadioGroup = require("../RadioGroup/RadioGroup");
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'radio',
-  tabIndex: 0,
-  inputProps: {}
-};
-
 var Radio = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useContext = (0, _react.useContext)(_RadioGroup.RadioContext),
       groupValue = _useContext.value,
@@ -37,14 +30,17 @@ var Radio = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       plaintextContext = _useContext.plaintext,
       onGroupChange = _useContext.onChange;
 
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       title = props.title,
       className = props.className,
       children = props.children,
       checkedProp = props.checked,
       defaultChecked = props.defaultChecked,
-      classPrefix = props.classPrefix,
-      tabIndex = props.tabIndex,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'radio' : _props$classPrefix,
+      _props$tabIndex = props.tabIndex,
+      tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
       inputRef = props.inputRef,
       inputProps = props.inputProps,
       _props$disabled = props.disabled,
@@ -135,7 +131,6 @@ var Radio = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Radio.displayName = 'Radio';
-Radio.defaultProps = defaultProps;
 Radio.propTypes = {
   id: _propTypes.default.string,
   name: _propTypes.default.string,

package/cjs/RadioGroup/RadioGroup.js

@@ -24,14 +24,17 @@ var RadioContext = /*#__PURE__*/_react.default.createContext({});
 exports.RadioContext = RadioContext;
 
 var RadioGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
       inline = props.inline,
       children = props.children,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'radio-group' : _props$classPrefix,
       valueProp = props.value,
       defaultValue = props.defaultValue,
-      appearance = props.appearance,
+      _props$appearance = props.appearance,
+      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
       name = props.name,
       plaintext = props.plaintext,
       disabled = props.disabled,
@@ -81,13 +84,7 @@ var RadioGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }), children));
 });
 
-var defaultProps = {
-  as: 'div',
-  appearance: 'default',
-  classPrefix: 'radio-group'
-};
 RadioGroup.displayName = 'RadioGroup';
-RadioGroup.defaultProps = defaultProps;
 RadioGroup.propTypes = {
   appearance: _propTypes.default.oneOf(['default', 'picker']),
   name: _propTypes.default.string,

package/cjs/RangeSlider/RangeSlider.js

@@ -29,38 +29,37 @@ var _Graduated = _interopRequireDefault(require("../Slider/Graduated"));
 
 var _utils2 = require("../Slider/utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'slider',
-  min: 0,
-  max: 100,
-  step: 1,
-  defaultValue: [0, 0],
-  tooltip: true,
-  progress: true
-};
+var defaultDefaultValue = [0, 0];
 
 var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var ariaLabel = props['aria-label'],
       ariaLabelledby = props['aria-labelledby'],
       ariaValuetext = props['aria-valuetext'],
-      Component = props.as,
+      _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       barClassName = props.barClassName,
       className = props.className,
-      defaultValue = props.defaultValue,
+      _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? defaultDefaultValue : _props$defaultValue,
       graduated = props.graduated,
-      progress = props.progress,
+      _props$progress = props.progress,
+      progress = _props$progress === void 0 ? true : _props$progress,
       vertical = props.vertical,
       disabled = props.disabled,
-      classPrefix = props.classPrefix,
-      min = props.min,
-      maxProp = props.max,
-      step = props.step,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,
+      _props$min = props.min,
+      min = _props$min === void 0 ? 0 : _props$min,
+      _props$max = props.max,
+      maxProp = _props$max === void 0 ? 100 : _props$max,
+      _props$step = props.step,
+      step = _props$step === void 0 ? 1 : _props$step,
       valueProp = props.value,
       handleClassName = props.handleClassName,
       handleStyle = props.handleStyle,
       handleTitle = props.handleTitle,
-      tooltip = props.tooltip,
+      _props$tooltip = props.tooltip,
+      tooltip = _props$tooltip === void 0 ? true : _props$tooltip,
       getAriaValueText = props.getAriaValueText,
       renderTooltip = props.renderTooltip,
       renderMark = props.renderMark,
@@ -284,7 +283,6 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onDragEnd: handleChangeCommitted,
     onKeyDown: handleKeyDown,
     tabIndex: disabled ? null : 0,
-    role: 'slider',
     'aria-orientation': vertical ? 'vertical' : 'horizontal',
     'aria-disabled': disabled,
     'aria-valuemax': max,
@@ -319,7 +317,6 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 RangeSlider.displayName = 'RangeSlider';
-RangeSlider.defaultProps = defaultProps;
 RangeSlider.propTypes = (0, _extends2.default)({}, _Slider.sliderPropTypes, {
   value: _propTypes.default.arrayOf(_propTypes.default.number),
   defaultValue: _propTypes.default.arrayOf(_propTypes.default.number)

package/cjs/Rate/Character.js

@@ -22,18 +22,16 @@ var _utils = require("../utils");
 var _characterStatus;
 
 var characterStatus = (_characterStatus = {}, _characterStatus[0] = 'empty', _characterStatus[0.5] = 'half', _characterStatus[1] = 'full', _characterStatus);
-var defaultProps = {
-  as: 'li',
-  classPrefix: 'rate-character'
-};
 
 var getKey = function getKey(a, b) {
   return _DOMHelper.default.contains(a, b) ? 'before' : 'after';
 };
 
 var Character = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
-      classPrefix = props.classPrefix,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'li' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'rate-character' : _props$classPrefix,
       className = props.className,
       children = props.children,
       vertical = props.vertical,
@@ -75,7 +73,6 @@ var Character = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Character.displayName = 'Character';
-Character.defaultProps = defaultProps;
 Character.propTypes = {
   as: _propTypes.default.elementType,
   className: _propTypes.default.string,

package/cjs/Rate/Rate.js

@@ -25,31 +25,28 @@ var _Character = _interopRequireDefault(require("./Character"));
 
 var _Plaintext = _interopRequireDefault(require("../Plaintext"));
 
-var defaultProps = {
-  as: 'ul',
-  classPrefix: 'rate',
-  character: /*#__PURE__*/_react.default.createElement(_Star.default, null),
-  cleanable: true,
-  defaultValue: 0,
-  max: 5,
-  size: 'md'
-};
-
 var Rate = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
-      character = props.character,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'ul' : _props$as,
+      _props$character = props.character,
+      character = _props$character === void 0 ? /*#__PURE__*/_react.default.createElement(_Star.default, null) : _props$character,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'rate' : _props$classPrefix,
       disabled = props.disabled,
-      max = props.max,
+      _props$max = props.max,
+      max = _props$max === void 0 ? 5 : _props$max,
       readOnly = props.readOnly,
       vertical = props.vertical,
-      size = props.size,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'md' : _props$size,
       color = props.color,
       allowHalf = props.allowHalf,
       valueProp = props.value,
-      defaultValue = props.defaultValue,
-      cleanable = props.cleanable,
+      _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue,
+      _props$cleanable = props.cleanable,
+      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
       plaintext = props.plaintext,
       onChange = props.onChange,
       renderCharacter = props.renderCharacter,
@@ -175,7 +172,6 @@ var Rate = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Rate.displayName = 'Rate';
-Rate.defaultProps = defaultProps;
 Rate.propTypes = {
   allowHalf: _propTypes.default.bool,
   character: _propTypes.default.node,

package/cjs/Ripple/Ripple.js

@@ -37,15 +37,12 @@ var getPosition = function getPosition(target, event) {
   };
 };
 
-var defaultProps = {
-  as: 'span',
-  classPrefix: 'ripple'
-};
-
 var Ripple = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'span' : _props$as,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'ripple' : _props$classPrefix,
       onMouseDown = props.onMouseDown,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "onMouseDown"]);
 
@@ -103,7 +100,6 @@ var Ripple = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Ripple.displayName = 'Ripple';
-Ripple.defaultProps = defaultProps;
 Ripple.propTypes = {
   classPrefix: _propTypes.default.string,
   className: _propTypes.default.string,