chore(deps): update linters

.github/workflows/deploy.yml

@@ -26,7 +26,7 @@ jobs:
       # Устанавливаем Node.JS для сборки приложения
       - uses: actions/setup-node@v1
         with:
-          node-version: 18
+          node-version: 22
 
       - name: Install yarn
         id: yarn-setup

.github/workflows/tests.yml

@@ -0,0 +1,41 @@
+name: Tests
+on:
+  push:
+    branches: master
+  pull_request:
+    types:
+      - opened
+      - reopened
+      - synchronize
+
+jobs:
+  tests:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: rokroskar/workflow-run-cleanup-action@v0.2.2
+        if: "!startsWith(github.ref, 'refs/tags/') && github.ref != 'refs/heads/master'"
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 22
+
+      - name: Установка yarn
+        id: yarn-setup
+        run: |
+          yarn policies set-version 1.22.18
+          echo "::set-output name=cache_dir::$(yarn cache dir)"
+      - name: Настройка кэширования yarn
+        uses: actions/cache@v4
+        with:
+          path: ${{ steps.yarn-setup.outputs.cache_dir }}
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-
+      - name: Установка зависимостей
+        run: yarn add "install-peers-cli@https://github.com/evless/install-peers-cli#fix-yarn-policies" && yarn --frozen-lockfile
+      - name: Проверка TS
+        run: yarn run tsc-dry-run
+      - name: Проверка eslint & stylelint
+        run: yarn run lint

.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/usr/bin/env sh
 . "$(dirname -- "$0")/_/husky.sh"
 
-# yarn run pre-commit
+yarn run pre-commit

.husky/pre-push

@@ -1,4 +1,4 @@
 #!/usr/bin/env sh
 . "$(dirname -- "$0")/_/husky.sh"
 
-# yarn run pre-push
+yarn run pre-push

.stylelintrc.js

@@ -3,8 +3,16 @@ module.exports = {
   plugins: ['stylelint-order', 'stylelint-prettier'],
   rules: {
     'prettier/prettier': true,
-    'color-named': 'never',
     'no-descending-specificity': null,
+    'selector-class-pattern': null,
+    'keyframes-name-pattern': null,
+    'custom-property-pattern': null,
+    'alpha-value-notation': 'number',
+    'value-keyword-case': null,
+    'declaration-block-no-redundant-longhand-properties': null,
+    'property-no-vendor-prefix': null,
+    'selector-not-notation': null,
+    'block-no-redundant-nested-style-rules': null,
     'selector-pseudo-class-no-unknown': [
       true,
       { ignorePseudoClasses: ['focus-visible', 'global'] },
@@ -17,7 +25,6 @@ module.exports = {
       'never',
       { ignore: ['after-declaration'] },
     ],
-    'string-quotes': 'single',
     'order/order': ['custom-properties', 'declarations', 'rules'],
     'at-rule-no-unknown': [
       true,

package.json

@@ -15,9 +15,9 @@
     }
   ],
   "dependencies": {
-    "@consta/header": "^3.0.2",
-    "@consta/icons": "^1.5.0",
-    "@consta/uikit": "^5.27.1",
+    "@consta/header": "^3.1.0",
+    "@consta/icons": "^1.7.1",
+    "@consta/uikit": "^5.32.0",
     "@mdx-js/loader": "^2.3.0",
     "@mdx-js/react": "^2.3.0",
     "@oclif/command": "^1.8.22",
@@ -92,9 +92,12 @@
   "scripts": {
     "postinstall": "yarn install-peers && husky install && node ./scripts/rm.js --path=./node_modules/@types/react-syntax-highlighter/node_modules/@types/react",
     "tsc-dry-run": "tsc --noEmit",
-    "lint:js": "eslint --ext .js,.jsx,.tsx,.ts --fix . --quiet",
-    "lint:css": "stylelint ./src/**/*.css --fix",
+    "lint:js": "eslint --ext .js,.jsx,.tsx,.ts . --quiet",
+    "lint:js:fix": "eslint --ext .js,.jsx,.tsx,.ts --fix . --quiet",
+    "lint:css": "stylelint ./src/**/*.css",
+    "lint:css:fix": "stylelint ./src/**/*.css --fix",
     "lint": "yarn run lint:js && yarn run lint:css",
+    "lint:fix": "yarn run lint:js:fix && yarn run lint:css:fix",
     "format:svg": "prettier --write '**/*.svg' --parser html",
     "pre-push": "yarn rm:repositories && yarn rm:stands && yarn run tsc-dry-run",
     "pre-commit": "yarn run lint-staged",
@@ -157,10 +160,10 @@
     "@antv/g2plot": "^2.4.7",
     "@bem-react/classname": "^1.6.0",
     "@bem-react/classnames": "^1.3.10",
-    "@consta/header": "^3.0.2",
-    "@consta/icons": "^1.5.0",
-    "@consta/table": "^0.7.2",
-    "@consta/uikit": "^5.27.1",
+    "@consta/header": "^3.1.0",
+    "@consta/icons": "^1.7.1",
+    "@consta/table": "^0.8.0",
+    "@consta/uikit": "^5.32.0",
     "@consta/widgets-utils": "^0.2.15",
     "@types/d3": "5.7.2",
     "@types/file-saver": "^2.0.5",
@@ -169,7 +172,7 @@
     "ag-grid-enterprise": "^33.2.3",
     "ag-grid-react": "^33.2.3",
     "compute-scroll-into-view": "^3.1.1",
-    "date-fns": "^2.30.0",
+    "date-fns": "^4.1.0",
     "file-saver": "^2.0.5",
     "jszip": "^3.10.1",
     "moment": "^2.29.3",
@@ -214,9 +217,9 @@
     "d3": "5.12.0",
     "eslint": "^8.20.0",
     "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-prettier": "^8.5.0",
+    "eslint-config-prettier": "^10.1.8",
     "eslint-config-react-app": "^7.0.1",
-    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-simple-import-sort": "^7.0.0",
     "gantt-task-react": "^0.3.7",
@@ -226,7 +229,7 @@
     "jest-resolve": "^27.4.2",
     "jest-watch-typeahead": "^1.0.0",
     "lint-staged": "^13.0.3",
-    "postcss": "^8.4.12",
+    "postcss": "^8.5.8",
     "postcss-cli": "^10.0.0",
     "postcss-color-function": "^4.1.0",
     "postcss-flexbugs-fixes": "^5.0.2",
@@ -238,7 +241,7 @@
     "postcss-preset-env": "^7.0.1",
     "postcss-simple-vars": "^5.0.2",
     "postcss-syntax": "^0.36.2",
-    "prettier": "^2.6.2",
+    "prettier": "^3.8.1",
     "react-app-polyfill": "^3.0.0",
     "react-big-calendar": "^0.40.4",
     "react-dev-utils": "^12.0.0",
@@ -247,10 +250,10 @@
     "react-refresh": "^0.11.0",
     "react-test-renderer": "^18.0.0",
     "react-uid": "2.2.0",
-    "stylelint": "^10.1.0",
-    "stylelint-config-standard": "^18.3.0",
-    "stylelint-order": "^4.1.0",
-    "stylelint-prettier": "^1.1.1",
+    "stylelint": "^17.4.0",
+    "stylelint-config-standard": "^40.0.0",
+    "stylelint-order": "^8.1.1",
+    "stylelint-prettier": "^5.0.3",
     "tsconfig-replace-paths": "^0.0.14",
     "typescript-transform-paths": "^3.3.1"
   },

scripts/copy.js

@@ -2,7 +2,6 @@ const { copy } = require('fs-extra');
 
 const { Command, flags } = require('@oclif/command');
 const logSymbols = require('log-symbols');
-const { remove } = require('fs-extra');
 
 class GenerateCommand extends Command {
   async safeInvokeHook(hook) {

src/componets/BannerButton/BannerButton.css

@@ -2,7 +2,7 @@
   display: block;
   color: var(--color-typo-primary);
   background:
-    linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%),
+    linear-gradient(0deg, rgb(0 0 0 / 0) 0%, rgb(0 0 0 / 0) 100%),
     linear-gradient(271deg, #4c7687 0%, #568caa 100%);
   border-radius: var(--space-xs);
 
@@ -14,7 +14,7 @@
   }
 
   &-Icon {
-    color: rgba(255, 255, 255, 0.8);
+    color: rgb(255 255 255 / 0.8);
   }
 
   &-List {
@@ -25,7 +25,7 @@
 
   &-Item {
     padding: calc(var(--space-s) - var(--space-3xs)) var(--space-s);
-    border-top: 1px solid rgba(255, 255, 255, 0.2);
+    border-top: 1px solid rgb(255 255 255 / 0.2);
     text-decoration: none;
     transition: color 0.3s;
 

src/componets/BannerLinks/BannerLinks.css

@@ -1,17 +1,13 @@
 .stand--BannerLinks {
   &-Button.Button {
     --button-bg-color:
-      linear-gradient(
-        0deg,
-        rgba(0, 0, 0, 0) 0%,
-        rgba(0, 0, 0, 0) 100%
-      ),
+      linear-gradient(0deg, rgb(0 0 0 / 0) 0%, rgb(0 0 0 / 0) 100%),
       linear-gradient(271deg, #4c7687 0%, #568caa 100%);
     --button-bg-color-hover:
       linear-gradient(
         0deg,
-        rgba(255, 255, 255, 0.32) 0%,
-        rgba(255, 255, 255, 0.32) 100%
+        rgb(255 255 255 / 0.32) 0%,
+        rgb(255 255 255 / 0.32) 100%
       ),
       linear-gradient(271deg, #4c7687 0%, #568caa 100%);
 

src/componets/DocLayout/DocLayout.css

@@ -9,18 +9,15 @@
   --doc-layout-content-padding-standart-top: var(--space-l);
   --doc-layout-content-padding-standart-bottom: var(--space-3xl);
   --doc-layout-content-padding-left: var(--doc-layout-content-padding-standart);
-  --doc-layout-content-padding-right:
-    var(
-      --doc-layout-content-padding-standart
-    );
-  --doc-layout-content-padding-top:
-    calc(
-      var(--header-height) + var(--doc-layout-content-padding-standart-top)
-    );
-  --doc-layout-content-padding-bottom:
-    var(
-      --doc-layout-content-padding-standart-bottom
-    );
+  --doc-layout-content-padding-right: var(
+    --doc-layout-content-padding-standart
+  );
+  --doc-layout-content-padding-top: calc(
+    var(--header-height) + var(--doc-layout-content-padding-standart-top)
+  );
+  --doc-layout-content-padding-bottom: var(
+    --doc-layout-content-padding-standart-bottom
+  );
   position: relative;
   min-height: 100vh;
   background: var(--color-bg-default);
@@ -34,10 +31,9 @@
   &_breakpointM {
     --doc-layout-center-padding-left: var(--doc-layout-side-width);
     --doc-layout-center-padding-right: var(--doc-layout-mini-side-width);
-    --doc-layout-content-padding-top:
-      var(
-        --doc-layout-content-padding-standart
-      );
+    --doc-layout-content-padding-top: var(
+      --doc-layout-content-padding-standart
+    );
   }
 
   &_breakpointL {
@@ -50,8 +46,7 @@
   }
 
   &-Content {
-    padding:
-      var(--doc-layout-content-padding-top)
+    padding: var(--doc-layout-content-padding-top)
       var(--doc-layout-content-padding-right)
       var(--doc-layout-content-padding-bottom)
       var(--doc-layout-content-padding-left);

src/componets/DocLayout/DocLayoutLeftSide/DocLayoutLeftSide.css

@@ -10,7 +10,9 @@
   background: var(--color-bg-default);
   border-right: 1px solid var(--color-bg-border);
   box-shadow: 0 0 0 var(--color-shadow-modal-1);
-  transition: transform 0.2s, box-shadow 0.2s;
+  transition:
+    transform 0.2s,
+    box-shadow 0.2s;
   transform: translateX(calc(var(--doc-layout-side-width) * -1));
 
   &_breakpointM {
@@ -55,5 +57,5 @@
 }
 
 .Theme .stand--DocLayoutLeftSide-ScrollContainer {
-  overflow-y: overlay;
+  overflow-y: auto;
 }

src/componets/DocLayout/DocLayoutRightSide/DocLayoutRightSide.css

@@ -1,15 +1,17 @@
 .stand--DocLayoutRightSide {
-  --doc-layout-shadow-none: 0 0 0 var(--color-shadow-modal-1),
-    0 0 0 var(--color-shadow-modal-2);
+  --doc-layout-shadow-none:
+    0 0 0 var(--color-shadow-modal-1), 0 0 0 var(--color-shadow-modal-2);
+  position: relative;
   right: 0;
   width: var(--doc-layout-side-width);
   min-height: 100vh;
   background: var(--color-bg-default);
   border-left: 1px solid var(--color-bg-border);
   box-shadow: var(--doc-layout-shadow-none);
-  transition: transform 0.2s, box-shadow 0.2s;
+  transition:
+    transform 0.2s,
+    box-shadow 0.2s;
   transform: translateX(100%);
-  position: relative;
 
   &_breakpointM {
     transform: translateX(

src/componets/ExampleFrame/ExampleFrame.css

@@ -16,7 +16,7 @@
 
       &_image {
         background: var(--color-bg-ghost);
-        mask-image: url(./ExampleFrameBg.svg);
+        mask-image: url('./ExampleFrameBg.svg');
         opacity: 0.3;
       }
     }

src/componets/Image/Image.tsx

@@ -1,9 +1,9 @@
 import './Image.css';
 
+import { PropsWithHTMLAttributes } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';
 import React from 'react';
 
 import { cn } from '##/utils/bem';
-import { PropsWithHTMLAttributes } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';
 
 const cnImage = cn('Image');
 

src/componets/LazyDocs/LazyDocs.css

@@ -24,7 +24,6 @@
   .stand--P,
   .stand--Example,
   .stand--Code,
-  .stand--Example,
   .stand--Table-Wrapper,
   .stand--MdxTabs,
   .stand--Image,

src/componets/Link/Link.tsx

@@ -1,8 +1,8 @@
+import { PropsWithHTMLAttributes } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';
 import React from 'react';
 import { NavigationOptions } from 'router5';
 
 import { useLink } from '##/hooks/useLink';
-import { PropsWithHTMLAttributes } from '@consta/uikit/__internal__/src/utils/types/PropsWithHTMLAttributes';
 
 export const Link: React.FC<
   PropsWithHTMLAttributes<

src/componets/ListCard/ListCardBannerItem/ListCardBannerItem.css

@@ -1,10 +1,6 @@
 .stand--ListCardBannerItem {
   background:
-    linear-gradient(
-      0deg,
-      rgba(255, 255, 255, 0.3),
-      rgba(255, 255, 255, 0.3)
-    ),
+    linear-gradient(0deg, rgb(255 255 255 / 0.3), rgb(255 255 255 / 0.3)),
     linear-gradient(90deg, #4d7286 0%, #6287a4 100%);
   border-radius: var(--control-radius);