@mui/x-date-pickers-pro 5.0.6 → 5.0.7

package/CHANGELOG.md

@@ -3,6 +3,31 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 5.17.10
+
+_Nov 4, 2022_
+
+We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Add Ukrainian (uk-UA) locale to pickers (#6661) @Dufran
+
+### `@mui/x-data-grid@v5.17.10` / `@mui/x-data-grid-pro@v5.17.10` / `@mui/x-data-grid-premium@v5.17.10`
+
+#### Changes
+
+- [DataGrid] Remove `React.memo` from `GridCellCheckboxRenderer` (#6688) @mattcorner
+
+### `@mui/x-date-pickers@v5.0.7` / `@mui/x-date-pickers-pro@v5.0.7`
+
+#### Changes
+
+- [DateRangePicker] Fix input focused style and mobile behaviour (#6645) (#6714) @LukasTy
+- [pickers] Add Ukrainian (uk-UA) locale on the date picker (#6661) @Dufran
+
+### Docs
+
+- [docs] Mark data grid column group available (#6659) @alexfauquette
+
 ## 5.17.9
 
 _Oct 28, 2022_

package/DateRangePicker/DateRangePickerInput.d.ts

@@ -34,6 +34,7 @@ export interface DateRangePickerInputProps<TInputDate, TDate> extends ExportedDa
     validationError: DateRangeValidationError;
     rawValue: DateRange<TInputDate>;
     classes?: Partial<DateRangePickerInputClasses>;
+    mobile?: boolean;
 }
 declare type DatePickerInputComponent = <TInputDate, TDate>(props: DateRangePickerInputProps<TInputDate, TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
 /**

package/DateRangePicker/DateRangePickerInput.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["currentlySelectingRangeEnd", "disableOpenPicker", "endText", "onBlur", "onChange", "open", "openPicker", "rawValue", "rawValue", "readOnly", "renderInput", "setCurrentlySelectingRangeEnd", "startText", "TextFieldProps", "validationError", "className"];
+const _excluded = ["currentlySelectingRangeEnd", "disableOpenPicker", "endText", "onBlur", "onChange", "open", "openPicker", "rawValue", "rawValue", "readOnly", "renderInput", "setCurrentlySelectingRangeEnd", "startText", "TextFieldProps", "validationError", "className", "mobile"];
 import * as React from 'react';
 import clsx from 'clsx';
 import { styled, useThemeProps } from '@mui/material/styles';
@@ -58,7 +58,8 @@ export const DateRangePickerInput = /*#__PURE__*/React.forwardRef(function DateR
     startText,
     TextFieldProps,
     validationError: [startValidationError, endValidationError],
-    className
+    className,
+    mobile
   } = props,
         other = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -93,7 +94,9 @@ export const DateRangePickerInput = /*#__PURE__*/React.forwardRef(function DateR
     lazyHandleChangeCallback([utils.date(start), date], inputString);
   };
 
-  const openRangeStartSelection = () => {
+  const openRangeStartSelection = event => {
+    event.stopPropagation();
+
     if (setCurrentlySelectingRangeEnd) {
       setCurrentlySelectingRangeEnd('start');
     }
@@ -103,7 +106,9 @@ export const DateRangePickerInput = /*#__PURE__*/React.forwardRef(function DateR
     }
   };
 
-  const openRangeEndSelection = () => {
+  const openRangeEndSelection = event => {
+    event.stopPropagation();
+
     if (setCurrentlySelectingRangeEnd) {
       setCurrentlySelectingRangeEnd('end');
     }
@@ -133,12 +138,15 @@ export const DateRangePickerInput = /*#__PURE__*/React.forwardRef(function DateR
     validationError: startValidationError !== null,
     TextFieldProps: _extends({}, TextFieldProps, {
       ref: startRef,
-      focused: open && currentlySelectingRangeEnd === 'start'
+      focused: open ? currentlySelectingRangeEnd === 'start' : undefined
+    }, !readOnly && !other.disabled && {
+      onClick: openRangeStartSelection
     }),
     inputProps: {
       onClick: openRangeStartSelection,
       onKeyDown: onSpaceOrEnter(openRangeStartSelection),
-      onFocus: focusOnRangeStart
+      onFocus: focusOnRangeStart,
+      readOnly: mobile
     }
   }));
   const endInputProps = useMaskedInput(_extends({}, other, {
@@ -149,12 +157,15 @@ export const DateRangePickerInput = /*#__PURE__*/React.forwardRef(function DateR
     validationError: endValidationError !== null,
     TextFieldProps: _extends({}, TextFieldProps, {
       ref: endRef,
-      focused: open && currentlySelectingRangeEnd === 'end'
+      focused: open ? currentlySelectingRangeEnd === 'end' : undefined
+    }, !readOnly && !other.disabled && {
+      onClick: openRangeEndSelection
     }),
     inputProps: {
       onClick: openRangeEndSelection,
       onKeyDown: onSpaceOrEnter(openRangeEndSelection),
-      onFocus: focusOnRangeEnd
+      onFocus: focusOnRangeEnd,
+      readOnly: mobile
     }
   }));
   return /*#__PURE__*/_jsx(DateRangePickerInputRoot, {

package/MobileDateRangePicker/MobileDateRangePicker.js

@@ -56,7 +56,8 @@ export const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function Mobi
     currentlySelectingRangeEnd,
     setCurrentlySelectingRangeEnd,
     validationError,
-    ref
+    ref,
+    mobile: true
   });
 
   return /*#__PURE__*/_jsx(MobileWrapper, _extends({}, other, wrapperProps, {

package/index.js

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

package/internal/utils/releaseInfo.js

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

package/legacy/DateRangePicker/DateRangePickerInput.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["currentlySelectingRangeEnd", "disableOpenPicker", "endText", "onBlur", "onChange", "open", "openPicker", "rawValue", "rawValue", "readOnly", "renderInput", "setCurrentlySelectingRangeEnd", "startText", "TextFieldProps", "validationError", "className"];
+var _excluded = ["currentlySelectingRangeEnd", "disableOpenPicker", "endText", "onBlur", "onChange", "open", "openPicker", "rawValue", "rawValue", "readOnly", "renderInput", "setCurrentlySelectingRangeEnd", "startText", "TextFieldProps", "validationError", "className", "mobile"];
 import * as React from 'react';
 import clsx from 'clsx';
 import { styled, useThemeProps } from '@mui/material/styles';
@@ -65,6 +65,7 @@ export var DateRangePickerInput = /*#__PURE__*/React.forwardRef(function DateRan
       startValidationError = _props$validationErro[0],
       endValidationError = _props$validationErro[1],
       className = props.className,
+      mobile = props.mobile,
       other = _objectWithoutProperties(props, _excluded);
 
   var utils = useUtils();
@@ -106,7 +107,9 @@ export var DateRangePickerInput = /*#__PURE__*/React.forwardRef(function DateRan
     lazyHandleChangeCallback([utils.date(start), date], inputString);
   };
 
-  var openRangeStartSelection = function openRangeStartSelection() {
+  var openRangeStartSelection = function openRangeStartSelection(event) {
+    event.stopPropagation();
+
     if (setCurrentlySelectingRangeEnd) {
       setCurrentlySelectingRangeEnd('start');
     }
@@ -116,7 +119,9 @@ export var DateRangePickerInput = /*#__PURE__*/React.forwardRef(function DateRan
     }
   };
 
-  var openRangeEndSelection = function openRangeEndSelection() {
+  var openRangeEndSelection = function openRangeEndSelection(event) {
+    event.stopPropagation();
+
     if (setCurrentlySelectingRangeEnd) {
       setCurrentlySelectingRangeEnd('end');
     }
@@ -146,12 +151,15 @@ export var DateRangePickerInput = /*#__PURE__*/React.forwardRef(function DateRan
     validationError: startValidationError !== null,
     TextFieldProps: _extends({}, TextFieldProps, {
       ref: startRef,
-      focused: open && currentlySelectingRangeEnd === 'start'
+      focused: open ? currentlySelectingRangeEnd === 'start' : undefined
+    }, !readOnly && !other.disabled && {
+      onClick: openRangeStartSelection
     }),
     inputProps: {
       onClick: openRangeStartSelection,
       onKeyDown: onSpaceOrEnter(openRangeStartSelection),
-      onFocus: focusOnRangeStart
+      onFocus: focusOnRangeStart,
+      readOnly: mobile
     }
   }));
   var endInputProps = useMaskedInput(_extends({}, other, {
@@ -162,12 +170,15 @@ export var DateRangePickerInput = /*#__PURE__*/React.forwardRef(function DateRan
     validationError: endValidationError !== null,
     TextFieldProps: _extends({}, TextFieldProps, {
       ref: endRef,
-      focused: open && currentlySelectingRangeEnd === 'end'
+      focused: open ? currentlySelectingRangeEnd === 'end' : undefined
+    }, !readOnly && !other.disabled && {
+      onClick: openRangeEndSelection
     }),
     inputProps: {
       onClick: openRangeEndSelection,
       onKeyDown: onSpaceOrEnter(openRangeEndSelection),
-      onFocus: focusOnRangeEnd
+      onFocus: focusOnRangeEnd,
+      readOnly: mobile
     }
   }));
   return /*#__PURE__*/_jsx(DateRangePickerInputRoot, {

package/legacy/MobileDateRangePicker/MobileDateRangePicker.js

@@ -58,7 +58,8 @@ export var MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function Mobile
     currentlySelectingRangeEnd: currentlySelectingRangeEnd,
     setCurrentlySelectingRangeEnd: setCurrentlySelectingRangeEnd,
     validationError: validationError,
-    ref: ref
+    ref: ref,
+    mobile: true
   });
 
   return /*#__PURE__*/_jsx(MobileWrapper, _extends({}, other, wrapperProps, {

package/legacy/index.js

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

package/legacy/internal/utils/releaseInfo.js

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

package/modern/DateRangePicker/DateRangePickerInput.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["currentlySelectingRangeEnd", "disableOpenPicker", "endText", "onBlur", "onChange", "open", "openPicker", "rawValue", "rawValue", "readOnly", "renderInput", "setCurrentlySelectingRangeEnd", "startText", "TextFieldProps", "validationError", "className"];
+const _excluded = ["currentlySelectingRangeEnd", "disableOpenPicker", "endText", "onBlur", "onChange", "open", "openPicker", "rawValue", "rawValue", "readOnly", "renderInput", "setCurrentlySelectingRangeEnd", "startText", "TextFieldProps", "validationError", "className", "mobile"];
 import * as React from 'react';
 import clsx from 'clsx';
 import { styled, useThemeProps } from '@mui/material/styles';
@@ -58,7 +58,8 @@ export const DateRangePickerInput = /*#__PURE__*/React.forwardRef(function DateR
     startText,
     TextFieldProps,
     validationError: [startValidationError, endValidationError],
-    className
+    className,
+    mobile
   } = props,
         other = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -89,7 +90,9 @@ export const DateRangePickerInput = /*#__PURE__*/React.forwardRef(function DateR
     lazyHandleChangeCallback([utils.date(start), date], inputString);
   };
 
-  const openRangeStartSelection = () => {
+  const openRangeStartSelection = event => {
+    event.stopPropagation();
+
     if (setCurrentlySelectingRangeEnd) {
       setCurrentlySelectingRangeEnd('start');
     }
@@ -99,7 +102,9 @@ export const DateRangePickerInput = /*#__PURE__*/React.forwardRef(function DateR
     }
   };
 
-  const openRangeEndSelection = () => {
+  const openRangeEndSelection = event => {
+    event.stopPropagation();
+
     if (setCurrentlySelectingRangeEnd) {
       setCurrentlySelectingRangeEnd('end');
     }
@@ -129,12 +134,15 @@ export const DateRangePickerInput = /*#__PURE__*/React.forwardRef(function DateR
     validationError: startValidationError !== null,
     TextFieldProps: _extends({}, TextFieldProps, {
       ref: startRef,
-      focused: open && currentlySelectingRangeEnd === 'start'
+      focused: open ? currentlySelectingRangeEnd === 'start' : undefined
+    }, !readOnly && !other.disabled && {
+      onClick: openRangeStartSelection
     }),
     inputProps: {
       onClick: openRangeStartSelection,
       onKeyDown: onSpaceOrEnter(openRangeStartSelection),
-      onFocus: focusOnRangeStart
+      onFocus: focusOnRangeStart,
+      readOnly: mobile
     }
   }));
   const endInputProps = useMaskedInput(_extends({}, other, {
@@ -145,12 +153,15 @@ export const DateRangePickerInput = /*#__PURE__*/React.forwardRef(function DateR
     validationError: endValidationError !== null,
     TextFieldProps: _extends({}, TextFieldProps, {
       ref: endRef,
-      focused: open && currentlySelectingRangeEnd === 'end'
+      focused: open ? currentlySelectingRangeEnd === 'end' : undefined
+    }, !readOnly && !other.disabled && {
+      onClick: openRangeEndSelection
     }),
     inputProps: {
       onClick: openRangeEndSelection,
       onKeyDown: onSpaceOrEnter(openRangeEndSelection),
-      onFocus: focusOnRangeEnd
+      onFocus: focusOnRangeEnd,
+      readOnly: mobile
     }
   }));
   return /*#__PURE__*/_jsx(DateRangePickerInputRoot, {

package/modern/MobileDateRangePicker/MobileDateRangePicker.js

@@ -56,7 +56,8 @@ export const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function Mobi
     currentlySelectingRangeEnd,
     setCurrentlySelectingRangeEnd,
     validationError,
-    ref
+    ref,
+    mobile: true
   });
 
   return /*#__PURE__*/_jsx(MobileWrapper, _extends({}, other, wrapperProps, {

package/modern/index.js

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

package/modern/internal/utils/releaseInfo.js

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

package/node/DateRangePicker/DateRangePickerInput.js

@@ -25,7 +25,7 @@ var _dateRangePickerInputClasses = require("./dateRangePickerInputClasses");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const _excluded = ["currentlySelectingRangeEnd", "disableOpenPicker", "endText", "onBlur", "onChange", "open", "openPicker", "rawValue", "rawValue", "readOnly", "renderInput", "setCurrentlySelectingRangeEnd", "startText", "TextFieldProps", "validationError", "className"];
+const _excluded = ["currentlySelectingRangeEnd", "disableOpenPicker", "endText", "onBlur", "onChange", "open", "openPicker", "rawValue", "rawValue", "readOnly", "renderInput", "setCurrentlySelectingRangeEnd", "startText", "TextFieldProps", "validationError", "className", "mobile"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -79,7 +79,8 @@ const DateRangePickerInput = /*#__PURE__*/React.forwardRef(function DateRangePic
     startText,
     TextFieldProps,
     validationError: [startValidationError, endValidationError],
-    className
+    className,
+    mobile
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const utils = (0, _internals.useUtils)();
@@ -113,7 +114,9 @@ const DateRangePickerInput = /*#__PURE__*/React.forwardRef(function DateRangePic
     lazyHandleChangeCallback([utils.date(start), date], inputString);
   };
 
-  const openRangeStartSelection = () => {
+  const openRangeStartSelection = event => {
+    event.stopPropagation();
+
     if (setCurrentlySelectingRangeEnd) {
       setCurrentlySelectingRangeEnd('start');
     }
@@ -123,7 +126,9 @@ const DateRangePickerInput = /*#__PURE__*/React.forwardRef(function DateRangePic
     }
   };
 
-  const openRangeEndSelection = () => {
+  const openRangeEndSelection = event => {
+    event.stopPropagation();
+
     if (setCurrentlySelectingRangeEnd) {
       setCurrentlySelectingRangeEnd('end');
     }
@@ -153,12 +158,15 @@ const DateRangePickerInput = /*#__PURE__*/React.forwardRef(function DateRangePic
     validationError: startValidationError !== null,
     TextFieldProps: (0, _extends2.default)({}, TextFieldProps, {
       ref: startRef,
-      focused: open && currentlySelectingRangeEnd === 'start'
+      focused: open ? currentlySelectingRangeEnd === 'start' : undefined
+    }, !readOnly && !other.disabled && {
+      onClick: openRangeStartSelection
     }),
     inputProps: {
       onClick: openRangeStartSelection,
       onKeyDown: (0, _internals.onSpaceOrEnter)(openRangeStartSelection),
-      onFocus: focusOnRangeStart
+      onFocus: focusOnRangeStart,
+      readOnly: mobile
     }
   }));
   const endInputProps = (0, _internals.useMaskedInput)((0, _extends2.default)({}, other, {
@@ -169,12 +177,15 @@ const DateRangePickerInput = /*#__PURE__*/React.forwardRef(function DateRangePic
     validationError: endValidationError !== null,
     TextFieldProps: (0, _extends2.default)({}, TextFieldProps, {
       ref: endRef,
-      focused: open && currentlySelectingRangeEnd === 'end'
+      focused: open ? currentlySelectingRangeEnd === 'end' : undefined
+    }, !readOnly && !other.disabled && {
+      onClick: openRangeEndSelection
     }),
     inputProps: {
       onClick: openRangeEndSelection,
       onKeyDown: (0, _internals.onSpaceOrEnter)(openRangeEndSelection),
-      onFocus: focusOnRangeEnd
+      onFocus: focusOnRangeEnd,
+      readOnly: mobile
     }
   }));
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(DateRangePickerInputRoot, {

package/node/MobileDateRangePicker/MobileDateRangePicker.js

@@ -77,7 +77,8 @@ const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateR
     currentlySelectingRangeEnd,
     setCurrentlySelectingRangeEnd,
     validationError,
-    ref
+    ref,
+    mobile: true
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.MobileWrapper, (0, _extends2.default)({}, other, wrapperProps, {
     DateInputProps: DateInputProps,

package/node/index.js

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

package/node/internal/utils/releaseInfo.js

@@ -8,7 +8,7 @@ exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 
 const getReleaseInfo = () => {
-  const releaseInfo = "MTY2NjkyNjAwMDAwMA==";
+  const releaseInfo = "MTY2NzUxNjQwMDAwMA==";
 
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "5.0.6",
+  "version": "5.0.7",
   "description": "The commercial edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -36,7 +36,7 @@
     "@date-io/luxon": "^2.15.0",
     "@date-io/moment": "^2.15.0",
     "@mui/utils": "^5.10.3",
-    "@mui/x-date-pickers": "5.0.6",
+    "@mui/x-date-pickers": "5.0.7",
     "@mui/x-license-pro": "5.17.0",
     "clsx": "^1.2.1",
     "prop-types": "^15.7.2",