Updated package.json, yarn.lock, components.

Author: Anton Mogdalov

package.json

@@ -21,7 +21,6 @@
     "lodash": "4.17.11",
     "md5": "2.2.1",
     "moment": "^2.22.2",
-    "node-sass": "4.12.0",
     "rc-color-picker": "^1.2.6",
     "rc-hammerjs": "0.6.9",
     "react": "^16.8.3",
@@ -34,7 +33,7 @@
     "react-router": "4.3.1",
     "react-router-dom": "4.3.1",
     "react-router-hash-link": "^1.2.1",
-    "react-scripts": "2.1.8",
+    "react-scripts": "^3.4.4",
     "react-scrollspy": "^3.3.5",
     "react-test-render": "1.1.1",
     "react-toastify": "^5.4.0",
@@ -44,14 +43,15 @@
     "redux": "4.0.1",
     "redux-devtools-extension": "2.13.8",
     "redux-thunk": "2.3.0",
+    "sass": "^1.69.5",
     "sass-loader": "7.1.0",
     "skycons": "^1.0.0",
     "styled-components": "4.1.3",
     "yup": "0.26.10"
   },
   "scripts": {
-    "build": "cross-env REACT_APP_ENVIRONMENT=production react-scripts build",
-    "start": "cross-env REACT_APP_ENVIRONMENT=development react-scripts start"
+    "build": "cross-env REACT_APP_ENVIRONMENT=production react-scripts --openssl-legacy-provider build",
+    "start": "cross-env REACT_APP_ENVIRONMENT=development react-scripts --openssl-legacy-provider start"
   },
   "eslintConfig": {
     "extends": "react-app"
@@ -62,10 +62,13 @@
     "not ie <= 11",
     "not op_mini all"
   ],
+  "engines": {
+    "node": "^20.15"
+  },
   "devDependencies": {
     "@babel/helper-call-delegate": "7.8.7",
     "@types/jest": "24.0.9",
     "cross-env": "5.2.0",
     "less": "3.9.0"
   }
-}
+}

src/components/Widget/Widget.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { UncontrolledTooltip } from 'reactstrap';
 import s from './Widget.module.scss';
 import classNames from 'classnames';
-import Loader from '../Loader'; // eslint-disable-line css-modules/no-unused-class
+import Loader from '../Loader';
 import AnimateHeight from 'react-animate-height';
 import uuidv4 from 'uuid/v4'
 import {

src/documentation/DocumentationHeader.js

@@ -13,7 +13,7 @@ import {
 
 import { openSidebar, closeSidebar, changeActiveSidebarItem } from '../actions/navigation';
 
-import s from '../components/Header/Header.module.scss'; // eslint-disable-line css-modules/no-unused-class
+import s from '../components/Header/Header.module.scss';
 import sd from './styles.module.scss';
 
 import twitterLogo from '../images/documentation/twitter-logo.svg';

src/styles/_utils.scss

@@ -439,7 +439,7 @@ $z-index-variants: (more: 1, less: -1, '10': 10, '-10': -10);
   .form-control:focus,
   .form-control:focus + .input-group-addon,
   &.focus .input-group-addon {
-    @extend .input-no-border:focus;
+    @extend .input-no-border, :focus;
   }
 }