@mui/x-date-pickers 5.0.9 → 5.0.11

package/CHANGELOG.md

@@ -3,6 +3,77 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 5.17.16
+
+_Dec 16, 2022_
+
+We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.16` / `@mui/x-data-grid-pro@v5.17.16` / `@mui/x-data-grid-premium@v5.17.16`
+
+#### Changes
+
+- [DataGrid] Display sort column menu items as per `sortingOrder` prop (#7125) @hanbin9775
+- [DataGrid] Fix flickering on mount (#7155) @cherniavskii
+- [DataGridPremium] Use separate cache for aggregation columns pre-processor (#7174) @m4theushw
+
+### `@mui/x-date-pickers@v5.0.11` / `@mui/x-date-pickers-pro@v5.0.11`
+
+#### Changes
+
+- [DateTimePicker] Update export pattern (#7172) @kealjones-wk
+
+### Docs
+
+- [docs] Document aggregation selectors (#7151) @cherniavskii
+
+## 5.17.15
+
+_Dec 8, 2022_
+
+We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
+
+- ✨ Fix lazy-loading not working in `DataGridPremium` (#7130) @m4theushw
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.15` / `@mui/x-data-grid-pro@v5.17.15` / `@mui/x-data-grid-premium@v5.17.15`
+
+#### Changes
+
+- [DataGridPremium] Add support for lazy-loading (#7130) @m4theushw
+- [DataGridPremium] Pass `groupId` to the aggregation function (#7143) @m4theushw
+
+### `@mui/x-date-pickers@v5.0.10` / `@mui/x-date-pickers-pro@v5.0.10`
+
+#### Changes
+
+- [pickers] Initialize date without time when selecting year or month (#7136) @LukasTy
+
+### Docs
+
+- [docs] Fix the nested import on the api pages (#7134) @flaviendelangle
+- [docs] Keep track of the localization completion (#7099) @alexfauquette
+- [docs] Update localization doc to use existing locale (#7104) @LukasTy
+
+## 5.17.14
+
+_Dec 1, 2022_
+
+We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Ukrainian (uk-UA) locale (#7035) @rettoua
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.14` / `@mui/x-data-grid-pro@v5.17.14` / `@mui/x-data-grid-premium@v5.17.14`
+
+#### Changes
+
+- [DataGrid] Fix row selection when clicking blank cell (#7056) @yami03
+- [DataGridPremium] Update cache before hydrating columns (#7043) @m4theushw
+- [l10n] Improve Ukrainian (uk-UA) locale (#7035) @rettoua
+
 ## 5.17.13
 
 _Nov 24, 2022_

package/DateTimePicker/DateTimePicker.d.ts

@@ -37,5 +37,5 @@ declare type DateTimePickerComponent = (<TInputDate, TDate = TInputDate>(props:
  *
  * - [DateTimePicker API](https://mui.com/x/api/date-pickers/date-time-picker/)
  */
-declare const DateTimePicker: DateTimePickerComponent;
-export { DateTimePicker };
+export declare const DateTimePicker: DateTimePickerComponent;
+export {};

package/DateTimePicker/DateTimePicker.js

@@ -20,7 +20,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * - [DateTimePicker API](https://mui.com/x/api/date-pickers/date-time-picker/)
  */
-const DateTimePicker = /*#__PURE__*/React.forwardRef(function DateTimePicker(inProps, ref) {
+export const DateTimePicker = /*#__PURE__*/React.forwardRef(function DateTimePicker(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiDateTimePicker'
@@ -529,5 +529,4 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
    * @default ['year', 'day', 'hours', 'minutes']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']).isRequired)
-} : void 0;
-export { DateTimePicker };
+} : void 0;

package/MonthPicker/MonthPicker.js

@@ -76,7 +76,7 @@ export const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(in
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   const theme = useTheme();
-  const selectedDateOrToday = date != null ? date : now;
+  const selectedDateOrStartOfMonth = React.useMemo(() => date != null ? date : utils.startOfMonth(now), [now, utils, date]);
   const selectedMonth = React.useMemo(() => {
     if (date != null) {
       return utils.getMonth(date);
@@ -113,7 +113,7 @@ export const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(in
       return;
     }
 
-    const newDate = utils.setMonth(selectedDateOrToday, month);
+    const newDate = utils.setMonth(selectedDateOrStartOfMonth, month);
     onChange(newDate, 'finish');
   };
 
@@ -131,7 +131,7 @@ export const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(in
     }
   }, [setInternalHasFocus, onFocusedViewChange]);
   const focusMonth = React.useCallback(month => {
-    if (!isMonthDisabled(utils.setMonth(selectedDateOrToday, month))) {
+    if (!isMonthDisabled(utils.setMonth(selectedDateOrStartOfMonth, month))) {
       setFocusedMonth(month);
       changeHasFocus(true);
 
@@ -139,7 +139,7 @@ export const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(in
         onMonthFocus(month);
       }
     }
-  }, [selectedDateOrToday, isMonthDisabled, utils, onMonthFocus, changeHasFocus]);
+  }, [isMonthDisabled, utils, selectedDateOrStartOfMonth, changeHasFocus, onMonthFocus]);
   React.useEffect(() => {
     setFocusedMonth(prevFocusedMonth => selectedMonth !== null && prevFocusedMonth !== selectedMonth ? selectedMonth : prevFocusedMonth);
   }, [selectedMonth]);
@@ -185,7 +185,7 @@ export const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(in
     ownerState: ownerState,
     onKeyDown: handleKeyDown
   }, other, {
-    children: utils.getMonthArray(selectedDateOrToday).map(month => {
+    children: utils.getMonthArray(selectedDateOrStartOfMonth).map(month => {
       const monthNumber = utils.getMonth(month);
       const monthText = utils.format(month, 'monthShort');
       const isDisabled = disabled || isMonthDisabled(month);

package/YearPicker/YearPicker.js

@@ -76,7 +76,7 @@ export const YearPicker = /*#__PURE__*/React.forwardRef(function YearPicker(inPr
   } = props;
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-  const selectedDateOrToday = date != null ? date : now;
+  const selectedDateOrStartOfYear = React.useMemo(() => date != null ? date : utils.startOfYear(now), [now, utils, date]);
   const currentYear = React.useMemo(() => {
     if (date != null) {
       return utils.getYear(date);
@@ -133,17 +133,17 @@ export const YearPicker = /*#__PURE__*/React.forwardRef(function YearPicker(inPr
       return;
     }
 
-    const newDate = utils.setYear(selectedDateOrToday, year);
+    const newDate = utils.setYear(selectedDateOrStartOfYear, year);
     onChange(newDate, isFinish);
   };
 
   const focusYear = React.useCallback(year => {
-    if (!isYearDisabled(utils.setYear(selectedDateOrToday, year))) {
+    if (!isYearDisabled(utils.setYear(selectedDateOrStartOfYear, year))) {
       setFocusedYear(year);
       changeHasFocus(true);
       onYearFocus == null ? void 0 : onYearFocus(year);
     }
-  }, [isYearDisabled, utils, selectedDateOrToday, changeHasFocus, onYearFocus]);
+  }, [isYearDisabled, utils, selectedDateOrStartOfYear, changeHasFocus, onYearFocus]);
   React.useEffect(() => {
     setFocusedYear(prevFocusedYear => currentYear !== null && prevFocusedYear !== currentYear ? currentYear : prevFocusedYear);
   }, [currentYear]);

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.9
+/** @license MUI v5.0.11
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/legacy/DateTimePicker/DateTimePicker.js

@@ -20,7 +20,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * - [DateTimePicker API](https://mui.com/x/api/date-pickers/date-time-picker/)
  */
-var DateTimePicker = /*#__PURE__*/React.forwardRef(function DateTimePicker(inProps, ref) {
+export var DateTimePicker = /*#__PURE__*/React.forwardRef(function DateTimePicker(inProps, ref) {
   var props = useThemeProps({
     props: inProps,
     name: 'MuiDateTimePicker'
@@ -528,5 +528,4 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
    * @default ['year', 'day', 'hours', 'minutes']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']).isRequired)
-} : void 0;
-export { DateTimePicker };
+} : void 0;

package/legacy/MonthPicker/MonthPicker.js

@@ -76,7 +76,9 @@ export var MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(inPr
   var ownerState = props;
   var classes = useUtilityClasses(ownerState);
   var theme = useTheme();
-  var selectedDateOrToday = date != null ? date : now;
+  var selectedDateOrStartOfMonth = React.useMemo(function () {
+    return date != null ? date : utils.startOfMonth(now);
+  }, [now, utils, date]);
   var selectedMonth = React.useMemo(function () {
     if (date != null) {
       return utils.getMonth(date);
@@ -120,7 +122,7 @@ export var MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(inPr
       return;
     }
 
-    var newDate = utils.setMonth(selectedDateOrToday, month);
+    var newDate = utils.setMonth(selectedDateOrStartOfMonth, month);
     onChange(newDate, 'finish');
   };
 
@@ -142,7 +144,7 @@ export var MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(inPr
     }
   }, [setInternalHasFocus, onFocusedViewChange]);
   var focusMonth = React.useCallback(function (month) {
-    if (!isMonthDisabled(utils.setMonth(selectedDateOrToday, month))) {
+    if (!isMonthDisabled(utils.setMonth(selectedDateOrStartOfMonth, month))) {
       setFocusedMonth(month);
       changeHasFocus(true);
 
@@ -150,7 +152,7 @@ export var MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(inPr
         onMonthFocus(month);
       }
     }
-  }, [selectedDateOrToday, isMonthDisabled, utils, onMonthFocus, changeHasFocus]);
+  }, [isMonthDisabled, utils, selectedDateOrStartOfMonth, changeHasFocus, onMonthFocus]);
   React.useEffect(function () {
     setFocusedMonth(function (prevFocusedMonth) {
       return selectedMonth !== null && prevFocusedMonth !== selectedMonth ? selectedMonth : prevFocusedMonth;
@@ -198,7 +200,7 @@ export var MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(inPr
     ownerState: ownerState,
     onKeyDown: handleKeyDown
   }, other, {
-    children: utils.getMonthArray(selectedDateOrToday).map(function (month) {
+    children: utils.getMonthArray(selectedDateOrStartOfMonth).map(function (month) {
       var monthNumber = utils.getMonth(month);
       var monthText = utils.format(month, 'monthShort');
       var isDisabled = disabled || isMonthDisabled(month);

package/legacy/YearPicker/YearPicker.js

@@ -75,7 +75,9 @@ export var YearPicker = /*#__PURE__*/React.forwardRef(function YearPicker(inProp
       onFocusedViewChange = props.onFocusedViewChange;
   var ownerState = props;
   var classes = useUtilityClasses(ownerState);
-  var selectedDateOrToday = date != null ? date : now;
+  var selectedDateOrStartOfYear = React.useMemo(function () {
+    return date != null ? date : utils.startOfYear(now);
+  }, [now, utils, date]);
   var currentYear = React.useMemo(function () {
     if (date != null) {
       return utils.getYear(date);
@@ -145,17 +147,17 @@ export var YearPicker = /*#__PURE__*/React.forwardRef(function YearPicker(inProp
       return;
     }
 
-    var newDate = utils.setYear(selectedDateOrToday, year);
+    var newDate = utils.setYear(selectedDateOrStartOfYear, year);
     onChange(newDate, isFinish);
   };
 
   var focusYear = React.useCallback(function (year) {
-    if (!isYearDisabled(utils.setYear(selectedDateOrToday, year))) {
+    if (!isYearDisabled(utils.setYear(selectedDateOrStartOfYear, year))) {
       setFocusedYear(year);
       changeHasFocus(true);
       onYearFocus == null ? void 0 : onYearFocus(year);
     }
-  }, [isYearDisabled, utils, selectedDateOrToday, changeHasFocus, onYearFocus]);
+  }, [isYearDisabled, utils, selectedDateOrStartOfYear, changeHasFocus, onYearFocus]);
   React.useEffect(function () {
     setFocusedYear(function (prevFocusedYear) {
       return currentYear !== null && prevFocusedYear !== currentYear ? currentYear : prevFocusedYear;

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.9
+/** @license MUI v5.0.11
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/modern/DateTimePicker/DateTimePicker.js

@@ -20,7 +20,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * - [DateTimePicker API](https://mui.com/x/api/date-pickers/date-time-picker/)
  */
-const DateTimePicker = /*#__PURE__*/React.forwardRef(function DateTimePicker(inProps, ref) {
+export const DateTimePicker = /*#__PURE__*/React.forwardRef(function DateTimePicker(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiDateTimePicker'
@@ -529,5 +529,4 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
    * @default ['year', 'day', 'hours', 'minutes']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']).isRequired)
-} : void 0;
-export { DateTimePicker };
+} : void 0;

package/modern/MonthPicker/MonthPicker.js

@@ -76,7 +76,7 @@ export const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(in
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   const theme = useTheme();
-  const selectedDateOrToday = date ?? now;
+  const selectedDateOrStartOfMonth = React.useMemo(() => date ?? utils.startOfMonth(now), [now, utils, date]);
   const selectedMonth = React.useMemo(() => {
     if (date != null) {
       return utils.getMonth(date);
@@ -113,7 +113,7 @@ export const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(in
       return;
     }
 
-    const newDate = utils.setMonth(selectedDateOrToday, month);
+    const newDate = utils.setMonth(selectedDateOrStartOfMonth, month);
     onChange(newDate, 'finish');
   };
 
@@ -131,7 +131,7 @@ export const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(in
     }
   }, [setInternalHasFocus, onFocusedViewChange]);
   const focusMonth = React.useCallback(month => {
-    if (!isMonthDisabled(utils.setMonth(selectedDateOrToday, month))) {
+    if (!isMonthDisabled(utils.setMonth(selectedDateOrStartOfMonth, month))) {
       setFocusedMonth(month);
       changeHasFocus(true);
 
@@ -139,7 +139,7 @@ export const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(in
         onMonthFocus(month);
       }
     }
-  }, [selectedDateOrToday, isMonthDisabled, utils, onMonthFocus, changeHasFocus]);
+  }, [isMonthDisabled, utils, selectedDateOrStartOfMonth, changeHasFocus, onMonthFocus]);
   React.useEffect(() => {
     setFocusedMonth(prevFocusedMonth => selectedMonth !== null && prevFocusedMonth !== selectedMonth ? selectedMonth : prevFocusedMonth);
   }, [selectedMonth]);
@@ -185,7 +185,7 @@ export const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(in
     ownerState: ownerState,
     onKeyDown: handleKeyDown
   }, other, {
-    children: utils.getMonthArray(selectedDateOrToday).map(month => {
+    children: utils.getMonthArray(selectedDateOrStartOfMonth).map(month => {
       const monthNumber = utils.getMonth(month);
       const monthText = utils.format(month, 'monthShort');
       const isDisabled = disabled || isMonthDisabled(month);

package/modern/YearPicker/YearPicker.js

@@ -76,7 +76,7 @@ export const YearPicker = /*#__PURE__*/React.forwardRef(function YearPicker(inPr
   } = props;
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-  const selectedDateOrToday = date ?? now;
+  const selectedDateOrStartOfYear = React.useMemo(() => date ?? utils.startOfYear(now), [now, utils, date]);
   const currentYear = React.useMemo(() => {
     if (date != null) {
       return utils.getYear(date);
@@ -133,17 +133,17 @@ export const YearPicker = /*#__PURE__*/React.forwardRef(function YearPicker(inPr
       return;
     }
 
-    const newDate = utils.setYear(selectedDateOrToday, year);
+    const newDate = utils.setYear(selectedDateOrStartOfYear, year);
     onChange(newDate, isFinish);
   };
 
   const focusYear = React.useCallback(year => {
-    if (!isYearDisabled(utils.setYear(selectedDateOrToday, year))) {
+    if (!isYearDisabled(utils.setYear(selectedDateOrStartOfYear, year))) {
       setFocusedYear(year);
       changeHasFocus(true);
       onYearFocus?.(year);
     }
-  }, [isYearDisabled, utils, selectedDateOrToday, changeHasFocus, onYearFocus]);
+  }, [isYearDisabled, utils, selectedDateOrStartOfYear, changeHasFocus, onYearFocus]);
   React.useEffect(() => {
     setFocusedYear(prevFocusedYear => currentYear !== null && prevFocusedYear !== currentYear ? currentYear : prevFocusedYear);
   }, [currentYear]);

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.9
+/** @license MUI v5.0.11
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/MonthPicker/MonthPicker.js

@@ -102,7 +102,7 @@ const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(inProps,
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   const theme = (0, _system.useTheme)();
-  const selectedDateOrToday = date != null ? date : now;
+  const selectedDateOrStartOfMonth = React.useMemo(() => date != null ? date : utils.startOfMonth(now), [now, utils, date]);
   const selectedMonth = React.useMemo(() => {
     if (date != null) {
       return utils.getMonth(date);
@@ -139,7 +139,7 @@ const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(inProps,
       return;
     }
 
-    const newDate = utils.setMonth(selectedDateOrToday, month);
+    const newDate = utils.setMonth(selectedDateOrStartOfMonth, month);
     onChange(newDate, 'finish');
   };
 
@@ -157,7 +157,7 @@ const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(inProps,
     }
   }, [setInternalHasFocus, onFocusedViewChange]);
   const focusMonth = React.useCallback(month => {
-    if (!isMonthDisabled(utils.setMonth(selectedDateOrToday, month))) {
+    if (!isMonthDisabled(utils.setMonth(selectedDateOrStartOfMonth, month))) {
       setFocusedMonth(month);
       changeHasFocus(true);
 
@@ -165,7 +165,7 @@ const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(inProps,
         onMonthFocus(month);
       }
     }
-  }, [selectedDateOrToday, isMonthDisabled, utils, onMonthFocus, changeHasFocus]);
+  }, [isMonthDisabled, utils, selectedDateOrStartOfMonth, changeHasFocus, onMonthFocus]);
   React.useEffect(() => {
     setFocusedMonth(prevFocusedMonth => selectedMonth !== null && prevFocusedMonth !== selectedMonth ? selectedMonth : prevFocusedMonth);
   }, [selectedMonth]);
@@ -211,7 +211,7 @@ const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(inProps,
     ownerState: ownerState,
     onKeyDown: handleKeyDown
   }, other, {
-    children: utils.getMonthArray(selectedDateOrToday).map(month => {
+    children: utils.getMonthArray(selectedDateOrStartOfMonth).map(month => {
       const monthNumber = utils.getMonth(month);
       const monthText = utils.format(month, 'monthShort');
       const isDisabled = disabled || isMonthDisabled(month);

package/node/YearPicker/YearPicker.js

@@ -102,7 +102,7 @@ const YearPicker = /*#__PURE__*/React.forwardRef(function YearPicker(inProps, re
   } = props;
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-  const selectedDateOrToday = date != null ? date : now;
+  const selectedDateOrStartOfYear = React.useMemo(() => date != null ? date : utils.startOfYear(now), [now, utils, date]);
   const currentYear = React.useMemo(() => {
     if (date != null) {
       return utils.getYear(date);
@@ -159,17 +159,17 @@ const YearPicker = /*#__PURE__*/React.forwardRef(function YearPicker(inProps, re
       return;
     }
 
-    const newDate = utils.setYear(selectedDateOrToday, year);
+    const newDate = utils.setYear(selectedDateOrStartOfYear, year);
     onChange(newDate, isFinish);
   };
 
   const focusYear = React.useCallback(year => {
-    if (!isYearDisabled(utils.setYear(selectedDateOrToday, year))) {
+    if (!isYearDisabled(utils.setYear(selectedDateOrStartOfYear, year))) {
       setFocusedYear(year);
       changeHasFocus(true);
       onYearFocus == null ? void 0 : onYearFocus(year);
     }
-  }, [isYearDisabled, utils, selectedDateOrToday, changeHasFocus, onYearFocus]);
+  }, [isYearDisabled, utils, selectedDateOrStartOfYear, changeHasFocus, onYearFocus]);
   React.useEffect(() => {
     setFocusedYear(prevFocusedYear => currentYear !== null && prevFocusedYear !== currentYear ? currentYear : prevFocusedYear);
   }, [currentYear]);

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.9
+/** @license MUI v5.0.11
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "5.0.9",
+  "version": "5.0.11",
   "description": "The community edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",