Merge remote-tracking branch 'upstream/master' into docs/7303

Author: michelengelen

.circleci/config.yml

@@ -229,7 +229,7 @@ jobs:
           name: Tests TypeScript definitions
           command: yarn typescript:ci
           environment:
-            NODE_OPTIONS: --max-old-space-size=3072
+            NODE_OPTIONS: --max-old-space-size=2048
   test_e2e:
     <<: *default-job
     docker:

.codesandbox/ci.json

@@ -22,7 +22,8 @@
     "@mui/x-date-pickers": "packages/x-date-pickers/build",
     "@mui/x-date-pickers-pro": "packages/x-date-pickers-pro/build",
     "@mui/x-charts": "packages/x-charts/build",
-    "@mui/x-tree-view": "packages/x-tree-view/build"
+    "@mui/x-tree-view": "packages/x-tree-view/build",
+    "@mui/x-tree-view-pro": "packages/x-tree-view-pro/build"
   },
   "sandboxes": ["/bug-reproductions/x-data-grid"],
   "silent": true

.eslintrc.js

@@ -163,6 +163,8 @@ module.exports = {
     buildPackageRestrictedImports('@mui/x-data-grid-generator', 'x-data-grid-generator'),
     buildPackageRestrictedImports('@mui/x-pickers', 'x-pickers'),
     buildPackageRestrictedImports('@mui/x-pickers-pro', 'x-pickers-pro'),
+    buildPackageRestrictedImports('@mui/x-tree-view', 'x-tree-view'),
+    buildPackageRestrictedImports('@mui/x-tree-view-pro', 'x-tree-view-pro'),
     buildPackageRestrictedImports('@mui/x-license', 'x-license'),
   ],
 };

.github/workflows/cherry-pick-master-to-v6.yml

@@ -0,0 +1,34 @@
+name: Cherry pick master to v6
+
+on:
+  pull_request_target:
+    branches:
+      - master
+    types: ['closed']
+
+permissions: {}
+
+jobs:
+  cherry_pick_to_v6:
+    runs-on: ubuntu-latest
+    name: Cherry pick into v6
+    permissions:
+      pull-requests: write
+      contents: write
+    if: ${{ contains(github.event.pull_request.labels.*.name, 'needs cherry-pick') && github.event.pull_request.merged == true }}
+    steps:
+      - name: Checkout
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
+        with:
+          fetch-depth: 0
+      - name: Cherry pick and create the new PR
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        uses: carloscastrojumo/github-cherry-pick-action@a145da1b8142e752d3cbc11aaaa46a535690f0c5 # v1.0.9
+        with:
+          branch: v6.x
+          body: 'Cherry-pick of #{old_pull_request_id}'
+          cherry-pick-branch: ${{ format('cherry-pick-{0}', github.event.number) }}
+          title: '{old_title} (@${{ github.event.pull_request.user.login }})'
+          labels: |
+            cherry-pick

.github/workflows/closed-issue-message.yaml

@@ -14,22 +14,24 @@ jobs:
       GH_REPO: ${{ github.repository }}
       NUMBER: ${{ github.event.issue.number }}
       BODY: |
-        :warning: **This issue has been closed.**
-        If you have a similar problem, please open a [new issue](https://github.com/mui/mui-x/issues/new/choose) and provide details about your specific problem.
-        If you can provide additional information related to this topic that could help future readers, please feel free to leave a comment.
+        :warning: **This issue has been closed.** If you have a similar problem but not exactly the same, please open a [new issue](https://github.com/mui/mui-x/issues/new/choose).
+        Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.
       APPENDIX: |
 
-        **How did we do @${{ github.event.issue.user.login }}?**
-        Your experience with our support team matters to us. If you have a moment, please share your thoughts through our [brief survey](https://tally.so/r/w4r5Mk?issue=${{ github.event.issue.number }}).
+        @${{ github.event.issue.user.login }}: How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short [Support Satisfaction survey](https://tally.so/r/w4r5Mk?issue=${{ github.event.issue.number }}&productId=x).
 
     if: github.event.issue.state_reason != 'inactivity'
     runs-on: ubuntu-latest
     permissions:
       issues: write
     steps:
+      - uses: actions-cool/check-user-permission@a0668c9aec87f3875fc56170b6452a453e9dd819
+        id: checkUser
+        with:
+          require: 'write'
       - name: Add comment for outside contributors
-        if: github.event.issue.author_association != 'MEMBER' && github.event.issue.author_association != 'OWNER'
+        if: steps.checkUser.outputs.check-result == 'false'
         run: gh issue comment "$NUMBER" --body "$BODY $APPENDIX"
       - name: Add comment for maintainers
-        if: github.event.issue.author_association == 'MEMBER' || github.event.issue.author_association == 'OWNER'
+        if: steps.checkUser.outputs.check-result == 'true'
         run: gh issue comment "$NUMBER" --body "$BODY"

CHANGELOG.md

@@ -3,6 +3,77 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.1.0
+
+_Mar 28, 2024_
+
+We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Add `resizeThrottleMs` prop (#12556) @romgrk
+- 🌍 Improve Chinese (Hong Kong) (zh-HK) and Italian (it-IT) locale on the Pickers
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.1.0`
+
+- [DataGrid] Add `resizeThrottleMs` prop (#12556) @romgrk
+- [DataGrid] Do not publish `rowEditStop` event if row has fields with errors (#11383) @cherniavskii
+- [DataGrid] Fix bug in suspense (#12553) @romgrk
+- [DataGrid] Fix missing class name in the `GridToolbarQuickFilter` component (#12484) @jhawkins11
+
+#### `@mui/x-data-grid-pro@7.1.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@7.1.0`.
+
+#### `@mui/x-data-grid-premium@7.1.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@7.1.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.1.0`
+
+- [fields] Fix placeholder override (#12589) @flaviendelangle
+- [l10n] Improve Chinese (Hong Kong) (zh-HK) locale (#12547) @samchiu90
+- [l10n] Improve Italian (it-IT) locale (#12549) @antomanc
+- [pickers] Prepare compatibility with `@mui/zero-runtime` (stop using `ownerState` in `styled`) (#12003) @flaviendelangle
+
+#### `@mui/x-date-pickers-pro@7.1.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@7.1.0`, plus:
+
+- [DateRangePicker] Fix selection behavior with single input field when `readOnly` (#12593) @LukasTy
+
+### Charts
+
+#### `@mui/x-charts@7.1.0`
+
+- [charts] Fix tooltip causing crash on data change (#12571) @Rishi556
+
+### Tree View
+
+#### `@mui/x-tree-view@7.1.0`
+
+- [TreeView] Do not use outdated version of the state to compute new label first char in `RichTreeView` (#12512) @flaviendelangle
+
+### Docs
+
+- [docs] Add example to add a second icon next to the field's opening button (#12524) @flaviendelangle
+- [docs] Add missing note to Data Grid migration guide (#12557) @romgrk
+- [docs] Fix Charts title for SEO (#12545) @oliviertassinari
+- [docs] Fix small typo (#12558) @diogoparente
+- [docs] Improve codemod related documentation (#12582) @MBilalShafi
+- [docs] Reduce noise in migration docs side navigation (#12552) @cherniavskii
+- [docs] Sync static images from core repository (#12525) @LukasTy
+
+### Core
+
+- [core] Fix `l10n` script on Windows (#12550) @LukasTy
+- [core] Include `DateTimeRangePicker` tag in `releaseChangelog` (#12526) @LukasTy
+- [core] Upgrade monorepo (#12536) @cherniavskii
+
 ## v7.0.0
 
 _Mar 22, 2024_
@@ -459,13 +530,13 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
 
 - 🎁 Introduce a new DOM structure for the field components that provides a better accessibility
 - 🚀 Simplify Data Grid DOM structure for improved performance (#12013) @romgrk
-- 🕥 The support for IE11 has been removed (#12151) @flaviendelangle
+- 🕥 The support for IE 11 has been removed (#12151) @flaviendelangle
 - 🐞 Bugfixes
 - 📚 Documentation improvements
 
 ### Breaking changes
 
-- The support for IE11 has been removed from all MUI X packages. The `legacy` bundle that used to support old browsers like IE11 is no longer included.
+- The support for IE 11 has been removed from all MUI X packages. The `legacy` bundle that used to support old browsers like IE 11 is no longer included.
 
 ### Data Grid
 
@@ -570,7 +641,7 @@ These components are no longer exported from `@mui/x-charts`:
 
 ### Tree View / `@mui/x-tree-view@7.0.0-beta.4`
 
-- [TreeView] Stop using custom `findIndex` to support IE11 (#12129) @flaviendelangle
+- [TreeView] Stop using custom `findIndex` to support IE 11 (#12129) @flaviendelangle
 
 ### Docs
 

babel.config.js

@@ -16,6 +16,7 @@ const defaultAlias = {
   '@mui/x-date-pickers-pro': resolveAliasPath('./packages/x-date-pickers-pro/src'),
   '@mui/x-charts': resolveAliasPath('./packages/x-charts/src'),
   '@mui/x-tree-view': resolveAliasPath('./packages/x-tree-view/src'),
+  '@mui/x-tree-view-pro': resolveAliasPath('./packages/x-tree-view-pro/src'),
   '@mui/material-nextjs': '@mui/monorepo/packages/mui-material-nextjs/src',
   '@mui-internal/api-docs-builder': resolveAliasPath(
     './node_modules/@mui/monorepo/packages/api-docs-builder',

docs/babel.config.js

@@ -10,6 +10,7 @@ const alias = {
   '@mui/x-date-pickers-pro': '../packages/x-date-pickers-pro/src',
   '@mui/x-charts': '../packages/x-charts/src',
   '@mui/x-tree-view': '../packages/x-tree-view/src',
+  '@mui/x-tree-view-pro': '../packages/x-tree-view-pro/src',
   '@mui/x-license': '../packages/x-license/src',
   '@mui/docs': '../node_modules/@mui/monorepo/packages/mui-docs/src',
   '@mui/monorepo': '../node_modules/@mui/monorepo',

docs/data/charts/getting-started/getting-started.md

@@ -1,5 +1,4 @@
 ---
-title: React Chart library - Getting started
 productId: x-charts
 githubLabel: 'component: charts'
 packageName: '@mui/x-charts'

docs/data/charts/overview/overview.md

@@ -1,5 +1,5 @@
 ---
-title: React Chart library
+title: React Charts
 productId: x-charts
 githubLabel: 'component: charts'
 packageName: '@mui/x-charts'

docs/data/charts/pie/PieShapeNoSnap.js

@@ -52,6 +52,7 @@ export default function PieShapeNoSnap() {
           `      cx: ${props.cx},`,
           `      cy: ${props.cy},`,
           `    }`,
+          `  ]}`,
           '/>',
         ].join('\n');
       }}

docs/data/data-grid/localization/data.json

@@ -163,7 +163,7 @@
     "languageTag": "fa-IR",
     "importName": "faIR",
     "localeName": "Persian",
-    "missingKeysCount": 3,
+    "missingKeysCount": 0,
     "totalKeysCount": 117,
     "githubLink": "https://github.com/mui/mui-x/blob/master/packages/x-data-grid/src/locales/faIR.ts"
   },
@@ -187,7 +187,7 @@
     "languageTag": "pt-BR",
     "importName": "ptBR",
     "localeName": "Portuguese (Brazil)",
-    "missingKeysCount": 3,
+    "missingKeysCount": 0,
     "totalKeysCount": 117,
     "githubLink": "https://github.com/mui/mui-x/blob/master/packages/x-data-grid/src/locales/ptBR.ts"
   },
@@ -219,7 +219,7 @@
     "languageTag": "es-ES",
     "importName": "esES",
     "localeName": "Spanish",
-    "missingKeysCount": 3,
+    "missingKeysCount": 0,
     "totalKeysCount": 117,
     "githubLink": "https://github.com/mui/mui-x/blob/master/packages/x-data-grid/src/locales/esES.ts"
   },

docs/data/data-grid/row-selection/CheckboxSelectionVisibleOnlyGrid.js

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { DataGridPro } from '@mui/x-data-grid-pro';
+import { useDemoData } from '@mui/x-data-grid-generator';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import Switch from '@mui/material/Switch';
+import Box from '@mui/material/Box';
+
+export default function CheckboxSelectionVisibleOnlyGrid() {
+  const [checkboxSelectionVisibleOnly, setCheckboxSelectionVisibleOnly] =
+    React.useState(false);
+
+  const { data } = useDemoData({
+    dataSet: 'Commodity',
+    rowLength: 300,
+    maxColumns: 5,
+  });
+
+  return (
+    <div style={{ width: '100%' }}>
+      <Box sx={{ mb: 1 }}>
+        <FormControlLabel
+          label="checkboxSelectionVisibleOnly"
+          control={
+            <Switch
+              checked={checkboxSelectionVisibleOnly}
+              onChange={(event) =>
+                setCheckboxSelectionVisibleOnly(event.target.checked)
+              }
+            />
+          }
+        />
+      </Box>
+      <div style={{ height: 400 }}>
+        <DataGridPro
+          {...data}
+          initialState={{
+            ...data.initialState,
+            pagination: { paginationModel: { pageSize: 50 } },
+          }}
+          pageSizeOptions={[5, 10, 25, 50, 100]}
+          pagination
+          checkboxSelection
+          checkboxSelectionVisibleOnly={checkboxSelectionVisibleOnly}
+        />
+      </div>
+    </div>
+  );
+}

docs/data/data-grid/row-selection/CheckboxSelectionVisibleOnlyGrid.tsx

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { DataGridPro } from '@mui/x-data-grid-pro';
+import { useDemoData } from '@mui/x-data-grid-generator';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import Switch from '@mui/material/Switch';
+import Box from '@mui/material/Box';
+
+export default function CheckboxSelectionVisibleOnlyGrid() {
+  const [checkboxSelectionVisibleOnly, setCheckboxSelectionVisibleOnly] =
+    React.useState(false);
+
+  const { data } = useDemoData({
+    dataSet: 'Commodity',
+    rowLength: 300,
+    maxColumns: 5,
+  });
+
+  return (
+    <div style={{ width: '100%' }}>
+      <Box sx={{ mb: 1 }}>
+        <FormControlLabel
+          label="checkboxSelectionVisibleOnly"
+          control={
+            <Switch
+              checked={checkboxSelectionVisibleOnly}
+              onChange={(event) =>
+                setCheckboxSelectionVisibleOnly(event.target.checked)
+              }
+            />
+          }
+        />
+      </Box>
+      <div style={{ height: 400 }}>
+        <DataGridPro
+          {...data}
+          initialState={{
+            ...data.initialState,
+            pagination: { paginationModel: { pageSize: 50 } },
+          }}
+          pageSizeOptions={[5, 10, 25, 50, 100]}
+          pagination
+          checkboxSelection
+          checkboxSelectionVisibleOnly={checkboxSelectionVisibleOnly}
+        />
+      </div>
+    </div>
+  );
+}

docs/data/data-grid/row-selection/row-selection.md

@@ -64,6 +64,13 @@ Always set the `checkboxSelection` prop to `true` even when providing a custom c
 Otherwise, the data grid might remove your column.
 :::
 
+### Visible rows selection [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')
+
+By default, when you click the "Select All" checkbox, all rows in the data grid are selected.
+If you want to change this behavior and only select the rows that are currently visible on the page, you can use the `checkboxSelectionVisibleOnly` prop.
+
+{{"demo": "CheckboxSelectionVisibleOnlyGrid.js", "bg": "inline"}}
+
 ## Usage with server-side pagination
 
 Using the controlled selection with `paginationMode="server"` may result in selected rows being lost when the page is changed.