rsuite 5.17.0-beta.2 → 5.18.0

package/esm/Calendar/MonthDropdown.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
 export interface MonthDropdownProps extends WithAsProps {
     show?: boolean;
-    limitStartYear?: number;
     limitEndYear?: number;
     height?: number;
     width?: number;

package/esm/Calendar/MonthDropdown.js

@@ -1,19 +1,35 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
-import { AutoSizer, FixedSizeList } from '../Windowing';
+import { AutoSizer, List } from '../Picker/VirtualizedList';
 import { DateUtils, useClassNames } from '../utils';
 import MonthDropdownItem from './MonthDropdownItem';
 import { useCalendarContext } from './CalendarContext';
 var monthMap = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
+/**
+ * Set the row height.
+ * Add 1px to the first and last lines.
+ */
+
+function getRowHeight(count) {
+  return function (_ref) {
+    var index = _ref.index;
+
+    if (index === 0 || count - 1 === index) {
+      return 75 + 1;
+    }
+
+    return 75;
+  };
+}
+
 var MonthDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
       Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
       _props$classPrefix = props.classPrefix,
       classPrefix = _props$classPrefix === void 0 ? 'calendar-month-dropdown' : _props$classPrefix,
-      limitStartYear = props.limitStartYear,
       _props$limitEndYear = props.limitEndYear,
       limitEndYear = _props$limitEndYear === void 0 ? 5 : _props$limitEndYear,
       show = props.show,
@@ -22,7 +38,7 @@ var MonthDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       _props$width = props.width,
       defaultWidth = _props$width === void 0 ? 256 : _props$width,
       disabledMonth = props.disabledMonth,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "limitStartYear", "limitEndYear", "show", "height", "width", "disabledMonth"]);
+      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "limitEndYear", "show", "height", "width", "disabledMonth"]);
 
   var _useCalendarContext = useCalendarContext(),
       _useCalendarContext$d = _useCalendarContext.date,
@@ -33,12 +49,9 @@ var MonthDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       merge = _useClassNames.merge,
       withClassPrefix = _useClassNames.withClassPrefix;
 
-  var thisYear = DateUtils.getYear(new Date());
-  var startYear = limitStartYear ? thisYear - limitStartYear : 1900;
-  var rowCount = useMemo(function () {
-    var endYear = thisYear + limitEndYear;
-    return endYear - startYear;
-  }, [limitEndYear, startYear, thisYear]);
+  var getRowCount = useCallback(function () {
+    return DateUtils.getYear(new Date()) + limitEndYear;
+  }, [limitEndYear]);
   var isMonthDisabled = useCallback(function (year, month) {
     if (disabledMonth) {
       var days = DateUtils.getDaysInMonth(new Date(year, month)); // If all dates in a month are disabled, disable the current month
@@ -55,23 +68,26 @@ var MonthDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return false;
   }, [disabledMonth]);
 
-  var rowRenderer = function rowRenderer(_ref) {
-    var index = _ref.index,
-        style = _ref.style;
+  var rowRenderer = function rowRenderer(_ref2) {
+    var index = _ref2.index,
+        key = _ref2.key,
+        style = _ref2.style;
     var selectedMonth = DateUtils.getMonth(date);
     var selectedYear = DateUtils.getYear(date);
-    var year = startYear + index;
+    var year = index + 1;
     var isSelectedYear = year === selectedYear;
+    var count = getRowCount();
     var titleClassName = prefix('year', {
       'year-active': isSelectedYear
     });
     var rowClassName = merge(prefix('row'), {
       'first-row': index === 0,
-      'last-row': index === rowCount - 1
+      'last-row': index === count - 1
     });
     return /*#__PURE__*/React.createElement("div", {
       className: rowClassName,
       role: "row",
+      key: key,
       style: style
     }, /*#__PURE__*/React.createElement("div", {
       className: titleClassName,
@@ -90,12 +106,10 @@ var MonthDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     })));
   };
 
+  var count = getRowCount();
   var classes = merge(className, withClassPrefix(), {
     show: show
   });
-  var itemSize = 75;
-  var initialItemIndex = DateUtils.getYear(date) - startYear;
-  var initialScrollOffset = itemSize * initialItemIndex;
   return /*#__PURE__*/React.createElement(Component, _extends({
     role: "menu"
   }, rest, {
@@ -108,17 +122,18 @@ var MonthDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, show && /*#__PURE__*/React.createElement(AutoSizer, {
     defaultHeight: defaultHeight,
     defaultWidth: defaultWidth
-  }, function (_ref2) {
-    var height = _ref2.height,
-        width = _ref2.width;
-    return /*#__PURE__*/React.createElement(FixedSizeList, {
+  }, function (_ref3) {
+    var height = _ref3.height,
+        width = _ref3.width;
+    return /*#__PURE__*/React.createElement(List, {
       className: prefix('row-wrapper'),
       width: width || defaultWidth,
       height: height || defaultHeight,
-      itemSize: itemSize,
-      itemCount: rowCount,
-      initialScrollOffset: initialScrollOffset
-    }, rowRenderer);
+      rowHeight: getRowHeight(count),
+      rowCount: count,
+      scrollToIndex: DateUtils.getYear(date),
+      rowRenderer: rowRenderer
+    });
   }))));
 });
 MonthDropdown.displayName = 'MonthDropdown';

package/esm/Cascader/Cascader.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PickerLocale } from '../locales';
-import { PickerHandle } from '../Picker';
+import { PickerInstance } from '../Picker';
 import { ItemDataType, FormControlPickerProps } from '../@types/common';
 export declare type ValueType = number | string;
 export interface CascaderProps<T = ValueType> extends FormControlPickerProps<T | null, PickerLocale, ItemDataType<T>> {
@@ -33,7 +33,7 @@ export interface CascaderProps<T = ValueType> extends FormControlPickerProps<T |
 }
 export interface CascaderComponent {
     <T>(props: CascaderProps<T> & {
-        ref?: React.Ref<PickerHandle>;
+        ref?: React.Ref<PickerInstance>;
     }): JSX.Element | null;
     displayName?: string;
     propTypes?: React.WeakValidationMap<CascaderProps<any>>;

package/esm/Cascader/DropdownMenu.js

@@ -45,10 +45,7 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var classes = merge(className, prefix('items'));
   var rootRef = useRef();
-
-  var _useCustom = useCustom('DropdownMenu'),
-      rtl = _useCustom.rtl;
-
+  var rtl = useCustom('DropdownMenu');
   useEffect(function () {
     var _rootRef$current;
 
@@ -99,7 +96,7 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }); // Use `value` in keys when If `value` is string or number
 
     var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;
-    var Icon = node.loading ? SpinnerIcon : rtl ? AngleLeftIcon : AngleRightIcon;
+    var Icon = node.loading ? SpinnerIcon : rtl ? AngleRightIcon : AngleLeftIcon;
     return /*#__PURE__*/React.createElement(DropdownMenuItem, {
       classPrefix: "picker-cascader-menu-item",
       as: 'li',

package/esm/CheckPicker/CheckPicker.d.ts

@@ -1,6 +1,6 @@
 import React, { Ref } from 'react';
 import { PickerLocale } from '../locales';
-import { PickerHandle, PickerToggleProps } from '../Picker';
+import { PickerInstance, PickerToggleProps } from '../Picker';
 import { ItemDataType, FormControlPickerProps } from '../@types/common';
 import type { MultipleSelectProps } from '../SelectPicker';
 export declare type ValueType = (number | string)[];
@@ -12,7 +12,7 @@ export interface CheckPickerProps<T> extends FormControlPickerProps<T[], PickerL
 }
 export interface CheckPickerComponent {
     <T>(props: CheckPickerProps<T> & {
-        ref?: Ref<PickerHandle>;
+        ref?: Ref<PickerInstance>;
     }): JSX.Element | null;
     displayName?: string;
     propTypes?: React.WeakValidationMap<CheckPickerProps<any>>;

package/esm/CheckPicker/CheckPicker.js

@@ -81,7 +81,6 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var targetRef = useRef(null);
   var overlayRef = useRef(null);
   var searchInputRef = useRef(null);
-  var listRef = useRef(null);
 
   var _useCustom = useCustom('Picker', overrideLocale),
       locale = _useCustom.locale;
@@ -236,8 +235,7 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   usePublicMethods(ref, {
     triggerRef: triggerRef,
     overlayRef: overlayRef,
-    targetRef: targetRef,
-    listRef: listRef
+    targetRef: targetRef
   });
   var selectedItems = data.filter(function (item) {
     return value === null || value === void 0 ? void 0 : value.some(function (val) {
@@ -310,7 +308,6 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var menu = items.length || filteredStickyItems.length ? /*#__PURE__*/React.createElement(DropdownMenu, {
       id: id ? id + "-listbox" : undefined,
       listProps: listProps,
-      listRef: listRef,
       disabledItemValues: disabledItemValues,
       valueKey: valueKey,
       labelKey: labelKey,

package/esm/CheckTreePicker/CheckTreePicker.js

@@ -9,7 +9,7 @@ import _isNil from "lodash/isNil";
 import React, { useState, useRef, useEffect, useCallback, useContext } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { List, AutoSizer } from '../Windowing';
+import { List, AutoSizer } from '../Picker/VirtualizedList';
 import CheckTreeNode from './CheckTreeNode';
 import TreeContext from '../Tree/TreeContext';
 import { getTreeNodeIndent } from '../utils/treeUtils';
@@ -19,11 +19,6 @@ import { isEveryChildChecked, isSomeNodeHasChildren, isAllSiblingNodeUncheckable
 import { hasVisibleChildren, getExpandWhenSearching, useTreeSearch, useTreeNodeRefs, getDefaultExpandItemValues, useFlattenTreeData, focusNextItem, getFocusableItems, focusPreviousItem, toggleExpand, getActiveItem, useGetTreeNodeChildren, focusToActiveTreeNode, focusTreeNode, leftArrowHandler, rightArrowHandler, isSearching } from '../utils/treeUtils';
 import { maxTreeHeight } from '../TreePicker/TreePicker';
 var emptyArray = [];
-
-var itemSize = function itemSize() {
-  return 36;
-};
-
 var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
       Component = _props$as === void 0 ? 'div' : _props$as,
@@ -613,28 +608,31 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }, nodeProps));
   };
 
-  var renderVirtualListNode = function renderVirtualListNode(_ref3) {
-    var index = _ref3.index,
-        style = _ref3.style,
-        data = _ref3.data;
-    var node = data[index];
-    var layer = node.layer,
-        refKey = node.refKey,
-        visible = node.visible;
-    var expand = getExpandWhenSearching(searchKeywordState, expandItemValues.includes(node[valueKey]));
-
-    var nodeProps = _extends({}, getTreeNodeProps(_extends({}, node, {
-      expand: expand
-    }), layer), {
-      hasChildren: node.hasChildren
-    });
+  var renderVirtualListNode = function renderVirtualListNode(nodes) {
+    return function (_ref3) {
+      var key = _ref3.key,
+          index = _ref3.index,
+          style = _ref3.style;
+      var node = nodes[index];
+      var layer = node.layer,
+          refKey = node.refKey,
+          visible = node.visible;
+      var expand = getExpandWhenSearching(searchKeywordState, expandItemValues.includes(node[valueKey]));
+
+      var nodeProps = _extends({}, getTreeNodeProps(_extends({}, node, {
+        expand: expand
+      }), layer), {
+        hasChildren: node.hasChildren
+      });
 
-    return visible && /*#__PURE__*/React.createElement(CheckTreeNode, _extends({
-      style: style,
-      ref: function ref(_ref4) {
-        return saveTreeNodeRef(_ref4, refKey);
-      }
-    }, nodeProps));
+      return visible && /*#__PURE__*/React.createElement(CheckTreeNode, _extends({
+        style: style,
+        key: key,
+        ref: function ref(_ref4) {
+          return saveTreeNodeRef(_ref4, refKey);
+        }
+      }, nodeProps));
+    };
   };
 
   var renderCheckTree = function renderCheckTree() {
@@ -679,10 +677,11 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
         ref: listRef,
         width: width,
         height: height,
-        itemSize: itemSize,
-        itemCount: formattedNodes.length,
-        itemData: formattedNodes
-      }, listProps), renderVirtualListNode);
+        rowHeight: 36,
+        rowCount: formattedNodes.length,
+        rowRenderer: renderVirtualListNode(formattedNodes),
+        scrollToAlignment: "center"
+      }, listProps));
     }) : formattedNodes));
   };
 

package/esm/DatePicker/DatePicker.d.ts

@@ -9,6 +9,8 @@ export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, Form
     ranges?: RangeType<Date>[];
     /** Calendar panel default presentation date and time */
     calendarDefaultDate?: Date;
+    /** Rendered as an input, the date can be entered via the keyboard */
+    editable?: boolean;
     /** Format date */
     format?: string;
     /**

package/esm/DatePicker/DatePicker.js

@@ -22,6 +22,8 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       calendarDefaultDate = props.calendarDefaultDate,
       _props$cleanable = props.cleanable,
       cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
+      _props$editable = props.editable,
+      editable = _props$editable === void 0 ? true : _props$editable,
       defaultValue = props.defaultValue,
       disabled = props.disabled,
       _props$format = props.format,
@@ -60,7 +62,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onSelect = props.onSelect,
       onToggleMonthDropdown = props.onToggleMonthDropdown,
       onToggleTimeDropdown = props.onToggleTimeDropdown,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "defaultValue", "disabled", "format", "isoWeek", "limitEndYear", "locale", "menuClassName", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "toggleAs", "caretAs", "disabledDate", "renderValue", "onChange", "onChangeCalendarDate", "onClean", "onClose", "onEntered", "onExited", "onNextMonth", "onOk", "onOpen", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown"]);
+      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "editable", "defaultValue", "disabled", "format", "isoWeek", "limitEndYear", "locale", "menuClassName", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "toggleAs", "caretAs", "disabledDate", "renderValue", "onChange", "onChangeCalendarDate", "onClean", "onClose", "onEntered", "onExited", "onNextMonth", "onOk", "onOpen", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown"]);
 
   var _useCustom = useCustom('DatePicker', overrideLocale),
       locale = _useCustom.locale,
@@ -438,7 +440,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     as: toggleAs,
     ref: targetRef,
     appearance: appearance,
-    editable: true,
+    editable: editable,
     inputValue: value ? formatDate(value, formatStr) : '',
     inputPlaceholder: typeof placeholder === 'string' && placeholder ? placeholder : formatStr,
     inputMask: DateUtils.getDateMask(formatStr),

package/esm/DatePicker/Toolbar.js

@@ -61,6 +61,7 @@ var Toolbar = /*#__PURE__*/React.forwardRef(function (props, ref) {
     justifyContent: "space-between",
     alignItems: "flex-start"
   }, rest), /*#__PURE__*/React.createElement(PredefinedRanges, {
+    wrap: true,
     className: prefix('ranges'),
     ranges: ranges,
     calendarDate: calendarDate,

package/esm/DateRangePicker/DateRangePicker.d.ts

@@ -7,6 +7,8 @@ export interface DateRangePickerProps extends PickerBaseProps, FormControlBasePr
     ranges?: RangeType[];
     /** Format date */
     format?: string;
+    /** Rendered as an input, the date can be entered via the keyboard */
+    editable?: boolean;
     /** The date range that will be selected when you click on the date */
     hoverRange?: 'week' | 'month' | ((date: Date) => DateRange);
     /** Whether to click once on selected date range，Can be used with hoverRange */

package/esm/DateRangePicker/DateRangePicker.js

@@ -27,6 +27,8 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className = props.className,
       _props$appearance = props.appearance,
       appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
+      _props$editable = props.editable,
+      editable = _props$editable === void 0 ? true : _props$editable,
       _props$cleanable = props.cleanable,
       cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
       _props$character = props.character,
@@ -70,7 +72,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onOpen = props.onOpen,
       onSelect = props.onSelect,
       renderTitle = props.renderTitle,
-      rest = _objectWithoutPropertiesLoose(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", "showMeridian", "style", "toggleAs", "caretAs", "value", "onChange", "onClean", "onClose", "onEnter", "onEntered", "onExited", "onOk", "onOpen", "onSelect", "renderTitle"]);
+      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "defaultCalendarValue", "defaultValue", "disabled", "disabledDate", "format", "hoverRange", "isoWeek", "limitEndYear", "locale", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "renderValue", "showOneCalendar", "showWeekNumbers", "showMeridian", "style", "toggleAs", "caretAs", "value", "onChange", "onClean", "onClose", "onEnter", "onEntered", "onExited", "onOk", "onOpen", "onSelect", "renderTitle"]);
 
   var _useClassNames = useClassNames(classPrefix),
       merge = _useClassNames.merge,
@@ -644,7 +646,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     as: toggleAs,
     ref: targetRef,
     appearance: appearance,
-    editable: true,
+    editable: editable,
     inputMask: DateUtils.getDateMask(rangeFormatStr),
     inputValue: value ? getDisplayString(value, true) : '',
     inputPlaceholder: typeof placeholder === 'string' && placeholder ? placeholder : rangeFormatStr,

package/esm/Disclosure/Disclosure.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import DisclosureButton from './DisclosureButton';
 import DisclosureContent from './DisclosureContent';
-export declare type DisclosureTrigger = 'click' | 'hover';
-export interface DisclosureRenderProps extends Pick<React.HTMLAttributes<HTMLElement>, 'onMouseEnter' | 'onMouseLeave'> {
+export declare type DisclosureTrigger = 'click' | 'mouseover';
+export interface DisclosureRenderProps extends Pick<React.HTMLAttributes<HTMLElement>, 'onMouseOver' | 'onMouseOut'> {
     open: boolean;
 }
 export interface DisclosureProps {

package/esm/Disclosure/Disclosure.js

@@ -59,7 +59,7 @@ var Disclosure = /*#__PURE__*/React.memo(function (props) {
       });
     }
   });
-  var onMouseEnter = useCallback(function (event) {
+  var onMouseOver = useCallback(function (event) {
     if (!open) {
       dispatch({
         type: DisclosureActionTypes.Show
@@ -67,7 +67,7 @@ var Disclosure = /*#__PURE__*/React.memo(function (props) {
       onToggle === null || onToggle === void 0 ? void 0 : onToggle(true, event);
     }
   }, [open, dispatch, onToggle]);
-  var onMouseLeave = useCallback(function (event) {
+  var onMouseOut = useCallback(function (event) {
     if (open) {
       dispatch({
         type: DisclosureActionTypes.Hide
@@ -98,13 +98,13 @@ var Disclosure = /*#__PURE__*/React.memo(function (props) {
       open: open
     };
 
-    if (trigger.includes('hover')) {
-      renderProps.onMouseEnter = onMouseEnter;
-      renderProps.onMouseLeave = onMouseLeave;
+    if (trigger.includes('mouseover')) {
+      renderProps.onMouseOver = onMouseOver;
+      renderProps.onMouseOut = onMouseOut;
     }
 
     return renderProps;
-  }, [open, trigger, onMouseEnter, onMouseLeave]);
+  }, [open, trigger, onMouseOver, onMouseOut]);
   return /*#__PURE__*/React.createElement(DisclosureContext.Provider, {
     value: contextValue
   }, children(renderProps, containerElementRef));

package/esm/Dropdown/DropdownMenu.js

@@ -45,8 +45,9 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onSelect = props.onSelect,
       _props$classPrefix = props.classPrefix,
       classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
+      className = props.className,
       children = props.children,
-      rest = _objectWithoutPropertiesLoose(props, ["onToggle", "eventKey", "title", "activeKey", "onSelect", "classPrefix", "children"]);
+      rest = _objectWithoutPropertiesLoose(props, ["onToggle", "eventKey", "title", "activeKey", "onSelect", "classPrefix", "className", "children"]);
 
   var nav = useContext(NavContext);
   var dropdown = useContext(DropdownContext);
@@ -90,7 +91,7 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
 
   if (!dropdown) {
-    var classes = merge(props.className, withClassPrefix());
+    var classes = merge(className, withClassPrefix());
     return /*#__PURE__*/React.createElement(DropdownContext.Provider, {
       value: contextValue
     }, /*#__PURE__*/React.createElement(Menubar, {
@@ -107,9 +108,8 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var _omit = omit(rest, ['trigger']),
       icon = _omit.icon,
-      className = _omit.className,
       disabled = _omit.disabled,
-      menuProps = _objectWithoutPropertiesLoose(_omit, ["icon", "className", "disabled"]);
+      menuProps = _objectWithoutPropertiesLoose(_omit, ["icon", "disabled"]);
 
   var Icon = rtl ? AngleLeft : AngleRight;
   return /*#__PURE__*/React.createElement(Menu, {