Merge branch 'master' into variant-orientation-context

mui · Nov 19, 2024 · 4d04b0c · 4d04b0c
2 parents e9e51c4 + 625b38e
commit 4d04b0c
Show file tree

Hide file tree

Showing 273 changed files with 3,904 additions and 2,294 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -136,6 +136,7 @@ module.exports = {
     ...(ENABLE_REACT_COMPILER_PLUGIN ? { 'react-compiler/react-compiler': 'error' } : {}),
     // TODO move to @mui/monorepo, codebase is moving away from default exports https://github.com/mui/material-ui/issues/21862
     'import/prefer-default-export': 'off',
+    'import/no-relative-packages': 'error',
     'import/no-restricted-paths': [
       'error',
       {

diff --git a/.github/workflows/codeql.yml b/.github/workflows/codeql.yml
@@ -19,7 +19,7 @@ jobs:
         uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
       # Initializes the CodeQL tools for scanning.
       - name: Initialize CodeQL
-        uses: github/codeql-action/init@4f3212b61783c3c68e8309a0f18a699764811cda # v3.27.1
+        uses: github/codeql-action/init@ea9e4e37992a54ee68a9622e985e60c8e8f12d9f # v3.27.4
         with:
           languages: typescript
           # If you wish to specify custom queries, you can do so here or in a config file.
@@ -29,4 +29,4 @@ jobs:
           # Details on CodeQL's query packs refer to : https://docs.github.com/en/code-security/code-scanning/automatically-scanning-your-code-for-vulnerabilities-and-errors/configuring-code-scanning#using-queries-in-ql-packs
           # queries: security-extended,security-and-quality
       - name: Perform CodeQL Analysis
-        uses: github/codeql-action/analyze@4f3212b61783c3c68e8309a0f18a699764811cda # v3.27.1
+        uses: github/codeql-action/analyze@ea9e4e37992a54ee68a9622e985e60c8e8f12d9f # v3.27.4
diff --git a/.github/workflows/create-cherry-pick-pr.yml b/.github/workflows/create-cherry-pick-pr.yml
@@ -14,5 +14,4 @@ jobs:
     uses: mui/mui-public/.github/workflows/prs_create-cherry-pick-pr.yml@master
     permissions:
       contents: write
-      issues: write
       pull-requests: write
diff --git a/.github/workflows/scorecards.yml b/.github/workflows/scorecards.yml
@@ -44,6 +44,6 @@ jobs:
 
       # Upload the results to GitHub's code scanning dashboard.
       - name: Upload to code-scanning
-        uses: github/codeql-action/upload-sarif@4f3212b61783c3c68e8309a0f18a699764811cda # v3.27.1
+        uses: github/codeql-action/upload-sarif@ea9e4e37992a54ee68a9622e985e60c8e8f12d9f # v3.27.4
         with:
           sarif_file: results.sarif
diff --git a/README.md b/README.md
@@ -16,9 +16,7 @@
 [![Renovate status](https://img.shields.io/badge/renovate-enabled-brightgreen.svg)](https://github.com/mui/mui-x/issues/2081)
 [![Average time to resolve an issue](https://isitmaintained.com/badge/resolution/mui/mui-x.svg)](https://isitmaintained.com/project/mui/mui-x 'Average time to resolve an issue')
 [![Open Collective backers and sponsors](https://img.shields.io/opencollective/all/mui-org)](https://opencollective.com/mui-org)
-[![CII Best Practices](https://bestpractices.coreinfrastructure.org/projects/6293/badge)](https://bestpractices.coreinfrastructure.org/projects/6293)
-
-<!-- [![OpenSSF Best Practices](https://www.bestpractices.dev/projects/8715/badge)](https://www.bestpractices.dev/projects/8715) -->
+[![OpenSSF Best Practices](https://www.bestpractices.dev/projects/6293/badge)](https://www.bestpractices.dev/projects/6293)
 
 </div>
 

diff --git a/docs/data/charts/areas-demo/AreaChartFillByValue.js b/docs/data/charts/areas-demo/AreaChartFillByValue.js
@@ -45,6 +45,7 @@ export default function AreaChartFillByValue() {
         sx={{
           [`& .${areaElementClasses.root}`]: {
             fill: 'url(#swich-color-id-1)',
+            filter: 'none', // Remove the default filter.
           },
         }}
       >
@@ -66,6 +67,7 @@ export default function AreaChartFillByValue() {
         sx={{
           [`& .${areaElementClasses.root}`]: {
             fill: 'url(#swich-color-id-2)',
+            filter: 'none', // Remove the default filter.
           },
         }}
       >

diff --git a/docs/data/charts/areas-demo/AreaChartFillByValue.tsx b/docs/data/charts/areas-demo/AreaChartFillByValue.tsx
@@ -52,6 +52,7 @@ export default function AreaChartFillByValue() {
         sx={{
           [`& .${areaElementClasses.root}`]: {
             fill: 'url(#swich-color-id-1)',
+            filter: 'none', // Remove the default filter.
           },
         }}
       >
@@ -73,6 +74,7 @@ export default function AreaChartFillByValue() {
         sx={{
           [`& .${areaElementClasses.root}`]: {
             fill: 'url(#swich-color-id-2)',
+            filter: 'none', // Remove the default filter.
           },
         }}
       >

diff --git a/docs/data/charts/getting-started/getting-started.md b/docs/data/charts/getting-started/getting-started.md
@@ -49,7 +49,7 @@ yarn add @mui/material @emotion/react @emotion/styled
 ### Usage with D3
 
 To help folks using CommonJS, the `@mui/x-charts` package uses a vendored package named `@mui/x-charts-vendor` to access D3 libraries.
-You can import D3 functions from `@mui/x-charts-vendor/d3-color`.
+You can import D3 functions from `@mui/x-charts-vendor/d3-scale`.
 
 ## Rendering Charts
 

diff --git a/docs/data/charts/line-demo/LineWithPrediction.js b/docs/data/charts/line-demo/LineWithPrediction.js
@@ -40,11 +40,11 @@ function CustomAnimatedLine(props) {
           height={top + height + bottom}
         />
       </clipPath>
-      <g clipPath={`url(#${clipIdleft})`}>
-        <AnimatedLine {...other} sx={sxBefore} />
+      <g clipPath={`url(#${clipIdleft})`} className="line-before">
+        <AnimatedLine {...other} />
       </g>
-      <g clipPath={`url(#${clipIdRight})`}>
-        <AnimatedLine {...other} sx={sxAfter} />
+      <g clipPath={`url(#${clipIdRight})`} className="line-after">
+        <AnimatedLine {...other} />
       </g>
     </React.Fragment>
   );
@@ -64,7 +64,8 @@ export default function LineWithPrediction() {
       height={200}
       width={400}
       slots={{ line: CustomAnimatedLine }}
-      slotProps={{ line: { limit: 5, sxAfter: { strokeDasharray: '10 5' } } }}
+      slotProps={{ line: { limit: 5 } }}
+      sx={{ '& .line-after path': { strokeDasharray: '10 5' } }}
     />
   );
 }
diff --git a/docs/data/charts/line-demo/LineWithPrediction.tsx b/docs/data/charts/line-demo/LineWithPrediction.tsx
@@ -47,11 +47,11 @@ function CustomAnimatedLine(props: CustomAnimatedLineProps) {
           height={top + height + bottom}
         />
       </clipPath>
-      <g clipPath={`url(#${clipIdleft})`}>
-        <AnimatedLine {...other} sx={sxBefore} />
+      <g clipPath={`url(#${clipIdleft})`} className="line-before">
+        <AnimatedLine {...other} />
       </g>
-      <g clipPath={`url(#${clipIdRight})`}>
-        <AnimatedLine {...other} sx={sxAfter} />
+      <g clipPath={`url(#${clipIdRight})`} className="line-after">
+        <AnimatedLine {...other} />
       </g>
     </React.Fragment>
   );
@@ -71,7 +71,8 @@ export default function LineWithPrediction() {
       height={200}
       width={400}
       slots={{ line: CustomAnimatedLine }}
-      slotProps={{ line: { limit: 5, sxAfter: { strokeDasharray: '10 5' } } as any }}
+      slotProps={{ line: { limit: 5 } as any }}
+      sx={{ '& .line-after path': { strokeDasharray: '10 5' } }}
     />
   );
 }
diff --git a/docs/data/charts/line-demo/LineWithPrediction.tsx.preview b/docs/data/charts/line-demo/LineWithPrediction.tsx.preview
@@ -10,5 +10,6 @@
   height={200}
   width={400}
   slots={{ line: CustomAnimatedLine }}
-  slotProps={{ line: { limit: 5, sxAfter: { strokeDasharray: '10 5' } } as any }}
+  slotProps={{ line: { limit: 5 } as any }}
+  sx={{ '& .line-after path': { strokeDasharray: '10 5' } }}
 />
diff --git a/docs/data/charts/lines/CSSCustomization.js b/docs/data/charts/lines/CSSCustomization.js
@@ -13,6 +13,7 @@ export default function CSSCustomization() {
         },
         '& .MuiAreaElement-series-Germany': {
           fill: "url('#myGradient')",
+          filter: 'none', // Remove the default filtering
         },
       }}
       xAxis={[

diff --git a/docs/data/charts/lines/CSSCustomization.tsx b/docs/data/charts/lines/CSSCustomization.tsx
@@ -13,6 +13,7 @@ export default function CSSCustomization() {
         },
         '& .MuiAreaElement-series-Germany': {
           fill: "url('#myGradient')",
+          filter: 'none', // Remove the default filtering
         },
       }}
       xAxis={[