Skip to content

Commit

Permalink
[docs] Enforce component style rules for Tree View (#14963)
Browse files Browse the repository at this point in the history 
Signed-off-by: Sycamore <[email protected]>
  • Loading branch information
@mapache-salvaje
mapache-salvaje authored Oct 17, 2024
1 parent 7b8d976 commit 3f1efc3
Show file tree
Hide file tree
Showing 55 changed files with 219 additions and 219 deletions.
62 changes: 31 additions & 31 deletions CHANGELOG.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ Same changes as in `@mui/[email protected]`.
- [docs] Add custom columns panel demo (#14825) @cherniavskii
- [docs] Capitalize all instances of "Data Grid" (#14884) @samuelsycamore
- [docs] Divide charts `tooltip` and `highlighting` pages (#14824) @JCQuintas
- [docs] Document the `TreeItem2` component and the `useTreeItem2` hook (#14551) @noraleonte
- [docs] Document the `<TreeItem2 />` component and the `useTreeItem2` hook (#14551) @noraleonte
- [docs] Fix column pinning for "Disable detail panel content scroll" section (#14854 and #14885) @kalyan90
- [docs] Fix detail panel demo not working well with pinned columns (#14883) @cherniavskii
- [docs] New recipe of a read-only field (#14606) @flaviendelangle
Expand Down Expand Up @@ -367,7 +367,7 @@ Same changes as in `@mui/[email protected]`.

### Docs

- [docs] Add missing callout on "Imperative API" tree view sections (#14503) @flaviendelangle
- [docs] Add missing callout on "Imperative API" Tree View sections (#14503) @flaviendelangle
- [docs] Fix broken redirection to MUI X v5 @oliviertassinari
- [docs] Fix multiple `console.error` messages on `charts` docs (#14554) @JCQuintas
- [docs] Fixed typo in Row Grouping recipes (#14549) @Miodini
Expand Down Expand Up @@ -708,7 +708,7 @@ Same changes as in `@mui/[email protected]`.
- [core] Fix ESLint issue (#14207) @LukasTy
- [core] Fix Netlify build cache issue (#14182) @cherniavskii
- [code-infra] Refactor Netlify `cache-docs` plugin setup (#14105) @LukasTy
- [internals] Move utils needed for tree view virtualization to shared package (#14202) @flaviendelangle
- [internals] Move utils needed for Tree View virtualization to shared package (#14202) @flaviendelangle

## 7.12.1

Expand Down Expand Up @@ -799,7 +799,7 @@ This expansion of the Pro plan comes with some adjustments to our pricing strate

We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:

- 🎁 Introduce [item reordering using drag and drop](https://mui.com/x/react-tree-view/rich-tree-view/ordering/) on the `RichTreeViewPro` component
- 🎁 Introduce [item reordering using drag and drop](https://mui.com/x/react-tree-view/rich-tree-view/ordering/) on the `<RichTreeViewPro />` component

<img width="287" src="https://github.com/user-attachments/assets/78bd83c5-7ce4-4ed7-acf9-be70b2dbce54" alt="Item reordering using drag and drop" />

Expand Down Expand Up @@ -1292,7 +1292,7 @@ Same changes as in `@mui/[email protected]`.

- [core] Add eslint rule to restrict import from `../internals` root (#13633) @JCQuintas
- [docs-infra] Sync `\_app` folder with monorepo (#13582) @Janpot
- [license] Allow usage of charts and tree view pro package for old premium licenses (#13619) @flaviendelangle
- [license] Allow usage of Charts and Tree View Pro package for old premium licenses (#13619) @flaviendelangle

## 7.7.1

Expand Down Expand Up @@ -1360,7 +1360,7 @@ Same changes as in `@mui/[email protected]`, plus:
- [TreeView] Improve typing to support optional dependencies in plugins and in the item (#13523) @flaviendelangle
- [TreeView] Move `useTreeViewId` to the core plugins (#13566) @flaviendelangle
- [TreeView] Remove unused state from `useTreeViewId` (#13579) @flaviendelangle
- [TreeView] Support `itemId` with escaping characters when using `SimpleTreeView` (#13487) @oukunan
- [TreeView] Support `itemId` with escaping characters when using Simple Tree View (#13487) @oukunan

### Docs

Expand Down Expand Up @@ -1440,7 +1440,7 @@ Same changes as in `@mui/[email protected]`.
- [TreeView] Improve TypeScript for plugins (#13380) @flaviendelangle
- [TreeView] Improve the typing of the cancelable events (#13152) @flaviendelangle
- [TreeView] Prepare support for PigmentCSS (#13412) @flaviendelangle
- [TreeView] Refactor the tree view internals to prepare for headless API (#13311) @flaviendelangle
- [TreeView] Refactor the Tree View internals to prepare for headless API (#13311) @flaviendelangle

### Docs

Expand All @@ -1455,7 +1455,7 @@ Same changes as in `@mui/[email protected]`.
- [core] Add `eslint-plugin-react-compiler` experimental version and rules (#13415) @JCQuintas
- [core] Minor setup cleanup (#13467) @LukasTy
- [infra] Adjust CI setup (#13448) @LukasTy
- [test] Add tests for the custom slots of `TreeItem2` (#13314) @flaviendelangle
- [test] Add tests for the custom slots of `<TreeItem2 />` (#13314) @flaviendelangle

## 7.6.2

Expand Down Expand Up @@ -1640,7 +1640,7 @@ _May 23, 2024_

We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:

- 🧰 Improve tree view testing
- 🧰 Improve Tree View testing
- 📊 Add `label` to be displayed in BarChart

### Data Grid
Expand Down Expand Up @@ -1816,7 +1816,7 @@ Same changes as in `@mui/[email protected]`.

#### `@mui/[email protected]`

- [TreeView] Fix props propagation and theme entry in `TreeItem2` (#12889) @flaviendelangle
- [TreeView] Fix props propagation and theme entry in `<TreeItem2 />` (#12889) @flaviendelangle

### Docs

Expand Down Expand Up @@ -2126,7 +2126,7 @@ Same changes as in `@mui/[email protected]`, plus:
### Docs

- [docs] Add `AxisFormatter` documentation for customizing tick/tooltip value formatting (#12700) @JCQuintas
- [docs] Add file explorer example to rich tree view customization docs (#12707) @noraleonte
- [docs] Add file explorer example to rich Tree View customization docs (#12707) @noraleonte
- [docs] Do not use import of depth 3 in the doc (#12716) @flaviendelangle
- [docs] Explain how to clip plots with composition (#12679) @alexfauquette
- [docs] Fix typo in Data Grid v7 migration page (#12720) @bfaulk96
Expand Down Expand Up @@ -2202,7 +2202,7 @@ Same changes as in `@mui/[email protected]`, plus:
#### `@mui/[email protected]`

- [TreeView] Add JSDoc to all `publicAPI` methods (#12649) @flaviendelangle
- [TreeView] Create `RichTreeViewPro` component (not released yet) (#12610) @flaviendelangle
- [TreeView] Create `<RichTreeViewPro />` component (not released yet) (#12610) @flaviendelangle
- [TreeView] Create Pro package (not released yet) (#12240) @flaviendelangle
- [TreeView] Fix typo in errors (#12623) @alissa-tung
- [TreeView] New API method: `setItemExpansion` (#12595) @flaviendelangle
Expand All @@ -2222,13 +2222,13 @@ Same changes as in `@mui/[email protected]`, plus:
- [docs] Move Data Grid interfaces to standard API page layout (#12016) @alexfauquette
- [docs] Remove ` around @default values (#12158) @alexfauquette
- [docs] Remove `day` from the default `dayOfWeekFormatter` function params (#12644) @LukasTy
- [docs] Use `TreeItem2` for icon expansion example on `RichTreeView` (#12563) @flaviendelangle
- [docs] Use `<TreeItem2 />` for icon expansion example on `<RichTreeView />` (#12563) @flaviendelangle

### Core

- [core] Add cherry-pick `master` to `v6` action (#12648) @LukasTy
- [core] Fix typo in `@mui/x-tree-view-pro/themeAugmentation` (#12674) @flaviendelangle
- [core] Introduce `describeTreeView` to run test on `SimpleTreeView` and `RichTreeView`, using `TreeItem` and `TreeItem2` + migrate expansion tests (#12428) @flaviendelangle
- [core] Introduce `describeTreeView` to run test on `<SimpleTreeView />` and `<RichTreeView />`, using `<TreeItem />` and `<TreeItem2 />` + migrate expansion tests (#12428) @flaviendelangle
- [core] Limit `test-types` CI step allowed memory (#12651) @LukasTy
- [core] Remove explicit `express` package (#12602) @LukasTy
- [core] Update to new embedded translations in the docs package (#12232) @Janpot
Expand Down Expand Up @@ -2293,7 +2293,7 @@ Same changes as in `@mui/[email protected]`, plus:

#### `@mui/[email protected]`

- [TreeView] Do not use outdated version of the state to compute new label first char in `RichTreeView` (#12512) @flaviendelangle
- [TreeView] Do not use outdated version of the state to compute new label first char in Rich Tree View (#12512) @flaviendelangle

### Docs

Expand Down Expand Up @@ -2420,7 +2420,7 @@ Same changes as in `@mui/[email protected]`, plus:

#### Breaking changes

- The required `nodeId` prop used by the `TreeItem` has been renamed to `itemId` for consistency:
- The required `nodeId` prop used by `<TreeItem />` has been renamed to `itemId` for consistency:

```diff
<TreeView>
Expand Down Expand Up @@ -2573,7 +2573,7 @@ The `onNodeFocus` callback has been renamed to `onItemFocus` for consistency:
#### `@mui/[email protected]`

- [TreeView] Clean the usage of the term "item" and "node" in API introduced during v7 (#12368) @noraleonte
- [TreeView] Introduce a new `TreeItem2` component and a new `useTreeItem2` hook (#11721) @flaviendelangle
- [TreeView] Introduce a new `<TreeItem2 />` component and a new `useTreeItem2` hook (#11721) @flaviendelangle
- [TreeView] Rename `onNodeFocus` to `onItemFocus` (#12419) @noraleonte

### Docs
Expand Down Expand Up @@ -2631,9 +2631,9 @@ Same changes as in `@mui/[email protected]`.

#### Breaking changes

- The component used to animate the item children is now defined as a slot on the `TreeItem` component.
- The component used to animate the item children is now defined as a slot on the `<TreeItem />` component.

If you were passing a `TransitionComponent` or `TransitionProps` to your `TreeItem` component,
If you were passing a `TransitionComponent` or `TransitionProps` to your `<TreeItem />` component,
you need to use the new `groupTransition` slot on this component:

```diff
Expand All @@ -2649,7 +2649,7 @@ Same changes as in `@mui/[email protected]`.
</SimpleTreeView>
```

- The `group` class of the `TreeItem` component has been renamed to `groupTransition` to match with its new slot name.
- The `group` class of the `<TreeItem />` component has been renamed to `groupTransition` to match with its new slot name.

```diff
const StyledTreeItem = styled(TreeItem)({
Expand All @@ -2663,14 +2663,14 @@ Same changes as in `@mui/[email protected]`.
#### `@mui/[email protected]`

- [TreeView] Fix invalid nodes state when updating `props.items` (#12359) @flaviendelangle
- [TreeView] In the `RichTreeView`, do not use the item id as the HTML id attribute (#12319) @flaviendelangle
- [TreeView] In the Rich Tree View, do not use the item id as the HTML id attribute (#12319) @flaviendelangle
- [TreeView] New instance and publicAPI method: `getItem` (#12251) @flaviendelangle
- [TreeView] Replace `TransitionComponent` and `TransitionProps` with a `groupTransition` slot (#12336) @flaviendelangle

### Docs

- [docs] Add a note about `z-index` usage in SVG (#12337) @alexfauquette
- [docs] `RichTreeView` customization docs (#12231) @noraleonte
- [docs] Rich Tree View customization docs (#12231) @noraleonte

### Core

Expand Down Expand Up @@ -3323,7 +3323,7 @@ Same changes as in `@mui/[email protected]`, plus:

### Docs

- [docs] Add `contextValue` to the headless tree view doc (#11705) @flaviendelangle
- [docs] Add `contextValue` to the headless Tree View doc (#11705) @flaviendelangle
- [docs] Add section for the `disableSelection` prop (#11821) @flaviendelangle
- [docs] Fix brand name non-breaking space (#11758) @oliviertassinari
- [docs] Fix typo in Data Grid components page (#11775) @flaviendelangle
Expand All @@ -3346,7 +3346,7 @@ We'd like to offer a big thanks to the 11 contributors who made this release pos

- 🎁 The Data Grid headers have been refactored to bring immense improvements to scrolling, state management, and overall performance of the grid.
- ⚙️ The Data Grid disabled column-specific features like filtering, sorting, grouping, etc. could now be accessed programmatically. See the related [docs](https://next.mui.com/x/react-data-grid/api-object/#access-the-disabled-column-features) section.
- 🚀 Uplift the `SimpleTreeView` customization examples (#11424) @noraleonte
- 🚀 Uplift the Simple Tree View customization examples (#11424) @noraleonte
- 🌍 Add Croatian (hr-HR), Portuguese (pt-PT), and Chinese (Hong Kong) (zh-HK) locales (#11668) on the Data Grid @BCaspari
- 🐞 Bugfixes
- 💔 Bump `@mui/material` peer dependency for all packages (#11692) @LukasTy
Expand Down Expand Up @@ -3557,7 +3557,7 @@ Same changes as in `@mui/[email protected]`.
```

- The `useTreeItem` hook has been renamed `useTreeItemState`.
This will help create a new headless version of the `TreeItem` component based on a future `useTreeItem` hook.
This will help create a new headless version of the Tree Item component based on a future `useTreeItem` hook.

```diff
-import { TreeItem, useTreeItem } from '@mui/x-tree-view/TreeItem';
Expand Down Expand Up @@ -3657,13 +3657,13 @@ Same changes as in `@mui/[email protected]`.
- [docs] Cleanup and fix Pickers Playground styling (#11700) @LukasTy
- [docs] First draft of the Tree View custom plugin doc (#11564) @flaviendelangle
- [docs] Fix Pickers migration syntax and diffs (#11695) @LukasTy
- [docs] Fix generated tree view API docs (#11737) @LukasTy
- [docs] Fix generated Tree View API docs (#11737) @LukasTy
- [docs] Generate docs for Tree View slots (#11730) @flaviendelangle
- [docs] Improve codemod for v7 (#11650) @oliviertassinari
- [docs] Improve Data Grid `pageSizeOptions` prop documentation (#11682) @oliviertassinari
- [docs] Parse markdown on API docs demo titles (#11728) @LukasTy
- [docs] Remove the description from the `className` prop (#11693) @oliviertassinari
- [docs] Uplift `SimpleTreeView` customization examples (#11424) @noraleonte
- [docs] Uplift Simple Tree View customization examples (#11424) @noraleonte
- [docs] Uplift the Date Pickers playground (#11555) @danilo-leal

### Core
Expand Down Expand Up @@ -3740,8 +3740,8 @@ Same changes as in `@mui/[email protected]`.

### Tree View / `@mui/[email protected]`

- [tree view] Cleanup `onKeyDown` handler (#11481) @flaviendelangle
- [tree view] Define the parameters used by each plugin to avoid listing them in each component (#11473) @flaviendelangle
- [TreeView] Cleanup `onKeyDown` handler (#11481) @flaviendelangle
- [TreeView] Define the parameters used by each plugin to avoid listing them in each component (#11473) @flaviendelangle

### Docs

Expand All @@ -3768,7 +3768,7 @@ We'd like to offer a big thanks to the 7 contributors who made this release poss

- 🎁 New component to create a Tree View from a structured data source:

You can now directly pass your data to the `RichTreeView` component instead of manually converting it into JSX `TreeItem` components:
You can now directly pass your data to the `<RichTreeView />` component instead of manually converting it into JSX `<TreeItem />` components:

```tsx
const ITEMS = [
Expand Down Expand Up @@ -5099,7 +5099,7 @@ Here is an example of the renaming for the `<ChartsTooltip />` component.

### Core

- [core] Adds migration docs for charts, pickers and tree view (#10926) @michelengelen
- [core] Adds migration docs for Charts, Pickers, and Tree View (#10926) @michelengelen
- [core] Bump monorepo (#10959) @LukasTy
- [core] Changed prettier branch value to next (#10917) @michelengelen
- [core] Fix GitHub title tag consistency @oliviertassinari
Expand Down
8 changes: 4 additions & 4 deletions changelogOld/CHANGELOG.v6.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1485,7 +1485,7 @@ Same changes as in `@mui/[email protected]`, plus:
- [docs] Fix charts demo using too deep import (#10263) @LukasTy
- [docs] Fix `e.g.` typo @oliviertassinari
- [docs] Fix npm package indentation @oliviertassinari
- [docs] Fix typo in tree view docs @oliviertassinari
- [docs] Fix typo in Tree View docs @oliviertassinari
- [docs] Improve the week picker example (#8257) @flaviendelangle
- [docs] Include code links in the Data Grid demo (#10219) @cherniavskii
- [docs] Polish page for SEO (#10216) @oliviertassinari
Expand Down Expand Up @@ -1546,7 +1546,7 @@ Same changes as in `@mui/[email protected]`.

- [docs] Add `DemoContainer` and `DemoItem` JSDoc (#10186) @LukasTy
- [docs] Add link to `custom layout` page (#10184) @LukasTy
- [docs] Add tree view nav item (#10181) @LukasTy
- [docs] Add Tree View nav item (#10181) @LukasTy
- [docs] Fix wrong chart tooltip reference (#10169) @oliviertassinari
- [docs] Improve chart SEO (#10170) @oliviertassinari
- [docs] Precise expired license key condition (#10165) @oliviertassinari
Expand Down Expand Up @@ -1748,7 +1748,7 @@ _Aug 4, 2023_

We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:

- ⌚️ Move the tree view component from `@mui/lab` package
- ⌚️ Move the Tree View component from `@mui/lab` package

The `<TreeView />` component has been moved to the MUI X repository.
It is now accessible from its own package: `@mui/x-tree-view`.
Expand Down Expand Up @@ -1804,7 +1804,7 @@ Same changes as in `@mui/[email protected]`.
### Tree View / `@mui/[email protected]`

- [TreeView] Add missing exported types (#9862) @flaviendelangle
- [TreeView] Add tree view to changelog generator script (#9903) @MBilalShafi
- [TreeView] Add Tree View to changelog generator script (#9903) @MBilalShafi
- [TreeView] Create the package on the X repository (#9798) @flaviendelangle
- [TreeView] Improve props typing (#9855) @flaviendelangle

Expand Down
2 changes: 1 addition & 1 deletion docs/data/common-concepts/custom-components/custom-components.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ This is the role of all the `baseXXX` component on the Data Grid component (`bas
These slots receive props that should be as generic as possible so that it is easy to interface any other design system.

Other slots allow you to override parts of the MUI X UI components with a custom UI built specifically for this component.
This is the role of slots like `calendarHeader` on the `DateCalendar` component or `item` on the `RichTreeView` component.
This is the role of slots like `calendarHeader` on the `DateCalendar` component or `item` on the Rich Tree View component.
These slots receive props specific to this part of the UI and will most likely not be re-use throughout your application.

## Basic usage
Expand Down
2 changes: 1 addition & 1 deletion docs/data/migration/migration-tree-view-lab/migration-tree-view-lab.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ productId: x-tree-view

## Introduction

This is a reference for migrating your site's tree view from `@mui/lab` to `@mui/x-tree-view`.
This is a reference for migrating your site's Tree View from `@mui/lab` to `@mui/x-tree-view`.
This migration is about the npm packages used, it **does not** affect the behavior of the components in your application.

[//]: # 'You can find why we are moving in this direction in the [announcement blog post](/blog/lab-tree-view-to-mui-x/).'
Expand Down
Loading

0 comments on commit 3f1efc3

Please sign in to comment.