Merge pull request #3380 from plotly/dep-up-32

Dependencies upgrade

Author: T4rk1n

.circleci/config.yml

@@ -163,14 +163,17 @@ jobs:
       - run:
           name: npm prereqs
           command: |
+            nvm use 18
             npm ci
             cd dash/dash-renderer && npm i && cd ../../
             cd components/dash-html-components && npm i && npm run extract && cd ../../
       - run:
           name: ️️🏗️ build dash
           command: |
+            nvm use 18
             . venv/Scripts/activate
-            npm run private::build.jupyterlab && npm run private::build.renderer && python dash/development/update_components.py 'dash-html-components'
+            npm run private::build.jupyterlab && npm run private::build.renderer
+            cd components/dash-html-components && npm run build
           no_output_timeout: 30m
 
   test-312: &test

components/dash-core-components/package-lock.json

@@ -63,11 +63,11 @@
     "uniqid": "^5.4.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.27.2",
-    "@babel/core": "^7.27.4",
-    "@babel/eslint-parser": "^7.27.5",
+    "@babel/cli": "^7.28.0",
+    "@babel/core": "^7.28.0",
+    "@babel/eslint-parser": "^7.28.0",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/preset-env": "^7.27.2",
+    "@babel/preset-env": "^7.28.0",
     "@babel/preset-react": "^7.27.1",
     "@plotly/dash-component-plugins": "^1.2.3",
     "@plotly/webpack-dash-dynamic-import": "^1.3.0",
@@ -85,8 +85,8 @@
     "react-jsx-parser": "1.21.0",
     "rimraf": "^5.0.5",
     "style-loader": "^3.3.3",
-    "styled-jsx": "^3.4.4",
-    "webpack": "^5.99.9",
+    "styled-jsx": "^5.1.7",
+    "webpack": "^5.101.0",
     "webpack-cli": "^5.1.4"
   },
   "optionalDependencies": {

components/dash-core-components/package.json

@@ -32,10 +32,10 @@
     "ramda": "^0.30.1"
   },
   "devDependencies": {
-    "@babel/cli": "^7.27.2",
-    "@babel/core": "^7.27.4",
-    "@babel/eslint-parser": "^7.27.5",
-    "@babel/preset-env": "^7.27.2",
+    "@babel/cli": "^7.28.0",
+    "@babel/core": "^7.28.0",
+    "@babel/eslint-parser": "^7.28.0",
+    "@babel/preset-env": "^7.28.0",
     "@babel/preset-react": "^7.27.1",
     "babel-loader": "^9.2.1",
     "cheerio": "^0.22.0",
@@ -49,10 +49,9 @@
     "react": "^16.14.0",
     "react-docgen": "^5.4.3",
     "react-dom": "^16.14.0",
-    "request": "^2.88.2",
     "rimraf": "^5.0.5",
     "string": "^3.3.3",
-    "webpack": "^5.99.9",
+    "webpack": "^5.101.0",
     "webpack-cli": "^5.1.4"
   },
   "files": [

components/dash-html-components/package-lock.json

@@ -2,7 +2,6 @@
 
 const fs = require('fs');
 const cheerio = require('cheerio');
-const request = require('request');
 const str = require('string');
 
 const htmlURL = 'https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes';
@@ -136,24 +135,31 @@ function extractElements(attributes) {
 
 // A local copy of the MDN attributes web page has been saved for reference:
 // fs.readFile('./data/attributes.html', 'utf-8', (error, html) => {
-request(htmlURL, (error, response, html) => {
-    if (error) {
+fetch(htmlURL)
+    .then(response => {
+        if (!response.ok) {
+            throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        return response.text();
+    })
+    .then(html => {
+        const html2 = html.split(/\n\r|\r\n|\r|\n/).map(l => l.trimRight()).join('\n');
+        // write back to the saved copy of MDN attributes so we can see the diff
+        fs.writeFileSync(htmlPath, html2);
+
+        const $ = cheerio.load(html);
+        const attributes = extractAttributes($);
+        const elements = extractElements(attributes);
+        const out = {
+            attributes,
+            elements
+        };
+
+        // Print out JSON with 4-space indentation formatting.
+        // http://stackoverflow.com/a/11276104
+        const tabWidth = 4;
+        fs.writeFileSync(dataPath, JSON.stringify(out, null, tabWidth));
+    })
+    .catch(error => {
         throw error;
-    }
-    const html2 = html.split(/\n\r|\r\n|\r|\n/).map(l => l.trimRight()).join('\n');
-    // write back to the saved copy of MDN attributes so we can see the diff
-    fs.writeFileSync(htmlPath, html2);
-
-    const $ = cheerio.load(html);
-    const attributes = extractAttributes($);
-    const elements = extractElements(attributes);
-    const out = {
-        attributes,
-        elements
-    };
-
-    // Print out JSON with 4-space indentation formatting.
-    // http://stackoverflow.com/a/11276104
-    const tabWidth = 4;
-    fs.writeFileSync(dataPath, JSON.stringify(out, null, tabWidth));
-});
+    });

components/dash-html-components/package.json

@@ -2,7 +2,6 @@
 
 const fs = require('fs');
 const cheerio = require('cheerio');
-const request = require('request');
 
 const refUrl = 'https://developer.mozilla.org/en-US/docs/Web/HTML/Element';
 const dataPath = './data/elements.txt';
@@ -63,14 +62,21 @@ function extractElements($) {
         }, []);
 }
 
-request(refUrl, (error, response, html) => {
-    if (error) {
+fetch(refUrl)
+    .then(response => {
+        if (!response.ok) {
+            throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        return response.text();
+    })
+    .then(html => {
+        const $ = cheerio.load(html);
+        const elements = extractElements($);
+        const out = elements.join('\n');
+
+        fs.writeFileSync(dataPath, out);
+    })
+    .catch(error => {
         console.error(error);
         process.exit(-1);
-    }
-    const $ = cheerio.load(html);
-    const elements = extractElements($);
-    const out = elements.join('\n');
-
-    fs.writeFileSync(dataPath, out);
-});
+    });