rsuite 5.48.0 → 5.48.1

package/esm/DateInput/DateInput.js

@@ -6,7 +6,7 @@ import Input from '../Input';
 import { mergeRefs, useCustom, useControlled, safeSetSelection } from '../utils';
 import { getInputSelectedState, validateDateTime, getPatternGroups } from './utils';
 import useDateInputState from './useDateInputState';
-var isTestEnvironment = process.env.RUN_ENV === 'test';
+var isTestEnvironment = undefined === 'test';
 /**
  * The DateInput component lets users select a date with the keyboard.
  * @version 5.58.0

package/esm/DatePicker/DatePicker.js

@@ -48,6 +48,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     limitStartYear = props.limitStartYear,
     overrideLocale = props.locale,
     menuClassName = props.menuClassName,
+    menuStyle = props.menuStyle,
     _props$appearance = props.appearance,
     appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
     _props$placement = props.placement,
@@ -85,7 +86,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onToggleMonthDropdown = props.onToggleMonthDropdown,
     onToggleTimeDropdown = props.onToggleTimeDropdown,
     onShortcutClick = props.onShortcutClick,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "editable", "defaultValue", "disabled", "format", "isoWeek", "limitEndYear", "limitStartYear", "locale", "menuClassName", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "toggleAs", "caretAs", "disabledDate", "disabledHours", "disabledMinutes", "disabledSeconds", "shouldDisableDate", "shouldDisableHour", "shouldDisableMinute", "shouldDisableSecond", "renderValue", "onChange", "onChangeCalendarDate", "onClean", "onClose", "onEntered", "onExited", "onNextMonth", "onOk", "onOpen", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown", "onShortcutClick"]);
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "editable", "defaultValue", "disabled", "format", "isoWeek", "limitEndYear", "limitStartYear", "locale", "menuClassName", "menuStyle", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "toggleAs", "caretAs", "disabledDate", "disabledHours", "disabledMinutes", "disabledSeconds", "shouldDisableDate", "shouldDisableHour", "shouldDisableMinute", "shouldDisableSecond", "renderValue", "onChange", "onChangeCalendarDate", "onClean", "onClose", "onEntered", "onExited", "onNextMonth", "onOk", "onOpen", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown", "onShortcutClick"]);
   var _useCustom = useCustom('DatePicker', overrideLocale),
     locale = _useCustom.locale,
     formatDate = _useCustom.formatDate,
@@ -476,15 +477,15 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var bottomRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {
     return (range === null || range === void 0 ? void 0 : range.placement) === 'bottom' || (range === null || range === void 0 ? void 0 : range.placement) === undefined;
   })) || [];
-  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {
+  var renderCalendarOverlay = function renderCalendarOverlay(positionProps, speakerRef) {
     var left = positionProps.left,
       top = positionProps.top,
       className = positionProps.className;
     var classes = merge(menuClassName, className, prefix('date-menu'));
-    var styles = {
+    var styles = _extends({}, menuStyle, {
       left: left,
       top: top
-    };
+    });
     return /*#__PURE__*/React.createElement(PickerOverlay, {
       role: "dialog",
       className: classes,
@@ -550,7 +551,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onClose: handleTriggerClose,
     onEntered: createChainedFunction(handleEntered, onEntered),
     onExited: createChainedFunction(handleExited, onExited),
-    speaker: renderDropdownMenu
+    speaker: renderCalendarOverlay
   }, /*#__PURE__*/React.createElement(Component, {
     className: merge(className, classes),
     style: style,

package/esm/FormControl/FormControl.js

@@ -137,7 +137,8 @@ var FormControl = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var accepterProps = (_accepterProps = {}, _accepterProps[valueKey] = val === undefined ? defaultValue : val, _accepterProps);
   return /*#__PURE__*/React.createElement(Component, {
     className: classes,
-    ref: ref
+    ref: ref,
+    "data-testid": "form-control-wrapper"
   }, /*#__PURE__*/React.createElement(AccepterComponent, _extends({
     id: controlId,
     "aria-labelledby": controlId ? controlId + "-control-label" : null,

package/esm/MultiCascader/MultiCascader.js

@@ -12,7 +12,7 @@ import Checkbox from '../Checkbox';
 import { useCascadeValue, useColumnData, useFlattenData, isSomeChildChecked } from './utils';
 import { getNodeParents, findNodeOfTree } from '../utils/treeUtils';
 import { getColumnsAndPaths } from '../Cascader/utils';
-import { createChainedFunction, mergeRefs, getSafeRegExpString, useClassNames, useCustom, useUpdateEffect } from '../utils';
+import { createChainedFunction, mergeRefs, getSafeRegExpString, useClassNames, useCustom, useUpdateEffect, useControlled } from '../utils';
 import { PickerToggle, PickerOverlay, SearchBar, SelectedElement, PickerToggleTrigger, usePickerClassName, usePublicMethods, useToggleKeyDownEvent, useFocusItemValue, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from '../Picker';
 var emptyArray = [];
 
@@ -90,10 +90,12 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useFlattenData = useFlattenData(data, itemKeys),
     flattenData = _useFlattenData.flattenData,
     addFlattenData = _useFlattenData.addFlattenData;
+  var _useControlled = useControlled(valueProp, defaultValue),
+    controlledValue = _useControlled[0];
   var _useCascadeValue = useCascadeValue(_extends({}, itemKeys, {
       uncheckableItemValues: uncheckableItemValues,
       cascade: cascade,
-      value: valueProp || defaultValue
+      value: controlledValue
     }), flattenData),
     value = _useCascadeValue.value,
     setValue = _useCascadeValue.setValue,

package/esm/Picker/PickerToggle.js

@@ -212,7 +212,8 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
       'read-only': !inputFocused
     }),
     placeholder: inputPlaceholder,
-    render: renderInput
+    render: renderInput,
+    "data-testid": "picker-toggle-input"
   }), children ? /*#__PURE__*/React.createElement("span", {
     className: prefix(hasValue ? 'value' : 'placeholder'),
     "aria-placeholder": typeof children === 'string' ? children : undefined

package/esm/useMediaQuery/useMediaQuery.js

@@ -2,6 +2,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useEffect, useState, useCallback, useRef } from 'react';
 import canUseDOM from 'dom-lib/canUseDOM';
+import pick from 'lodash/pick';
 export var mediaQuerySizeMap = {
   xs: '(max-width: 575px)',
   sm: '(min-width: 576px)',
@@ -33,7 +34,7 @@ export function useMediaQueryLegacy(query) {
   });
   var _useState = useState(function () {
       return mediaQueries.map(function (query) {
-        return matchMedia(query);
+        return pick(matchMedia(query), ['matches', 'media']);
       });
     }),
     mediaQueryArray = _useState[0],
@@ -59,7 +60,6 @@ export function useMediaQueryLegacy(query) {
         query.removeEventListener('change', handleChange);
       });
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [mediaQueries]);
   return mediaQueryArray.map(function (query) {
     return query.matches;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.48.0",
+  "version": "5.48.1",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",