@gravity-ui/chartkit 0.12.2 → 0.13.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [0.13.0](https://github.com/gravity-ui/chartkit/compare/v0.12.3...v0.13.0) (2022-12-05)
+
+
+### Features
+
+* remove direct import @gravity-ui/uikit styles in ChartKit component ([#80](https://github.com/gravity-ui/chartkit/issues/80)) ([49642d7](https://github.com/gravity-ui/chartkit/commit/49642d7cfbd358a399ead674b2d3a040b05bf669))
+
+## [0.12.3](https://github.com/gravity-ui/chartkit/compare/v0.12.2...v0.12.3) (2022-12-01)
+
+
+### Bug Fixes
+
+* **Yagr:** added common no-data case handling ([#78](https://github.com/gravity-ui/chartkit/issues/78)) ([100efaa](https://github.com/gravity-ui/chartkit/commit/100efaaff20e03048146ca084ee91c2be2568640))
+
 ## [0.12.2](https://github.com/gravity-ui/chartkit/compare/v0.12.1...v0.12.2) (2022-11-30)
 
 

package/README.md

@@ -8,6 +8,12 @@ React component used to render charts based on any sources you need
 npm i --save-dev @gravity-ui/chartkit @gravity-ui/uikit
 ```
 
+Make sure you have `@gravity-ui/uikit` styles enabled in your project.
+
+```typescript
+import '@gravity-ui/uikit/styles/styles.scss';
+```
+
 ## Usage
 
 ```typescript
@@ -15,6 +21,8 @@ import {ThemeProvider} from '@gravity-ui/uikit';
 import ChartKit, {settings} from '@gravity-ui/chartkit';
 import {YagrPlugin, YagrWidgetData} from '@gravity-ui/chartkit/build/plugins';
 
+import '@gravity-ui/uikit/styles/styles.scss';
+
 settings.set({plugins: [YagrPlugin]});
 
 const data: YagrWidgetData = {

package/build/components/ChartKit.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import type { ChartKitType, ChartKitRef, ChartKitProps } from '../types';
-import '@gravity-ui/uikit/styles/styles.css';
 import './ChartKit.css';
 declare type ChartKitComponentProps<T extends ChartKitType> = Omit<ChartKitProps<T>, 'onError'> & {
     instanceRef?: React.ForwardedRef<ChartKitRef | undefined>;

package/build/components/ChartKit.js

@@ -6,7 +6,6 @@ import { CHARTKIT_ERROR_CODE, ChartKitError, settings } from '../libs';
 import { getRandomCKId, typedMemo } from '../utils';
 import { ErrorBoundary } from './ErrorBoundary/ErrorBoundary';
 import { Loader } from './Loader/Loader';
-import '@gravity-ui/uikit/styles/styles.css';
 import './ChartKit.css';
 const b = block('chartkit');
 const ChartKitComponent = (props) => {

package/build/plugins/yagr/renderer/YagrWidget.js

@@ -1,10 +1,12 @@
 import React from 'react';
 import moment from 'moment';
 import debounce from 'lodash/debounce';
+import isEmpty from 'lodash/isEmpty';
 import { useThemeType } from '@gravity-ui/uikit';
 import YagrComponent from 'yagr/dist/react';
 import { defaults, } from 'yagr';
-import { settings } from '../../../libs';
+import { i18n } from '../../../i18n';
+import { settings, CHARTKIT_ERROR_CODE, ChartKitError } from '../../../libs';
 import { formatTooltip } from './tooltip/tooltip';
 import { synchronizeTooltipTablesCellsWidth } from './synchronizeTooltipTablesCellsWidth';
 import './polyfills';
@@ -81,6 +83,12 @@ const YagrWidget = React.forwardRef((props, forwardedRef) => {
     const { data, libraryConfig } = props.data;
     const { id, onLoad } = props;
     const theme = useThemeType();
+    if (!data || isEmpty(data)) {
+        throw new ChartKitError({
+            code: CHARTKIT_ERROR_CODE.NO_DATA,
+            message: i18n('error', 'label_no-data'),
+        });
+    }
     const handlers = {
         mouseMove: null,
         mouseDown: null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/chartkit",
-  "version": "0.12.2",
+  "version": "0.13.0",
   "description": "React component used to render charts based on any sources you need",
   "license": "MIT",
   "repository": "git@github.com:gravity-ui/ChartKit.git",