@mui/x-tree-view 7.0.0-beta.2 → 7.0.0-beta.3

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.
 
+## v7.0.0-beta.3
+
+_Feb 16, 2024_
+
+We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 Charts get a [built in grid](https://next.mui.com/x/react-charts/axis/#grid)
+
+  <img src="https://github.com/mui/mui-x/assets/45398769/74299f54-f020-4135-b38c-dc88a230db30" width="510" alt="Charts Grid" />
+
+- 🎛️ Charts get a [Gauge component](https://next.mui.com/x/react-charts/gauge/).
+
+  <img src="https://github.com/mui/mui-x/assets/45398769/fb7a94b5-bef6-4fc2-a0cd-d6ff5b60fa8b" width="510" alt="Guage Chart" />
+
+- 🐞 Bugfixes
+
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### Breaking changes
+
+- The `rowEditCommit` event and the related prop `onRowEditCommit` was removed. The [`processRowUpdate`](https://next.mui.com/x/react-data-grid/editing/#the-processrowupdate-callback) prop can be used in place.
+
+#### `@mui/x-data-grid@7.0.0-beta.3`
+
+- [DataGrid] Performance: avoid style invalidation (#12019) @romgrk
+- [DataGrid] Remove legacy editing API event: `rowEditCommit` (#12073) @MBilalShafi
+- [DataGrid] Fix styling grid filter input single select (#11520) @FreakDroid
+
+#### `@mui/x-data-grid-pro@7.0.0-beta.3` [![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@7.0.0-beta.3`.
+
+#### `@mui/x-data-grid-premium@7.0.0-beta.3` [![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@7.0.0-beta.3`.
+
+### Charts / `@mui/x-charts@7.0.0-beta.3`
+
+- [charts] Add Gauge component (#11996) @alexfauquette
+- [charts] Add a `ChartsGrid` component (#11034) @alexfauquette
+
+### Tree View / `@mui/x-tree-view@7.0.0-beta.3`
+
+- [TreeView] Remove instance existence checks (#12066) @flaviendelangle
+
+### Docs
+
+- [docs] Complete charts API pages (#12038) @alexfauquette
+- [docs] Add more illustrations to the charts overview page (#12041) @danilo-leal
+- [docs] Fix 301 redirection to StackBlitz @oliviertassinari
+- [docs] Fix Tree space to match the reset of the docs @oliviertassinari
+- [docs] Fix `dayOfWeekFormatter` typo in the pickers v6 to v7 migration document (#12043) @StylesTrip
+- [docs] Fix redirection @oliviertassinari
+- [docs] Fix typo for `AdapterDateFnsV3` (#12036) @flaviendelangle
+- [docs] Removed `focused` prop from demo (#12092) @michelengelen
+
+### Core
+
+- [core] Fix CodeSandbox CI template @oliviertassinari
+- [core] Sort prop asc (#12033) @oliviertassinari
+- [core] Bump monorepo (#12055) @alexfauquette
+
 ## v7.0.0-beta.2
 
 _Feb 9, 2024_
@@ -17,7 +81,7 @@ We'd like to offer a big thanks to the 15 contributors who made this release pos
 
 ### Data Grid
 
-#### `@mui/x-data-grid@v7.0.0-beta.2`
+#### `@mui/x-data-grid@7.0.0-beta.2`
 
 - [DataGrid] Add `removeAllFilterItems` as a reason of `onFilterModelChange` callback (#11911) @shaharyar-shamshi
 - [DataGrid] Add slot typings (#11795) @romgrk
@@ -27,35 +91,35 @@ We'd like to offer a big thanks to the 15 contributors who made this release pos
 - [DataGrid] Improve vertical scrolling performance (#11924) @romgrk
 - [l10n] Improve Danish (da-DK) locale (#11877) @ShahrazH
 
-#### `@mui/x-data-grid-pro@v7.0.0-beta.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+#### `@mui/x-data-grid-pro@7.0.0-beta.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@v7.0.0-beta.2`.
 
 #### `@mui/x-data-grid-premium@v7.0.0-beta.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@v7.0.0-beta.2`, plus:
+Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.2`, plus:
 
 - [DataGridPremium] Fix autosize grouping cell (#11870) @romgrk
 - [DataGridPremium] Fix clipboard paste not working with Caps Lock enabled (#11965) @shaharyar-shamshi
 
 ### Date Pickers
 
-#### `@mui/x-date-pickers@v7.0.0-beta.2`
+#### `@mui/x-date-pickers@7.0.0-beta.2`
 
 - [pickers] Avoid relying on locale in Luxon `isWithinRange` method (#11936) @LukasTy
 - [pickers] Limit the valid values of `TDate` (#11791) @flaviendelangle
 
-#### `@mui/x-date-pickers-pro@v7.0.0-beta.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+#### `@mui/x-date-pickers-pro@7.0.0-beta.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@v7.0.0-beta.2`.
+Same changes as in `@mui/x-date-pickers@7.0.0-beta.2`.
 
-### Charts / `@mui/x-charts@v7.0.0-beta.2`
+### Charts / `@mui/x-charts@7.0.0-beta.2`
 
 - [charts] Add `reverse` property to axes (#11899) @alexfauquette
 - [charts] Allow series ids to be numbers (#11941) @alexfauquette
 - [charts] Support UTC date formatting in tooltip (#11943) @shaharyar-shamshi
 
-### Tree View / `@mui/x-tree-view@v7.0.0-beta.2`
+### Tree View / `@mui/x-tree-view@7.0.0-beta.2`
 
 - [TreeView] Correctly detect if an item is expandable (#11963) @swalker326
 - [TreeView] Polish the default design & revise the simple version pages (#11529) @danilo-leal
@@ -71,7 +135,7 @@ Same changes as in `@mui/x-date-pickers@v7.0.0-beta.2`.
   +import { LicenseInfo } from '@mui/x-license';
   ```
 
-`@mui/x-license@v7.0.0-beta.2`
+`@mui/x-license@7.0.0-beta.2`
 
 - [license] Rename `@mui/x-license-pro` to `@mui/x-license` (#11938) @cherniavskii
 

package/TreeItem/useTreeItemState.js

@@ -12,7 +12,7 @@ export function useTreeItemState(nodeId) {
   const selected = instance.isNodeSelected(nodeId);
   const disabled = instance.isNodeDisabled(nodeId);
   const handleExpansion = event => {
-    if (instance && !disabled) {
+    if (!disabled) {
       if (!focused) {
         instance.focusNode(event, nodeId);
       }
@@ -25,7 +25,7 @@ export function useTreeItemState(nodeId) {
     }
   };
   const handleSelection = event => {
-    if (instance && !disabled) {
+    if (!disabled) {
       if (!focused) {
         instance.focusNode(event, nodeId);
       }

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view v7.0.0-beta.2
+ * @mui/x-tree-view v7.0.0-beta.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/plugins/useTreeViewJSXNodes/useTreeViewJSXNodes.js

@@ -89,7 +89,7 @@ const useTreeViewJSXNodesItemPlugin = ({
   } = useDescendant(descendant);
   React.useEffect(() => {
     // On the first render a node's index will be -1. We want to wait for the real index.
-    if (instance && index !== -1) {
+    if (index !== -1) {
       instance.insertJSXNode({
         id: nodeId,
         idAttribute: id,
@@ -103,7 +103,7 @@ const useTreeViewJSXNodesItemPlugin = ({
     return undefined;
   }, [instance, parentId, index, nodeId, expandable, disabled, id]);
   React.useEffect(() => {
-    if (instance && label) {
+    if (label) {
       var _contentRef$current$t, _contentRef$current;
       return instance.mapFirstCharFromJSX(nodeId, ((_contentRef$current$t = (_contentRef$current = contentRef.current) == null ? void 0 : _contentRef$current.textContent) != null ? _contentRef$current$t : '').substring(0, 1).toLowerCase());
     }

package/legacy/TreeItem/useTreeItemState.js

@@ -9,7 +9,7 @@ export function useTreeItemState(nodeId) {
   var selected = instance.isNodeSelected(nodeId);
   var disabled = instance.isNodeDisabled(nodeId);
   var handleExpansion = function handleExpansion(event) {
-    if (instance && !disabled) {
+    if (!disabled) {
       if (!focused) {
         instance.focusNode(event, nodeId);
       }
@@ -22,7 +22,7 @@ export function useTreeItemState(nodeId) {
     }
   };
   var handleSelection = function handleSelection(event) {
-    if (instance && !disabled) {
+    if (!disabled) {
       if (!focused) {
         instance.focusNode(event, nodeId);
       }

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view v7.0.0-beta.2
+ * @mui/x-tree-view v7.0.0-beta.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/internals/plugins/useTreeViewJSXNodes/useTreeViewJSXNodes.js

@@ -89,7 +89,7 @@ var useTreeViewJSXNodesItemPlugin = function useTreeViewJSXNodesItemPlugin(_ref2
     parentId = _useDescendant.parentId;
   React.useEffect(function () {
     // On the first render a node's index will be -1. We want to wait for the real index.
-    if (instance && index !== -1) {
+    if (index !== -1) {
       instance.insertJSXNode({
         id: nodeId,
         idAttribute: id,
@@ -105,7 +105,7 @@ var useTreeViewJSXNodesItemPlugin = function useTreeViewJSXNodesItemPlugin(_ref2
     return undefined;
   }, [instance, parentId, index, nodeId, expandable, disabled, id]);
   React.useEffect(function () {
-    if (instance && label) {
+    if (label) {
       var _contentRef$current$t, _contentRef$current;
       return instance.mapFirstCharFromJSX(nodeId, ((_contentRef$current$t = (_contentRef$current = contentRef.current) == null ? void 0 : _contentRef$current.textContent) != null ? _contentRef$current$t : '').substring(0, 1).toLowerCase());
     }

package/modern/TreeItem/useTreeItemState.js

@@ -12,7 +12,7 @@ export function useTreeItemState(nodeId) {
   const selected = instance.isNodeSelected(nodeId);
   const disabled = instance.isNodeDisabled(nodeId);
   const handleExpansion = event => {
-    if (instance && !disabled) {
+    if (!disabled) {
       if (!focused) {
         instance.focusNode(event, nodeId);
       }
@@ -25,7 +25,7 @@ export function useTreeItemState(nodeId) {
     }
   };
   const handleSelection = event => {
-    if (instance && !disabled) {
+    if (!disabled) {
       if (!focused) {
         instance.focusNode(event, nodeId);
       }

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view v7.0.0-beta.2
+ * @mui/x-tree-view v7.0.0-beta.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/internals/plugins/useTreeViewJSXNodes/useTreeViewJSXNodes.js

@@ -89,7 +89,7 @@ const useTreeViewJSXNodesItemPlugin = ({
   } = useDescendant(descendant);
   React.useEffect(() => {
     // On the first render a node's index will be -1. We want to wait for the real index.
-    if (instance && index !== -1) {
+    if (index !== -1) {
       instance.insertJSXNode({
         id: nodeId,
         idAttribute: id,
@@ -103,7 +103,7 @@ const useTreeViewJSXNodesItemPlugin = ({
     return undefined;
   }, [instance, parentId, index, nodeId, expandable, disabled, id]);
   React.useEffect(() => {
-    if (instance && label) {
+    if (label) {
       return instance.mapFirstCharFromJSX(nodeId, (contentRef.current?.textContent ?? '').substring(0, 1).toLowerCase());
     }
     return undefined;

package/node/TreeItem/useTreeItemState.js

@@ -18,7 +18,7 @@ function useTreeItemState(nodeId) {
   const selected = instance.isNodeSelected(nodeId);
   const disabled = instance.isNodeDisabled(nodeId);
   const handleExpansion = event => {
-    if (instance && !disabled) {
+    if (!disabled) {
       if (!focused) {
         instance.focusNode(event, nodeId);
       }
@@ -31,7 +31,7 @@ function useTreeItemState(nodeId) {
     }
   };
   const handleSelection = event => {
-    if (instance && !disabled) {
+    if (!disabled) {
       if (!focused) {
         instance.focusNode(event, nodeId);
       }

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view v7.0.0-beta.2
+ * @mui/x-tree-view v7.0.0-beta.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/internals/plugins/useTreeViewJSXNodes/useTreeViewJSXNodes.js

@@ -99,7 +99,7 @@ const useTreeViewJSXNodesItemPlugin = ({
   } = (0, _DescendantProvider.useDescendant)(descendant);
   React.useEffect(() => {
     // On the first render a node's index will be -1. We want to wait for the real index.
-    if (instance && index !== -1) {
+    if (index !== -1) {
       instance.insertJSXNode({
         id: nodeId,
         idAttribute: id,
@@ -113,7 +113,7 @@ const useTreeViewJSXNodesItemPlugin = ({
     return undefined;
   }, [instance, parentId, index, nodeId, expandable, disabled, id]);
   React.useEffect(() => {
-    if (instance && label) {
+    if (label) {
       return instance.mapFirstCharFromJSX(nodeId, (contentRef.current?.textContent ?? '').substring(0, 1).toLowerCase());
     }
     return undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-tree-view",
-  "version": "7.0.0-beta.2",
+  "version": "7.0.0-beta.3",
   "description": "The community edition of the tree view components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -33,9 +33,9 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.23.9",
-    "@mui/base": "^5.0.0-beta.34",
-    "@mui/system": "^5.15.7",
-    "@mui/utils": "^5.15.7",
+    "@mui/base": "^5.0.0-beta.36",
+    "@mui/system": "^5.15.9",
+    "@mui/utils": "^5.15.9",
     "@types/react-transition-group": "^4.4.10",
     "clsx": "^2.1.0",
     "prop-types": "^15.8.1",