rsuite 5.48.0 → 5.48.1

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [5.48.1](https://github.com/rsuite/rsuite/compare/v5.48.0...v5.48.1) (2023-12-22)
+
+### Bug Fixes
+
+- **build:** fix environment variable undefined error when building ([#3521](https://github.com/rsuite/rsuite/issues/3521)) ([8efa27b](https://github.com/rsuite/rsuite/commit/8efa27b69233d4cd72a4b09dbbd080b15db7d1c0))
+- **DatePicker:** fix `menuStyle` prop not working ([#3509](https://github.com/rsuite/rsuite/issues/3509)) ([aa816be](https://github.com/rsuite/rsuite/commit/aa816be89573f8483335736b67365a0b13848ecf))
+- **useMediaQuery:** fix MediaQueryList not updating status when triggering change event ([#3503](https://github.com/rsuite/rsuite/issues/3503)) ([06b79dd](https://github.com/rsuite/rsuite/commit/06b79dda26ced54b070cda3fd6d70f96a7a7e373))
+
 # [5.48.0](https://github.com/rsuite/rsuite/compare/v5.47.0...v5.48.0) (2023-12-14)
 
 ### Bug Fixes

package/README.md

@@ -75,7 +75,7 @@ function App() {
 You can go through [full documentation][rsuite-doc-guide] or start with following sections
 
 - [Quick start][rsuite-doc-guide]
-- [Customizing themes][rsuite-doc-guide-themes]
+- [Less Customization][rsuite-doc-guide-themes]
 - [Internationalization][rsuite-doc-guide-intl]
 - [Right-to-left][rsuite-doc-guide-rtl]
 - [Components][rsuite-components-overview]
@@ -155,7 +155,7 @@ React Suite is [MIT licensed][license]. Copyright (c) 2016-present, HYPERS.
 [rsuite-design]: https://rsuitejs.com/design/default
 [live-preview-on-codesandbox]: https://codesandbox.io/s/rsuite-template-5vq6zo2z5l
 [rsuite-doc-guide]: https://rsuitejs.com/en/guide/introduction
-[rsuite-doc-guide-themes]: https://rsuitejs.com/en/guide/customization
+[rsuite-doc-guide-themes]: https://rsuitejs.com/en/guide/customization-less
 [rsuite-doc-guide-intl]: https://rsuitejs.com/en/guide/intl
 [rsuite-doc-guide-rtl]: https://rsuitejs.com/en/guide/rtl
 [rsuite-components-overview]: https://rsuitejs.com/en/components/overview

package/cjs/DateInput/DateInput.js

@@ -12,7 +12,7 @@ var _Input = _interopRequireDefault(require("../Input"));
 var _utils = require("../utils");
 var _utils2 = require("./utils");
 var _useDateInputState2 = _interopRequireDefault(require("./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/cjs/DatePicker/DatePicker.js

@@ -54,6 +54,7 @@ var DatePicker = /*#__PURE__*/_react.default.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,
@@ -91,7 +92,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onToggleMonthDropdown = props.onToggleMonthDropdown,
     onToggleTimeDropdown = props.onToggleTimeDropdown,
     onShortcutClick = props.onShortcutClick,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(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 = (0, _objectWithoutPropertiesLoose2.default)(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 = (0, _utils.useCustom)('DatePicker', overrideLocale),
     locale = _useCustom.locale,
     formatDate = _useCustom.formatDate,
@@ -482,15 +483,15 @@ var DatePicker = /*#__PURE__*/_react.default.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 = (0, _extends2.default)({}, menuStyle, {
       left: left,
       top: top
-    };
+    });
     return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {
       role: "dialog",
       className: classes,
@@ -556,7 +557,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onClose: handleTriggerClose,
     onEntered: (0, _utils.createChainedFunction)(handleEntered, onEntered),
     onExited: (0, _utils.createChainedFunction)(handleExited, onExited),
-    speaker: renderDropdownMenu
+    speaker: renderCalendarOverlay
   }, /*#__PURE__*/_react.default.createElement(Component, {
     className: merge(className, classes),
     style: style,

package/cjs/FormControl/FormControl.js

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

package/cjs/MultiCascader/MultiCascader.js

@@ -96,10 +96,12 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   var _useFlattenData = (0, _utils.useFlattenData)(data, itemKeys),
     flattenData = _useFlattenData.flattenData,
     addFlattenData = _useFlattenData.addFlattenData;
+  var _useControlled = (0, _utils3.useControlled)(valueProp, defaultValue),
+    controlledValue = _useControlled[0];
   var _useCascadeValue = (0, _utils.useCascadeValue)((0, _extends3.default)({}, itemKeys, {
       uncheckableItemValues: uncheckableItemValues,
       cascade: cascade,
-      value: valueProp || defaultValue
+      value: controlledValue
     }), flattenData),
     value = _useCascadeValue.value,
     setValue = _useCascadeValue.setValue,

package/cjs/Picker/PickerToggle.js

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

package/cjs/useMediaQuery/useMediaQuery.js

@@ -10,6 +10,7 @@ exports.default = exports.mediaQuerySizeMap = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _canUseDOM = _interopRequireDefault(require("dom-lib/canUseDOM"));
+var _pick = _interopRequireDefault(require("lodash/pick"));
 var mediaQuerySizeMap = {
   xs: '(max-width: 575px)',
   sm: '(min-width: 576px)',
@@ -42,7 +43,7 @@ function useMediaQueryLegacy(query) {
   });
   var _useState = (0, _react.useState)(function () {
       return mediaQueries.map(function (query) {
-        return matchMedia(query);
+        return (0, _pick.default)(matchMedia(query), ['matches', 'media']);
       });
     }),
     mediaQueryArray = _useState[0],
@@ -68,7 +69,6 @@ function useMediaQueryLegacy(query) {
         query.removeEventListener('change', handleChange);
       });
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [mediaQueries]);
   return mediaQueryArray.map(function (query) {
     return query.matches;