rsuite 5.20.0-beta.6 → 5.21.0

package/esm/CheckTreePicker/CheckTreePicker.js

@@ -671,11 +671,9 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
         height: 'auto'
       }
     }, function (_ref5) {
-      var height = _ref5.height,
-          width = _ref5.width;
+      var height = _ref5.height;
       return /*#__PURE__*/React.createElement(List, _extends({
         ref: listRef,
-        width: width,
         height: height,
         itemSize: itemSize,
         itemCount: formattedNodes.length,

package/esm/CustomProvider/CustomProvider.d.ts

@@ -156,113 +156,6 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         off: string;
     } | undefined;
 }>>;
-declare const Consumer: React.Consumer<CustomProviderProps<{
-    common?: {
-        loading: string;
-        emptyMessage: string;
-    } | undefined;
-    Plaintext?: {
-        unfilled: string;
-        notSelected: string;
-        notUploaded: string;
-    } | undefined;
-    Pagination?: {
-        more: string;
-        prev: string;
-        next: string;
-        first: string;
-        last: string;
-        limit: string;
-        total: string;
-        skip: string;
-    } | undefined;
-    Calendar?: {
-        sunday: string;
-        monday: string;
-        tuesday: string;
-        wednesday: string;
-        thursday: string;
-        friday: string;
-        saturday: string;
-        ok: string;
-        today: string;
-        yesterday: string;
-        hours: string;
-        minutes: string;
-        seconds: string;
-        formattedMonthPattern: string;
-        formattedDayPattern: string;
-        dateLocale: any;
-    } | undefined;
-    DatePicker?: {
-        sunday: string;
-        monday: string;
-        tuesday: string;
-        wednesday: string;
-        thursday: string;
-        friday: string;
-        saturday: string;
-        ok: string;
-        today: string;
-        yesterday: string;
-        hours: string;
-        minutes: string;
-        seconds: string;
-        formattedMonthPattern: string;
-        formattedDayPattern: string;
-        dateLocale: any;
-    } | undefined;
-    DateRangePicker?: {
-        last7Days: string;
-        sunday: string;
-        monday: string;
-        tuesday: string;
-        wednesday: string;
-        thursday: string;
-        friday: string;
-        saturday: string;
-        ok: string;
-        today: string;
-        yesterday: string;
-        hours: string;
-        minutes: string;
-        seconds: string;
-        formattedMonthPattern: string;
-        formattedDayPattern: string;
-        dateLocale: any;
-    } | undefined;
-    Picker?: {
-        noResultsText: string;
-        placeholder: string;
-        searchPlaceholder: string;
-        checkAll: string;
-    } | undefined;
-    InputPicker?: {
-        newItem: string;
-        /**
-         * A Map of toast containers
-         */
-        createOption: string;
-    } | undefined;
-    Uploader?: {
-        inited: string;
-        progress: string;
-        error: string;
-        complete: string;
-        emptyFile: string;
-        upload: string;
-    } | undefined;
-    CloseButton?: {
-        closeLabel: string;
-    } | undefined;
-    Breadcrumb?: {
-        expandText: string;
-    } | undefined;
-    Toggle?: {
-        on: string;
-        off: string;
-    } | undefined;
-}>>;
 declare const CustomProvider: (props: Omit<CustomProviderProps, 'toasters'>) => JSX.Element;
-export { CustomContext, Consumer as CustomConsumer };
+export { CustomContext };
 export default CustomProvider;

package/esm/CustomProvider/CustomProvider.js

@@ -6,8 +6,6 @@ import { addClass, removeClass, canUseDOM } from '../DOMHelper';
 import ToastContainer, { toastPlacements } from '../toaster/ToastContainer';
 import { usePortal } from '../utils';
 var CustomContext = /*#__PURE__*/React.createContext({});
-var Consumer = CustomContext.Consumer,
-    Provider = CustomContext.Provider;
 var themes = ['light', 'dark', 'high-contrast'];
 
 var CustomProvider = function CustomProvider(props) {
@@ -44,7 +42,7 @@ var CustomProvider = function CustomProvider(props) {
       });
     }
   }, [classPrefix, theme]);
-  return /*#__PURE__*/React.createElement(Provider, {
+  return /*#__PURE__*/React.createElement(CustomContext.Provider, {
     value: value
   }, children, /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement("div", {
     className: "rs-toast-provider"
@@ -59,5 +57,5 @@ var CustomProvider = function CustomProvider(props) {
   }))));
 };
 
-export { CustomContext, Consumer as CustomConsumer };
+export { CustomContext };
 export default CustomProvider;

package/esm/CustomProvider/index.d.ts

@@ -1,5 +1,5 @@
-import CustomProvider, { CustomContext, CustomConsumer } from './CustomProvider';
+import CustomProvider, { CustomContext } from './CustomProvider';
 import FormattedDate from './FormattedDate';
-export { CustomContext, CustomConsumer, FormattedDate };
+export { CustomContext, FormattedDate };
 export type { CustomProviderProps } from './CustomProvider';
 export default CustomProvider;

package/esm/CustomProvider/index.js

@@ -1,4 +1,4 @@
-import CustomProvider, { CustomContext, CustomConsumer } from './CustomProvider';
+import CustomProvider, { CustomContext } from './CustomProvider';
 import FormattedDate from './FormattedDate';
-export { CustomContext, CustomConsumer, FormattedDate };
+export { CustomContext, FormattedDate };
 export default CustomProvider;

package/esm/DateRangePicker/DateRangePicker.js

@@ -138,17 +138,17 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
    * If params `value` is not passed, it defaults to [new Date(), addMonth(new Date(), 1)].
    */
 
-  var updateCalendarDateRange = useCallback(function (value, calendarKey) {
-    var nextValue = value;
+  var updateCalendarDateRange = useCallback(function (selectedDate, calendarKey) {
+    var nextValue = selectedDate;
     var shouldRenderTime = DateUtils.shouldRenderTime,
         getHours = DateUtils.getHours,
         getMinutes = DateUtils.getMinutes,
         getSeconds = DateUtils.getSeconds,
         set = DateUtils.set;
 
-    if (shouldRenderTime(formatStr) && calendarKey === undefined && (value === null || value === void 0 ? void 0 : value.length) === 1 && (defaultCalendarValue === null || defaultCalendarValue === void 0 ? void 0 : defaultCalendarValue.length) === 2) {
-      var calendarEndDate = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate[1]) || defaultCalendarValue[1];
-      var _startDate = value[0]; // When updating the start date, the time of the end date should keep the time set by the user by default.
+    if (shouldRenderTime(formatStr) && calendarKey === undefined && (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.length) === 1) {
+      var calendarEndDate = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate[1]) || (defaultCalendarValue === null || defaultCalendarValue === void 0 ? void 0 : defaultCalendarValue[1]);
+      var _startDate = selectedDate[0]; // When updating the start date, the time of the end date should keep the time set by the user by default.
 
       var _endDate = set(addMonths(_startDate, 1), {
         hours: getHours(calendarEndDate),

package/esm/Modal/ModalBody.js

@@ -1,12 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React from 'react';
+import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
 import { ModalContext } from './ModalContext';
 import IconButton from '../IconButton';
 import Close from '@rsuite/icons/Close';
 var ModalBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _context$getBodyStyle;
+
   var _props$as = props.as,
       Component = _props$as === void 0 ? 'div' : _props$as,
       _props$classPrefix = props.classPrefix,
@@ -22,22 +24,19 @@ var ModalBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
       prefix = _useClassNames.prefix;
 
   var classes = merge(className, withClassPrefix());
-  return /*#__PURE__*/React.createElement(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.createElement(Component, _extends({}, rest, {
-      ref: ref,
-      style: _extends({}, bodyStyles, style),
-      className: classes
-    }), (context === null || context === void 0 ? void 0 : context.isDrawer) && /*#__PURE__*/React.createElement(IconButton, {
-      icon: /*#__PURE__*/React.createElement(Close, null),
-      appearance: "subtle",
-      size: "sm",
-      className: prefix('close'),
-      onClick: context === null || context === void 0 ? void 0 : context.onModalClose
-    }), children);
-  });
+  var context = useContext(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.createElement(Component, _extends({}, rest, {
+    ref: ref,
+    style: _extends({}, bodyStyles, style),
+    className: classes
+  }), (context === null || context === void 0 ? void 0 : context.isDrawer) && /*#__PURE__*/React.createElement(IconButton, {
+    icon: /*#__PURE__*/React.createElement(Close, null),
+    appearance: "subtle",
+    size: "sm",
+    className: prefix('close'),
+    onClick: context === null || context === void 0 ? void 0 : context.onModalClose
+  }), children);
 });
 ModalBody.displayName = 'ModalBody';
 ModalBody.propTypes = {

package/esm/Picker/DropdownMenu.js

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

package/esm/Picker/PickerToggleTrigger.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React from 'react';
+import React, { useContext } from 'react';
 import pick from 'lodash/pick';
 import OverlayTrigger from '../Overlay/OverlayTrigger';
 import { placementPolyfill } from '../utils';
-import { CustomConsumer } from '../CustomProvider';
+import { CustomContext } from '../CustomProvider';
 export var omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'defaultOpen', 'onHide', 'container', 'containerPadding', 'preventOverflow'];
 export var pickTriggerPropKeys = [].concat(omitTriggerPropKeys, ['disabled', 'plaintext', 'readOnly', 'loading']);
 var PickerToggleTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -16,15 +16,14 @@ var PickerToggleTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
       rest = _objectWithoutPropertiesLoose(props, ["pickerProps", "speaker", "placement", "trigger"]);
 
   var pickerTriggerProps = pick(pickerProps, pickTriggerPropKeys);
-  return /*#__PURE__*/React.createElement(CustomConsumer, null, function (context) {
-    return /*#__PURE__*/React.createElement(OverlayTrigger, _extends({}, rest, pickerTriggerProps, {
-      disabled: pickerTriggerProps.disabled || pickerTriggerProps.loading,
-      ref: ref,
-      trigger: trigger,
-      placement: placementPolyfill(placement, context === null || context === void 0 ? void 0 : context.rtl),
-      speaker: speaker
-    }));
-  });
+  var context = useContext(CustomContext);
+  return /*#__PURE__*/React.createElement(OverlayTrigger, _extends({}, rest, pickerTriggerProps, {
+    disabled: pickerTriggerProps.disabled || pickerTriggerProps.loading,
+    ref: ref,
+    trigger: trigger,
+    placement: placementPolyfill(placement, context === null || context === void 0 ? void 0 : context.rtl),
+    speaker: speaker
+  }));
 });
 PickerToggleTrigger.displayName = 'PickerToggleTrigger';
 export default PickerToggleTrigger;

package/esm/TreePicker/TreePicker.js

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

package/esm/Whisper/Whisper.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React from 'react';
+import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import OverlayTrigger from '../Overlay/OverlayTrigger';
 import { createChainedFunction, placementPolyfill, PLACEMENT } from '../utils';
-import { CustomConsumer } from '../CustomProvider';
+import { CustomContext } from '../CustomProvider';
 var Whisper = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var onOpen = props.onOpen,
       onClose = props.onClose,
@@ -15,15 +15,14 @@ var Whisper = /*#__PURE__*/React.forwardRef(function (props, ref) {
       preventOverflow = props.preventOverflow,
       rest = _objectWithoutPropertiesLoose(props, ["onOpen", "onClose", "onEntered", "onExited", "placement", "preventOverflow"]);
 
-  return /*#__PURE__*/React.createElement(CustomConsumer, null, function (context) {
-    return /*#__PURE__*/React.createElement(OverlayTrigger, _extends({}, rest, {
-      ref: ref,
-      preventOverflow: preventOverflow,
-      placement: placementPolyfill(placement, context === null || context === void 0 ? void 0 : context.rtl),
-      onEntered: createChainedFunction(onOpen, onEntered),
-      onExited: createChainedFunction(onClose, onExited)
-    }));
-  });
+  var context = useContext(CustomContext);
+  return /*#__PURE__*/React.createElement(OverlayTrigger, _extends({}, rest, {
+    ref: ref,
+    preventOverflow: preventOverflow,
+    placement: placementPolyfill(placement, context === null || context === void 0 ? void 0 : context.rtl),
+    onEntered: createChainedFunction(onOpen, onEntered),
+    onExited: createChainedFunction(onClose, onExited)
+  }));
 });
 Whisper.displayName = 'Whisper';
 Whisper.propTypes = {