feat: use gravity-ui/uikit instead of yandex-cloud/uikit (#46)

.storybook/contextDecorator.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import {Story as StoryType, StoryContext} from '@storybook/react';
-import {ThemeProvider, MobileProvider, useTheme, useMobile} from '@yandex-cloud/uikit';
+import {ThemeProvider, MobileProvider, useTheme, useMobile} from '@gravity-ui/uikit';
 import {settings} from '../src/libs';
 
 export function withContext(Story: StoryType, context: StoryContext) {

.storybook/preview.js

@@ -1,7 +1,7 @@
 import {MINIMAL_VIEWPORTS} from '@storybook/addon-viewport';
 import {withContext} from './contextDecorator';
 
-import '@yandex-cloud/uikit/styles/styles.scss';
+import '@gravity-ui/uikit/styles/styles.scss';
 
 export const decorators = [withContext];
 

README.md

@@ -5,13 +5,13 @@ React component used to render charts based on any sources you need
 ## Install
 
 ```shell
-npm i --save-dev @yandex-cloud/chartkit @yandex-cloud/uikit @yandex-cloud/i18n
+npm i --save-dev @yandex-cloud/chartkit @gravity-ui/uikit @yandex-cloud/i18n
 ```
 
 ## Usage
 
 ```typescript
-import {ThemeProvider} from '@yandex-cloud/uikit';
+import {ThemeProvider} from '@gravity-ui/uikit';
 import ChartKit, {settings} from '@yandex-cloud/chartkit';
 import {YagrPlugin, YagrWidgetData} from '@yandex-cloud/chartkit/build/plugins';
 

package.json

@@ -18,6 +18,7 @@
     "yagr": "1.3.7"
   },
   "devDependencies": {
+    "@gravity-ui/uikit": "^3.0.2",
     "@storybook/addon-essentials": "^6.5.9",
     "@storybook/addon-knobs": "^6.4.0",
     "@storybook/preset-scss": "^1.0.3",
@@ -33,7 +34,6 @@
     "@yandex-cloud/prettier-config": "^1.0.0",
     "@yandex-cloud/stylelint-config": "^1.2.0",
     "@yandex-cloud/tsconfig": "^1.0.0",
-    "@yandex-cloud/uikit": "^2.7.0",
     "eslint": "^8.11.0",
     "gulp": "^4.0.2",
     "gulp-cli": "^2.3.0",
@@ -59,7 +59,7 @@
   "peerDependencies": {
     "react": "^16.0.0 || ^17.0.0",
     "moment": "^2.19.3",
-    "@yandex-cloud/uikit": "^2.0.0",
+    "@gravity-ui/uikit": "^3.0.0",
     "@yandex-cloud/i18n": "^0.5.0"
   },
   "scripts": {

src/components/ChartKit.tsx

@@ -7,7 +7,7 @@ import type {ChartkitType, ChartKitRef, ChartKitWidgetRef, ChartKitProps} from '
 import {ErrorBoundary} from './ErrorBoundary/ErrorBoundary';
 import {Loader} from './Loader/Loader';
 
-import '@yandex-cloud/uikit/styles/styles.scss';
+import '@gravity-ui/uikit/styles/styles.scss';
 import './ChartKit.scss';
 
 const b = block('chartkit');

src/components/Loader/Loader.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import block from 'bem-cn-lite';
-import {Loader as BaseLoader, LoaderProps as BaseLoaderProps} from '@yandex-cloud/uikit';
+import {Loader as BaseLoader, LoaderProps as BaseLoaderProps} from '@gravity-ui/uikit';
 
 import './Loader.scss';
 

src/libs/settings/settings.ts

@@ -1,4 +1,5 @@
 import moment from 'moment';
+import {configure} from '@gravity-ui/uikit';
 import {i18nFactory} from '../../i18n';
 import type {ChartKitPlugin, ChartKitLang} from '../../types';
 
@@ -29,6 +30,7 @@ const updateLocale = (args: {lang: ChartKitLang; locale?: moment.LocaleSpecifica
     }
 
     moment.locale(lang);
+    configure({lang});
     i18nFactory.setLang(lang);
 };
 

src/plugins/indicator/__stories__/Indicator.stories.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import {Meta, Story} from '@storybook/react';
 import {withKnobs, boolean, color as colorKnob, radios, text} from '@storybook/addon-knobs';
 import {cloneDeep} from 'lodash';
-import {Button} from '@yandex-cloud/uikit';
+import {Button} from '@gravity-ui/uikit';
 import {settings} from '../../../libs';
 import {ChartKit} from '../../../components/ChartKit';
 import type {ChartKitRef} from '../../../types';

src/plugins/yagr/__stories__/Yagr.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import {Meta, Story} from '@storybook/react';
-import {Button} from '@yandex-cloud/uikit';
+import {Button} from '@gravity-ui/uikit';
 import {settings} from '../../../libs';
 import {YagrPlugin} from '../../../plugins';
 import {ChartKit} from '../../../components/ChartKit';

src/plugins/yagr/renderer/YagrWidget.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import moment from 'moment';
 import debounce from 'lodash/debounce';
-import {useThemeValue} from '@yandex-cloud/uikit';
+import {useThemeValue} from '@gravity-ui/uikit';
 import YagrComponent, {YagrChartProps} from 'yagr/dist/react';
 import {
     YagrConfig,