rsuite 5.20.0-beta.6 → 5.21.0

package/cjs/Modal/ModalBody.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -9,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -22,6 +24,8 @@ var _IconButton = _interopRequireDefault(require("../IconButton"));
 var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
 
 var ModalBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _context$getBodyStyle;
+
   var _props$as = props.as,
       Component = _props$as === void 0 ? 'div' : _props$as,
       _props$classPrefix = props.classPrefix,
@@ -37,22 +41,19 @@ var ModalBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       prefix = _useClassNames.prefix;
 
   var classes = merge(className, withClassPrefix());
-  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);
-    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
-      ref: ref,
-      style: (0, _extends2.default)({}, bodyStyles, style),
-      className: classes
-    }), (context === null || context === void 0 ? void 0 : context.isDrawer) && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      icon: /*#__PURE__*/_react.default.createElement(_Close.default, null),
-      appearance: "subtle",
-      size: "sm",
-      className: prefix('close'),
-      onClick: context === null || context === void 0 ? void 0 : context.onModalClose
-    }), children);
-  });
+  var context = (0, _react.useContext)(_ModalContext.ModalContext);
+  var bodyStyles = context === null || context === void 0 ? void 0 : (_context$getBodyStyle = context.getBodyStyles) === null || _context$getBodyStyle === void 0 ? void 0 : _context$getBodyStyle.call(context);
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
+    ref: ref,
+    style: (0, _extends2.default)({}, bodyStyles, style),
+    className: classes
+  }), (context === null || context === void 0 ? void 0 : context.isDrawer) && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    icon: /*#__PURE__*/_react.default.createElement(_Close.default, null),
+    appearance: "subtle",
+    size: "sm",
+    className: prefix('close'),
+    onClick: context === null || context === void 0 ? void 0 : context.onModalClose
+  }), children);
 });
 
 ModalBody.displayName = 'ModalBody';

package/cjs/Picker/DropdownMenu.js

@@ -235,12 +235,10 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       height: 'auto'
     }
   }, function (_ref2) {
-    var height = _ref2.height,
-        width = _ref2.width;
+    var height = _ref2.height;
     return /*#__PURE__*/_react.default.createElement(_Windowing.List, (0, _extends2.default)({
       as: _Windowing.VariableSizeList,
       ref: (0, _utils.mergeRefs)(listRef, virtualizedListRef),
-      width: width,
       height: height || maxHeight,
       itemCount: rowCount,
       itemData: filteredItems,

package/cjs/Picker/PickerToggleTrigger.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -9,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _pick = _interopRequireDefault(require("lodash/pick"));
 
@@ -32,15 +34,14 @@ var PickerToggleTrigger = /*#__PURE__*/_react.default.forwardRef(function (props
       trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["pickerProps", "speaker", "placement", "trigger"]);
   var pickerTriggerProps = (0, _pick.default)(pickerProps, pickTriggerPropKeys);
-  return /*#__PURE__*/_react.default.createElement(_CustomProvider.CustomConsumer, null, function (context) {
-    return /*#__PURE__*/_react.default.createElement(_OverlayTrigger.default, (0, _extends2.default)({}, rest, pickerTriggerProps, {
-      disabled: pickerTriggerProps.disabled || pickerTriggerProps.loading,
-      ref: ref,
-      trigger: trigger,
-      placement: (0, _utils.placementPolyfill)(placement, context === null || context === void 0 ? void 0 : context.rtl),
-      speaker: speaker
-    }));
-  });
+  var context = (0, _react.useContext)(_CustomProvider.CustomContext);
+  return /*#__PURE__*/_react.default.createElement(_OverlayTrigger.default, (0, _extends2.default)({}, rest, pickerTriggerProps, {
+    disabled: pickerTriggerProps.disabled || pickerTriggerProps.loading,
+    ref: ref,
+    trigger: trigger,
+    placement: (0, _utils.placementPolyfill)(placement, context === null || context === void 0 ? void 0 : context.rtl),
+    speaker: speaker
+  }));
 });
 
 PickerToggleTrigger.displayName = 'PickerToggleTrigger';

package/cjs/TreePicker/TreePicker.js

@@ -653,11 +653,9 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         height: 'auto'
       }
     }, function (_ref5) {
-      var height = _ref5.height,
-          width = _ref5.width;
+      var height = _ref5.height;
       return /*#__PURE__*/_react.default.createElement(_Windowing.List, (0, _extends2.default)({
         ref: listRef,
-        width: width,
         height: height,
         itemSize: itemSize,
         itemCount: formattedNodes.length,

package/cjs/Whisper/Whisper.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -9,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -28,15 +30,14 @@ var Whisper = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       placement = _props$placement === void 0 ? 'right' : _props$placement,
       preventOverflow = props.preventOverflow,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["onOpen", "onClose", "onEntered", "onExited", "placement", "preventOverflow"]);
-  return /*#__PURE__*/_react.default.createElement(_CustomProvider.CustomConsumer, null, function (context) {
-    return /*#__PURE__*/_react.default.createElement(_OverlayTrigger.default, (0, _extends2.default)({}, rest, {
-      ref: ref,
-      preventOverflow: preventOverflow,
-      placement: (0, _utils.placementPolyfill)(placement, context === null || context === void 0 ? void 0 : context.rtl),
-      onEntered: (0, _utils.createChainedFunction)(onOpen, onEntered),
-      onExited: (0, _utils.createChainedFunction)(onClose, onExited)
-    }));
-  });
+  var context = (0, _react.useContext)(_CustomProvider.CustomContext);
+  return /*#__PURE__*/_react.default.createElement(_OverlayTrigger.default, (0, _extends2.default)({}, rest, {
+    ref: ref,
+    preventOverflow: preventOverflow,
+    placement: (0, _utils.placementPolyfill)(placement, context === null || context === void 0 ? void 0 : context.rtl),
+    onEntered: (0, _utils.createChainedFunction)(onOpen, onEntered),
+    onExited: (0, _utils.createChainedFunction)(onClose, onExited)
+  }));
 });
 
 Whisper.displayName = 'Whisper';

package/dist/rsuite-rtl.css

@@ -1612,12 +1612,6 @@ tbody.rs-anim-collapse.rs-anim-in {
   cursor: pointer;
   text-decoration: none;
   width: 100%;
-  /* stylelint-disable-next-line */
-}
-.ReactVirtualized__Grid .rs-auto-complete-item {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 .rs-auto-complete-item:hover,
 .rs-auto-complete-item:focus,
@@ -3737,12 +3731,6 @@ tbody.rs-anim-collapse.rs-anim-in {
   cursor: pointer;
   text-decoration: none;
   width: 100%;
-  /* stylelint-disable-next-line */
-}
-.ReactVirtualized__Grid .rs-picker-cascader-row {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 .rs-picker-cascader-row:hover {
   background-color: rgba(204, 233, 255, 0.5);
@@ -3845,16 +3833,10 @@ tbody.rs-anim-collapse.rs-anim-in {
   cursor: pointer;
   text-decoration: none;
   width: 100%;
-  /* stylelint-disable-next-line */
   position: relative;
   padding: 8px 12px 8px 28px;
   word-break: break-word;
 }
-.ReactVirtualized__Grid .rs-picker-cascader-menu-item {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
 .rs-picker-cascader-menu-items-has-children .rs-picker-cascader-menu-item {
   padding-left: 32px;
 }
@@ -4180,13 +4162,6 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 }
 .rs-check-tree.rs-check-tree-virtualized {
   overflow: hidden;
-  /* stylelint-disable-next-line */
-}
-.rs-check-tree.rs-check-tree-virtualized .ReactVirtualized__Grid.ReactVirtualized__List {
-  padding: 0 0 12px 12px;
-}
-.rs-check-tree.rs-check-tree-virtualized .ReactVirtualized__Grid.ReactVirtualized__List:focus {
-  outline: none;
 }
 .rs-check-tree .rs-check-item .rs-checkbox-checker > label {
   text-align: right;
@@ -4324,9 +4299,6 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 .rs-picker-menu .rs-check-tree {
   padding: 0 0 12px 12px;
 }
-.rs-picker-menu .rs-check-tree.rs-check-tree-virtualized {
-  padding: 0;
-}
 .rs-picker-menu .rs-check-tree-node > .rs-check-tree-node-label .rs-check-tree-node-text-wrapper {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -4339,17 +4311,6 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   right: 0;
   padding-right: inherit;
 }
-/* stylelint-disable-next-line */
-.rs-check-tree {
-  /* stylelint-disable-next-line */
-}
-.rs-check-tree-node > .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label::before {
-  /* stylelint-disable-next-line */
-}
-[dir='rtl'] .ReactVirtualized__Grid__innerScrollContainer .rs-check-tree-node > .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label::before {
-  padding-right: inherit;
-  right: 46px;
-}
 .rs-container {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -11693,7 +11654,6 @@ textarea.rs-picker-search-input {
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  /* stylelint-disable-next-line */
 }
 .rs-theme-high-contrast .rs-picker-menu {
   border: 1px solid #e5e5ea;
@@ -11794,9 +11754,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-check-tree-menu.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-search-icon {
   top: 7px;
 }
-.rs-picker-menu .ReactVirtualized__Grid.ReactVirtualized__List:focus {
-  outline: none;
-}
 .rs-picker-menu.rs-picker-inline {
   position: relative;
   -webkit-box-shadow: none;
@@ -11857,7 +11814,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   -webkit-transition: color 0.3s linear, background-color 0.3s linear;
   transition: color 0.3s linear, background-color 0.3s linear;
   line-height: 20px;
-  /* stylelint-disable-next-line */
 }
 .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label {
   -webkit-transition: none;
@@ -11870,11 +11826,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label::before {
   background: none;
 }
-.ReactVirtualized__Grid .rs-check-item .rs-checkbox-checker > label {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
 .rs-checkbox-disabled.rs-check-item .rs-checkbox-checker > label {
   cursor: not-allowed;
 }
@@ -13102,12 +13053,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   cursor: pointer;
   text-decoration: none;
   width: 100%;
-  /* stylelint-disable-next-line */
-}
-.ReactVirtualized__Grid .rs-picker-select-menu-item {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 .rs-picker-select-menu-item:hover,
 .rs-picker-select-menu-item:focus,
@@ -15576,13 +15521,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-tree.rs-tree-virtualized {
   overflow: hidden;
-  /* stylelint-disable-next-line */
-}
-.rs-tree.rs-tree-virtualized .ReactVirtualized__Grid.ReactVirtualized__List {
-  padding: 0 0 12px 12px;
-}
-.rs-tree.rs-tree-virtualized .ReactVirtualized__Grid.ReactVirtualized__List:focus {
-  outline: none;
 }
 .rs-tree-node {
   position: relative;
@@ -15793,11 +15731,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   right: 0;
   padding-right: inherit;
 }
-/* stylelint-disable */
-[dir='rtl'] .ReactVirtualized__Grid__innerScrollContainer .rs-tree-node > .rs-tree-node-label::before {
-  display: none;
-}
-/* stylelint-enable */
 .rs-uploader-trigger input[type='file'] {
   position: absolute !important;
   clip: rect(1px 1px 1px 1px);