rsuite 5.0.0-beta.7 → 5.0.2

package/cjs/Pagination/Pagination.js

@@ -40,30 +40,28 @@ var PAGINATION_ICONS = {
   first: /*#__PURE__*/_react.default.createElement(_PageTop.default, null),
   last: /*#__PURE__*/_react.default.createElement(_PageEnd.default, null)
 };
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'pagination',
-  activePage: 1,
-  pages: 1,
-  size: 'xs'
-};
 
 var Pagination = /*#__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,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'pagination' : _props$classPrefix,
       disabledProp = props.disabled,
       overrideLocale = props.locale,
-      activePage = props.activePage,
+      _props$activePage = props.activePage,
+      activePage = _props$activePage === void 0 ? 1 : _props$activePage,
       maxButtons = props.maxButtons,
-      pages = props.pages,
+      _props$pages = props.pages,
+      pages = _props$pages === void 0 ? 1 : _props$pages,
       ellipsis = props.ellipsis,
       boundaryLinks = props.boundaryLinks,
       first = props.first,
       prev = props.prev,
       next = props.next,
       last = props.last,
-      size = props.size,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'xs' : _props$size,
       linkAs = props.linkAs,
       linkProps = props.linkProps,
       onSelect = props.onSelect,
@@ -233,7 +231,6 @@ var Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Pagination.displayName = 'Pagination';
-Pagination.defaultProps = defaultProps;
 Pagination.propTypes = {
   onSelect: _propTypes.default.func,
   activePage: _propTypes.default.number,

package/cjs/Pagination/PaginationButton.js

@@ -19,17 +19,14 @@ var _Ripple = _interopRequireDefault(require("../Ripple"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  classPrefix: 'pagination-btn',
-  as: 'button'
-};
-
 var PaginationButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'button' : _props$as,
       active = props.active,
       disabled = props.disabled,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'pagination-btn' : _props$classPrefix,
       children = props.children,
       eventKey = props.eventKey,
       style = props.style,
@@ -69,7 +66,6 @@ var PaginationButton = /*#__PURE__*/_react.default.forwardRef(function (props, r
 });
 
 PaginationButton.displayName = 'PaginationButton';
-PaginationButton.defaultProps = defaultProps;
 PaginationButton.propTypes = {
   classPrefix: _propTypes.default.string,
   eventKey: _propTypes.default.any,

package/cjs/Pagination/PaginationGroup.js

@@ -27,13 +27,6 @@ var _Input = _interopRequireDefault(require("../Input"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'pagination-group',
-  layout: ['pager'],
-  limitOptions: [30, 50, 100]
-};
-
 var LimitPicker = function LimitPicker(props) {
   var disabled = props.disabled,
       limitOptions = props.limitOptions,
@@ -66,9 +59,14 @@ var LimitPicker = function LimitPicker(props) {
   }));
 };
 
+var defaultLayout = ['pager'];
+var defaultLimitOptions = [30, 50, 100];
+
 var PaginationGroup = /*#__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 ? 'pagination-group' : _props$classPrefix,
       size = props.size,
       total = props.total,
       prev = props.prev,
@@ -77,13 +75,15 @@ var PaginationGroup = /*#__PURE__*/_react.default.forwardRef(function (props, re
       last = props.last,
       maxButtons = props.maxButtons,
       className = props.className,
-      limitOptions = props.limitOptions,
+      _props$limitOptions = props.limitOptions,
+      limitOptions = _props$limitOptions === void 0 ? defaultLimitOptions : _props$limitOptions,
       limitProp = props.limit,
       activePageProp = props.activePage,
       disabled = props.disabled,
       style = props.style,
       localeProp = props.locale,
-      layout = props.layout,
+      _props$layout = props.layout,
+      layout = _props$layout === void 0 ? defaultLayout : _props$layout,
       onChangePage = props.onChangePage,
       onChangeLimit = props.onChangeLimit,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "size", "total", "prev", "next", "first", "last", "maxButtons", "className", "limitOptions", "limit", "activePage", "disabled", "style", "locale", "layout", "onChangePage", "onChangeLimit"]);
@@ -188,7 +188,6 @@ var PaginationGroup = /*#__PURE__*/_react.default.forwardRef(function (props, re
 });
 
 PaginationGroup.displayName = 'PaginationGroup';
-PaginationGroup.defaultProps = defaultProps;
 PaginationGroup.propTypes = (0, _extends2.default)({}, _Pagination.default.propTypes, {
   locale: _propTypes.default.any,
   layout: _propTypes.default.array,

package/cjs/Panel/Panel.js

@@ -25,17 +25,13 @@ var _utils = require("../utils");
 
 var _PanelGroup = require("../PanelGroup");
 
-var defaultProps = {
-  classPrefix: 'panel',
-  panelRole: 'region',
-  as: 'div'
-};
-
 var Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       children = props.children,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'panel' : _props$classPrefix,
       bodyFill = props.bodyFill,
       bordered = props.bordered,
       collapsibleProp = props.collapsible,
@@ -44,7 +40,8 @@ var Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       expandedProp = props.expanded,
       header = props.header,
       headerRoleProp = props.headerRole,
-      panelRole = props.panelRole,
+      _props$panelRole = props.panelRole,
+      panelRole = _props$panelRole === void 0 ? 'region' : _props$panelRole,
       shaded = props.shaded,
       id = props.id,
       onEnter = props.onEnter,
@@ -164,7 +161,6 @@ var Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Panel.displayName = 'Panel';
-Panel.defaultProps = defaultProps;
 Panel.propTypes = {
   collapsible: _propTypes.default.bool,
   bordered: _propTypes.default.bool,

package/cjs/PanelGroup/PanelGroup.js

@@ -17,22 +17,19 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'panel-group'
-};
-
 var PanelGroupContext = /*#__PURE__*/_react.default.createContext({});
 
 exports.PanelGroupContext = PanelGroupContext;
 
 var PanelGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       accordion = props.accordion,
       defaultActiveKey = props.defaultActiveKey,
       bordered = props.bordered,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'panel-group' : _props$classPrefix,
       children = props.children,
       activeProp = props.activeKey,
       onSelect = props.onSelect,
@@ -68,7 +65,6 @@ var PanelGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 PanelGroup.displayName = 'PanelGroup';
-PanelGroup.defaultProps = defaultProps;
 PanelGroup.propTypes = {
   accordion: _propTypes.default.bool,
   activeKey: _propTypes.default.any,

package/cjs/Picker/DropdownMenu.js

@@ -222,8 +222,7 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     return /*#__PURE__*/_react.default.createElement(_VirtualizedList.List, (0, _extends2.default)({
       role: "listbox",
       containerRole: '',
-      "aria-readonly": null
-    }, listProps, {
+      "aria-readonly": null,
       width: width,
       height: height || maxHeight,
       scrollToIndex: (0, _findIndex.default)(data, function (item) {
@@ -232,7 +231,7 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       rowCount: rowCount,
       rowHeight: getRowHeight.bind(_this, filteredItems),
       rowRenderer: renderItem.bind(null, filteredItems)
-    }));
+    }, listProps));
   }) : filteredItems.map(function (_item, index) {
     return renderItem(filteredItems, {
       index: index

package/cjs/Picker/DropdownMenuGroup.js

@@ -21,14 +21,11 @@ var _ArrowDown = _interopRequireDefault(require("@rsuite/icons/legacy/ArrowDown"
 
 var _templateObject, _templateObject2;
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'dropdown-menu-group'
-};
-
 var DropdownMenuGroup = /*#__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 ? 'dropdown-menu-group' : _props$classPrefix,
       children = props.children,
       className = props.className,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "children", "className"]);
@@ -54,7 +51,6 @@ var DropdownMenuGroup = /*#__PURE__*/_react.default.forwardRef(function (props,
 });
 
 DropdownMenuGroup.displayName = 'DropdownMenuGroup';
-DropdownMenuGroup.defaultProps = defaultProps;
 DropdownMenuGroup.propTypes = {
   classPrefix: _propTypes.default.string,
   className: _propTypes.default.string,

package/cjs/Picker/DropdownMenuItem.js

@@ -17,15 +17,12 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'dropdown-menu-item'
-};
-
 var DropdownMenuItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       active = props.active,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu-item' : _props$classPrefix,
       children = props.children,
       className = props.className,
       disabled = props.disabled,
@@ -68,7 +65,6 @@ var DropdownMenuItem = /*#__PURE__*/_react.default.forwardRef(function (props, r
 });
 
 DropdownMenuItem.displayName = 'DropdownMenuItem';
-DropdownMenuItem.defaultProps = defaultProps;
 DropdownMenuItem.propTypes = {
   classPrefix: _propTypes.default.string,
   active: _propTypes.default.bool,

package/cjs/Picker/PickerToggle.js

@@ -33,16 +33,14 @@ var _useToggleCaret = _interopRequireDefault(require("../utils/useToggleCaret"))
 
 var _templateObject, _templateObject2;
 
-var defaultProps = {
-  as: _ToggleButton.default,
-  classPrefix: 'picker-toggle',
-  inputMask: []
-};
+var defaultInputMask = [];
 
 var PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var activeProp = props.active,
-      Component = props.as,
-      classPrefix = props.classPrefix,
+      _props$as = props.as,
+      Component = _props$as === void 0 ? _ToggleButton.default : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'picker-toggle' : _props$classPrefix,
       children = props.children,
       _props$caret = props.caret,
       caret = _props$caret === void 0 ? true : _props$caret,
@@ -59,7 +57,8 @@ var PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       input = props.input,
       inputPlaceholder = props.inputPlaceholder,
       inputValueProp = props.inputValue,
-      inputMask = props.inputMask,
+      _props$inputMask = props.inputMask,
+      inputMask = _props$inputMask === void 0 ? defaultInputMask : _props$inputMask,
       onInputChange = props.onInputChange,
       onInputPressEnter = props.onInputPressEnter,
       onInputBlur = props.onInputBlur,
@@ -199,7 +198,6 @@ var PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 });
 
 PickerToggle.displayName = 'PickerToggle';
-PickerToggle.defaultProps = defaultProps;
 PickerToggle.propTypes = {
   classPrefix: _propTypes.default.string,
   hasValue: _propTypes.default.bool,

package/cjs/Picker/propTypes.d.ts

@@ -1,5 +1,4 @@
 import PropTypes from 'prop-types';
-import { PickerAppearance, TypeAttributes } from '../@types/common';
 export declare const pickerPropTypes: {
     classPrefix: PropTypes.Requireable<string>;
     className: PropTypes.Requireable<string>;
@@ -27,6 +26,7 @@ export declare const pickerPropTypes: {
     onOpen: PropTypes.Requireable<(...args: any[]) => any>;
     onClose: PropTypes.Requireable<(...args: any[]) => any>;
     onClean: PropTypes.Requireable<(...args: any[]) => any>;
+    listProps: PropTypes.Requireable<object>;
     onEnter: PropTypes.Requireable<(...args: any[]) => any>;
     onEntering: PropTypes.Requireable<(...args: any[]) => any>;
     onEntered: PropTypes.Requireable<(...args: any[]) => any>;
@@ -69,6 +69,7 @@ export declare const listPickerPropTypes: {
     onOpen: PropTypes.Requireable<(...args: any[]) => any>;
     onClose: PropTypes.Requireable<(...args: any[]) => any>;
     onClean: PropTypes.Requireable<(...args: any[]) => any>;
+    listProps: PropTypes.Requireable<object>;
     onEnter: PropTypes.Requireable<(...args: any[]) => any>;
     onEntering: PropTypes.Requireable<(...args: any[]) => any>;
     onEntered: PropTypes.Requireable<(...args: any[]) => any>;
@@ -76,18 +77,3 @@ export declare const listPickerPropTypes: {
     onExiting: PropTypes.Requireable<(...args: any[]) => any>;
     onExited: PropTypes.Requireable<(...args: any[]) => any>;
 };
-export declare const pickerDefaultProps: {
-    cleanable: boolean;
-    placement: TypeAttributes.Placement;
-    appearance: PickerAppearance;
-};
-export declare const listPickerDefaultProps: {
-    data: any[];
-    disabledItemValues: any[];
-    childrenKey: string;
-    valueKey: string;
-    labelKey: string;
-    cleanable: boolean;
-    placement: TypeAttributes.Placement;
-    appearance: PickerAppearance;
-};

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

@@ -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,