feat: udpate uikit (#69)

jest.config.js

@@ -3,9 +3,9 @@ module.exports = {
     moduleFileExtensions: ['js', 'json', 'ts', 'tsx'],
     rootDir: '.',
     transform: {
-        '^.+\\.tsx?$': 'ts-jest',
+        '\\.[jt]sx?$': ['ts-jest', {tsconfig: './tsconfig.test.json'}],
     },
-    transformIgnorePatterns: ['node_modules/(?!(@gravity-ui)/)'],
+    transformIgnorePatterns: ['node_modules/(?!(@gravity-ui|tinygesture))'],
     coverageDirectory: './coverage',
     collectCoverageFrom: ['src/**/*.{ts,tsx}', '!**/__stories__/**/*', '!**/*/*.stories.{ts,tsx}'],
     testEnvironment: 'jsdom',

package.json

@@ -37,6 +37,7 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
+    "@gravity-ui/components": "^2.0.0",
     "@gravity-ui/i18n": "^1.0.0",
     "@gravity-ui/icons": "^2.1.0",
     "bem-cn-lite": "^4.0.0",
@@ -47,11 +48,11 @@
     "@babel/preset-typescript": "^7.18.6",
     "@commitlint/cli": "^17.0.0",
     "@commitlint/config-conventional": "^17.0.0",
-    "@gravity-ui/eslint-config": "^2.0.0",
+    "@gravity-ui/eslint-config": "^2.1.1",
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^2.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@gravity-ui/uikit": "^4.10.0",
+    "@gravity-ui/uikit": "^5.0.2",
     "@storybook/addon-essentials": "^7.0.27",
     "@storybook/preset-scss": "^1.0.3",
     "@storybook/react": "^7.0.27",
@@ -97,7 +98,7 @@
     "typescript": "^4.9.5"
   },
   "peerDependencies": {
-    "@gravity-ui/uikit": "^4.0.0",
+    "@gravity-ui/uikit": "^5.0.0",
     "final-form": "^4.20.2",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0",

src/lib/kit/components/Card/Card.tsx

@@ -1,7 +1,8 @@
 import React from 'react';
 
+import {HelpPopover} from '@gravity-ui/components';
 import {ChevronDown} from '@gravity-ui/icons';
-import {Button, Card as CardBase, HelpPopover, Icon} from '@gravity-ui/uikit';
+import {Button, Card as CardBase, Icon} from '@gravity-ui/uikit';
 import _ from 'lodash';
 
 import {block} from '../../utils';

src/lib/kit/components/Inputs/MonacoInput/MonacoHeader.scss

@@ -6,7 +6,7 @@
     justify-content: space-between;
     padding: 15px;
     align-items: center;
-    background-color: var(--yc-color-private-black-50-solid);
+    background-color: var(--yc-color-base-float-hover);
 
     &_card {
         border-bottom: 1px solid var(--yc-color-line-generic);

src/lib/kit/components/Inputs/TextArea/TextArea.tsx

@@ -1,14 +1,14 @@
 import React from 'react';
 
-import {TextInput as TextInputBase} from '@gravity-ui/uikit';
+import {TextArea as TextAreaBase} from '@gravity-ui/uikit';
 
 import {StringInput} from '../../../../core';
 
 export const TextArea: StringInput = ({name, input, spec}) => {
     const {value, onBlur, onChange, onFocus} = input;
 
     return (
-        <TextInputBase
+        <TextAreaBase
             value={value}
             onBlur={onBlur}
             onFocus={onFocus}
@@ -17,7 +17,6 @@ export const TextArea: StringInput = ({name, input, spec}) => {
             minRows={8}
             hasClear
             disabled={spec.viewSpec.disabled}
-            multiline
             placeholder={spec.viewSpec.placeholder}
             qa={name}
         />

src/lib/kit/components/Layouts/Row/Row.tsx

@@ -1,7 +1,8 @@
 import React from 'react';
 
+import {HelpPopover} from '@gravity-ui/components';
 import {Xmark} from '@gravity-ui/icons';
-import {Button, HelpPopover, Icon} from '@gravity-ui/uikit';
+import {Button, Icon} from '@gravity-ui/uikit';
 
 import {
     FieldValue,

src/lib/kit/components/Layouts/Section/Section.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import {HelpPopover} from '@gravity-ui/uikit';
+import {HelpPopover} from '@gravity-ui/components';
 
 import {GroupIndent} from '../../';
 import {ErrorWrapper} from '../../../';

src/lib/kit/components/SimpleVerticalAccordeon/SimpleVerticalAccordeon.tsx

@@ -1,7 +1,8 @@
 import React from 'react';
 
+import {HelpPopover} from '@gravity-ui/components';
 import {ChevronDown} from '@gravity-ui/icons';
-import {Button, HelpPopover, Icon} from '@gravity-ui/uikit';
+import {Button, Icon} from '@gravity-ui/uikit';
 
 import {block} from '../../utils';
 

tsconfig.test.json

@@ -0,0 +1,8 @@
+{
+  "extends": "@gravity-ui/tsconfig",
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "module": "commonjs",
+    "jsx": "react"
+  }
+}