rsuite 5.0.0-beta.7 → 5.0.2

package/esm/Dropdown/Dropdown.js

@@ -1,8 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React, { useCallback, useContext, useMemo } from 'react';
+import React, { useCallback, useContext, useMemo, useReducer } from 'react';
 import PropTypes from 'prop-types';
 import omit from 'lodash/omit';
+import pick from 'lodash/pick';
 import DropdownMenu from './DropdownMenu';
 import { mergeRefs, PLACEMENT_8, placementPolyfill, useClassNames } from '../utils';
 import { SidenavContext } from '../Sidenav/Sidenav';
@@ -18,34 +19,33 @@ import { NavbarContext } from '../Navbar/Navbar';
 import Disclosure from '../Disclosure/Disclosure';
 import SidenavDropdown from '../Sidenav/SidenavDropdown';
 import NavContext from '../Nav/NavContext';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'dropdown',
-  placement: 'bottomStart',
-  trigger: 'click'
-};
+import { initialState, reducer } from './DropdownState';
+
 /**
  * The <Dropdown> API
  * When used inside <Sidenav>, renders a <TreeviewRootItem>;
  * Otherwise renders a <MenuRoot>
  */
-
 var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var activeKey = props.activeKey,
       onSelectProp = props.onSelect,
       rest = _objectWithoutPropertiesLoose(props, ["activeKey", "onSelect"]);
 
-  var Component = rest.as,
+  var _rest$as = rest.as,
+      Component = _rest$as === void 0 ? 'div' : _rest$as,
       title = rest.title,
       onClose = rest.onClose,
       onOpen = rest.onOpen,
       onToggle = rest.onToggle,
       eventKey = rest.eventKey,
-      trigger = rest.trigger,
-      placement = rest.placement,
+      _rest$trigger = rest.trigger,
+      trigger = _rest$trigger === void 0 ? 'click' : _rest$trigger,
+      _rest$placement = rest.placement,
+      placement = _rest$placement === void 0 ? 'bottomStart' : _rest$placement,
       toggleAs = rest.toggleAs,
       toggleClassName = rest.toggleClassName,
-      classPrefix = rest.classPrefix,
+      _rest$classPrefix = rest.classPrefix,
+      classPrefix = _rest$classPrefix === void 0 ? 'dropdown' : _rest$classPrefix,
       className = rest.className,
       disabled = rest.disabled,
       children = rest.children,
@@ -96,14 +96,29 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [trigger]);
   var parentMenu = useContext(MenuContext);
   var sidenav = useContext(SidenavContext);
-  var navbar = useContext(NavbarContext); // Render a disclosure when inside expanded <Sidenav>
+  var navbar = useContext(NavbarContext);
+
+  var _useReducer = useReducer(reducer, initialState),
+      items = _useReducer[0].items,
+      dispatch = _useReducer[1];
+
+  var hasSelectedItem = useMemo(function () {
+    return items.some(function (item) {
+      return item.props.selected;
+    });
+  }, [items]);
+  var dropdownContextValue = useMemo(function () {
+    return {
+      activeKey: activeKey,
+      onSelect: emitSelect,
+      hasSelectedItem: hasSelectedItem,
+      dispatch: dispatch
+    };
+  }, [activeKey, emitSelect, hasSelectedItem, dispatch]); // Render a disclosure when inside expanded <Sidenav>
 
   if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {
     return /*#__PURE__*/React.createElement(DropdownContext.Provider, {
-      value: {
-        activeKey: activeKey,
-        onSelect: emitSelect
-      }
+      value: dropdownContextValue
     }, /*#__PURE__*/React.createElement(SidenavDropdown, _extends({
       ref: ref
     }, rest)));
@@ -112,10 +127,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   if (navbar) {
     return /*#__PURE__*/React.createElement(DropdownContext.Provider, {
-      value: {
-        activeKey: activeKey,
-        onSelect: emitSelect
-      }
+      value: dropdownContextValue
     }, /*#__PURE__*/React.createElement(Disclosure, {
       hideOnClickOutside: true
     }, function (_ref, containerRef) {
@@ -155,7 +167,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: toggleClassName,
       placement: placement,
       disabled: disabled
-    }, omit(menuButtonProps, ['open']), toggleProps), title);
+    }, omit(menuButtonProps, ['open']), omit(toggleProps, ['data-testid'])), title);
   };
 
   if (parentMenu) {
@@ -172,16 +184,13 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
           className: mergeNavItemClassNames(toggleClassName, withNavItemClassPrefix({
             focus: active
           }))
-        }, menuButtonProps, omit(menuitemProps, ['onClick']), toggleProps), title);
+        }, menuButtonProps, omit(menuitemProps, ['onClick']), omit(toggleProps, 'data-testid')), title);
       });
     };
   }
 
   return /*#__PURE__*/React.createElement(DropdownContext.Provider, {
-    value: {
-      activeKey: activeKey,
-      onSelect: emitSelect
-    }
+    value: dropdownContextValue
   }, /*#__PURE__*/React.createElement(Menu, {
     menuButtonText: title,
     renderMenuButton: renderMenuButton,
@@ -190,7 +199,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var open = _ref4.open,
           popupProps = _objectWithoutPropertiesLoose(_ref4, ["open"]);
 
-      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix()); // When inside a collapsed <Sidenav>, render a header in menu
+      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix({})); // When inside a collapsed <Sidenav>, render a header in menu
 
       var showHeader = !!sidenav;
       return /*#__PURE__*/React.createElement("ul", _extends({
@@ -218,11 +227,11 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var open = _ref5.open,
         menuContainer = _objectWithoutPropertiesLoose(_ref5, ["open"]);
 
-    var classes = merge(className, withClassPrefix((_withClassPrefix2 = {}, _withClassPrefix2["placement-" + kebabCase(placementPolyfill(placement))] = !!placement, _withClassPrefix2.disabled = disabled, _withClassPrefix2.open = open, _withClassPrefix2.submenu = !!parentMenu, _withClassPrefix2)));
+    var classes = merge(className, withClassPrefix((_withClassPrefix2 = {}, _withClassPrefix2["placement-" + kebabCase(placementPolyfill(placement))] = !!placement, _withClassPrefix2.disabled = disabled, _withClassPrefix2.open = open, _withClassPrefix2.submenu = !!parentMenu, _withClassPrefix2['selected-within'] = hasSelectedItem, _withClassPrefix2)));
     return /*#__PURE__*/React.createElement(Component, _extends({
       ref: mergeRefs(ref, menuContainerRef),
       className: classes
-    }, menuContainer, {
+    }, menuContainer, pick(toggleProps, ['data-testid']), {
       style: style
     }));
   }));
@@ -230,7 +239,6 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
 Dropdown.Item = DropdownItem;
 Dropdown.Menu = DropdownMenu;
 Dropdown.displayName = 'Dropdown';
-Dropdown.defaultProps = defaultProps;
 Dropdown.propTypes = {
   activeKey: PropTypes.any,
   classPrefix: PropTypes.string,

package/esm/Dropdown/DropdownContext.d.ts

@@ -1,7 +1,10 @@
-import React from 'react';
+import React, { Dispatch } from 'react';
+import { DropdownAction } from './DropdownState';
 export interface DropdownContextProps {
     activeKey?: string;
     onSelect: (eventKey: string, event: React.SyntheticEvent) => void;
+    hasSelectedItem?: boolean;
+    dispatch?: Dispatch<DropdownAction>;
 }
 declare const DropdownContext: React.Context<DropdownContextProps>;
 export default DropdownContext;

package/esm/Dropdown/DropdownItem.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React, { useCallback, useContext } from 'react';
+import React, { useCallback, useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { SidenavContext } from '../Sidenav/Sidenav';
 import deprecatePropType from '../utils/deprecatePropType';
@@ -13,18 +13,17 @@ import SidenavDropdownItem from '../Sidenav/SidenavDropdownItem';
 import DisclosureContext, { DisclosureActionTypes } from '../Disclosure/DisclosureContext';
 import SafeAnchor from '../SafeAnchor';
 import NavContext from '../Nav/NavContext';
-var defaultProps = {
-  as: 'li',
-  classPrefix: 'dropdown-item'
-};
+import useInternalId from '../utils/useInternalId';
+import { DropdownActionType } from './DropdownState';
+
 /**
  * The <Dropdown.Item> API
  * When used inside <Sidenav>, renders a <TreeviewItem>
  * Otherwise renders a <MenuItem>
  */
-
 var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var classPrefix = props.classPrefix,
+  var _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,
       className = props.className,
       activeProp = props.active,
       eventKey = props.eventKey,
@@ -32,6 +31,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       icon = props.icon,
       rest = _objectWithoutPropertiesLoose(props, ["classPrefix", "className", "active", "eventKey", "onSelect", "icon"]);
 
+  var internalId = useInternalId('DropdownItem');
   var nav = useContext(NavContext);
   var dropdown = useContext(DropdownContext);
 
@@ -59,6 +59,29 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     });
     handleSelectItem === null || handleSelectItem === void 0 ? void 0 : handleSelectItem(event);
   }, [dispatchDisclosure, handleSelectItem]);
+  var selected = activeProp || !isNil(eventKey) && (shallowEqual(dropdown === null || dropdown === void 0 ? void 0 : dropdown.activeKey, eventKey) || shallowEqual(nav === null || nav === void 0 ? void 0 : nav.activeKey, eventKey));
+  var dispatch = dropdown === null || dropdown === void 0 ? void 0 : dropdown.dispatch;
+  useEffect(function () {
+    if (dispatch) {
+      dispatch({
+        type: DropdownActionType.RegisterItem,
+        payload: {
+          id: internalId,
+          props: {
+            selected: selected
+          }
+        }
+      });
+      return function () {
+        dispatch({
+          type: DropdownActionType.UnregisterItem,
+          payload: {
+            id: internalId
+          }
+        });
+      };
+    }
+  }, [internalId, selected, dispatch]);
 
   if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {
     return /*#__PURE__*/React.createElement(SidenavDropdownItem, _extends({
@@ -66,9 +89,8 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }, props));
   }
 
-  var menuitemSelected = activeProp || !isNil(eventKey) && (shallowEqual(dropdown === null || dropdown === void 0 ? void 0 : dropdown.activeKey, eventKey) || shallowEqual(nav === null || nav === void 0 ? void 0 : nav.activeKey, eventKey));
-
-  var Component = rest.as,
+  var _rest$as = rest.as,
+      Component = _rest$as === void 0 ? 'li' : _rest$as,
       divider = rest.divider,
       panel = rest.panel,
       children = rest.children,
@@ -97,7 +119,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       disabled: disabled,
       divider: divider,
       panel: panel,
-      active: menuitemSelected
+      active: selected
     }));
     var dataAttributes = {
       'data-event-key': eventKey
@@ -110,7 +132,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(SafeAnchor, _extends({
       ref: ref,
       className: classes,
-      "aria-current": menuitemSelected || undefined
+      "aria-current": selected || undefined
     }, dataAttributes, restProps, {
       onClick: createChainedFunction(handleClickNavbarDropdownItem, restProps.onClick)
     }), icon && /*#__PURE__*/React.cloneElement(icon, {
@@ -119,7 +141,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }
 
   return /*#__PURE__*/React.createElement(MenuItem, {
-    selected: menuitemSelected,
+    selected: selected,
     disabled: disabled,
     onActivate: handleSelectItem
   }, function (_ref2, menuitemRef) {
@@ -152,7 +174,6 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
 });
 DropdownItem.displayName = 'Dropdown.Item';
-DropdownItem.defaultProps = defaultProps;
 DropdownItem.propTypes = {
   as: PropTypes.elementType,
   divider: PropTypes.bool,

package/esm/Dropdown/DropdownMenu.js

@@ -17,9 +17,7 @@ import useCustom from '../utils/useCustom';
 import DropdownContext from './DropdownContext';
 import Menubar from '../Menu/Menubar';
 import SidenavDropdownMenu from '../Sidenav/SidenavDropdownMenu';
-var defaultProps = {
-  classPrefix: 'dropdown-menu'
-};
+
 /**
  * The <Dropdown.Menu> API
  *
@@ -38,14 +36,14 @@ var defaultProps = {
  *   </Dropdown.Menu>
  * </Dropdown>
  */
-
 var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var onToggle = props.onToggle,
       eventKey = props.eventKey,
       title = props.title,
       activeKey = props.activeKey,
       onSelect = props.onSelect,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
       children = props.children,
       rest = _objectWithoutPropertiesLoose(props, ["onToggle", "eventKey", "title", "activeKey", "onSelect", "classPrefix", "children"]);
 
@@ -175,7 +173,6 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
 });
 DropdownMenu.displayName = 'Dropdown.Menu';
-DropdownMenu.defaultProps = defaultProps;
 DropdownMenu.propTypes = {
   active: PropTypes.bool,
   activeKey: PropTypes.any,

package/esm/Dropdown/DropdownState.d.ts

@@ -0,0 +1,37 @@
+interface DropdownItemState {
+    /**
+     * Internal ID
+     */
+    id: string;
+    /**
+     *
+     */
+    props: {
+        selected: boolean;
+    };
+}
+interface DropdownState {
+    items: DropdownItemState[];
+}
+export declare const initialState: DropdownState;
+export declare enum DropdownActionType {
+    RegisterItem = 0,
+    UnregisterItem = 1,
+    UpdateItem = 2
+}
+export declare type DropdownAction = {
+    type: DropdownActionType.RegisterItem;
+    payload: {
+        id: string;
+        props: {
+            selected: boolean;
+        };
+    };
+} | {
+    type: DropdownActionType.UnregisterItem;
+    payload: {
+        id: string;
+    };
+};
+export declare function reducer(state: DropdownState, action: DropdownAction): DropdownState;
+export {};

package/esm/Dropdown/DropdownState.js

@@ -0,0 +1,55 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+export var initialState = {
+  items: []
+};
+export var DropdownActionType;
+
+(function (DropdownActionType) {
+  DropdownActionType[DropdownActionType["RegisterItem"] = 0] = "RegisterItem";
+  DropdownActionType[DropdownActionType["UnregisterItem"] = 1] = "UnregisterItem";
+  DropdownActionType[DropdownActionType["UpdateItem"] = 2] = "UpdateItem";
+})(DropdownActionType || (DropdownActionType = {}));
+
+export function reducer(state, action) {
+  if (state === void 0) {
+    state = initialState;
+  }
+
+  switch (action.type) {
+    case DropdownActionType.RegisterItem:
+      if (state.items.find(function (item) {
+        return item.id === action.payload.id;
+      })) {
+        return _extends({}, state, {
+          items: state.items.map(function (item) {
+            if (item.id === action.payload.id) {
+              return _extends({}, item, {
+                props: _extends({}, item.props, {
+                  selected: action.payload.props.selected
+                })
+              });
+            }
+
+            return item;
+          })
+        });
+      }
+
+      return _extends({}, state, {
+        items: [].concat(state.items, [{
+          id: action.payload.id,
+          props: action.payload.props
+        }])
+      });
+
+    case DropdownActionType.UnregisterItem:
+      return _extends({}, state, {
+        items: state.items.filter(function (item) {
+          return item.id !== action.payload.id;
+        })
+      });
+
+    default:
+      return state;
+  }
+}

package/esm/Dropdown/DropdownToggle.js

@@ -6,14 +6,12 @@ import Button from '../Button';
 import { useClassNames } from '../utils';
 import useToggleCaret from '../utils/useToggleCaret';
 import { SidenavContext } from '../Sidenav/Sidenav';
-var defaultProps = {
-  as: Button,
-  classPrefix: 'dropdown-toggle'
-};
 var DropdownToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? Button : _props$as,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'dropdown-toggle' : _props$classPrefix,
       renderToggle = props.renderToggle,
       children = props.children,
       icon = props.icon,
@@ -45,7 +43,6 @@ var DropdownToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return renderToggle ? renderToggle(rest, ref) : toggle;
 });
 DropdownToggle.displayName = 'DropdownToggle';
-DropdownToggle.defaultProps = defaultProps;
 DropdownToggle.propTypes = {
   className: PropTypes.string,
   children: PropTypes.node,

package/esm/FlexboxGrid/FlexboxGrid.js

@@ -4,18 +4,16 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
 import FlexboxGridItem from './FlexboxGridItem';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'flex-box-grid',
-  align: 'top',
-  justify: 'start'
-};
 var FlexboxGrid = /*#__PURE__*/React.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,
-      align = props.align,
-      justify = props.justify,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'flex-box-grid' : _props$classPrefix,
+      _props$align = props.align,
+      align = _props$align === void 0 ? 'top' : _props$align,
+      _props$justify = props.justify,
+      justify = _props$justify === void 0 ? 'start' : _props$justify,
       rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "align", "justify"]);
 
   var _useClassNames = useClassNames(classPrefix),
@@ -30,7 +28,6 @@ var FlexboxGrid = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 FlexboxGrid.Item = FlexboxGridItem;
 FlexboxGrid.displayName = 'FlexboxGrid';
-FlexboxGrid.defaultProps = defaultProps;
 FlexboxGrid.propTypes = {
   className: PropTypes.string,
   classPrefix: PropTypes.string,

package/esm/FlexboxGrid/FlexboxGridItem.js

@@ -3,20 +3,18 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'flex-box-grid-item',
-  colspan: 0,
-  order: 0
-};
 var FlexboxGridItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _withClassPrefix;
 
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
-      classPrefix = props.classPrefix,
-      colspan = props.colspan,
-      order = props.order,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'flex-box-grid-item' : _props$classPrefix,
+      _props$colspan = props.colspan,
+      colspan = _props$colspan === void 0 ? 0 : _props$colspan,
+      _props$order = props.order,
+      order = _props$order === void 0 ? 0 : _props$order,
       rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "colspan", "order"]);
 
   var _useClassNames = useClassNames(classPrefix),
@@ -31,7 +29,6 @@ var FlexboxGridItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 FlexboxGridItem.displayName = 'FlexboxGridItem';
-FlexboxGridItem.defaultProps = defaultProps;
 FlexboxGridItem.propTypes = {
   as: PropTypes.elementType,
   className: PropTypes.string,

package/esm/Form/Form.js

@@ -12,24 +12,22 @@ import FormControlLabel from '../FormControlLabel';
 import FormErrorMessage from '../FormErrorMessage';
 import FormGroup from '../FormGroup';
 import FormHelpText from '../FormHelpText';
-var defaultProps = {
-  checkTrigger: 'change',
-  classPrefix: 'form',
-  errorFromContext: true,
-  formDefaultValue: {},
-  layout: 'vertical',
-  model: SchemaModel({})
-};
 var Form = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var checkTrigger = props.checkTrigger,
-      classPrefix = props.classPrefix,
-      errorFromContext = props.errorFromContext,
-      formDefaultValue = props.formDefaultValue,
+  var _props$checkTrigger = props.checkTrigger,
+      checkTrigger = _props$checkTrigger === void 0 ? 'change' : _props$checkTrigger,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'form' : _props$classPrefix,
+      _props$errorFromConte = props.errorFromContext,
+      errorFromContext = _props$errorFromConte === void 0 ? true : _props$errorFromConte,
+      _props$formDefaultVal = props.formDefaultValue,
+      formDefaultValue = _props$formDefaultVal === void 0 ? {} : _props$formDefaultVal,
       formValue = props.formValue,
       formError = props.formError,
       fluid = props.fluid,
-      layout = props.layout,
-      model = props.model,
+      _props$layout = props.layout,
+      layout = _props$layout === void 0 ? 'vertical' : _props$layout,
+      _props$model = props.model,
+      model = _props$model === void 0 ? SchemaModel({}) : _props$model,
       readOnly = props.readOnly,
       plaintext = props.plaintext,
       className = props.className,
@@ -268,7 +266,6 @@ Form.Group = FormGroup;
 Form.HelpText = FormHelpText;
 Form.Control = FormControl;
 Form.displayName = 'Form';
-Form.defaultProps = defaultProps;
 Form.propTypes = {
   className: PropTypes.string,
   classPrefix: PropTypes.string,

package/esm/IconButton/IconButton.js

@@ -4,16 +4,14 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Button from '../Button';
 import { useClassNames } from '../utils';
-var defaultProps = {
-  classPrefix: 'btn-icon',
-  placement: 'left'
-};
 var IconButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var icon = props.icon,
-      placement = props.placement,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'left' : _props$placement,
       children = props.children,
       circle = props.circle,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'btn-icon' : _props$classPrefix,
       className = props.className,
       rest = _objectWithoutPropertiesLoose(props, ["icon", "placement", "children", "circle", "classPrefix", "className"]);
 
@@ -31,7 +29,6 @@ var IconButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), icon, children);
 });
 IconButton.displayName = 'IconButton';
-IconButton.defaultProps = defaultProps;
 IconButton.propTypes = {
   className: PropTypes.string,
   icon: PropTypes.any,

package/esm/Input/Input.js

@@ -6,16 +6,14 @@ import { FormGroupContext } from '../FormGroup/FormGroup';
 import { InputGroupContext } from '../InputGroup/InputGroup';
 import Plaintext from '../Plaintext';
 import { createChainedFunction, TypeChecker, mergeRefs, useClassNames, KEY_VALUES } from '../utils';
-var defaultProps = {
-  as: 'input',
-  classPrefix: 'input',
-  type: 'text'
-};
 var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var className = props.className,
-      classPrefix = props.classPrefix,
-      Component = props.as,
-      type = props.type,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'input' : _props$classPrefix,
+      _props$as = props.as,
+      Component = _props$as === void 0 ? 'input' : _props$as,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'text' : _props$type,
       disabled = props.disabled,
       value = props.value,
       defaultValue = props.defaultValue,
@@ -84,7 +82,6 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 Input.displayName = 'Input';
-Input.defaultProps = defaultProps;
 Input.propTypes = {
   type: PropTypes.string,
   as: PropTypes.elementType,