build: update all deps

package.json

@@ -5,14 +5,14 @@
   ],
   "private": true,
   "devDependencies": {
-    "@commitlint/cli": "^8.2.0",
-    "@commitlint/config-conventional": "^8.2.0",
+    "@commitlint/cli": "^11.0.0",
+    "@commitlint/config-conventional": "^11.0.0",
     "@skbkontur/eslint-config": "*",
-    "commitizen": "^4.0.3",
-    "cz-conventional-changelog": "^3.0.2",
-    "env-cmd": "^10.0.1",
-    "husky": "^3.1.0",
-    "lerna": "^3.19.0"
+    "commitizen": "^4.2.3",
+    "cz-conventional-changelog": "^3.3.0",
+    "env-cmd": "^10.1.0",
+    "husky": "^4.3.8",
+    "lerna": "^3.22.1"
   },
   "scripts": {
     "commit": "git-cz",

packages/eslint-config/.eslintrc

@@ -25,5 +25,10 @@
     "react": {
       "version": "detect"
     }
+  },
+  "rules": {
+    "@typescript-eslint/ban-ts-comment": 0,
+    "@typescript-eslint/ban-types": 0,
+    "@typescript-eslint/explicit-module-boundary-types": 0
   }
 }

packages/eslint-config/package.json

@@ -3,14 +3,14 @@
   "version": "1.0.1",
   "license": "MIT",
   "dependencies": {
-    "@typescript-eslint/eslint-plugin": "2.16.0",
-    "@typescript-eslint/parser": "2.16.0",
-    "eslint": "6.8.0",
-    "eslint-config-prettier": "6.8.0",
+    "@typescript-eslint/eslint-plugin": "4.14.1",
+    "@typescript-eslint/parser": "4.14.1",
+    "eslint": "7.19.0",
+    "eslint-config-prettier": "7.2.0",
     "eslint-html-reporter": "0.7.4",
-    "eslint-plugin-import": "2.19.1",
-    "eslint-plugin-jsx-a11y": "^6.2.3",
-    "eslint-plugin-react": "7.17.0",
-    "eslint-plugin-react-hooks": "2.3.0"
+    "eslint-plugin-import": "2.22.1",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-react": "7.22.0",
+    "eslint-plugin-react-hooks": "4.2.0"
   }
 }

packages/react-ui-validations/.storybook/main.js

@@ -0,0 +1,3 @@
+module.exports = {
+  stories: ['../stories/**/*.stories.tsx'],
+};

packages/react-ui-validations/.storybook/preview-head.html

@@ -0,0 +1,21 @@
+<style>
+  @font-face {
+    font-family: 'Segoe UI';
+    font-weight: 400;
+    src: local('Segoe UI'), local('SegoeUI'),
+    url('//c.s-microsoft.com/static/fonts/segoe-ui/cyrillic/normal/latest.woff') format('woff');
+  }
+
+  html,
+  body {
+    min-height: 100%;
+  }
+
+  body {
+    font-family: 'Segoe UI', 'Helvetica Neue', Roboto, Arial, sans-serif;
+    font-size: 14px;
+    margin: 0;
+    background: white;
+    color: rgba(0, 0, 0, 0.87);
+  }
+</style>

packages/react-ui-validations/.storybook/preview.ts

@@ -0,0 +1,15 @@
+import { setFilter } from '@skbkontur/react-props2attrs';
+import { findAmongParents } from '@skbkontur/react-sorge/lib';
+
+setFilter(fiber => {
+  // Транслируем все пропы только для контролов
+  const isControlComponent = !!findAmongParents(
+    fiber,
+    fiberParent => fiberParent.type && typeof fiberParent.type.__KONTUR_REACT_UI__ === 'string',
+  );
+  if (isControlComponent) {
+    return null;
+  }
+  // Для остальных компонентов ограничиваемся тестовыми идентификаторами
+  return ['data-tid', 'data-testid'];
+});

packages/react-ui-validations/.storybook/webpack.config.js

@@ -1,16 +1,8 @@
-const path = require('path');
 const webpack = require('webpack');
 
 module.exports = async ({ config, mode }) => {
   config.resolve.extensions.unshift('.ts', '.tsx');
 
-  config.entry.unshift('react-ui-testing/react-selenium-testing');
-
-  config.entry.push(
-    path.join(__dirname, '../stories/styles/reset.less'),
-    path.join(__dirname, '../stories/styles/typography.less'),
-  );
-
   config.module.rules = [
     {
       test: /\.(ts|tsx)$/,
@@ -44,7 +36,6 @@ module.exports = async ({ config, mode }) => {
             },
           },
         },
-        'less-loader',
       ],
     },
     {

packages/react-ui-validations/package.json

@@ -49,57 +49,59 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.8",
-    "@babel/plugin-transform-runtime": "^7.12.1",
-    "@babel/preset-env": "^7.12.7",
+    "@babel/plugin-transform-runtime": "^7.13.9",
+    "@babel/preset-env": "^7.13.9",
     "@babel/preset-react": "^7.12.7",
-    "@hot-loader/react-dom": "^16.11.0",
-    "@skbkontur/react-icons": "^3.2.1",
+    "@hot-loader/react-dom": "^17.0.1",
+    "@skbkontur/react-icons": "^4.4.0",
+    "@skbkontur/react-props2attrs": "^0.1.2",
+    "@skbkontur/react-sorge": "^0.1.0",
     "@storybook/react": "5.3.14",
-    "@types/jest": "^24.0.23",
-    "@types/react": "16.9.16",
-    "@types/react-dom": "16.9.4",
+    "@types/jest": "^26.0.20",
+    "@types/react": "16.14.4",
+    "@types/react-dom": "16.9.11",
     "@types/react-helmet": "^5.0.14",
     "@types/react-router-dom": "^5.1.3",
-    "@types/react-syntax-highlighter": "^11.0.3",
-    "@types/styled-components": "^4.4.1",
+    "@types/react-syntax-highlighter": "^13.5.0",
+    "@types/styled-components": "^5.1.7",
     "@types/warning": "^3.0.0",
-    "babel-jest": "^24.9.0",
+    "babel-jest": "^26.6.3",
     "babel-loader": "^8.0.6",
-    "core-js": "^3.4.8",
-    "cross-env": "^6.0.3",
-    "css-loader": "^3.3.0",
+    "core-js": "^3.9.1",
+    "cross-env": "^7.0.3",
+    "css-loader": "^5.1.1",
     "dts-bundle": "^0.7.3",
-    "file-loader": "^5.0.2",
-    "gh-pages": "^2.1.1",
-    "html-webpack-plugin": "^3.2.0",
+    "file-loader": "^6.2.0",
+    "gh-pages": "^3.1.0",
+    "html-webpack-plugin": "4.5.2",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "24.9.0",
+    "jest": "26.6.3",
     "jest-teamcity-reporter": "^0.9.0",
-    "less": "3.10.3",
-    "less-loader": "^5.0.0",
+    "less": "4.1.1",
+    "less-loader": "7.3.0",
     "markdown": "^0.5.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^1.14.2",
     "raw-loader": "^4.0.0",
-    "react": "^16.12.0",
-    "react-dom": "^16.12.0",
-    "react-helmet": "^5.2.1",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "react-helmet": "^6.1.0",
     "react-hot-loader": "^4.12.18",
     "react-router-dom": "^5.1.2",
-    "react-syntax-highlighter": "11.0.2",
+    "react-syntax-highlighter": "15.4.3",
     "rimraf": "^3.0.0",
-    "rollup": "^1.27.9",
+    "rollup": "^2.40.0",
     "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-replace": "^2.2.0",
-    "rollup-plugin-typescript2": "^0.25.3",
+    "rollup-plugin-typescript2": "^0.30.0",
     "shelljs": "^0.8.3",
-    "string-replace-loader": "^2.3.0",
-    "style-loader": "^1.0.1",
-    "styled-components": "^4.4.1",
-    "ts-jest": "^24.2.0",
-    "ts-loader": "6.2.1",
-    "typescript": "^3.7.3",
+    "string-replace-loader": "^3.0.1",
+    "style-loader": "^2.0.0",
+    "styled-components": "^5.2.1",
+    "ts-jest": "^26.5.2",
+    "ts-loader": "8.0.17",
+    "typescript": "4.1.3",
     "webpack": "^4.41.2",
     "webpack-cli": "^3.3.10",
     "webpack-dev-server": "3.9.0"

packages/react-ui-validations/src/ValidationContext.tsx

@@ -9,7 +9,6 @@ export interface ValidationContextSettings {
   disableSmoothScroll: boolean;
 }
 
-// eslint-disable-next-line @typescript-eslint/interface-name-prefix
 export interface IValidationContext {
   register(wrapper: ValidationWrapperInternal): void;
   unregister(wrapper: ValidationWrapperInternal): void;