Build(deps): Bump the npm group across 1 directory with 21 updates

docusaurus.config.ts

@@ -29,10 +29,6 @@ const config: Config = {
   },
   themes: ['@docusaurus/theme-mermaid', 'docusaurus-theme-openapi-docs'],
 
-  customFields: {
-    xgridKey: process.env.XGRID_KEY,
-  },
-
   headTags: [
     {
       tagName: 'link',

package.json

@@ -29,35 +29,34 @@
     "test:robots": "node --test test/robots-mode.test.js"
   },
   "dependencies": {
-    "@docusaurus/core": "^3.10.0",
-    "@docusaurus/plugin-content-docs": "^3.10.1",
-    "@docusaurus/preset-classic": "^3.10.0",
+    "@docusaurus/core": "^3.10.2",
+    "@docusaurus/plugin-content-docs": "^3.10.2",
+    "@docusaurus/preset-classic": "^3.10.2",
     "@docusaurus/theme-common": "^3.10.1",
-    "@docusaurus/theme-mermaid": "^3.10.0",
+    "@docusaurus/theme-mermaid": "^3.10.2",
     "@docusaurus/types": "^3.9.2",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@mdx-js/react": "^3.1.1",
-    "@mui/icons-material": "^6.3.0",
-    "@mui/material": "^6.3.0",
-    "@mui/x-data-grid": "^7.23.5",
-    "@mui/x-data-grid-pro": "^7.23.5",
+    "@mui/icons-material": "^9.2.0",
+    "@mui/material": "^9.2.0",
+    "@mui/x-data-grid": "^9.10.1",
     "clsx": "^2.1.1",
     "docusaurus-gtm-plugin": "^0.0.2",
     "docusaurus-plugin-image-zoom": "^3.0.1",
-    "docusaurus-plugin-openapi-docs": "^5.0.2",
+    "docusaurus-plugin-openapi-docs": "^5.1.2",
     "docusaurus-pushfeedback": "^1.0.5",
-    "docusaurus-theme-openapi-docs": "^5.0.2",
+    "docusaurus-theme-openapi-docs": "^5.1.2",
     "dotenv": "^17.4.2",
     "lodash": "^4.18.1",
-    "mdx-mermaid": "^2.0.3",
-    "mermaid": "^11.14.0",
+    "mdx-mermaid": "^2.0.4",
+    "mermaid": "^11.16.0",
     "prism-react-renderer": "^2.4.1",
     "raw-loader": "^4.0.2",
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "react-mailchimp-subscribe": "^2.1.3",
-    "redocusaurus": "^2.5.0",
+    "redocusaurus": "^2.5.2",
     "remark": "^15.0.1",
     "remark-mdx": "^3.1.1",
     "remark-parse": "^11.0.0",
@@ -78,13 +77,13 @@
   },
   "devDependencies": {
     "@docusaurus/module-type-aliases": "^3.9.2",
-    "@docusaurus/tsconfig": "^3.10.0",
+    "@docusaurus/tsconfig": "^3.10.2",
     "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "@types/lodash": "^4.17.24",
     "cspell": "^10.0.0",
     "image-size": "^2.0.2",
-    "js-yaml": "^4.1.1",
-    "prettier": "^3.8.3",
+    "js-yaml": "^5.2.1",
+    "prettier": "^3.9.6",
     "prettier-plugin-sort-json": "^4.2.0",
     "typescript": "^6.0.3"
   },

scripts/audit-guides.mjs

@@ -10,7 +10,7 @@
 //
 // No new npm dependencies: js-yaml is already a devDependency, so we reuse it
 // for front-matter parsing instead of hand-rolling a YAML parser.
-import yaml from 'js-yaml';
+import {load as loadYaml} from 'js-yaml';
 import {readFileSync, readdirSync} from 'node:fs';
 import {join} from 'node:path';
 
@@ -32,7 +32,7 @@ function parseFrontMatter(source) {
   const match = source.match(/^---\r?\n([\s\S]*?)\r?\n---/);
   if (!match) return null;
   try {
-    const data = yaml.load(match[1]);
+    const data = loadYaml(match[1]);
     return data && typeof data === 'object' ? data : {};
   } catch {
     return {};

src/components/ReferenceTable.js

@@ -1,7 +1,6 @@
 import {useColorMode} from '@docusaurus/theme-common';
 import {FormControl, InputLabel, NativeSelect} from '@mui/material';
-import {GridToolbar} from '@mui/x-data-grid';
-import {DataGridPro} from '@mui/x-data-grid-pro/DataGridPro/DataGridPro';
+import {DataGrid, GridToolbar} from '@mui/x-data-grid';
 import React, {useState} from 'react';
 
 import data from '../../content/docs/reference/reference.json';
@@ -71,10 +70,10 @@ function filterHidden(item) {
 }
 
 export default function ReferenceTable() {
-  const [pageSize, setPageSize] = useState(25);
-  const changePageSize = (pageSize) => {
-    setPageSize(pageSize);
-  };
+  const [paginationModel, setPaginationModel] = useState({
+    page: 0,
+    pageSize: 25,
+  });
 
   const {colorMode} = useColorMode();
 
@@ -122,18 +121,19 @@ export default function ReferenceTable() {
 
   return (
     <div style={{width: '100%'}}>
-      <DataGridPro
+      <DataGrid
         initialState={{
           sorting: {
             sortModel: [{field: 'title', sort: 'asc'}],
           },
         }}
-        disableSelectionOnClick
+        disableRowSelectionOnClick
         autoHeight
-        rowsPerPageOptions={[5, 10, 25, 50]}
+        pageSizeOptions={[5, 10, 25, 50]}
         pagination
-        pageSize={pageSize}
-        onPageSizeChange={changePageSize}
+        paginationModel={paginationModel}
+        onPaginationModelChange={setPaginationModel}
+        showToolbar
         sx={{
           color:
             colorMode === 'dark'
@@ -158,7 +158,10 @@ export default function ReferenceTable() {
         }}
         columns={columns}
         rows={references.filter(filterHidden)}
-        componentsProps={{
+        slots={{
+          toolbar: GridToolbar,
+        }}
+        slotProps={{
           toolbar: {
             printOptions: {
               disableToolbarButton: true,
@@ -168,9 +171,6 @@ export default function ReferenceTable() {
             },
           },
         }}
-        components={{
-          Toolbar: GridToolbar,
-        }}
       />
     </div>
   );

src/theme/Root.js

@@ -1,6 +1,4 @@
-import useDocusaurusContext from '@docusaurus/core/lib/client/exports/useDocusaurusContext';
 import {ThemeProvider, createTheme} from '@mui/material/styles';
-import {LicenseInfo} from '@mui/x-data-grid-pro';
 import React from 'react';
 
 import App from '../../src/components/App';
@@ -50,10 +48,6 @@ const theme = createTheme({
 });
 
 export default function Root({children}) {
-  const {
-    siteConfig: {customFields},
-  } = useDocusaurusContext();
-  LicenseInfo.setLicenseKey(customFields?.xgridKey?.toString());
   return (
     <>
       <ThemeProvider theme={theme}>