[BLOCKED BY Node.js version >= 17] Bump scss-tokenizer and node-sass in /app

.github/workflows/build.yml

@@ -23,7 +23,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node: [11, 12]
+        node: [14]
 
     steps:
       - uses: actions/checkout@v2

.github/workflows/release.yml

@@ -29,7 +29,7 @@ jobs:
       - name: Setup NodeJS
         uses: actions/setup-node@v2
         with:
-          node-version: '12'
+          node-version: '14.19.1'
 
       - name: JS Build
         env:

Dockerfile-full

@@ -8,7 +8,7 @@ WORKDIR /usr/src
 ARG version
 RUN make generate-build-info v=$version
 
-FROM node:12-alpine as build-frontend
+FROM node:14-alpine as build-frontend
 RUN mkdir -p /usr/src/app
 WORKDIR /usr/src/app
 COPY ./app/ /usr/src/app/

Jenkinsfile-candidate

@@ -49,4 +49,3 @@ node {
         }
     }
 }
-

app/.babelrc

@@ -14,6 +14,8 @@
     "@babel/plugin-transform-runtime",
     ["@babel/plugin-proposal-decorators", { "legacy": true }],
     ["@babel/plugin-proposal-class-properties", { "loose": true }],
+    ["@babel/plugin-proposal-private-methods", { "loose": true }],
+    ["@babel/plugin-proposal-private-property-in-object", { "loose": true }],
     [
       "react-intl",
       {

app/.eslintignore

@@ -1,6 +1,5 @@
 node_modules/*
 build
-.storybook_app
 localization/messages
 localization/translated/en.json
 package.json

app/.eslintrc

@@ -6,7 +6,7 @@
     "plugin:prettier/recommended",
     "prettier/react"
   ],
-  "plugins": ["react", "jsx-a11y", "prettier", "babel"],
+  "plugins": ["react",  "react-hooks", "jsx-a11y", "prettier", "babel"],
   "settings": {
     "import/resolver": {
       "webpack": {
@@ -59,7 +59,9 @@
     "react/sort-comp": 0,
     "import/no-useless-path-segments": 0,
     "no-invalid-this": 0,
-    "prefer-object-spread": 0
+    "prefer-object-spread": 0,
+    "react-hooks/rules-of-hooks": 2,
+    "react-hooks/exhaustive-deps": 1
   },
   "parserOptions": {
     "ecmaFeatures": {

app/.gitignore

@@ -3,7 +3,6 @@
 *.log
 node_modules
 build
-.storybook_app
 localization/messages
 localization/translated/en.json
 .env

app/.slignore

@@ -14,7 +14,6 @@
 ./build/media/*
 ./localization/
 ./test/
-./.storybook/
 vendor*.js
 runtime*.js
 inline*.js

app/.slignore.generated

@@ -14,4 +14,4 @@
 ./build/media/*
 ./localization/
 ./test/
-./.storybook/
+

app/Readme.md

@@ -4,7 +4,7 @@
 
 ## Installation
 
-For development, you need a [node.js](https://nodejs.org).
+For local development, you need a [node.js](https://nodejs.org)(minimum required version 12, recommended - 14).
 
 To launch the development environment, follow these steps:
 
@@ -30,18 +30,12 @@ To launch the development environment, follow these steps:
 
 `npm run build` - build the product version in the `dist` folder
 
-`npm run storybook` - launch the development environment for storybook
-
 `npm run test` - single run all tests
 
 `npm run test:watch` - run tests when changing files
 
 `npm run manage:translations` - checking the relevance of localization
 
-## Components
-
-All the components for which the stories are described are automatically collected when the develop branch. To look at this assembly it is possible [here](http://reportportal.io/service-ui/index.html)
-
 ## Technology
 
 Used technology stack: [React](https://reactjs.org/), [Redux](https://redux.js.org/)

app/jest.config.js

@@ -29,7 +29,12 @@ module.exports = {
     '^layouts[/](.+)': '<rootDir>/src/layouts/$1',
   },
   notify: false,
-  collectCoverageFrom: ['src/common/**/*.js', '!src/common/urls.js', '!src/common/polyfills.js'],
+  collectCoverageFrom: [
+    'src/common/**/*.js',
+    '!src/common/urls.js',
+    '!src/common/polyfills.js',
+    '!src/common/hooks/*.js',
+  ],
   coverageThreshold: {
     global: {
       branches: 60,

app/jestsetup.js

@@ -17,14 +17,13 @@
 import 'raf/polyfill';
 import React from 'react';
 import { configure } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import * as Utils from './src/common/utils';
 
 configure({ adapter: new Adapter() });
 
 global.React = React;
 global.Utils = Utils;
-global.STORYBOOK = false;
 global.JEST = true;
 global.localStorage = (() => {
   let store = {};

app/localization/config.js

@@ -17,5 +17,5 @@
 export const config = {
   messagesDirectory: 'localization/messages',
   translationsDirectory: 'localization/translated/',
-  languages: ['uk', 'ru', 'be'],
+  languages: ['uk', 'ru', 'be', 'zh'],
 };