@mui/x-date-pickers-pro 6.19.0 → 6.19.2

package/CHANGELOG.md

@@ -3,6 +3,70 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.19.2
+
+_Jan 25, 2024_
+
+We'd like to offer a big thanks to the 2 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Apply the `layout.tabs` class to `Tabs` slot (@LukasTy) (#11782)
+- 🐞 Bugfixes
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.19.2`
+
+- [pickers] Apply the `layout.tabs` class to `Tabs` slot (@LukasTy) (#11782)
+
+#### `@mui/x-date-pickers-pro@6.19.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@6.19.2`, plus:
+
+- [DateRangePicker] Remove `calendars` prop on `Mobile` (@LukasTy) (#11771)
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.19.2`
+
+- [DataGrid] Fix support for tree with more than 50,000 children (@zenazn) (#11808)
+
+#### `@mui/x-data-grid-pro@6.19.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@6.19.2`.
+
+#### `@mui/x-data-grid-premium@6.19.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@6.19.2`.
+
+## 6.19.1
+
+_Jan 19, 2024_
+
+We'd like to offer a big thanks to the 1 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Add Croatian (hr-HR), Portuguese (pt-PT), and Chinese (Hong Kong) (zh-HK) locales (#11717) @BCaspari
+- 🐞 Bugfixes
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.19.1`
+
+- [l10n] Add Croatian (hr-HR), Portuguese (pt-PT), and Chinese (Hong Kong) (zh-HK) locales (#11717) @BCaspari
+
+#### `@mui/x-data-grid-pro@6.19.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@6.19.1`.
+
+#### `@mui/x-data-grid-premium@6.19.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@6.19.1`.
+
+### Charts / `@mui/x-charts@6.19.1`
+
+- [charts] Add `arcLabelRadius` property (#11563) @alexfauquette
+- [charts] Do not propagate `innerRadius` and `outerRadius` to the DOM (#11719) @alexfauquette
+- [charts] Fix default `stackOffset` for `LineChart` (#11703) @alexfauquette
+
 ## 6.19.0
 
 _Jan 11, 2024_

package/DateRangeCalendar/DateRangeCalendar.types.d.ts

@@ -56,11 +56,6 @@ export interface ExportedDateRangeCalendarProps<TDate> extends ExportedDayCalend
      * @param {TDate} month The new month.
      */
     onMonthChange?: (month: TDate) => void;
-    /**
-     * The number of calendars to render.
-     * @default 2
-     */
-    calendars?: 1 | 2 | 3;
     /**
      * Position the current month is rendered in.
      * @default 1
@@ -95,6 +90,11 @@ export interface DateRangeCalendarProps<TDate> extends ExportedDateRangeCalendar
      * @param {PickerSelectionState | undefined} selectionState Indicates if the date range selection is complete.
      */
     onChange?: (value: DateRange<TDate>, selectionState?: PickerSelectionState) => void;
+    /**
+     * The number of calendars to render.
+     * @default 2
+     */
+    calendars?: 1 | 2 | 3;
     className?: string;
     classes?: Partial<DateRangeCalendarClasses>;
     /**

package/MobileDateRangePicker/MobileDateRangePicker.js

@@ -29,6 +29,7 @@ const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateR
   }, defaultizedProps.viewRenderers);
   const props = _extends({}, defaultizedProps, {
     viewRenderers,
+    // Force one calendar on mobile to avoid layout issues
     calendars: 1,
     views: ['day'],
     openTo: 'day',
@@ -69,11 +70,6 @@ MobileDateRangePicker.propTypes = {
    * - the `input` element if there is a field rendered.
    */
   autoFocus: PropTypes.bool,
-  /**
-   * The number of calendars to render on **desktop**.
-   * @default 2
-   */
-  calendars: PropTypes.oneOf([1, 2, 3]),
   /**
    * Class name applied to the root element.
    */

package/MobileDateRangePicker/MobileDateRangePicker.types.d.ts

@@ -6,11 +6,6 @@ export interface MobileDateRangePickerSlotsComponent<TDate> extends BaseDateRang
 export interface MobileDateRangePickerSlotsComponentsProps<TDate> extends BaseDateRangePickerSlotsComponentsProps<TDate>, UseMobileRangePickerSlotsComponentsProps<TDate, 'day'> {
 }
 export interface MobileDateRangePickerProps<TDate> extends BaseDateRangePickerProps<TDate>, MobileRangeOnlyPickerProps<TDate> {
-    /**
-     * The number of calendars to render on **desktop**.
-     * @default 2
-     */
-    calendars?: 1 | 2 | 3;
     /**
      * Overridable components.
      * @default {}

package/StaticDateRangePicker/StaticDateRangePicker.js

@@ -62,7 +62,7 @@ StaticDateRangePicker.propTypes = {
   autoFocus: PropTypes.bool,
   /**
    * The number of calendars to render.
-   * @default 2
+   * @default 1 if `displayStaticWrapperAs === 'mobile'`, 2 otherwise.
    */
   calendars: PropTypes.oneOf([1, 2, 3]),
   /**

package/StaticDateRangePicker/StaticDateRangePicker.types.d.ts

@@ -6,6 +6,11 @@ export interface StaticDateRangePickerSlotsComponent<TDate> extends BaseDateRang
 export interface StaticDateRangePickerSlotsComponentsProps<TDate> extends BaseDateRangePickerSlotsComponentsProps<TDate>, UseStaticRangePickerSlotsComponentsProps<TDate, 'day'> {
 }
 export interface StaticDateRangePickerProps<TDate> extends BaseDateRangePickerProps<TDate>, MakeOptional<StaticRangeOnlyPickerProps, 'displayStaticWrapperAs'> {
+    /**
+     * The number of calendars to render.
+     * @default 1 if `displayStaticWrapperAs === 'mobile'`, 2 otherwise.
+     */
+    calendars?: 1 | 2 | 3;
     /**
      * Overridable components.
      * @default {}

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v6.19.0
+ * @mui/x-date-pickers-pro v6.19.2
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTcwNDkyNzYwMDAwMA==";
+  const releaseInfo = "MTcwNjEzMzYwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/legacy/DateRangeCalendar/DateRangeCalendar.js

@@ -60,23 +60,22 @@ var DAY_RANGE_SIZE = 40;
 var weeksContainerHeight = (DAY_RANGE_SIZE + DAY_MARGIN * 2) * 6;
 var warnInvalidCurrentMonthCalendarPosition = buildWarning(['The `currentMonthCalendarPosition` prop must be an integer between `1` and the amount of calendars rendered.', 'For example if you have 2 calendars rendered, it should be equal to either 1 or 2.']);
 var DayCalendarForRange = styled(DayCalendar)(function (_ref2) {
-  var _$concat, _ref3;
   var theme = _ref2.theme;
-  return _ref3 = {
+  return _defineProperty(_defineProperty({
     minWidth: 312,
     minHeight: weeksContainerHeight
-  }, _defineProperty(_ref3, "&.".concat(dateRangeCalendarClasses.dayDragging), (_$concat = {}, _defineProperty(_$concat, "& .".concat(dayClasses.day), {
+  }, "&.".concat(dateRangeCalendarClasses.dayDragging), _defineProperty(_defineProperty({}, "& .".concat(dayClasses.day), {
     cursor: 'grabbing'
-  }), _defineProperty(_$concat, "& .".concat(dayClasses.root, ":not(.").concat(dayClasses.rangeIntervalDayHighlightStart, "):not(.").concat(dayClasses.rangeIntervalDayHighlightEnd, ") .").concat(dayClasses.day, ":not(.").concat(dayClasses.notSelectedDate, ")"), {
+  }), "& .".concat(dayClasses.root, ":not(.").concat(dayClasses.rangeIntervalDayHighlightStart, "):not(.").concat(dayClasses.rangeIntervalDayHighlightEnd, ") .").concat(dayClasses.day, ":not(.").concat(dayClasses.notSelectedDate, ")"), {
     // we can't override `PickersDay` background color here, because it's styles take precedence
     opacity: 0.6
-  }), _$concat)), _defineProperty(_ref3, "&:not(.".concat(dateRangeCalendarClasses.dayDragging, ") .").concat(dayClasses.dayOutsideRangeInterval), {
+  })), "&:not(.".concat(dateRangeCalendarClasses.dayDragging, ") .").concat(dayClasses.dayOutsideRangeInterval), {
     '@media (pointer: fine)': {
       '&:hover': {
         border: "1px solid ".concat((theme.vars || theme).palette.grey[500])
       }
     }
-  }), _ref3;
+  });
 });
 function useDateRangeCalendarDefaultizedProps(props, name) {
   var _themeProps$renderLoa, _themeProps$reduceAni, _props$loading, _props$disablePast, _props$disableFuture, _themeProps$calendars, _themeProps$disableDr;

package/legacy/DateRangePickerDay/DateRangePickerDay.js

@@ -51,14 +51,13 @@ var DateRangePickerDayRoot = styled('div', {
     return [_defineProperty({}, "&.".concat(dateRangePickerDayClasses.rangeIntervalDayHighlight), styles.rangeIntervalDayHighlight), _defineProperty({}, "&.".concat(dateRangePickerDayClasses.rangeIntervalDayHighlightStart), styles.rangeIntervalDayHighlightStart), _defineProperty({}, "&.".concat(dateRangePickerDayClasses.rangeIntervalDayHighlightEnd), styles.rangeIntervalDayHighlightEnd), _defineProperty({}, "&.".concat(dateRangePickerDayClasses.firstVisibleCell), styles.firstVisibleCell), _defineProperty({}, "&.".concat(dateRangePickerDayClasses.lastVisibleCell), styles.lastVisibleCell), _defineProperty({}, "&.".concat(dateRangePickerDayClasses.startOfMonth), styles.startOfMonth), _defineProperty({}, "&.".concat(dateRangePickerDayClasses.endOfMonth), styles.endOfMonth), _defineProperty({}, "&.".concat(dateRangePickerDayClasses.outsideCurrentMonth), styles.outsideCurrentMonth), _defineProperty({}, "&.".concat(dateRangePickerDayClasses.hiddenDayFiller), styles.hiddenDayFiller), styles.root];
   }
 })(function (_ref10) {
-  var _extends2;
   var theme = _ref10.theme,
     ownerState = _ref10.ownerState;
-  return ownerState.isHiddenDayFiller ? {} : _extends((_extends2 = {}, _defineProperty(_extends2, "&:first-of-type .".concat(dateRangePickerDayClasses.rangeIntervalDayPreview), _extends({}, startBorderStyle, {
+  return ownerState.isHiddenDayFiller ? {} : _extends(_defineProperty(_defineProperty({}, "&:first-of-type .".concat(dateRangePickerDayClasses.rangeIntervalDayPreview), _extends({}, startBorderStyle, {
     borderLeftColor: (theme.vars || theme).palette.divider
-  })), _defineProperty(_extends2, "&:last-of-type .".concat(dateRangePickerDayClasses.rangeIntervalDayPreview), _extends({}, endBorderStyle, {
+  })), "&:last-of-type .".concat(dateRangePickerDayClasses.rangeIntervalDayPreview), _extends({}, endBorderStyle, {
     borderRightColor: (theme.vars || theme).palette.divider
-  })), _extends2), ownerState.isHighlighting && {
+  })), ownerState.isHighlighting && {
     borderRadius: 0,
     color: (theme.vars || theme).palette.primary.contrastText,
     backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.primary.mainChannel, " / ").concat(theme.vars.palette.action.focusOpacity, ")") : alpha(theme.palette.primary.main, theme.palette.action.focusOpacity),

package/legacy/MobileDateRangePicker/MobileDateRangePicker.js

@@ -29,6 +29,7 @@ var MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateRan
   }, defaultizedProps.viewRenderers);
   var props = _extends({}, defaultizedProps, {
     viewRenderers: viewRenderers,
+    // Force one calendar on mobile to avoid layout issues
     calendars: 1,
     views: ['day'],
     openTo: 'day',
@@ -68,11 +69,6 @@ MobileDateRangePicker.propTypes = {
    * - the `input` element if there is a field rendered.
    */
   autoFocus: PropTypes.bool,
-  /**
-   * The number of calendars to render on **desktop**.
-   * @default 2
-   */
-  calendars: PropTypes.oneOf([1, 2, 3]),
   /**
    * Class name applied to the root element.
    */

package/legacy/StaticDateRangePicker/StaticDateRangePicker.js

@@ -61,7 +61,7 @@ StaticDateRangePicker.propTypes = {
   autoFocus: PropTypes.bool,
   /**
    * The number of calendars to render.
-   * @default 2
+   * @default 1 if `displayStaticWrapperAs === 'mobile'`, 2 otherwise.
    */
   calendars: PropTypes.oneOf([1, 2, 3]),
   /**

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v6.19.0
+ * @mui/x-date-pickers-pro v6.19.2
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/legacy/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export var getReleaseInfo = function getReleaseInfo() {
-  var releaseInfo = "MTcwNDkyNzYwMDAwMA==";
+  var releaseInfo = "MTcwNjEzMzYwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/modern/MobileDateRangePicker/MobileDateRangePicker.js

@@ -28,6 +28,7 @@ const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateR
   }, defaultizedProps.viewRenderers);
   const props = _extends({}, defaultizedProps, {
     viewRenderers,
+    // Force one calendar on mobile to avoid layout issues
     calendars: 1,
     views: ['day'],
     openTo: 'day',
@@ -65,11 +66,6 @@ MobileDateRangePicker.propTypes = {
    * - the `input` element if there is a field rendered.
    */
   autoFocus: PropTypes.bool,
-  /**
-   * The number of calendars to render on **desktop**.
-   * @default 2
-   */
-  calendars: PropTypes.oneOf([1, 2, 3]),
   /**
    * Class name applied to the root element.
    */

package/modern/StaticDateRangePicker/StaticDateRangePicker.js

@@ -61,7 +61,7 @@ StaticDateRangePicker.propTypes = {
   autoFocus: PropTypes.bool,
   /**
    * The number of calendars to render.
-   * @default 2
+   * @default 1 if `displayStaticWrapperAs === 'mobile'`, 2 otherwise.
    */
   calendars: PropTypes.oneOf([1, 2, 3]),
   /**

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v6.19.0
+ * @mui/x-date-pickers-pro v6.19.2
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/modern/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTcwNDkyNzYwMDAwMA==";
+  const releaseInfo = "MTcwNjEzMzYwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/node/MobileDateRangePicker/MobileDateRangePicker.js

@@ -37,6 +37,7 @@ const MobileDateRangePicker = exports.MobileDateRangePicker = /*#__PURE__*/React
   }, defaultizedProps.viewRenderers);
   const props = (0, _extends2.default)({}, defaultizedProps, {
     viewRenderers,
+    // Force one calendar on mobile to avoid layout issues
     calendars: 1,
     views: ['day'],
     openTo: 'day',
@@ -74,11 +75,6 @@ MobileDateRangePicker.propTypes = {
    * - the `input` element if there is a field rendered.
    */
   autoFocus: _propTypes.default.bool,
-  /**
-   * The number of calendars to render on **desktop**.
-   * @default 2
-   */
-  calendars: _propTypes.default.oneOf([1, 2, 3]),
   /**
    * Class name applied to the root element.
    */

package/node/StaticDateRangePicker/StaticDateRangePicker.js

@@ -70,7 +70,7 @@ StaticDateRangePicker.propTypes = {
   autoFocus: _propTypes.default.bool,
   /**
    * The number of calendars to render.
-   * @default 2
+   * @default 1 if `displayStaticWrapperAs === 'mobile'`, 2 otherwise.
    */
   calendars: _propTypes.default.oneOf([1, 2, 3]),
   /**

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v6.19.0
+ * @mui/x-date-pickers-pro v6.19.2
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/node/internals/utils/releaseInfo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 const getReleaseInfo = () => {
-  const releaseInfo = "MTcwNDkyNzYwMDAwMA==";
+  const releaseInfo = "MTcwNjEzMzYwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "6.19.0",
+  "version": "6.19.2",
   "description": "The commercial edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -33,7 +33,7 @@
     "@babel/runtime": "^7.23.2",
     "@mui/base": "^5.0.0-beta.22",
     "@mui/utils": "^5.14.16",
-    "@mui/x-date-pickers": "6.19.0",
+    "@mui/x-date-pickers": "6.19.2",
     "@mui/x-license-pro": "6.10.2",
     "clsx": "^2.0.0",
     "prop-types": "^15.8.1",