Packages are updated

Author: M-Numonov

changelog.md

@@ -1,5 +1,8 @@
 # Changelog
 
+## [8.2.2] - 21.12.2023
+- Update dependencies
+
 ## [8.2.2] - 18.05.2023
 - Update dependencies
 - Update react version

package.json

@@ -68,7 +68,7 @@
     "axios": "^0.27.2",
     "bootstrap": "5.2.3",
     "classnames": "^2.3.2",
-    "connected-react-router": "6.9.2",
+    "connected-react-router": "6.9.3",
     "draft-js": "^0.11.7",
     "echarts": "^4.9.0",
     "echarts-for-react": "^2.0.16",
@@ -105,11 +105,10 @@
     "react-datetime": "^3.2.0",
     "react-dev-utils": "^6.1.1",
     "react-dom": "^18.2.0",
-    "react-draft-wysiwyg": "1.14.7",
+    "react-draft-wysiwyg": "1.15.0",
     "react-dropzone": "^11.7.1",
     "react-google-maps": "^9.4.5",
     "react-images": "0.5.19",
-    "react-joyride": "^2.5.4",
     "react-maskedinput": "^4.0.1",
     "react-mde": "^11.5.0",
     "react-redux": "7.2.8",
@@ -137,14 +136,14 @@
     "sass-loader": "^10",
     "showdown": "^1.9.1",
     "skycons": "^1.0.0",
-    "sortablejs": "1.15.0",
+    "sortablejs": "1.15.1",
     "styled-components": "^5.3.10",
     "uuid": "^8.3.2",
     "yup": "^0.32.11"
   },
   "devDependencies": {
-    "@babel/core": "7.14.0",
-    "@babel/plugin-proposal-class-properties": "7.13.0",
+    "@babel/core": "7.23.6",
+    "@babel/plugin-proposal-class-properties": "7.18.6",
     "@babel/plugin-proposal-optional-chaining": "^7.13.12",
     "@svgr/webpack": "4.3.3",
     "babel-core": "7.0.0-bridge.0",
@@ -165,9 +164,9 @@
     "eslint-config-react-app": "4.0.1",
     "eslint-loader": "2.1.1",
     "eslint-plugin-flowtype": "3.13.0",
-    "eslint-plugin-import": "2.22.1",
-    "eslint-plugin-jsx-a11y": "6.4.1",
-    "eslint-plugin-react": "7.23.2",
+    "eslint-plugin-import": "2.29.1",
+    "eslint-plugin-jsx-a11y": "6.8.0",
+    "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "1.7.0",
     "expose-loader": "0.7.5",
     "file-loader": "3.0.1",
@@ -176,19 +175,19 @@
     "identity-obj-proxy": "3.0.0",
     "imports-loader": "0.8.0",
     "jest": "24.9.0",
-    "jest-pnp-resolver": "1.2.2",
+    "jest-pnp-resolver": "1.2.3",
     "jest-resolve": "24.9.0",
     "lodash.assign": "^4.2.0",
     "lodash.clonedeep": "^4.5.0",
     "mini-css-extract-plugin": "0.12.0",
     "optimize-css-assets-webpack-plugin": "5.0.4",
-    "pnp-webpack-plugin": "1.6.4",
+    "pnp-webpack-plugin": "1.7.0",
     "postcss-flexbugs-fixes": "4.2.1",
     "postcss-loader": "3.0.0",
     "postcss-preset-env": "6.7.0",
     "postcss-safe-parser": "4.0.2",
     "redux-logger": "^3.0.6",
-    "resolve": "1.20.0",
+    "resolve": "1.22.8",
     "style-loader": "0.23.1",
     "terser-webpack-plugin": "1.4.4",
     "url-loader": "1.1.2",

src/components/Helper/Helper.js

@@ -3,7 +3,7 @@ import cx from 'classnames';
 import { Button } from 'reactstrap';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
-import Joyride, { STATUS } from 'react-joyride';
+// import Joyride, { STATUS } from 'react-joyride';
 import { DashboardThemes } from '../../reducers/layout';
 import {
   changeThemeColor
@@ -65,14 +65,14 @@ class Helper extends Component {
     }
   }
 
-  handleJoyrideCallback = (CallBackProps) => {
-    const { status } = CallBackProps;
-
-    if (([STATUS.FINISHED, STATUS.SKIPPED]).includes(status)) {
-      this.setState({ run: false });
-    }
-
-  };
+  // handleJoyrideCallback = (CallBackProps) => {
+  //   const { status } = CallBackProps;
+  //
+  //   if (([STATUS.FINISHED, STATUS.SKIPPED]).includes(status)) {
+  //     this.setState({ run: false });
+  //   }
+  //
+  // };
 
   start = () => {
     this.setState({
@@ -98,61 +98,61 @@ class Helper extends Component {
     return (
       <div className={cx(s.themeHelper, { [s.themeHelperOpened]: isOpened })}>
 
-        <Joyride
-          callback={this.handleJoyrideCallback}
-          continuous={true}
-          run={this.state.run}
-          showSkipButton={true}
-          steps={this.state.steps}
-          disableOverlay={true}
-          disableScrolling
-          outline="none"
-          styles={{
-            options: {
-              arrowColor: '#ffffff',
-              backgroundColor: '#ffffff',
-              overlayColor: 'rgba(79, 26, 0, 0.4)',
-              primaryColor: '#000',
-              textColor: '#495057',
-              spotlightPadding: 0,
-              zIndex: 1000,
-              padding: 5,
-              width: 240,
-            },
-            tooltip: {
-              fontSize: 15,
-              padding: 15,
-            },
-            tooltipContent: {
-              padding: '20px 5px 0',
-            },
-            floater: {
-              arrow: {
-                padding: 10
-              },
-            },
-            buttonClose: {
-              display: 'none'
-            },
-            buttonNext: {
-              backgroundColor: "#21AE8C",
-              fontSize: 13,
-              borderRadius: 4,
-              color: "#ffffff",
-              fontWeight: "bold"
-            },
-            buttonBack: {
-              color: "#798892",
-              marginLeft: 'auto',
-              fontSize: 13,
-              marginRight: 5,
-            },
-            buttonSkip: {
-              color: "#798892",
-              fontSize: 13,
-            },
-          }}
-        />
+        {/*<Joyride*/}
+        {/*  callback={this.handleJoyrideCallback}*/}
+        {/*  continuous={true}*/}
+        {/*  run={this.state.run}*/}
+        {/*  showSkipButton={true}*/}
+        {/*  steps={this.state.steps}*/}
+        {/*  disableOverlay={true}*/}
+        {/*  disableScrolling*/}
+        {/*  outline="none"*/}
+        {/*  styles={{*/}
+        {/*    options: {*/}
+        {/*      arrowColor: '#ffffff',*/}
+        {/*      backgroundColor: '#ffffff',*/}
+        {/*      overlayColor: 'rgba(79, 26, 0, 0.4)',*/}
+        {/*      primaryColor: '#000',*/}
+        {/*      textColor: '#495057',*/}
+        {/*      spotlightPadding: 0,*/}
+        {/*      zIndex: 1000,*/}
+        {/*      padding: 5,*/}
+        {/*      width: 240,*/}
+        {/*    },*/}
+        {/*    tooltip: {*/}
+        {/*      fontSize: 15,*/}
+        {/*      padding: 15,*/}
+        {/*    },*/}
+        {/*    tooltipContent: {*/}
+        {/*      padding: '20px 5px 0',*/}
+        {/*    },*/}
+        {/*    floater: {*/}
+        {/*      arrow: {*/}
+        {/*        padding: 10*/}
+        {/*      },*/}
+        {/*    },*/}
+        {/*    buttonClose: {*/}
+        {/*      display: 'none'*/}
+        {/*    },*/}
+        {/*    buttonNext: {*/}
+        {/*      backgroundColor: "#21AE8C",*/}
+        {/*      fontSize: 13,*/}
+        {/*      borderRadius: 4,*/}
+        {/*      color: "#ffffff",*/}
+        {/*      fontWeight: "bold"*/}
+        {/*    },*/}
+        {/*    buttonBack: {*/}
+        {/*      color: "#798892",*/}
+        {/*      marginLeft: 'auto',*/}
+        {/*      fontSize: 13,*/}
+        {/*      marginRight: 5,*/}
+        {/*    },*/}
+        {/*    buttonSkip: {*/}
+        {/*      color: "#798892",*/}
+        {/*      fontSize: 13,*/}
+        {/*    },*/}
+        {/*  }}*/}
+        {/*/>*/}
 
           <div className={`${s.themeHelperBtn} bg-primary helper-button`} onClick={this.toggle}>
             <div className={cx(s.themeHelperSpinner, 'text-white')}>