@mui/x-tree-view 6.0.0-alpha.2 → 6.0.0-alpha.3

package/CHANGELOG.md

@@ -3,6 +3,83 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.14.0
+
+_Sep 14, 2023_
+
+We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 Fix `YearCalendar` and `MonthCalendar` accessibility (#10312) @LukasTy
+
+  The `YearCalendar` and `MonthCalendar` items role has been changed from `button` to `radio` in order to improve the component's a11y support.
+  If you were relying on the mentioned components having a `button` role for items, you will need to update your usage to expect a `radio` role instead.
+
+- 🌍 Improve Japanese (ja-JP), Persian (fa-IR), and Vietnamese (vi-VN) locales on the data grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.14.0`
+
+- [l10n] Improve Japanese (ja-JP) locale (#10299) @makoto14
+- [l10n] Improve Persian (fa-IR) locale (#10277) @aminsaedi
+- [l10n] Improve Vietnamese (vi-VN) locale (#10280) @khangnguyen2100
+
+#### `@mui/x-data-grid-pro@6.14.0` [![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.14.0`.
+
+#### `@mui/x-data-grid-premium@6.14.0` [![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.14.0`, plus:
+
+- [DataGridPremium] Fix clipboard import cutting off at 100 rows (#9930) @gitstart
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.14.0`
+
+- [pickers] Fix `YearCalendar` and `MonthCalendar` a11y (#10312) @LukasTy
+- [pickers] Localize `TimeClock` meridiem text (#10324) @LukasTy
+
+#### `@mui/x-date-pickers-pro@6.14.0` [![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.14.0`.
+
+### Charts / `@mui/x-charts@6.0.0-alpha.11`
+
+- [charts] Add default `barGapRatio` and increase `categoryGapRatio` (#10317) @LukasTy
+- [charts] Enable `eslint` on the package (#10330) @LukasTy
+
+### Tree View / `@mui/x-tree-view@6.0.0-alpha.3`
+
+- [TreeView] Fix box-sizing dependency (#10255) @oliviertassinari
+
+### Docs
+
+- [docs] Add conditional range picker props example (#10227) @LukasTy
+- [docs] Add toolbar to the multi-filters demo (#10223) @MBilalShafi
+- [docs] Avoid the use of "We" @oliviertassinari
+- [docs] Clarify MUI vs. MUI Core difference @oliviertassinari
+- [docs] Enable `ariaV7` flag for demos using `useDemoData` hook (#10204) @cherniavskii
+- [docs] Fix Tree View link to API references (#10282) @oliviertassinari
+- [docs] Fix image layout shift (#10313) @oliviertassinari
+- [docs] Fix link to MUI X from readme logo @oliviertassinari
+- [docs] Fix redirection to Base UI URLs @oliviertassinari
+- [docs] Improve Tree View demos (#10268) @oliviertassinari
+- [docs] Improve docs for ref type props (#10273) @michelengelen
+- [docs] Improve npm package README (#10269) @oliviertassinari
+- [docs] Improve the clarity of the npm links @oliviertassinari
+- [docs] Keep installation readme simple @oliviertassinari
+- [docs] Make each component feel more standalone @oliviertassinari
+
+### Core
+
+- [core] Add types extension for clarity @oliviertassinari
+- [core] Set logo height to fix layout shift in GitHub @oliviertassinari
+- [core] TrapFocus was renamed to FocusTrap @oliviertassinari
+
 ## 6.13.0
 
 _Sep 8, 2023_
@@ -12,6 +89,7 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
 - 🎁 Fix `anchorRef` behavior on range pickers (#10077) @LukasTy
 
   The range picker popup will now be anchored to the first input element and left aligned like other pickers.
+
 - 🌍 Improve Slovak (sk-SK) locale on the data grid
 - 🐞 Bugfixes
 - 📚 Documentation improvements
@@ -1838,7 +1916,7 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
 #### Changes
 
 - [DataGrid] Add interface for `singleSelect` column (#7685) @m4theushw
-- [DataGrid] Allow to pass props to the `TrapFocus` inside the panel wrapper (#7733) @ivek-Prajapatii
+- [DataGrid] Allow to pass props to the `FocusTrap` inside the panel wrapper (#7733) @ivek-Prajapatii
 - [DataGrid] Avoid unnecessary rerenders after `updateRows` (#7857) @cherniavskii
 - [DataGridPro] Change cursor when dragging a column (#7725) @sai6855
 - [DataGridPremium] Fix `leafField` to have correct focus value (#7950) @MBilalShafi

package/README.md

@@ -1,7 +1,7 @@
-# @mui/x-tree-view
+# MUI X Tree View
 
 This package is the community edition of the tree view components.
-It's part of MUI X, an open-core extension of MUI, with advanced components.
+It's part of [MUI X](https://mui.com/x/), an open-core extension of MUI Core, with advanced components.
 
 ## Installation
 
@@ -11,12 +11,6 @@ Install the package in your project directory with:
 npm install @mui/x-tree-view
 ```
 
-or
-
-```bash
-yarn add @mui/x-tree-view
-```
-
 This component has the following peer dependencies that you will need to install as well.
 
 ```json
@@ -30,4 +24,4 @@ This component has the following peer dependencies that you will need to install
 
 ## Documentation
 
-WIP
+Visit [https://mui.com/x/react-tree-view/](https://mui.com/x/react-tree-view/) to view the full documentation.

package/TreeItem/TreeItem.d.ts

@@ -4,10 +4,10 @@ import { TreeItemProps } from './TreeItem.types';
  *
  * Demos:
  *
- * - [Tree View](https://mui.com/material-ui/react-tree-view/)
+ * - [Tree View](https://mui.com/x/react-tree-view/)
  *
  * API:
  *
- * - [TreeItem API](https://mui.com/material-ui/api/tree-item/)
+ * - [TreeItem API](https://mui.com/x/api/tree-view/tree-item/)
  */
 export declare const TreeItem: React.ForwardRefExoticComponent<TreeItemProps & React.RefAttributes<HTMLLIElement>>;

package/TreeItem/TreeItem.js

@@ -59,6 +59,8 @@ const StyledTreeItemContent = styled(TreeItemContent, {
 }) => ({
   padding: '0 8px',
   width: '100%',
+  boxSizing: 'border-box',
+  // prevent width + padding to overflow
   display: 'flex',
   alignItems: 'center',
   cursor: 'pointer',
@@ -101,10 +103,12 @@ const StyledTreeItemContent = styled(TreeItemContent, {
     }
   },
   [`& .${treeItemClasses.label}`]: _extends({
+    paddingLeft: 4,
     width: '100%',
+    boxSizing: 'border-box',
+    // prevent width + padding to overflow
     // fixes overflow - see https://github.com/mui/material-ui/issues/27372
     minWidth: 0,
-    paddingLeft: 4,
     position: 'relative'
   }, theme.typography.body1)
 }));
@@ -122,11 +126,11 @@ const TreeItemGroup = styled(Collapse, {
  *
  * Demos:
  *
- * - [Tree View](https://mui.com/material-ui/react-tree-view/)
+ * - [Tree View](https://mui.com/x/react-tree-view/)
  *
  * API:
  *
- * - [TreeItem API](https://mui.com/material-ui/api/tree-item/)
+ * - [TreeItem API](https://mui.com/x/api/tree-view/tree-item/)
  */
 export const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
   const props = useThemeProps({

package/TreeView/TreeView.d.ts

@@ -4,11 +4,11 @@ import { TreeViewProps } from './TreeView.types';
  *
  * Demos:
  *
- * - [Tree View](https://mui.com/material-ui/react-tree-view/)
+ * - [Tree View](https://mui.com/x/react-tree-view/)
  *
  * API:
  *
- * - [TreeView API](https://mui.com/material-ui/api/tree-view/)
+ * - [TreeView API](https://mui.com/x/api/tree-view/tree-view/)
  */
 declare const TreeView: React.ForwardRefExoticComponent<TreeViewProps & React.RefAttributes<HTMLUListElement>>;
 export { TreeView };

package/TreeView/TreeView.js

@@ -54,11 +54,11 @@ const defaultDefaultSelected = [];
  *
  * Demos:
  *
- * - [Tree View](https://mui.com/material-ui/react-tree-view/)
+ * - [Tree View](https://mui.com/x/react-tree-view/)
  *
  * API:
  *
- * - [TreeView API](https://mui.com/material-ui/api/tree-view/)
+ * - [TreeView API](https://mui.com/x/api/tree-view/tree-view/)
  */
 const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
   var _themeProps$disabledI, _themeProps$disableSe, _themeProps$multiSele, _themeProps$defaultEx, _themeProps$defaultSe;

package/index.js

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

package/legacy/TreeItem/TreeItem.js

@@ -58,6 +58,8 @@ var StyledTreeItemContent = styled(TreeItemContent, {
   return _ref4 = {
     padding: '0 8px',
     width: '100%',
+    boxSizing: 'border-box',
+    // prevent width + padding to overflow
     display: 'flex',
     alignItems: 'center',
     cursor: 'pointer',
@@ -95,10 +97,12 @@ var StyledTreeItemContent = styled(TreeItemContent, {
       fontSize: 18
     }
   }), _defineProperty(_ref4, "& .".concat(treeItemClasses.label), _extends({
+    paddingLeft: 4,
     width: '100%',
+    boxSizing: 'border-box',
+    // prevent width + padding to overflow
     // fixes overflow - see https://github.com/mui/material-ui/issues/27372
     minWidth: 0,
-    paddingLeft: 4,
     position: 'relative'
   }, theme.typography.body1)), _ref4;
 });
@@ -118,11 +122,11 @@ var TreeItemGroup = styled(Collapse, {
  *
  * Demos:
  *
- * - [Tree View](https://mui.com/material-ui/react-tree-view/)
+ * - [Tree View](https://mui.com/x/react-tree-view/)
  *
  * API:
  *
- * - [TreeItem API](https://mui.com/material-ui/api/tree-item/)
+ * - [TreeItem API](https://mui.com/x/api/tree-view/tree-item/)
  */
 export var TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
   var props = useThemeProps({

package/legacy/TreeView/TreeView.js

@@ -55,11 +55,11 @@ var defaultDefaultSelected = [];
  *
  * Demos:
  *
- * - [Tree View](https://mui.com/material-ui/react-tree-view/)
+ * - [Tree View](https://mui.com/x/react-tree-view/)
  *
  * API:
  *
- * - [TreeView API](https://mui.com/material-ui/api/tree-view/)
+ * - [TreeView API](https://mui.com/x/api/tree-view/tree-view/)
  */
 var TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
   var _themeProps$disabledI, _themeProps$disableSe, _themeProps$multiSele, _themeProps$defaultEx, _themeProps$defaultSe;

package/legacy/index.js

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

package/modern/TreeItem/TreeItem.js

@@ -59,6 +59,8 @@ const StyledTreeItemContent = styled(TreeItemContent, {
 }) => ({
   padding: '0 8px',
   width: '100%',
+  boxSizing: 'border-box',
+  // prevent width + padding to overflow
   display: 'flex',
   alignItems: 'center',
   cursor: 'pointer',
@@ -101,10 +103,12 @@ const StyledTreeItemContent = styled(TreeItemContent, {
     }
   },
   [`& .${treeItemClasses.label}`]: _extends({
+    paddingLeft: 4,
     width: '100%',
+    boxSizing: 'border-box',
+    // prevent width + padding to overflow
     // fixes overflow - see https://github.com/mui/material-ui/issues/27372
     minWidth: 0,
-    paddingLeft: 4,
     position: 'relative'
   }, theme.typography.body1)
 }));
@@ -122,11 +126,11 @@ const TreeItemGroup = styled(Collapse, {
  *
  * Demos:
  *
- * - [Tree View](https://mui.com/material-ui/react-tree-view/)
+ * - [Tree View](https://mui.com/x/react-tree-view/)
  *
  * API:
  *
- * - [TreeItem API](https://mui.com/material-ui/api/tree-item/)
+ * - [TreeItem API](https://mui.com/x/api/tree-view/tree-item/)
  */
 export const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
   const props = useThemeProps({

package/modern/TreeView/TreeView.js

@@ -54,11 +54,11 @@ const defaultDefaultSelected = [];
  *
  * Demos:
  *
- * - [Tree View](https://mui.com/material-ui/react-tree-view/)
+ * - [Tree View](https://mui.com/x/react-tree-view/)
  *
  * API:
  *
- * - [TreeView API](https://mui.com/material-ui/api/tree-view/)
+ * - [TreeView API](https://mui.com/x/api/tree-view/tree-view/)
  */
 const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
   const themeProps = useThemeProps({

package/modern/index.js

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

package/node/TreeItem/TreeItem.js

@@ -67,6 +67,8 @@ const StyledTreeItemContent = (0, _styles.styled)(_TreeItemContent.TreeItemConte
 }) => ({
   padding: '0 8px',
   width: '100%',
+  boxSizing: 'border-box',
+  // prevent width + padding to overflow
   display: 'flex',
   alignItems: 'center',
   cursor: 'pointer',
@@ -109,10 +111,12 @@ const StyledTreeItemContent = (0, _styles.styled)(_TreeItemContent.TreeItemConte
     }
   },
   [`& .${_treeItemClasses.treeItemClasses.label}`]: (0, _extends2.default)({
+    paddingLeft: 4,
     width: '100%',
+    boxSizing: 'border-box',
+    // prevent width + padding to overflow
     // fixes overflow - see https://github.com/mui/material-ui/issues/27372
     minWidth: 0,
-    paddingLeft: 4,
     position: 'relative'
   }, theme.typography.body1)
 }));
@@ -130,11 +134,11 @@ const TreeItemGroup = (0, _styles.styled)(_Collapse.default, {
  *
  * Demos:
  *
- * - [Tree View](https://mui.com/material-ui/react-tree-view/)
+ * - [Tree View](https://mui.com/x/react-tree-view/)
  *
  * API:
  *
- * - [TreeItem API](https://mui.com/material-ui/api/tree-item/)
+ * - [TreeItem API](https://mui.com/x/api/tree-view/tree-item/)
  */
 const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
   const props = (0, _styles.useThemeProps)({

package/node/TreeView/TreeView.js

@@ -63,11 +63,11 @@ const defaultDefaultSelected = [];
  *
  * Demos:
  *
- * - [Tree View](https://mui.com/material-ui/react-tree-view/)
+ * - [Tree View](https://mui.com/x/react-tree-view/)
  *
  * API:
  *
- * - [TreeView API](https://mui.com/material-ui/api/tree-view/)
+ * - [TreeView API](https://mui.com/x/api/tree-view/tree-view/)
  */
 const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
   const themeProps = (0, _styles.useThemeProps)({

package/node/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-tree-view",
-  "version": "6.0.0-alpha.2",
+  "version": "6.0.0-alpha.3",
   "description": "The community edition of the tree view components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -32,8 +32,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.22.15",
-    "@mui/base": "^5.0.0-alpha.87",
-    "@mui/utils": "^5.14.7",
+    "@mui/base": "^5.0.0-beta.14",
+    "@mui/utils": "^5.14.8",
     "@types/react-transition-group": "^4.4.6",
     "clsx": "^2.0.0",
     "prop-types": "^15.8.1",