rsuite 5.0.0 → 5.1.0

package/cjs/Modal/Modal.d.ts

@@ -6,7 +6,7 @@ import ModalHeader from './ModalHeader';
 import ModalTitle from './ModalTitle';
 import ModalFooter from './ModalFooter';
 import { TypeAttributes, RsRefForwardingComponent } from '../@types/common';
-export interface ModalProps extends BaseModalProps {
+export interface ModalProps extends BaseModalProps, Pick<React.HTMLAttributes<HTMLElement>, 'role' | 'id' | 'aria-labelledby' | 'aria-describedby'> {
     /** A modal can have different sizes */
     size?: TypeAttributes.Size;
     /** Set the duration of the animation */
@@ -26,15 +26,6 @@ export interface ModalProps extends BaseModalProps {
     /** Render Modal as Drawer */
     drawer?: boolean;
 }
-export interface ModalContextProps {
-    /** Pass the close event callback to the header close button. */
-    onModalClose: (event: React.MouseEvent<Element, MouseEvent>) => void;
-    /** Pass the latest style to body. */
-    getBodyStyles?: () => React.CSSProperties;
-    /** Whether this Modal is a Drawer */
-    isDrawer: boolean;
-}
-export declare const ModalContext: React.Context<ModalContextProps>;
 interface ModalComponent extends RsRefForwardingComponent<'div', ModalProps> {
     Body: typeof ModalBody;
     Header: typeof ModalHeader;

package/cjs/Modal/Modal.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
 exports.__esModule = true;
-exports.default = exports.ModalContext = void 0;
+exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -27,6 +27,8 @@ var _utils = require("../utils");
 
 var _ModalDialog = _interopRequireWildcard(require("./ModalDialog"));
 
+var _ModalContext = require("./ModalContext");
+
 var _ModalBody = _interopRequireDefault(require("./ModalBody"));
 
 var _ModalHeader = _interopRequireDefault(require("./ModalHeader"));
@@ -39,44 +41,44 @@ var _DOMHelper = _interopRequireDefault(require("../DOMHelper"));
 
 var _utils2 = require("./utils");
 
-var _templateObject, _templateObject2;
-
-var defaultProps = {
-  classPrefix: 'modal',
-  size: 'sm',
-  animation: _Bounce.default,
-  animationTimeout: 300,
-  dialogAs: _ModalDialog.default,
-  backdrop: true,
-  overflow: true
-};
+var _useUniqueId = _interopRequireDefault(require("../utils/useUniqueId"));
 
-var ModalContext = /*#__PURE__*/_react.default.createContext(null);
-
-exports.ModalContext = ModalContext;
+var _templateObject, _templateObject2;
 
 var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var className = props.className,
       children = props.children,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'modal' : _props$classPrefix,
       dialogClassName = props.dialogClassName,
       backdropClassName = props.backdropClassName,
-      backdrop = props.backdrop,
+      _props$backdrop = props.backdrop,
+      backdrop = _props$backdrop === void 0 ? true : _props$backdrop,
       dialogStyle = props.dialogStyle,
-      animation = props.animation,
+      _props$animation = props.animation,
+      animation = _props$animation === void 0 ? _Bounce.default : _props$animation,
       open = props.open,
-      size = props.size,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'sm' : _props$size,
       full = props.full,
-      Dialog = props.dialogAs,
+      _props$dialogAs = props.dialogAs,
+      Dialog = _props$dialogAs === void 0 ? _ModalDialog.default : _props$dialogAs,
       animationProps = props.animationProps,
-      animationTimeout = props.animationTimeout,
-      overflow = props.overflow,
+      _props$animationTimeo = props.animationTimeout,
+      animationTimeout = _props$animationTimeo === void 0 ? 300 : _props$animationTimeo,
+      _props$overflow = props.overflow,
+      overflow = _props$overflow === void 0 ? true : _props$overflow,
       drawer = props.drawer,
       onClose = props.onClose,
       onEntered = props.onEntered,
       onEntering = props.onEntering,
       onExited = props.onExited,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "children", "classPrefix", "dialogClassName", "backdropClassName", "backdrop", "dialogStyle", "animation", "open", "size", "full", "dialogAs", "animationProps", "animationTimeout", "overflow", "drawer", "onClose", "onEntered", "onEntering", "onExited"]);
+      _props$role = props.role,
+      role = _props$role === void 0 ? 'dialog' : _props$role,
+      idProp = props.id,
+      ariaLabelledby = props['aria-labelledby'],
+      ariaDescribedby = props['aria-describedby'],
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "children", "classPrefix", "dialogClassName", "backdropClassName", "backdrop", "dialogStyle", "animation", "open", "size", "full", "dialogAs", "animationProps", "animationTimeout", "overflow", "drawer", "onClose", "onEntered", "onEntering", "onExited", "role", "id", "aria-labelledby", "aria-describedby"]);
   var inClass = {
     in: open && !animation
   };
@@ -100,15 +102,17 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       onChangeBodyStyles = _useBodyStyles[1],
       onDestroyEvents = _useBodyStyles[2];
 
+  var dialogId = (0, _useUniqueId.default)('dialog-', idProp);
   var modalContextValue = (0, _react.useMemo)(function () {
     return {
+      dialogId: dialogId,
       onModalClose: onClose,
       getBodyStyles: function getBodyStyles() {
         return bodyStyles;
       },
       isDrawer: drawer
     };
-  }, [onClose, bodyStyles, drawer]);
+  }, [dialogId, onClose, bodyStyles, drawer]);
 
   var _useState = (0, _react.useState)(false),
       shake = _useState[0],
@@ -143,7 +147,7 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
     (_transitionEndListene2 = transitionEndListener.current) === null || _transitionEndListene2 === void 0 ? void 0 : _transitionEndListene2.off();
   }, []);
-  return /*#__PURE__*/_react.default.createElement(ModalContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_ModalContext.ModalContext.Provider, {
     value: modalContextValue
   }, /*#__PURE__*/_react.default.createElement(_Modal.default, (0, _extends2.default)({}, rest, {
     ref: ref,
@@ -167,7 +171,12 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }), function (transitionProps, transitionRef) {
     var transitionClassName = transitionProps.className,
         transitionRest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, ["className"]);
-    return /*#__PURE__*/_react.default.createElement(Dialog, (0, _extends2.default)({}, transitionRest, (0, _pick.default)(rest, Object.keys(_ModalDialog.modalDialogPropTypes)), {
+    return /*#__PURE__*/_react.default.createElement(Dialog, (0, _extends2.default)({
+      role: role,
+      id: dialogId,
+      "aria-labelledby": ariaLabelledby !== null && ariaLabelledby !== void 0 ? ariaLabelledby : dialogId + "-title",
+      "aria-describedby": ariaDescribedby
+    }, transitionRest, (0, _pick.default)(rest, Object.keys(_ModalDialog.modalDialogPropTypes)), {
       ref: (0, _utils.mergeRefs)(dialogRef, transitionRef),
       classPrefix: classPrefix,
       className: merge(classes, transitionClassName, prefix({
@@ -185,7 +194,6 @@ Modal.Title = _ModalTitle.default;
 Modal.Footer = _ModalFooter.default;
 Modal.Dialog = _ModalDialog.default;
 Modal.displayName = 'Modal';
-Modal.defaultProps = defaultProps;
 Modal.propTypes = (0, _extends2.default)({}, _Modal.modalPropTypes, {
   animation: _propTypes.default.any,
   animationTimeout: _propTypes.default.number,

package/cjs/Modal/ModalBody.js

@@ -15,20 +15,17 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("../utils");
 
-var _Modal = require("./Modal");
+var _ModalContext = require("./ModalContext");
 
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 
 var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'modal-body'
-};
-
 var ModalBody = /*#__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 ? 'modal-body' : _props$classPrefix,
       className = props.className,
       style = props.style,
       children = props.children,
@@ -40,7 +37,7 @@ var ModalBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       prefix = _useClassNames.prefix;
 
   var classes = merge(className, withClassPrefix());
-  return /*#__PURE__*/_react.default.createElement(_Modal.ModalContext.Consumer, null, function (context) {
+  return /*#__PURE__*/_react.default.createElement(_ModalContext.ModalContext.Consumer, null, function (context) {
     var _context$getBodyStyle;
 
     var bodyStyles = context === null || context === void 0 ? void 0 : (_context$getBodyStyle = context.getBodyStyles) === null || _context$getBodyStyle === void 0 ? void 0 : _context$getBodyStyle.call(context);
@@ -59,7 +56,6 @@ var ModalBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 ModalBody.displayName = 'ModalBody';
-ModalBody.defaultProps = defaultProps;
 ModalBody.propTypes = {
   as: _propTypes.default.elementType,
   classPrefix: _propTypes.default.string,

package/cjs/Modal/ModalContext.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface ModalContextProps {
+    /** ID of the dialog element */
+    dialogId: string;
+    /** Pass the close event callback to the header close button. */
+    onModalClose: (event: React.MouseEvent<Element, MouseEvent>) => void;
+    /** Pass the latest style to body. */
+    getBodyStyles?: () => React.CSSProperties;
+    /** Whether this Modal is a Drawer */
+    isDrawer: boolean;
+}
+export declare const ModalContext: React.Context<ModalContextProps>;

package/cjs/Modal/ModalContext.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.ModalContext = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var ModalContext = /*#__PURE__*/_react.default.createContext(null);
+
+exports.ModalContext = ModalContext;

package/cjs/Modal/ModalDialog.js

@@ -29,18 +29,16 @@ var modalDialogPropTypes = {
   children: _propTypes.default.node
 };
 exports.modalDialogPropTypes = modalDialogPropTypes;
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'modal'
-};
 
 var ModalDialog = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       style = props.style,
       children = props.children,
       dialogClassName = props.dialogClassName,
       dialogStyle = props.dialogStyle,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'modal' : _props$classPrefix,
       className = props.className,
       size = props.size,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "style", "children", "dialogClassName", "dialogStyle", "classPrefix", "className", "size"]);
@@ -55,7 +53,10 @@ var ModalDialog = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
   var classes = merge(className, withClassPrefix(size));
   var dialogClasses = merge(dialogClassName, prefix('dialog'));
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    role: "dialog",
+    "aria-modal": true
+  }, rest, {
     ref: ref,
     className: classes,
     style: modalStyle
@@ -69,7 +70,6 @@ var ModalDialog = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 ModalDialog.displayName = 'ModalDialog';
-ModalDialog.defaultProps = defaultProps;
 ModalDialog.propTypes = modalDialogPropTypes;
 var _default = ModalDialog;
 exports.default = _default;

package/cjs/Modal/ModalHeader.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("../utils");
 
-var _Modal = require("./Modal");
+var _ModalContext = require("./ModalContext");
 
 var _CloseButton = _interopRequireDefault(require("../CloseButton"));
 
@@ -25,17 +25,14 @@ var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
 
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 
-var defaultProps = {
-  as: 'div',
-  closeButton: true,
-  classPrefix: 'modal-header'
-};
-
 var ModalHeader = /*#__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 ? 'modal-header' : _props$classPrefix,
       className = props.className,
-      closeButton = props.closeButton,
+      _props$closeButton = props.closeButton,
+      closeButton = _props$closeButton === void 0 ? true : _props$closeButton,
       children = props.children,
       onClose = props.onClose,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "closeButton", "children", "onClose"]);
@@ -46,7 +43,7 @@ var ModalHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       prefix = _useClassNames.prefix;
 
   var classes = merge(className, withClassPrefix());
-  var context = (0, _react.useContext)(_Modal.ModalContext);
+  var context = (0, _react.useContext)(_ModalContext.ModalContext);
   var buttonElement = !(context !== null && context !== void 0 && context.isDrawer) ? /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
     className: prefix('close'),
     onClick: (0, _utils.createChainedFunction)(onClose, context === null || context === void 0 ? void 0 : context.onModalClose)
@@ -64,7 +61,6 @@ var ModalHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 ModalHeader.displayName = 'ModalHeader';
-ModalHeader.defaultProps = defaultProps;
 ModalHeader.propTypes = {
   as: _propTypes.default.elementType,
   classPrefix: _propTypes.default.string,

package/cjs/Modal/ModalTitle.d.ts

@@ -1,4 +1,5 @@
-import { ComponentProps } from '../utils/createComponent';
+import type { ComponentProps } from '../utils/createComponent';
+import type { RsRefForwardingComponent } from '../@types/common';
 export declare type ModalTitleProps = ComponentProps;
-declare const ModalTitle: import("../@types/common").RsRefForwardingComponent<"div", ComponentProps>;
+declare const ModalTitle: RsRefForwardingComponent<'h4', ComponentProps>;
 export default ModalTitle;

package/cjs/Modal/ModalTitle.js

@@ -1,15 +1,54 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
 exports.default = void 0;
 
-var _createComponent = _interopRequireDefault(require("../utils/createComponent"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _utils = require("../utils");
 
-var ModalTitle = (0, _createComponent.default)({
-  name: 'ModalTitle',
-  componentAs: 'h4'
+var _ModalContext = require("./ModalContext");
+
+var ModalTitle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'h4' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'modal-title' : _props$classPrefix,
+      className = props.className,
+      role = props.role,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "role"]);
+
+  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+      withClassPrefix = _useClassNames.withClassPrefix,
+      merge = _useClassNames.merge;
+
+  var classes = merge(className, withClassPrefix());
+  var context = (0, _react.useContext)(_ModalContext.ModalContext);
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    id: context ? context.dialogId + "-title" : undefined
+  }, rest, {
+    role: role,
+    ref: ref,
+    className: classes
+  }));
 });
+
+ModalTitle.displayName = 'Modal.Title';
+ModalTitle.propTypes = {
+  as: _propTypes.default.elementType,
+  className: _propTypes.default.string,
+  classPrefix: _propTypes.default.string,
+  children: _propTypes.default.node
+};
 var _default = ModalTitle;
 exports.default = _default;

package/cjs/MultiCascader/DropdownMenu.js

@@ -27,37 +27,36 @@ var _Picker = require("../Picker");
 
 var _utils2 = require("./utils");
 
-var defaultProps = {
-  as: 'div',
-  disabledItemValues: [],
-  uncheckableItemValues: [],
-  cascadeData: [],
-  cascadePaths: [],
-  menuWidth: 156,
-  menuHeight: 200,
-  childrenKey: 'children',
-  valueKey: 'value',
-  labelKey: 'label'
-};
+var emptyArray = [];
 /**
  * TODO: reuse Menu from Cascader for consistent behavior
  */
 
 var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       classPrefix = props.classPrefix,
       className = props.className,
       cascade = props.cascade,
-      cascadeData = props.cascadeData,
-      cascadePaths = props.cascadePaths,
-      childrenKey = props.childrenKey,
-      disabledItemValues = props.disabledItemValues,
-      menuWidth = props.menuWidth,
-      menuHeight = props.menuHeight,
-      uncheckableItemValues = props.uncheckableItemValues,
+      _props$cascadeData = props.cascadeData,
+      cascadeData = _props$cascadeData === void 0 ? emptyArray : _props$cascadeData,
+      _props$cascadePaths = props.cascadePaths,
+      cascadePaths = _props$cascadePaths === void 0 ? emptyArray : _props$cascadePaths,
+      _props$childrenKey = props.childrenKey,
+      childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
+      _props$disabledItemVa = props.disabledItemValues,
+      disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
+      _props$menuWidth = props.menuWidth,
+      menuWidth = _props$menuWidth === void 0 ? 156 : _props$menuWidth,
+      _props$menuHeight = props.menuHeight,
+      menuHeight = _props$menuHeight === void 0 ? 200 : _props$menuHeight,
+      _props$uncheckableIte = props.uncheckableItemValues,
+      uncheckableItemValues = _props$uncheckableIte === void 0 ? emptyArray : _props$uncheckableIte,
       value = props.value,
-      valueKey = props.valueKey,
-      labelKey = props.labelKey,
+      _props$valueKey = props.valueKey,
+      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
+      _props$labelKey = props.labelKey,
+      labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
       renderMenuItem = props.renderMenuItem,
       renderMenu = props.renderMenu,
       _onCheck = props.onCheck,
@@ -182,7 +181,6 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 });
 
 DropdownMenu.displayName = 'DropdownMenu';
-DropdownMenu.defaultProps = defaultProps;
 DropdownMenu.propTypes = {
   classPrefix: _propTypes.default.string,
   data: _propTypes.default.array,

package/cjs/MultiCascader/MultiCascader.js

@@ -37,51 +37,51 @@ var _utils3 = require("../utils");
 
 var _Picker = require("../Picker");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'picker',
-  cleanable: true,
-  cascade: true,
-  countable: true,
-  placement: 'bottomStart',
-  appearance: 'default',
-  data: [],
-  disabledItemValues: [],
-  uncheckableItemValues: [],
-  childrenKey: 'children',
-  valueKey: 'value',
-  labelKey: 'label',
-  searchable: true
-};
+var emptyArray = [];
 
 var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _selectedPaths;
 
-  var Component = props.as,
-      data = props.data,
-      classPrefix = props.classPrefix,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$data = props.data,
+      data = _props$data === void 0 ? emptyArray : _props$data,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
       defaultValue = props.defaultValue,
       valueProp = props.value,
-      valueKey = props.valueKey,
-      labelKey = props.labelKey,
-      childrenKey = props.childrenKey,
+      _props$valueKey = props.valueKey,
+      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
+      _props$labelKey = props.labelKey,
+      labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
+      _props$childrenKey = props.childrenKey,
+      childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
       disabled = props.disabled,
-      disabledItemValues = props.disabledItemValues,
-      cleanable = props.cleanable,
+      _props$disabledItemVa = props.disabledItemValues,
+      disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
+      _props$cleanable = props.cleanable,
+      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
       overrideLocale = props.locale,
       toggleAs = props.toggleAs,
       style = props.style,
-      countable = props.countable,
-      cascade = props.cascade,
+      _props$countable = props.countable,
+      countable = _props$countable === void 0 ? true : _props$countable,
+      _props$cascade = props.cascade,
+      cascade = _props$cascade === void 0 ? true : _props$cascade,
       inline = props.inline,
       placeholder = props.placeholder,
-      placement = props.placement,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
+      _props$appearance = props.appearance,
+      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
       menuWidth = props.menuWidth,
       menuHeight = props.menuHeight,
       menuClassName = props.menuClassName,
       menuStyle = props.menuStyle,
-      searchable = props.searchable,
-      uncheckableItemValues = props.uncheckableItemValues,
+      _props$searchable = props.searchable,
+      searchable = _props$searchable === void 0 ? true : _props$searchable,
+      _props$uncheckableIte = props.uncheckableItemValues,
+      uncheckableItemValues = _props$uncheckableIte === void 0 ? emptyArray : _props$uncheckableIte,
       id = props.id,
       getChildren = props.getChildren,
       renderValue = props.renderValue,
@@ -98,7 +98,7 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       onOpen = props.onOpen,
       onClose = props.onClose,
       onCheck = props.onCheck,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "classPrefix", "defaultValue", "value", "valueKey", "labelKey", "childrenKey", "disabled", "disabledItemValues", "cleanable", "locale", "toggleAs", "style", "countable", "cascade", "inline", "placeholder", "placement", "menuWidth", "menuHeight", "menuClassName", "menuStyle", "searchable", "uncheckableItemValues", "id", "getChildren", "renderValue", "renderMenu", "renderMenuItem", "renderExtraFooter", "onEnter", "onExit", "onExited", "onClean", "onSearch", "onSelect", "onChange", "onOpen", "onClose", "onCheck"]);
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "classPrefix", "defaultValue", "value", "valueKey", "labelKey", "childrenKey", "disabled", "disabledItemValues", "cleanable", "locale", "toggleAs", "style", "countable", "cascade", "inline", "placeholder", "placement", "appearance", "menuWidth", "menuHeight", "menuClassName", "menuStyle", "searchable", "uncheckableItemValues", "id", "getChildren", "renderValue", "renderMenu", "renderMenuItem", "renderExtraFooter", "onEnter", "onExit", "onExited", "onClean", "onSearch", "onSelect", "onChange", "onOpen", "onClose", "onCheck"]);
   var itemKeys = {
     childrenKey: childrenKey,
     labelKey: labelKey,
@@ -477,8 +477,11 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }
 
   var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends3.default)({}, props, {
+    classPrefix: classPrefix,
     hasValue: hasValue,
-    name: 'cascader'
+    name: 'cascader',
+    appearance: appearance,
+    cleanable: cleanable
   })),
       classes = _usePickerClassName[0],
       usedClassNamePropKeys = _usePickerClassName[1];
@@ -501,6 +504,7 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends3.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {
     id: id,
     as: toggleAs,
+    appearance: appearance,
     disabled: disabled,
     ref: targetRef,
     onClean: (0, _utils3.createChainedFunction)(handleClean, onClean),
@@ -514,7 +518,6 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 });
 
 MultiCascader.displayName = 'MultiCascader';
-MultiCascader.defaultProps = defaultProps;
 MultiCascader.propTypes = (0, _extends3.default)({}, _Picker.listPickerPropTypes, {
   value: _propTypes.default.array,
   disabledItemValues: _propTypes.default.array,

package/cjs/Nav/Nav.js

@@ -31,16 +31,13 @@ var _useEnsuredRef = _interopRequireDefault(require("../utils/useEnsuredRef"));
 
 var _Menubar = _interopRequireDefault(require("../Menu/Menubar"));
 
-var defaultProps = {
-  classPrefix: 'nav',
-  appearance: 'default',
-  as: 'div'
-};
-
 var Nav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
-      classPrefix = props.classPrefix,
-      appearance = props.appearance,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'nav' : _props$classPrefix,
+      _props$appearance = props.appearance,
+      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
       vertical = props.vertical,
       justified = props.justified,
       reversed = props.reversed,
@@ -126,7 +123,6 @@ var Nav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 Nav.Dropdown = _Dropdown.default;
 Nav.Item = _NavItem.default;
 Nav.displayName = 'Nav';
-Nav.defaultProps = defaultProps;
 Nav.propTypes = {
   classPrefix: _propTypes.default.string,
   className: _propTypes.default.string,

package/cjs/Navbar/Navbar.js

@@ -22,17 +22,15 @@ var _utils = require("../utils");
 var NavbarContext = /*#__PURE__*/_react.default.createContext(null);
 
 exports.NavbarContext = NavbarContext;
-var defaultProps = {
-  as: 'nav',
-  classPrefix: 'navbar',
-  appearance: 'default'
-};
 
 var Navbar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var className = props.className,
-      Component = props.as,
-      classPrefix = props.classPrefix,
-      appearance = props.appearance,
+      _props$as = props.as,
+      Component = _props$as === void 0 ? 'nav' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'navbar' : _props$classPrefix,
+      _props$appearance = props.appearance,
+      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "as", "classPrefix", "appearance"]);
 
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
@@ -52,6 +50,5 @@ Navbar.Header = _NavbarHeader.default;
 Navbar.Body = _NavbarBody.default;
 Navbar.Brand = _NavbarBrand.default;
 Navbar.displayName = 'Navbar';
-Navbar.defaultProps = defaultProps;
 var _default = Navbar;
 exports.default = _default;