chore: @yandex-cloud/uikit@2.8.0 -> @gravity-ui/uikit@3.0.1

Author: ariser

config-overrides.js

@@ -1,7 +1,7 @@
 const path = require('path');
 
 const srcRoot = path.resolve(__dirname, 'src');
-const uiKitRoot = path.resolve(__dirname, 'node_modules/@yandex-cloud/uikit');
+const uiKitRoot = path.resolve(__dirname, 'node_modules/@gravity-ui/uikit');
 
 module.exports = {
     webpack: (config, env) => {

package-lock.json

@@ -99,6 +99,7 @@
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^1.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
+    "@gravity-ui/uikit": "^3.0.1",
     "@testing-library/jest-dom": "^5.15.0",
     "@testing-library/react": "^11.2.7",
     "@testing-library/user-event": "^12.8.3",
@@ -112,7 +113,6 @@
     "@types/react-virtualized-auto-sizer": "^1.0.1",
     "@yandex-cloud/axios-wrapper": "^1.0.2",
     "@yandex-cloud/browserslist-config": "1.0.1",
-    "@yandex-cloud/uikit": "^2.8.0",
     "copyfiles": "^2.4.1",
     "eslint-config-prettier": "^8.3.0",
     "husky": "^7.0.4",
@@ -129,6 +129,6 @@
   },
   "peerDependencies": {
     "@yandex-cloud/browserslist-config": "^1.0.1",
-    "@yandex-cloud/uikit": "^2.8.0"
+    "@gravity-ui/uikit": "^3.0.1"
   }
 }

package.json

@@ -3,7 +3,7 @@ import block from 'bem-cn-lite';
 import noop from 'lodash/noop';
 import throttle from 'lodash/throttle';
 
-import {Button, Icon} from '@yandex-cloud/uikit';
+import {Button, Icon} from '@gravity-ui/uikit';
 
 import {Drawer, DrawerItem} from './Drawer';
 import {Logo, LogoProps} from './Logo/Logo';

src/components/AsideNavigation/AsideHeader.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import block from 'bem-cn-lite';
-import {Icon, Popup, PopupPlacement, PopupProps} from '@yandex-cloud/uikit';
+import {Icon, Popup, PopupPlacement, PopupProps} from '@gravity-ui/uikit';
 
 import {AsideHeaderTooltip} from '../AsideHeaderTooltip/AsideHeaderTooltip';
 import {AsideHeaderFooterSlot, SlotName} from '../AsideHeaderFooterSlot/AsideHeaderFooterSlot';

src/components/AsideNavigation/AsideHeaderFooterItem/AsideHeaderFooterItem.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import block from 'bem-cn-lite';
-import {Popup, PopupPlacement} from '@yandex-cloud/uikit';
+import {Popup, PopupPlacement} from '@gravity-ui/uikit';
 import './AsideHeaderTooltip.scss';
 
 const b = block('nv-aside-header-tooltip');

src/components/AsideNavigation/AsideHeaderTooltip/AsideHeaderTooltip.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import block from 'bem-cn-lite';
 import AutoSizer from 'react-virtualized-auto-sizer';
-import {List, Icon, Popup, PopupPlacement} from '@yandex-cloud/uikit';
+import {List, Icon, Popup, PopupPlacement} from '@gravity-ui/uikit';
 
 import {AsideHeaderMenuItem} from '../types';
 import i18n from '../i18n';

src/components/AsideNavigation/CompositeBar/CompositeBar.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import block from 'bem-cn-lite';
-import {Button, Icon} from '@yandex-cloud/uikit';
+import {Button, Icon} from '@gravity-ui/uikit';
 
 import './Logo.scss';
 

src/components/AsideNavigation/Logo/Logo.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import block from 'bem-cn-lite';
 import i18n from './i18n';
 
-import {IconProps, Loader} from '@yandex-cloud/uikit';
+import {IconProps, Loader} from '@gravity-ui/uikit';
 import {SettingsSearch} from './SettingsSearch/SettingsSearch';
 import {SettingsMenu, SettingsMenuItems, SettingsMenuInstance} from './SettingsMenu/SettingsMenu';
 

src/components/AsideNavigation/Settings/Settings.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import block from 'bem-cn-lite';
 
-import {Icon, IconProps, Link} from '@yandex-cloud/uikit';
+import {Icon, IconProps, Link} from '@gravity-ui/uikit';
 
 import {useCurrent, useStableCallback} from '../helpers';
 

src/components/AsideNavigation/Settings/SettingsMenu/SettingsMenu.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import block from 'bem-cn-lite';
-import {TextInput} from '@yandex-cloud/uikit';
+import {TextInput} from '@gravity-ui/uikit';
 
 import i18n from '../i18n';
 

src/components/AsideNavigation/Settings/SettingsSearch/SettingsSearch.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import {IconProps} from '@yandex-cloud/uikit';
+import {IconProps} from '@gravity-ui/uikit';
 import {invariant} from './helpers';
 
 type SettingsMenu = (SettingsMenuGroup | SettingsMenuItem)[];

src/components/AsideNavigation/Settings/collect-settings.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import cn from 'bem-cn-lite';
-import {Breadcrumbs as BreadcrumbsUiKit} from '@yandex-cloud/uikit';
+import {Breadcrumbs as BreadcrumbsUiKit} from '@gravity-ui/uikit';
 
 import './Breadcrumbs.scss';
 

src/components/Breadcrumbs/Breadcrumbs.js

@@ -27,7 +27,7 @@ import {TxAllocator} from '../../utils/constants';
 
 import './ClusterInfo.scss';
 import {AutoFetcher} from '../../utils/autofetcher';
-import {Link, Loader} from '@yandex-cloud/uikit';
+import {Link, Loader} from '@gravity-ui/uikit';
 //@ts-ignore
 import Icon from '../Icon/Icon';
 import {setHeader} from '../../store/reducers/header';

src/components/ClusterInfo/ClusterInfo.tsx

@@ -1,6 +1,6 @@
 import {useState, useEffect, useRef} from 'react';
 import block from 'bem-cn-lite';
-import {ArrowToggle, Button} from '@yandex-cloud/uikit';
+import {ArrowToggle, Button} from '@gravity-ui/uikit';
 
 import './Collapse.scss';
 

src/components/Collapse/Collapse.js

@@ -1,4 +1,4 @@
-import {Button, CopyToClipboard as CopyToClipboardUiKit} from '@yandex-cloud/uikit';
+import {Button, CopyToClipboard as CopyToClipboardUiKit} from '@gravity-ui/uikit';
 import createToast from '../../utils/createToast';
 //@ts-ignore
 import Icon from '../Icon/Icon';

src/components/CopyToClipboard/CopyToClipboard.tsx

@@ -1,7 +1,7 @@
 import {useState} from 'react';
 import PropTypes from 'prop-types';
 import cn from 'bem-cn-lite';
-import {Dialog} from '@yandex-cloud/uikit';
+import {Dialog} from '@gravity-ui/uikit';
 import Icon from '../Icon/Icon';
 
 import './CriticalActionDialog.scss';

src/components/CriticalActionDialog/CriticalActionDialog.js

@@ -1,4 +1,4 @@
-import {Button} from '@yandex-cloud/uikit';
+import {Button} from '@gravity-ui/uikit';
 import {useDispatch} from 'react-redux';
 import {enableFullscreen} from '../../store/reducers/fullscreen';
 import Icon from '../Icon/Icon';

src/components/EnableFullscreenButton/EnableFullscreenButton.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import cn from 'bem-cn-lite';
 import {Link} from 'react-router-dom';
-import {ClipboardButton, Link as ExternalLink, Button} from '@yandex-cloud/uikit';
+import {ClipboardButton, Link as ExternalLink, Button} from '@gravity-ui/uikit';
 
 import './EntityStatus.scss';
 

src/components/EntityStatus/EntityStatus.js

@@ -1,7 +1,7 @@
 import React, {useEffect} from 'react';
 import ReactDOM from 'react-dom';
 
-import {Button} from '@yandex-cloud/uikit';
+import {Button} from '@gravity-ui/uikit';
 import cn from 'bem-cn-lite';
 
 import {useDispatch} from 'react-redux';

src/components/Fullscreen/Fullscreen.tsx

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import {Icon as UiKitIcon} from '@yandex-cloud/uikit';
+import {Icon as UiKitIcon} from '@gravity-ui/uikit';
 
 export default function Icon({name, height, width, viewBox, className, onClick}) {
     return (

src/components/Icon/Icon.js

@@ -1,6 +1,6 @@
 import {useEffect, useState} from 'react';
 import cn from 'bem-cn-lite';
-import {useThemeValue} from '@yandex-cloud/uikit';
+import {useThemeValue} from '@gravity-ui/uikit';
 
 export interface IllustrationProps {
     name: string;

src/components/Illustration/Illustration.tsx

@@ -1,5 +1,5 @@
 import cn from 'bem-cn-lite';
-import {Loader as KitLoader, LoaderSize} from '@yandex-cloud/uikit';
+import {Loader as KitLoader, LoaderSize} from '@gravity-ui/uikit';
 
 import './Loader.scss';
 

src/components/Loader/Loader.tsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import _ from 'lodash';
 import {connect} from 'react-redux';
 
-import {TextInput, Label} from '@yandex-cloud/uikit';
+import {TextInput, Label} from '@gravity-ui/uikit';
 import DataTable from '@yandex-cloud/react-data-table';
 
 import ProblemFilter, {problemFilterType} from '../ProblemFilter/ProblemFilter';

src/components/NodesViewer/NodesViewer.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import cn from 'bem-cn-lite';
-import {Button} from '@yandex-cloud/uikit';
+import {Button} from '@gravity-ui/uikit';
 import Icon from '../Icon/Icon';
 import Hotkey from '../Hotkey/Hotkey';
 

src/components/Pagination/Pagination.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 
-import {RadioButton} from '@yandex-cloud/uikit';
+import {RadioButton} from '@gravity-ui/uikit';
 
 import {ALL, PROBLEMS} from '../../utils/constants';
 

src/components/ProblemFilter/ProblemFilter.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import cn from 'bem-cn-lite';
 
-import {Link} from '@yandex-cloud/uikit';
+import {Link} from '@gravity-ui/uikit';
 
 import './ShortyString.scss';
 

src/components/ShortyString/ShortyString.tsx

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import block from 'bem-cn-lite';
-import { Skeleton } from '@yandex-cloud/uikit';
+import { Skeleton } from '@gravity-ui/uikit';
 
 import './TableSkeleton.scss';
 

src/components/TableSkeleton/TableSkeleton.tsx

@@ -1,7 +1,7 @@
 import {useDispatch} from 'react-redux';
 import cn from 'bem-cn-lite';
 
-import {Progress} from '@yandex-cloud/uikit';
+import {Progress} from '@gravity-ui/uikit';
 
 import {hideTooltip, showTooltip} from '../../store/reducers/tooltip';
 import {COLORS_PRIORITY} from '../../utils/constants';

src/components/TabletsOverall/TabletsOverall.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import {connect} from 'react-redux';
 import PropTypes from 'prop-types';
 
-import {configure as configureUiKit} from '@yandex-cloud/uikit';
+import {configure as configureUiKit} from '@gravity-ui/uikit';
 import {configure as configureYdbUiComponents} from 'ydb-ui-components';
 import {i18n, Lang} from '../../utils/i18n';
 

src/containers/App/App.js

@@ -3,7 +3,7 @@ import {Switch, Route, Redirect, Router} from 'react-router-dom';
 import cn from 'bem-cn-lite';
 import {connect} from 'react-redux';
 
-import {ThemeProvider} from '@yandex-cloud/uikit';
+import {ThemeProvider} from '@gravity-ui/uikit';
 
 import routes, {createHref, CLUSTER_PAGES} from '../../routes';
 

src/containers/App/Content.js

@@ -1,7 +1,7 @@
 import {useState, useEffect} from 'react';
 import cn from 'bem-cn-lite';
 
-import {Button, Icon, Popup} from '@yandex-cloud/uikit';
+import {Button, Icon, Popup} from '@gravity-ui/uikit';
 import closeIcon from '../../../assets/icons/close.svg';
 
 import {DATA_QA_TUNE_COLUMNS_POPUP} from '../../../utils/constants';

src/containers/App/TipPopup/TipPopup.js

@@ -10,7 +10,7 @@ import {
     AsideHeaderMenuItem,
     SlotName,
 } from '../../components/AsideNavigation/AsideHeader';
-import {Icon, Button} from '@yandex-cloud/uikit';
+import {Icon, Button} from '@gravity-ui/uikit';
 import signOutIcon from '../../assets/icons/signOut.svg';
 import signInIcon from '../../assets/icons/signIn.svg';
 import databaseIcon from '../../assets/icons/server.svg';

src/containers/AsideNavigation/AsideNavigation.tsx

@@ -1,7 +1,7 @@
 import {KeyboardEvent, useEffect, useState} from 'react';
 import cn from 'bem-cn-lite';
 import {connect} from 'react-redux';
-import {Button, TextInput, Icon, Link as ExternalLink} from '@yandex-cloud/uikit';
+import {Button, TextInput, Icon, Link as ExternalLink} from '@gravity-ui/uikit';
 //@ts-ignore
 import {authenticate} from '../../store/reducers/authentication';
 

src/containers/Authentication/Authentication.tsx

@@ -4,7 +4,7 @@ import cn from 'bem-cn-lite';
 import {connect} from 'react-redux';
 import {getGroupInfo, clearStore} from '../../store/reducers/group';
 import FullGroupViewer from '../../components/FullGroupViewer/FullGroupViewer';
-import {Loader} from '@yandex-cloud/uikit';
+import {Loader} from '@gravity-ui/uikit';
 import {GROUP_AUTO_RELOAD_INTERVAL} from '../../utils/constants';
 import './Group.scss';
 

src/containers/Group/Group.js

@@ -2,7 +2,7 @@ import React, {useEffect} from 'react';
 import {useDispatch, useSelector} from 'react-redux';
 import cn from 'bem-cn-lite';
 import {useHistory, useLocation} from 'react-router';
-import {Breadcrumbs, BreadcrumbsItem, Link} from '@yandex-cloud/uikit';
+import {Breadcrumbs, BreadcrumbsItem, Link} from '@gravity-ui/uikit';
 
 import Divider from '../../components/Divider/Divider';
 //@ts-ignore