Update all dependencies

client/package.json

@@ -8,86 +8,90 @@
     "watch-js": "webpack --watch",
     "css": "npm-run-all --sequential css-compile css-minify",
     "css-compile": "sass --quiet-deps --style expanded --source-map --embed-sources --precision 6 src/scss/ivis.scss dist/ivis.css",
-    "css-minify": "cleancss --level 1 --source-map --source-map-inline-sources --output dist/ivis.min.css dist/ivis.css",
+    "css-minify": "cleancss -O1 --source-map --source-map-inline-sources --output dist/ivis.min.css dist/ivis.css",
     "watch-css": "nodemon --watch src/scss -e scss -x \"npm run css\"",
     "watch": "node pre-build.js && npm-run-all --parallel watch-css watch-js",
     "build": "node pre-build.js && npm-run-all --parallel css js"
   },
   "author": "Tomas Bures",
   "license": "MIT",
   "dependencies": {
-    "@coreui/coreui": "^2.1.16",
-    "@fortawesome/fontawesome-free": "^5.15.4",
-    "ansi-to-react": "^4.0.0-alpha.0",
-    "axios": "^0.21.2",
+    "@fortawesome/fontawesome-free": "^6.5.1",
+    "@popperjs/core": "^2.11.8",
+    "ansi-to-react": "^6.1.6",
+    "axios": "^1.6.7",
     "base64-url": "^2.3.3",
-    "bootstrap": "^4.6.0",
+    "bootstrap": "^5.0.0",
+    "buffer": "^6.0.3",
+    "core-js": "^3.35.1",
+    "cors": "^2.8.5",
     "cubic-spline": "^3.0.3",
-    "d3-array": "^2.12.1",
-    "d3-axis": "^1.0.12",
-    "d3-brush": "^1.1.6",
-    "d3-color": "^1.4.1",
-    "d3-ease": "^1.0.7",
-    "d3-format": "^1.4.5",
-    "d3-interpolate": "^1.4.0",
-    "d3-regression": "^1.3.9",
-    "d3-scale": "^2.1.2",
-    "d3-scale-chromatic": "^1.5.0",
-    "d3-selection": "^1.4.2",
-    "d3-shape": "^1.3.7",
-    "d3-time": "^1.1.0",
-    "d3-time-format": "^2.2.3",
-    "d3-transition": "^1.3.2",
-    "d3-zoom": "^1.8.3",
-    "datatables.net": "^1.11.3",
-    "datatables.net-bs4": "^1.10.25",
-    "fast-deep-equal": "^2.0.1",
-    "i18next": "^13.0.1",
-    "i18next-browser-languagedetector": "^2.2.4",
-    "immutable": "^4.0.0-rc.14",
-    "jquery": "^3.6.0",
+    "d3-array": "^3.2.4",
+    "d3-axis": "^3.0.0",
+    "d3-brush": "^3.0.0",
+    "d3-color": "^3.1.0",
+    "d3-ease": "^3.0.1",
+    "d3-format": "^3.1.0",
+    "d3-interpolate": "^3.0.1",
+    "d3-regression": "^1.3.10",
+    "d3-scale": "^4.0.2",
+    "d3-scale-chromatic": "^3.0.0",
+    "d3-selection": "^3.0.0",
+    "d3-shape": "^3.2.0",
+    "d3-time": "^3.1.0",
+    "d3-time-format": "^4.1.0",
+    "d3-transition": "^3.0.1",
+    "d3-zoom": "^3.0.0",
+    "datatables.net": "^1.13.8",
+    "datatables.net-bs5": "^2.0.2",
+    "fast-deep-equal": "^3.1.3",
+    "i18next": "^23.8.2",
+    "i18next-browser-languagedetector": "^7.2.0",
+    "immutable": "^5.0.0-beta.5",
+    "jquery": "^3.7.1",
     "lodash": "^4.17.21",
-    "lz-string": "^1.4.4",
-    "mathjs": "^8.0.1",
-    "memoize-one": "^5.2.1",
-    "memoizee": "^0.4.14",
-    "moment": "^2.29.1",
-    "popper.js": "^1.16.1",
-    "prop-types": "^15.6.2",
-    "react": "^16.14.0",
-    "react-ace": "^6.6.0",
+    "lz-string": "^1.5.0",
+    "mathjs": "^12.3.1",
+    "memoize-one": "^6.0.0",
+    "memoizee": "^0.4.15",
+    "moment": "^2.30.1",
+    "prop-types": "^15.8.1",
+    "react": "^17.0.0",
+    "react-ace": "^10.1.0",
     "react-color": "^2.19.3",
-    "react-csv": "^2.0.3",
-    "react-day-picker": "^7.4.10",
-    "react-dom": "^16.14.0",
-    "react-dropzone": "^8.2.0",
-    "react-i18next": "^9.0.1",
-    "react-router-dom": "^4.3.1",
+    "react-csv": "^2.2.2",
+    "react-day-picker": "^8.10.0",
+    "react-dom": "^17.0.0",
+    "react-dropzone": "^14.2.3",
+    "react-i18next": "^14.0.4",
+    "react-router-dom": "^6.22.0",
     "shallowequal": "^1.1.0",
-    "url-parse": "^1.5.3"
+    "url-parse": "^1.5.10",
+    "util": "^0.12.5"
   },
   "devDependencies": {
-    "@babel/cli": "^7.14.8",
-    "@babel/core": "^7.15.0",
-    "@babel/plugin-proposal-class-properties": "^7.14.5",
-    "@babel/plugin-proposal-decorators": "^7.14.5",
-    "@babel/plugin-proposal-function-bind": "^7.14.5",
-    "@babel/plugin-proposal-private-methods": "^7.14.5",
-    "@babel/plugin-proposal-optional-chaining": "^7.8.3",
-    "@babel/preset-env": "^7.15.0",
-    "@babel/preset-react": "^7.14.5",
-    "babel-loader": "^8.2.2",
-    "clean-css-cli": "^4.3.0",
-    "css-loader": "^2.1.1",
-    "file-loader": "^3.0.1",
-    "nodemon": "^1.19.4",
+    "@babel/cli": "^7.23.9",
+    "@babel/core": "^7.23.9",
+    "@babel/plugin-proposal-decorators": "^7.23.9",
+    "@babel/plugin-proposal-function-bind": "^7.23.3",
+    "@babel/plugin-transform-class-properties": "^7.23.3",
+    "@babel/plugin-transform-optional-chaining": "^7.23.4",
+    "@babel/plugin-transform-private-methods": "^7.23.3",
+    "@babel/plugin-transform-private-property-in-object": "^7.23.4",
+    "@babel/preset-env": "^7.23.9",
+    "@babel/preset-react": "^7.23.3",
+    "babel-loader": "^9.1.3",
+    "clean-css-cli": "^5.6.3",
+    "css-loader": "^5.2.7",
+    "file-loader": "^6.2.0",
+    "nodemon": "^3.0.3",
     "npm-run-all": "^4.1.5",
-    "raw-loader": "^1.0.0",
-    "sass": "^1.38.2",
-    "sass-loader": "^10.1.0",
-    "style-loader": "^0.23.1",
-    "url-loader": "^1.1.2",
-    "webpack": "^4.46.0",
-    "webpack-cli": "^3.3.12"
+    "raw-loader": "^4.0.2",
+    "sass": "^1.70.0",
+    "sass-loader": "^10.5.2",
+    "style-loader": "^2.0.0",
+    "url-loader": "^4.1.1",
+    "webpack": "^5.90.0",
+    "webpack-cli": "^5.1.4"
   }
 }

client/src/MainMenuAnonymous.js

@@ -5,6 +5,7 @@ import {getLanguageChooser} from "./lib/page";
 import {withComponentMixins} from "./lib/decorator-helpers";
 import {withTranslation} from "./lib/i18n";
 
+
 @withComponentMixins([
     withTranslation
 ])
@@ -14,7 +15,7 @@ export default class MainMenu extends Component {
     }
 
     render() {
-        const t = this.props.t;
+        const t = this.context;
 
         return (
             <ul className="navbar-nav ivis-navbar-nav-right">

client/src/MainMenuAuthenticated.js

@@ -25,9 +25,9 @@ import {
 } from "./lib/bootstrap-components";
 import {getUrl} from "./lib/urls";
 import {withComponentMixins} from "./lib/decorator-helpers";
-import {withTranslation} from "./lib/i18n";
 import ivisConfig
     from "ivisConfig";
+import {withTranslation} from "./lib/i18n";
 
 @withComponentMixins([
     withTranslation,
@@ -56,6 +56,7 @@ export default class MainMenu extends Component {
 
         const workspaces = [];
         for (const ws of this.props.resolved.workspacesVisible) {
+            console.log(ws.id);
             workspaces.push(
                 <NavLink key={ws.id} to={'/workspaces/' + ws.id + (ws.default_panel ? '/' + ws.default_panel : '')}>{ws.name}</NavLink>
             );

client/src/account/API.js

@@ -15,6 +15,7 @@ import {Button} from '../lib/bootstrap-components';
 import {getUrl} from "../lib/urls";
 import {Panel} from "../lib/panel";
 import {withComponentMixins} from "../lib/decorator-helpers";
+
 import {withTranslation} from "../lib/i18n";
 
 @withComponentMixins([

client/src/ivis/AnimationControls.js

@@ -2,7 +2,7 @@
 
 import React, {Component} from "react";
 import PropTypes from "prop-types";
-import {select, mouse} from "d3-selection";
+import {select} from "d3-selection";
 import {scaleLinear, scaleTime} from "d3-scale";
 import {format} from "d3-format";
 import {interpolateString} from "d3-interpolate";

client/src/ivis/AnimationControls.scss

@@ -1,6 +1,11 @@
-@import "node_modules/@coreui/coreui/scss/variables";
-
-@import "node_modules/@coreui/coreui/scss/bootstrap/mixins";
+@import "../../node_modules/bootstrap/scss/_functions";
+@import '../../node_modules/bootstrap/scss/variables';
+@import '../../node_modules/bootstrap/scss/variables-dark';
+@import '../../node_modules/bootstrap/scss/mixins';
+@import "../../node_modules/bootstrap/scss/maps";
+@import "../../node_modules/bootstrap/scss/utilities";
+@import "../../node_modules/bootstrap/scss/helpers";
+@import "../../node_modules/bootstrap/scss/utilities/api";
 
 .label {
     user-select: none;

client/src/ivis/AreaChart.js

@@ -16,8 +16,9 @@ import tooltipStyles
     from "./Tooltip.scss";
 import {format as d3Format} from "d3-format";
 import {withComponentMixins} from "../lib/decorator-helpers";
-import {withTranslation} from "../lib/i18n";
+
 import {PropType_d3Color} from "../lib/CustomPropTypes";
+import {withTranslation} from "../lib/i18n";
 
 function getSignalValuesForDefaultTooltip(tooltipContent, sigSetConf, sigConf, sigSetCid, sigCid, signalData) {
     const numberFormat = d3Format('.3f');
@@ -32,7 +33,7 @@ function getSignalValuesForDefaultTooltip(tooltipContent, sigSetConf, sigConf, s
 }
 
 @withComponentMixins([
-    withTranslation
+    withTranslation,
 ])
 export class AreaChart extends Component {
     constructor(props){

client/src/ivis/BarChart.js

@@ -7,15 +7,16 @@ import * as d3Selection from "d3-selection";
 import * as d3Array from "d3-array";
 import * as d3Zoom from "d3-zoom";
 import * as d3Scheme from "d3-scale-chromatic";
-import {event as d3Event, select} from "d3-selection";
+import {select} from "d3-selection";
 import PropTypes from "prop-types";
 import {withErrorHandling} from "../lib/error-handling";
 import {withComponentMixins} from "../lib/decorator-helpers";
-import {withTranslation} from "../lib/i18n";
+
 import {PropType_d3Color, PropType_d3Color_Required, PropType_NumberInRange} from "../lib/CustomPropTypes";
 import {Tooltip} from "./Tooltip";
 import {areZoomTransformsEqual, extentWithMargin, transitionInterpolate, wheelDelta} from "./common";
 import styles from "./CorrelationCharts.scss";
+import {withTranslation} from "../lib/i18n";
 
 class TooltipContent extends Component {
     constructor(props) {
@@ -203,15 +204,15 @@ export class StaticBarChart extends Component {
     createChartZoom(xSize, ySize) {
         const self = this;
 
-        const handleZoom = function () {
+        const handleZoom = function (event) {
             // noinspection JSUnresolvedVariable
-            if (self.props.withTransition && d3Event.sourceEvent && d3Event.sourceEvent.type === "wheel") {
-                transitionInterpolate(select(self), self.state.zoomTransform, d3Event.transform, setZoomTransform, () => {
+            if (self.props.withTransition && event.sourceEvent && event.sourceEvent.type === "wheel") {
+                transitionInterpolate(select(self), self.state.zoomTransform, event.transform, setZoomTransform, () => {
                     self.deselectBars();
                 });
             } else {
                 // noinspection JSUnresolvedVariable
-                setZoomTransform(d3Event.transform);
+                setZoomTransform(event.transform);
             }
         };
 
@@ -240,14 +241,14 @@ export class StaticBarChart extends Component {
             .scaleExtent([this.props.zoomLevelMin, this.props.zoomLevelMax])
             .translateExtent(zoomExtent)
             .extent(zoomExtent)
-            .on("zoom", handleZoom)
+            .on("zoom", (event) => handleZoom(event))
             .on("end", handleZoomEnd)
             .on("start", handleZoomStart)
             .wheelDelta(wheelDelta(2))
-            .filter(() => {
-                if (d3Event.type === "wheel" && !d3Event.shiftKey)
+            .filter((event) => {
+                if (event.type === "wheel" && !event.shiftKey)
                     return false;
-                return !d3Event.ctrlKey && !d3Event.button;
+                return !event.ctrlKey && !event.button;
             });
         this.svgContainerSelection.call(this.zoom);
     }
@@ -285,7 +286,7 @@ export class StaticBarChart extends Component {
                 }
             }
 
-            const containerPos = d3Selection.mouse(self.containerNode);
+            const containerPos = d3Selection.pointer(self.containerNode);
             const mousePosition = {x: containerPos[0], y: containerPos[1]};
 
             self.setState({

client/src/ivis/BoxPlot.js

@@ -12,11 +12,12 @@ import {DataAccessSession} from "./DataAccess";
 import {withAsyncErrorHandler, withErrorHandling} from "../lib/error-handling";
 import PropTypes from "prop-types";
 import {withComponentMixins} from "../lib/decorator-helpers";
-import {withTranslation} from "../lib/i18n";
+
 import {Tooltip} from "./Tooltip";
 import {ConfigDifference, extentWithMargin, timeIntervalDifference} from "./common";
 import {PropType_d3Color, PropType_NumberInRange} from "../lib/CustomPropTypes";
 import commonStyles from "./commons.scss";
+import {withTranslation} from "../lib/i18n";
 
 function compareConfigs(conf1, conf2) {
     let diffResult = ConfigDifference.NONE;
@@ -381,8 +382,8 @@ export class BoxPlot extends Component {
     createChartCursor(xSize, ySize, xScale, yScale, signalSetsData) {
         const self = this;
 
-        const mouseMove = function () {
-            const containerPos = d3Selection.mouse(self.containerNode);
+        const mouseMove = function (event) {
+            const containerPos = d3Selection.pointer(event,self.containerNode);
             const y = containerPos[1] - self.props.margin.top;
             const x = containerPos[0] - self.props.margin.left;
 

client/src/ivis/BubblePlot.js

@@ -4,10 +4,11 @@ import React, {Component} from "react";
 import {withErrorHandling} from "../lib/error-handling";
 import PropTypes from "prop-types";
 import {withComponentMixins} from "../lib/decorator-helpers";
-import {withTranslation} from "../lib/i18n";
+
 import {ScatterPlotBase} from "./ScatterPlotBase";
 import {PropType_d3Color_Required} from "../lib/CustomPropTypes";
 import {dotShapeNames} from "./dot_shapes";
+import {withTranslation} from "../lib/i18n";
 
 @withComponentMixins([
     withTranslation,

client/src/ivis/CorrelationCharts.scss

@@ -1,5 +1,8 @@
+@import "../../node_modules/bootstrap/scss/_functions";
 @import "../scss/variables";
 
+@import "../../node_modules/bootstrap/scss/_variables";
+
 .scatterPlotToolbar {
   max-width: 300px;
   float: right;