Update dependencies

.github/workflows/deploy.yml

@@ -15,7 +15,7 @@ jobs:
 
       - uses: actions/setup-node@v2-beta
         with:
-          node-version: '14'
+          node-version: '24'
 
       - name: Install dependencies
         run: yarn install

.github/workflows/test.yml

@@ -5,16 +5,13 @@ on: [push, pull_request]
 jobs:
   test:
     runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        node: ['10', '12', '14']
-    name: Node ${{ matrix.node }} test
+
     steps:
       - uses: actions/checkout@v2
 
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v2-beta
         with:
-          node-version: ${{ matrix.node }}
+          node-version: '24'
 
       - name: Install dependencies
         run: yarn install

.tool-versions

@@ -1 +1 @@
-nodejs 14.2.0
+nodejs 24.15.0

README.md

@@ -36,7 +36,7 @@ import {
   Sentence,
   Text,
   Graph,
-  Information,
+  PartOfSpeech,
   Xml,
   Collapse,
 } from 'treebank-react';
@@ -56,7 +56,7 @@ const App = () => (
     <Sentence id="1">
       <Text />
       <Graph />
-      <Information />
+      <PartOfSpeech />
       <Collapse title="XML">
         <Xml />
       </Collapse>
@@ -94,9 +94,9 @@ This is subject to change, but currently it expects a parent with `display: flex
 </div>
 ```
 
-#### Information
+#### PartOfSpeech
 
-The `<Information>` component shows the deconstructed POSTag and the lemma for the active word.
+The `<PartOfSpeech>` component shows the deconstructed POSTag and the lemma for the active word.
 The headers are taken from the treebank configuration.
 See [alpheios-project/arethusa-configs](https://github.com/alpheios-project/arethusa-configs) for more information about treebank configuration.
 

package.json

@@ -21,9 +21,9 @@
   "scripts": {
     "predeploy": "yarn run demo",
     "deploy": "gh-pages -d demo",
-    "start": "node scripts/start.js",
-    "build": "node scripts/build.js",
-    "demo": "node scripts/demo.js",
+    "start": "NODE_OPTIONS=--openssl-legacy-provider node scripts/start.js",
+    "build": "NODE_OPTIONS=--openssl-legacy-provider node scripts/build.js",
+    "demo": "NODE_OPTIONS=--openssl-legacy-provider node scripts/demo.js",
     "test": "node scripts/test.js",
     "visual-test": "bash scripts/visual-test.sh",
     "lint": "eslint --ext=js --ext=jsx ."
@@ -40,6 +40,7 @@
   },
   "devDependencies": {
     "@babel/core": "7.6.0",
+    "@babel/helper-regex": "^7.10.5",
     "@svgr/webpack": "4.3.2",
     "@testing-library/jest-dom": "^5.11.5",
     "@testing-library/react": "^11.1.0",
@@ -61,7 +62,7 @@
     "eslint-config-react-app": "^5.0.2",
     "eslint-loader": "3.0.2",
     "eslint-plugin-flowtype": "3.13.0",
-    "eslint-plugin-import": "2.18.2",
+    "eslint-plugin-import": "2.22.1",
     "eslint-plugin-jest": "^24.1.0",
     "eslint-plugin-jsx-a11y": "6.2.3",
     "eslint-plugin-react": "7.14.3",
@@ -77,7 +78,6 @@
     "jest-resolve": "24.9.0",
     "jest-watch-typeahead": "0.4.0",
     "mini-css-extract-plugin": "0.8.0",
-    "node-sass": "^4.14.1",
     "optimize-css-assets-webpack-plugin": "5.0.3",
     "pnp-webpack-plugin": "1.5.0",
     "postcss-flexbugs-fixes": "4.1.0",
@@ -92,7 +92,8 @@
     "react-test-renderer": "^17.0.1",
     "resolve": "1.12.0",
     "resolve-url-loader": "3.1.0",
-    "sass-loader": "7.2.0",
+    "sass": "^1.99.0",
+    "sass-loader": "^10",
     "semver": "6.3.0",
     "style-loader": "1.0.0",
     "terser-webpack-plugin": "1.4.1",