rsuite 5.0.0-beta.7 → 5.0.2

package/cjs/Dropdown/Dropdown.js

@@ -17,6 +17,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _omit = _interopRequireDefault(require("lodash/omit"));
 
+var _pick = _interopRequireDefault(require("lodash/pick"));
+
 var _DropdownMenu = _interopRequireDefault(require("./DropdownMenu"));
 
 var _utils = require("../utils");
@@ -47,33 +49,32 @@ var _SidenavDropdown = _interopRequireDefault(require("../Sidenav/SidenavDropdow
 
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'dropdown',
-  placement: 'bottomStart',
-  trigger: 'click'
-};
+var _DropdownState = require("./DropdownState");
+
 /**
  * The <Dropdown> API
  * When used inside <Sidenav>, renders a <TreeviewRootItem>;
  * Otherwise renders a <MenuRoot>
  */
-
 var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var activeKey = props.activeKey,
       onSelectProp = props.onSelect,
       rest = (0, _objectWithoutPropertiesLoose2.default)(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,
@@ -124,14 +125,29 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [trigger]);
   var parentMenu = (0, _react.useContext)(_MenuContext.default);
   var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
-  var navbar = (0, _react.useContext)(_Navbar.NavbarContext); // Render a disclosure when inside expanded <Sidenav>
+  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);
+
+  var _useReducer = (0, _react.useReducer)(_DropdownState.reducer, _DropdownState.initialState),
+      items = _useReducer[0].items,
+      dispatch = _useReducer[1];
+
+  var hasSelectedItem = (0, _react.useMemo)(function () {
+    return items.some(function (item) {
+      return item.props.selected;
+    });
+  }, [items]);
+  var dropdownContextValue = (0, _react.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.default.createElement(_DropdownContext.default.Provider, {
-      value: {
-        activeKey: activeKey,
-        onSelect: emitSelect
-      }
+      value: dropdownContextValue
     }, /*#__PURE__*/_react.default.createElement(_SidenavDropdown.default, (0, _extends2.default)({
       ref: ref
     }, rest)));
@@ -140,10 +156,7 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
   if (navbar) {
     return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {
-      value: {
-        activeKey: activeKey,
-        onSelect: emitSelect
-      }
+      value: dropdownContextValue
     }, /*#__PURE__*/_react.default.createElement(_Disclosure.default, {
       hideOnClickOutside: true
     }, function (_ref, containerRef) {
@@ -183,7 +196,7 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       className: toggleClassName,
       placement: placement,
       disabled: disabled
-    }, (0, _omit.default)(menuButtonProps, ['open']), toggleProps), title);
+    }, (0, _omit.default)(menuButtonProps, ['open']), (0, _omit.default)(toggleProps, ['data-testid'])), title);
   };
 
   if (parentMenu) {
@@ -199,16 +212,13 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
           className: mergeNavItemClassNames(toggleClassName, withNavItemClassPrefix({
             focus: active
           }))
-        }, menuButtonProps, (0, _omit.default)(menuitemProps, ['onClick']), toggleProps), title);
+        }, menuButtonProps, (0, _omit.default)(menuitemProps, ['onClick']), (0, _omit.default)(toggleProps, 'data-testid')), title);
       });
     };
   }
 
   return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {
-    value: {
-      activeKey: activeKey,
-      onSelect: emitSelect
-    }
+    value: dropdownContextValue
   }, /*#__PURE__*/_react.default.createElement(_Menu.default, {
     menuButtonText: title,
     renderMenuButton: renderMenuButton,
@@ -216,7 +226,7 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     renderMenuPopup: function renderMenuPopup(_ref4, popupRef) {
       var open = _ref4.open,
           popupProps = (0, _objectWithoutPropertiesLoose2.default)(_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.default.createElement("ul", (0, _extends2.default)({
@@ -243,11 +253,11 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
     var open = _ref5.open,
         menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref5, ["open"]);
-    var classes = merge(className, withClassPrefix((_withClassPrefix2 = {}, _withClassPrefix2["placement-" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = !!placement, _withClassPrefix2.disabled = disabled, _withClassPrefix2.open = open, _withClassPrefix2.submenu = !!parentMenu, _withClassPrefix2)));
+    var classes = merge(className, withClassPrefix((_withClassPrefix2 = {}, _withClassPrefix2["placement-" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = !!placement, _withClassPrefix2.disabled = disabled, _withClassPrefix2.open = open, _withClassPrefix2.submenu = !!parentMenu, _withClassPrefix2['selected-within'] = hasSelectedItem, _withClassPrefix2)));
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
       ref: (0, _utils.mergeRefs)(ref, menuContainerRef),
       className: classes
-    }, menuContainer, {
+    }, menuContainer, (0, _pick.default)(toggleProps, ['data-testid']), {
       style: style
     }));
   }));
@@ -256,7 +266,6 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 Dropdown.Item = _DropdownItem.default;
 Dropdown.Menu = _DropdownMenu.default;
 Dropdown.displayName = 'Dropdown';
-Dropdown.defaultProps = defaultProps;
 Dropdown.propTypes = {
   activeKey: _propTypes.default.any,
   classPrefix: _propTypes.default.string,

package/cjs/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/cjs/Dropdown/DropdownItem.js

@@ -37,24 +37,25 @@ var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
 
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 
-var defaultProps = {
-  as: 'li',
-  classPrefix: 'dropdown-item'
-};
+var _useInternalId = _interopRequireDefault(require("../utils/useInternalId"));
+
+var _DropdownState = require("./DropdownState");
+
 /**
  * The <Dropdown.Item> API
  * When used inside <Sidenav>, renders a <TreeviewItem>
  * Otherwise renders a <MenuItem>
  */
-
 var DropdownItem = /*#__PURE__*/_react.default.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,
       onSelect = props.onSelect,
       icon = props.icon,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["classPrefix", "className", "active", "eventKey", "onSelect", "icon"]);
+  var internalId = (0, _useInternalId.default)('DropdownItem');
   var nav = (0, _react.useContext)(_NavContext.default);
   var dropdown = (0, _react.useContext)(_DropdownContext.default);
 
@@ -82,6 +83,29 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     });
     handleSelectItem === null || handleSelectItem === void 0 ? void 0 : handleSelectItem(event);
   }, [dispatchDisclosure, handleSelectItem]);
+  var selected = activeProp || !(0, _isNil.default)(eventKey) && ((0, _utils.shallowEqual)(dropdown === null || dropdown === void 0 ? void 0 : dropdown.activeKey, eventKey) || (0, _utils.shallowEqual)(nav === null || nav === void 0 ? void 0 : nav.activeKey, eventKey));
+  var dispatch = dropdown === null || dropdown === void 0 ? void 0 : dropdown.dispatch;
+  (0, _react.useEffect)(function () {
+    if (dispatch) {
+      dispatch({
+        type: _DropdownState.DropdownActionType.RegisterItem,
+        payload: {
+          id: internalId,
+          props: {
+            selected: selected
+          }
+        }
+      });
+      return function () {
+        dispatch({
+          type: _DropdownState.DropdownActionType.UnregisterItem,
+          payload: {
+            id: internalId
+          }
+        });
+      };
+    }
+  }, [internalId, selected, dispatch]);
 
   if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {
     return /*#__PURE__*/_react.default.createElement(_SidenavDropdownItem.default, (0, _extends2.default)({
@@ -89,8 +113,8 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     }, props));
   }
 
-  var menuitemSelected = activeProp || !(0, _isNil.default)(eventKey) && ((0, _utils.shallowEqual)(dropdown === null || dropdown === void 0 ? void 0 : dropdown.activeKey, eventKey) || (0, _utils.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,
@@ -119,7 +143,7 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       disabled: disabled,
       divider: divider,
       panel: panel,
-      active: menuitemSelected
+      active: selected
     }));
     var dataAttributes = {
       'data-event-key': eventKey
@@ -132,7 +156,7 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_SafeAnchor.default, (0, _extends2.default)({
       ref: ref,
       className: classes,
-      "aria-current": menuitemSelected || undefined
+      "aria-current": selected || undefined
     }, dataAttributes, restProps, {
       onClick: (0, _utils.createChainedFunction)(handleClickNavbarDropdownItem, restProps.onClick)
     }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {
@@ -141,7 +165,7 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }
 
   return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-    selected: menuitemSelected,
+    selected: selected,
     disabled: disabled,
     onActivate: handleSelectItem
   }, function (_ref2, menuitemRef) {
@@ -174,7 +198,6 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 });
 
 DropdownItem.displayName = 'Dropdown.Item';
-DropdownItem.defaultProps = defaultProps;
 DropdownItem.propTypes = {
   as: _propTypes.default.elementType,
   divider: _propTypes.default.bool,

package/cjs/Dropdown/DropdownMenu.js

@@ -41,9 +41,6 @@ var _SidenavDropdownMenu = _interopRequireDefault(require("../Sidenav/SidenavDro
 
 var _templateObject, _templateObject2;
 
-var defaultProps = {
-  classPrefix: 'dropdown-menu'
-};
 /**
  * The <Dropdown.Menu> API
  *
@@ -62,14 +59,14 @@ var defaultProps = {
  *   </Dropdown.Menu>
  * </Dropdown>
  */
-
 var DropdownMenu = /*#__PURE__*/_react.default.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 = (0, _objectWithoutPropertiesLoose2.default)(props, ["onToggle", "eventKey", "title", "activeKey", "onSelect", "classPrefix", "children"]);
   var dropdown = (0, _react.useContext)(_DropdownContext.default);
@@ -195,7 +192,6 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 });
 
 DropdownMenu.displayName = 'Dropdown.Menu';
-DropdownMenu.defaultProps = defaultProps;
 DropdownMenu.propTypes = {
   active: _propTypes.default.bool,
   activeKey: _propTypes.default.any,

package/cjs/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/cjs/Dropdown/DropdownState.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.reducer = reducer;
+exports.DropdownActionType = exports.initialState = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var initialState = {
+  items: []
+};
+exports.initialState = initialState;
+var DropdownActionType;
+exports.DropdownActionType = DropdownActionType;
+
+(function (DropdownActionType) {
+  DropdownActionType[DropdownActionType["RegisterItem"] = 0] = "RegisterItem";
+  DropdownActionType[DropdownActionType["UnregisterItem"] = 1] = "UnregisterItem";
+  DropdownActionType[DropdownActionType["UpdateItem"] = 2] = "UpdateItem";
+})(DropdownActionType || (exports.DropdownActionType = DropdownActionType = {}));
+
+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 (0, _extends2.default)({}, state, {
+          items: state.items.map(function (item) {
+            if (item.id === action.payload.id) {
+              return (0, _extends2.default)({}, item, {
+                props: (0, _extends2.default)({}, item.props, {
+                  selected: action.payload.props.selected
+                })
+              });
+            }
+
+            return item;
+          })
+        });
+      }
+
+      return (0, _extends2.default)({}, state, {
+        items: [].concat(state.items, [{
+          id: action.payload.id,
+          props: action.payload.props
+        }])
+      });
+
+    case DropdownActionType.UnregisterItem:
+      return (0, _extends2.default)({}, state, {
+        items: state.items.filter(function (item) {
+          return item.id !== action.payload.id;
+        })
+      });
+
+    default:
+      return state;
+  }
+}

package/cjs/Dropdown/DropdownToggle.js

@@ -23,15 +23,12 @@ var _useToggleCaret = _interopRequireDefault(require("../utils/useToggleCaret"))
 
 var _Sidenav = require("../Sidenav/Sidenav");
 
-var defaultProps = {
-  as: _Button.default,
-  classPrefix: 'dropdown-toggle'
-};
-
 var DropdownToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? _Button.default : _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,
@@ -65,7 +62,6 @@ var DropdownToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref
 });
 
 DropdownToggle.displayName = 'DropdownToggle';
-DropdownToggle.defaultProps = defaultProps;
 DropdownToggle.propTypes = {
   className: _propTypes.default.string,
   children: _propTypes.default.node,

package/cjs/FlexboxGrid/FlexboxGrid.js

@@ -17,19 +17,16 @@ var _utils = require("../utils");
 
 var _FlexboxGridItem = _interopRequireDefault(require("./FlexboxGridItem"));
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'flex-box-grid',
-  align: 'top',
-  justify: 'start'
-};
-
 var FlexboxGrid = /*#__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,
-      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 = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "align", "justify"]);
 
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
@@ -45,7 +42,6 @@ var FlexboxGrid = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
 FlexboxGrid.Item = _FlexboxGridItem.default;
 FlexboxGrid.displayName = 'FlexboxGrid';
-FlexboxGrid.defaultProps = defaultProps;
 FlexboxGrid.propTypes = {
   className: _propTypes.default.string,
   classPrefix: _propTypes.default.string,

package/cjs/FlexboxGrid/FlexboxGridItem.js

@@ -15,21 +15,18 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'flex-box-grid-item',
-  colspan: 0,
-  order: 0
-};
-
 var FlexboxGridItem = /*#__PURE__*/_react.default.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 = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "colspan", "order"]);
 
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
@@ -45,7 +42,6 @@ var FlexboxGridItem = /*#__PURE__*/_react.default.forwardRef(function (props, re
 });
 
 FlexboxGridItem.displayName = 'FlexboxGridItem';
-FlexboxGridItem.defaultProps = defaultProps;
 FlexboxGridItem.propTypes = {
   as: _propTypes.default.elementType,
   className: _propTypes.default.string,

package/cjs/Form/Form.js

@@ -35,25 +35,22 @@ var _FormGroup = _interopRequireDefault(require("../FormGroup"));
 
 var _FormHelpText = _interopRequireDefault(require("../FormHelpText"));
 
-var defaultProps = {
-  checkTrigger: 'change',
-  classPrefix: 'form',
-  errorFromContext: true,
-  formDefaultValue: {},
-  layout: 'vertical',
-  model: (0, _schemaTyped.SchemaModel)({})
-};
-
 var Form = /*#__PURE__*/_react.default.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 ? (0, _schemaTyped.SchemaModel)({}) : _props$model,
       readOnly = props.readOnly,
       plaintext = props.plaintext,
       className = props.className,
@@ -287,7 +284,6 @@ Form.Group = _FormGroup.default;
 Form.HelpText = _FormHelpText.default;
 Form.Control = _FormControl.default;
 Form.displayName = 'Form';
-Form.defaultProps = defaultProps;
 Form.propTypes = {
   className: _propTypes.default.string,
   classPrefix: _propTypes.default.string,

package/cjs/IconButton/IconButton.js

@@ -17,17 +17,14 @@ var _Button = _interopRequireDefault(require("../Button"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  classPrefix: 'btn-icon',
-  placement: 'left'
-};
-
 var IconButton = /*#__PURE__*/_react.default.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 = (0, _objectWithoutPropertiesLoose2.default)(props, ["icon", "placement", "children", "circle", "classPrefix", "className"]);
 
@@ -46,7 +43,6 @@ var IconButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 IconButton.displayName = 'IconButton';
-IconButton.defaultProps = defaultProps;
 IconButton.propTypes = {
   className: _propTypes.default.string,
   icon: _propTypes.default.any,

package/cjs/Input/Input.js

@@ -23,17 +23,14 @@ var _Plaintext = _interopRequireDefault(require("../Plaintext"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: 'input',
-  classPrefix: 'input',
-  type: 'text'
-};
-
 var Input = /*#__PURE__*/_react.default.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,
@@ -102,7 +99,6 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Input.displayName = 'Input';
-Input.defaultProps = defaultProps;
 Input.propTypes = {
   type: _propTypes.default.string,
   as: _propTypes.default.elementType,