@mui/x-date-pickers 6.19.8 → 6.19.9

package/CHANGELOG.md

@@ -3,6 +3,48 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.19.9
+
+_Apr 5, 2024_
+
+We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.19.9`
+
+- [DataGrid] Remove legacy editing API event: `rowEditCommit` (#12087) @MBilalShafi
+
+#### `@mui/x-data-grid-pro@6.19.9` [![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.9`.
+
+#### `@mui/x-data-grid-premium@6.19.9` [![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.9`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.19.9`
+
+No changes.
+
+#### `@mui/x-date-pickers-pro@6.19.9` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+- [DateRangePicker] Fix selection behavior with single input field when `readOnly` (#12605) @LukasTy
+
+### Docs
+
+- [docs] Adds a recipe for the `checkboxSelectionVisibleOnly` prop (#12667) @michelengelen
+- [docs] Explain the use of `_action: 'delete'` in `processRowUpdate` (#12673) @michelengelen
+
+### Core
+
+- [core] Use Circle CI context (#12607) @cherniavskii
+
 ## 6.19.8
 
 _Mar 20, 2024_

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.19.8
+ * @mui/x-date-pickers v6.19.9
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/hooks/useField/useField.js

@@ -403,10 +403,11 @@ export const useField = params => {
   React.useImperativeHandle(unstableFieldRef, () => ({
     getSections: () => state.sections,
     getActiveSectionIndex: () => {
-      var _selectionStart2, _selectionEnd;
+      var _selectionStart2, _selectionEnd, _inputRef$current;
       const browserStartIndex = (_selectionStart2 = inputRef.current.selectionStart) != null ? _selectionStart2 : 0;
       const browserEndIndex = (_selectionEnd = inputRef.current.selectionEnd) != null ? _selectionEnd : 0;
-      if (browserStartIndex === 0 && browserEndIndex === 0) {
+      const isInputReadOnly = !!((_inputRef$current = inputRef.current) != null && _inputRef$current.readOnly);
+      if (browserStartIndex === 0 && browserEndIndex === 0 || isInputReadOnly) {
         return null;
       }
       const nextSectionIndex = browserStartIndex <= state.sections[0].startInInput ? 1 // Special case if browser index is in invisible characters at the beginning.
@@ -416,11 +417,11 @@ export const useField = params => {
     setSelectedSections: activeSectionIndex => setSelectedSections(activeSectionIndex)
   }));
   const handleClearValue = useEventCallback((event, ...args) => {
-    var _inputRef$current;
+    var _inputRef$current2;
     event.preventDefault();
     onClear == null || onClear(event, ...args);
     clearValue();
-    inputRef == null || (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
+    inputRef == null || (_inputRef$current2 = inputRef.current) == null || _inputRef$current2.focus();
     setSelectedSections(0);
   });
   return _extends({

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.19.8
+ * @mui/x-date-pickers v6.19.9
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/internals/hooks/useField/useField.js

@@ -417,10 +417,11 @@ export var useField = function useField(params) {
         return state.sections;
       },
       getActiveSectionIndex: function getActiveSectionIndex() {
-        var _selectionStart2, _selectionEnd;
+        var _selectionStart2, _selectionEnd, _inputRef$current;
         var browserStartIndex = (_selectionStart2 = inputRef.current.selectionStart) != null ? _selectionStart2 : 0;
         var browserEndIndex = (_selectionEnd = inputRef.current.selectionEnd) != null ? _selectionEnd : 0;
-        if (browserStartIndex === 0 && browserEndIndex === 0) {
+        var isInputReadOnly = !!((_inputRef$current = inputRef.current) != null && _inputRef$current.readOnly);
+        if (browserStartIndex === 0 && browserEndIndex === 0 || isInputReadOnly) {
           return null;
         }
         var nextSectionIndex = browserStartIndex <= state.sections[0].startInInput ? 1 // Special case if browser index is in invisible characters at the beginning.
@@ -435,14 +436,14 @@ export var useField = function useField(params) {
     };
   });
   var handleClearValue = useEventCallback(function (event) {
-    var _inputRef$current;
+    var _inputRef$current2;
     event.preventDefault();
     for (var _len4 = arguments.length, args = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
       args[_key4 - 1] = arguments[_key4];
     }
     onClear == null || onClear.apply(void 0, [event].concat(_toConsumableArray(args)));
     clearValue();
-    inputRef == null || (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
+    inputRef == null || (_inputRef$current2 = inputRef.current) == null || _inputRef$current2.focus();
     _setSelectedSections(0);
   });
   return _extends({

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.19.8
+ * @mui/x-date-pickers v6.19.9
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/internals/hooks/useField/useField.js

@@ -401,7 +401,8 @@ export const useField = params => {
     getActiveSectionIndex: () => {
       const browserStartIndex = inputRef.current.selectionStart ?? 0;
       const browserEndIndex = inputRef.current.selectionEnd ?? 0;
-      if (browserStartIndex === 0 && browserEndIndex === 0) {
+      const isInputReadOnly = !!inputRef.current?.readOnly;
+      if (browserStartIndex === 0 && browserEndIndex === 0 || isInputReadOnly) {
         return null;
       }
       const nextSectionIndex = browserStartIndex <= state.sections[0].startInInput ? 1 // Special case if browser index is in invisible characters at the beginning.

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.19.8
+ * @mui/x-date-pickers v6.19.9
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/internals/hooks/useField/useField.js

@@ -410,7 +410,8 @@ const useField = params => {
     getActiveSectionIndex: () => {
       const browserStartIndex = inputRef.current.selectionStart ?? 0;
       const browserEndIndex = inputRef.current.selectionEnd ?? 0;
-      if (browserStartIndex === 0 && browserEndIndex === 0) {
+      const isInputReadOnly = !!inputRef.current?.readOnly;
+      if (browserStartIndex === 0 && browserEndIndex === 0 || isInputReadOnly) {
         return null;
       }
       const nextSectionIndex = browserStartIndex <= state.sections[0].startInInput ? 1 // Special case if browser index is in invisible characters at the beginning.

package/package.json

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