rsuite 5.0.0 → 5.1.0

package/cjs/DateRangePicker/DateRangePicker.js

@@ -7,10 +7,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _Calendar = _interopRequireDefault(require("@rsuite/icons/legacy/Calendar"));
 
 var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
@@ -41,44 +41,42 @@ var disabledDateUtils = _interopRequireWildcard(require("./disabledDateUtils"));
 
 var _utils2 = require("./utils");
 
-var defaultProps = (0, _extends2.default)({}, _Picker.pickerDefaultProps, {
-  as: 'div',
-  classPrefix: 'picker',
-  cleanable: true,
-  placement: 'bottomStart',
-  appearance: 'default',
-  format: 'yyyy-MM-dd',
-  limitEndYear: 1000,
-  placeholder: '',
-  showOneCalendar: false,
-  character: ' ~ '
-});
-
 var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _ref, _merge;
 
-  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 ? 'picker' : _props$classPrefix,
       className = props.className,
-      cleanable = props.cleanable,
-      character = props.character,
+      _props$appearance = props.appearance,
+      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
+      _props$cleanable = props.cleanable,
+      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
+      _props$character = props.character,
+      character = _props$character === void 0 ? ' ~ ' : _props$character,
       defaultCalendarValue = props.defaultCalendarValue,
       defaultValue = props.defaultValue,
       disabled = props.disabled,
       disabledDateProp = props.disabledDate,
-      formatStr = props.format,
+      _props$format = props.format,
+      formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,
       hoverRange = props.hoverRange,
       isoWeek = props.isoWeek,
-      limitEndYear = props.limitEndYear,
+      _props$limitEndYear = props.limitEndYear,
+      limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,
       overrideLocale = props.locale,
       menuClassName = props.menuClassName,
       menuStyle = props.menuStyle,
       oneTap = props.oneTap,
-      placeholder = props.placeholder,
-      placement = props.placement,
+      _props$placeholder = props.placeholder,
+      placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
       ranges = props.ranges,
       renderValue = props.renderValue,
-      showOneCalendar = props.showOneCalendar,
+      _props$showOneCalenda = props.showOneCalendar,
+      showOneCalendar = _props$showOneCalenda === void 0 ? false : _props$showOneCalenda,
       showWeekNumbers = props.showWeekNumbers,
       style = props.style,
       toggleAs = props.toggleAs,
@@ -92,7 +90,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       onOk = props.onOk,
       onOpen = props.onOpen,
       onSelect = props.onSelect,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "cleanable", "character", "defaultCalendarValue", "defaultValue", "disabled", "disabledDate", "format", "hoverRange", "isoWeek", "limitEndYear", "locale", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "renderValue", "showOneCalendar", "showWeekNumbers", "style", "toggleAs", "value", "onChange", "onClean", "onClose", "onEnter", "onEntered", "onExited", "onOk", "onOpen", "onSelect"]);
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "appearance", "cleanable", "character", "defaultCalendarValue", "defaultValue", "disabled", "disabledDate", "format", "hoverRange", "isoWeek", "limitEndYear", "locale", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "renderValue", "showOneCalendar", "showWeekNumbers", "style", "toggleAs", "value", "onChange", "onClean", "onClose", "onEnter", "onEntered", "onExited", "onOk", "onOpen", "onSelect"]);
 
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
       merge = _useClassNames.merge,
@@ -100,7 +98,8 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
 
   var _useCustom = (0, _utils.useCustom)('DateRangePicker', overrideLocale),
       locale = _useCustom.locale,
-      formatDate = _useCustom.formatDate;
+      formatDate = _useCustom.formatDate,
+      parseDate = _useCustom.parseDate;
 
   var rangeFormatStr = "" + formatStr + character + formatStr;
 
@@ -395,13 +394,17 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     var rangeValue = value.split(character); // isMatch('01/11/2020', 'MM/dd/yyyy') ==> true
     // isMatch('2020-11-01', 'MM/dd/yyyy') ==> false
 
-    if (!_utils.DateUtils.isMatch(rangeValue[0], formatStr) || !_utils.DateUtils.isMatch(rangeValue[1], formatStr)) {
+    if (!_utils.DateUtils.isMatch(rangeValue[0], formatStr, {
+      locale: locale.dateLocale
+    }) || !_utils.DateUtils.isMatch(rangeValue[1], formatStr, {
+      locale: locale.dateLocale
+    })) {
       setInputState('Error');
       return;
     }
 
-    var startDate = new Date(rangeValue[0]);
-    var endDate = new Date(rangeValue[1]);
+    var startDate = parseDate(rangeValue[0], formatStr);
+    var endDate = parseDate(rangeValue[1], formatStr);
     var selectValue = [startDate, endDate];
 
     if (!_utils.DateUtils.isValid(startDate) || !_utils.DateUtils.isValid(endDate)) {
@@ -423,7 +426,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
    * The callback after the enter key is triggered on the input
    */
 
-  var handleInputBlur = (0, _react.useCallback)(function (event) {
+  var handleInputPressEnd = (0, _react.useCallback)(function (event) {
     if (inputState === 'Typing') {
       handleValueUpdate(event, selectValue);
     }
@@ -569,8 +572,11 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
   var hasValue = value && value.length > 1;
 
   var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {
+    classPrefix: classPrefix,
     name: 'daterange',
-    hasValue: hasValue
+    appearance: appearance,
+    hasValue: hasValue,
+    cleanable: cleanable
   })),
       classes = _usePickerClassName[0],
       usedClassNamePropKeys = _usePickerClassName[1];
@@ -590,12 +596,14 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
   }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, _utils.DateUtils.calendarOnlyProps)), {
     as: toggleAs,
     ref: targetRef,
+    appearance: appearance,
     input: true,
     inputMask: _utils.DateUtils.getDateMask(rangeFormatStr),
     inputValue: value ? getDisplayString(value, true) : '',
     inputPlaceholder: typeof placeholder === 'string' && placeholder ? placeholder : rangeFormatStr,
     onInputChange: handleInputChange,
-    onInputBlur: handleInputBlur,
+    onInputBlur: handleInputPressEnd,
+    onInputPressEnter: handleInputPressEnd,
     onKeyDown: onPickerKeyDown,
     onClean: (0, _utils.createChainedFunction)(handleClean, onClean),
     cleanable: cleanable && !disabled,
@@ -616,7 +624,6 @@ DateRangePicker.before = disabledDateUtils.before;
 DateRangePicker.beforeToday = disabledDateUtils.beforeToday;
 DateRangePicker.combine = disabledDateUtils.combine;
 DateRangePicker.displayName = 'DateRangePicker';
-DateRangePicker.defaultProps = defaultProps;
 DateRangePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, {
   ranges: _propTypes.default.array,
   value: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),

package/cjs/Divider/Divider.js

@@ -15,15 +15,12 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  classPrefix: 'divider',
-  as: 'div'
-};
-
 var Divider = /*#__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 ? 'divider' : _props$classPrefix,
       children = props.children,
       vertical = props.vertical,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "children", "vertical"]);
@@ -48,7 +45,6 @@ var Divider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Divider.displayName = 'Divider';
-Divider.defaultProps = defaultProps;
 Divider.propTypes = {
   as: _propTypes.default.elementType,
   className: _propTypes.default.string,

package/cjs/Drawer/Drawer.js

@@ -21,12 +21,6 @@ var _utils = require("../utils");
 
 var _deprecateComponent = _interopRequireDefault(require("../utils/deprecateComponent"));
 
-var defaultProps = {
-  classPrefix: 'drawer',
-  placement: 'right',
-  animation: _Slide.default
-};
-
 var DrawerBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(_Modal.default.Body, (0, _extends2.default)({
     classPrefix: "drawer-body"
@@ -69,9 +63,13 @@ var DrawerTitle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
 var Drawer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var className = props.className,
-      placement = props.placement,
-      classPrefix = props.classPrefix,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "placement", "classPrefix"]);
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'right' : _props$placement,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'drawer' : _props$classPrefix,
+      _props$animation = props.animation,
+      animation = _props$animation === void 0 ? _Slide.default : _props$animation,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "placement", "classPrefix", "animation"]);
 
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
       merge = _useClassNames.merge,
@@ -86,6 +84,7 @@ var Drawer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     drawer: true,
     classPrefix: classPrefix,
     className: classes,
+    animation: animation,
     animationProps: animationProps
   }));
 });
@@ -101,7 +100,6 @@ Drawer.Actions = DrawerActions;
 Drawer.Footer = (0, _deprecateComponent.default)(DrawerFooter, '<Drawer.Footer> has been deprecated, use <Drawer.Actions> instead.');
 Drawer.Title = DrawerTitle;
 Drawer.displayName = 'Drawer';
-Drawer.defaultProps = defaultProps;
 Drawer.propTypes = {
   classPrefix: _propTypes.default.string,
   placement: _propTypes.default.oneOf(['top', 'right', 'bottom', 'left']),

package/cjs/Dropdown/Dropdown.js

@@ -51,33 +51,30 @@ var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 
 var _DropdownState = require("./DropdownState");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'dropdown',
-  placement: 'bottomStart',
-  trigger: 'click'
-};
 /**
  * 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,
@@ -269,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/DropdownItem.js

@@ -41,24 +41,26 @@ var _useInternalId = _interopRequireDefault(require("../utils/useInternalId"));
 
 var _DropdownState = require("./DropdownState");
 
-var defaultProps = {
-  as: 'li',
-  classPrefix: 'dropdown-item'
-};
 /**
  * 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"]);
+      _props$as = props.as,
+      Component = _props$as === void 0 ? 'li' : _props$as,
+      divider = props.divider,
+      panel = props.panel,
+      children = props.children,
+      disabled = props.disabled,
+      restProps = (0, _objectWithoutPropertiesLoose2.default)(props, ["classPrefix", "className", "active", "eventKey", "onSelect", "icon", "as", "divider", "panel", "children", "disabled"]);
   var internalId = (0, _useInternalId.default)('DropdownItem');
   var nav = (0, _react.useContext)(_NavContext.default);
   var dropdown = (0, _react.useContext)(_DropdownContext.default);
@@ -110,6 +112,15 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       };
     }
   }, [internalId, selected, dispatch]);
+  var renderDropdownItem = (0, _react.useCallback)(function (ui) {
+    if (Component === 'li') {
+      return ui;
+    }
+
+    return /*#__PURE__*/_react.default.createElement("li", {
+      role: "none presentation"
+    }, ui);
+  }, [Component]);
 
   if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {
     return /*#__PURE__*/_react.default.createElement(_SidenavDropdownItem.default, (0, _extends2.default)({
@@ -117,27 +128,19 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     }, props));
   }
 
-  var Component = rest.as,
-      divider = rest.divider,
-      panel = rest.panel,
-      children = rest.children,
-      disabled = rest.disabled,
-      restProps = (0, _objectWithoutPropertiesLoose2.default)(rest, ["as", "divider", "panel", "children", "disabled"]);
-
   if (divider) {
-    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    return renderDropdownItem( /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
       ref: ref,
       role: "separator",
       className: merge(prefix('divider'), className)
-    }, restProps));
+    }, restProps)));
   }
 
   if (panel) {
-    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    return renderDropdownItem( /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
       ref: ref,
-      role: "none presentation",
       className: merge(prefix('panel'), className)
-    }, restProps), children);
+    }, restProps), children));
   }
 
   if (navbar) {
@@ -161,6 +164,7 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       className: classes,
       "aria-current": selected || undefined
     }, dataAttributes, restProps, {
+      as: Component,
       onClick: (0, _utils.createChainedFunction)(handleClickNavbarDropdownItem, restProps.onClick)
     }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {
       className: prefix('menu-icon')
@@ -191,17 +195,16 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       dataAttributes['data-event-key-type'] = typeof eventKey;
     }
 
-    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    return renderDropdownItem( /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
       ref: (0, _utils.mergeRefs)(ref, menuitemRef),
       className: classes
     }, menuitem, dataAttributes, restProps), icon && /*#__PURE__*/_react.default.cloneElement(icon, {
       className: prefix('menu-icon')
-    }), children);
+    }), children));
   });
 });
 
 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/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/FormControl/FormControl.js

@@ -138,14 +138,18 @@ var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
   }
 
-  var ariaDescribedby = controlId ? controlId + "-" + (messageNode ? 'error-message' : 'help-text') : null;
+  var ariaDescribedby = controlId ? controlId + "-help-text" : null;
+  var fieldHasError = Boolean(messageNode);
+  var ariaErrormessage = fieldHasError && controlId ? controlId + "-error-message" : undefined;
   return /*#__PURE__*/_react.default.createElement(Component, {
     className: classes,
     ref: ref
   }, /*#__PURE__*/_react.default.createElement(AccepterComponent, (0, _extends3.default)({
     id: controlId,
     "aria-labelledby": controlId ? controlId + "-control-label" : null,
-    "aria-describedby": ariaDescribedby
+    "aria-describedby": ariaDescribedby,
+    "aria-invalid": fieldHasError || undefined,
+    "aria-errormessage": ariaErrormessage
   }, rest, {
     readOnly: readOnly,
     plaintext: plaintext,

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,