@gravity-ui/chartkit 4.0.0-beta.3 → 4.0.0-beta.5

package/build/plugins/d3/index.d.ts

@@ -1,4 +1,5 @@
 import { ChartKitPlugin } from '../../types';
+export * from './types';
 /**
  * It is an experemental plugin
  *

package/build/plugins/d3/index.js

@@ -1,4 +1,5 @@
 import React from 'react';
+export * from './types';
 /**
  * It is an experemental plugin
  *

package/build/plugins/d3/renderer/D3Widget.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { ChartKitWidgetRef } from '../../../types';
 declare const D3Widget: React.ForwardRefExoticComponent<{
     type: "d3";
-    data: import("../../../types/widget-data").ChartKitWidgetData<any>;
+    data: import("../../../types").ChartKitWidgetData<any>;
     id?: string | undefined;
     isMobile?: boolean | undefined;
     onLoad?: ((data?: import("../../../types").ChartKitOnLoadData<"d3"> | undefined) => void) | undefined;

package/build/plugins/highcharts/index.d.ts

@@ -1,2 +1,3 @@
 import type { ChartKitPlugin } from '../../types';
+export * from './types';
 export declare const HighchartsPlugin: ChartKitPlugin;

package/build/plugins/highcharts/index.js

@@ -1,4 +1,5 @@
 import React from 'react';
+export * from './types';
 export const HighchartsPlugin = {
     type: 'highcharts',
     renderer: React.lazy(() => import('./renderer/HighchartsWidget')),

package/build/plugins/highcharts/renderer/HighchartsWidget.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { ChartKitWidgetRef } from '../../../types';
 declare const HighchartsWidget: React.ForwardRefExoticComponent<{
     type: "highcharts";
-    data: import("../types").HighchartsWidgetData;
+    data: import("..").HighchartsWidgetData;
     id?: string | undefined;
     isMobile?: boolean | undefined;
     onLoad?: ((data?: import("../../../types").ChartKitOnLoadData<"highcharts"> | undefined) => void) | undefined;
@@ -18,7 +18,7 @@ declare const HighchartsWidget: React.ForwardRefExoticComponent<{
     onChange?: ((data: {
         type: "PARAMS_CHANGED";
         data: {
-            params: import("../types").StringParams;
+            params: import("..").StringParams;
         };
     }, state: {
         forceUpdate: boolean;

package/build/plugins/highcharts/renderer/components/HighchartsComponent.js

@@ -6,7 +6,6 @@ import { settings } from '../../../../libs';
 import { settingsEventEmitter } from '../../../../libs/settings/settings';
 import { markChartPerformance, getChartPerformanceDuration, getRandomCKId } from '../../../../utils';
 import { getGraph } from '../helpers/graph';
-import { initHighchartsModules } from '../helpers/init-highcharts-modules';
 import { initHighchartsLangOptions } from '../helpers/highcharts/highcharts';
 import { withSplitPane } from './withSplitPane/withSplitPane';
 import './HighchartsComponent.css';
@@ -15,7 +14,6 @@ settingsEventEmitter.on('change-lang', {
     id: 'hc-lang-handler',
     action: initHighchartsLangOptions,
 });
-initHighchartsModules();
 export class HighchartsComponent extends React.PureComponent {
     constructor() {
         super(...arguments);

package/build/plugins/highcharts/renderer/components/HighchartsReact.js

@@ -16,6 +16,7 @@ export const HighchartsReact = React.memo(React.forwardRef(function HighchartsRe
                     'required module is not imported.');
             }
             else if (props.options) {
+                // @ts-expect-error
                 chartRef.current = HighchartsComponent[constructorType](containerRef.current, props.options, props.callback);
             }
             else {

package/build/plugins/indicator/index.d.ts

@@ -1,2 +1,3 @@
 import { ChartKitPlugin } from '../../types';
+export * from './types';
 export declare const IndicatorPlugin: ChartKitPlugin;

package/build/plugins/indicator/index.js

@@ -1,4 +1,5 @@
 import React from 'react';
+export * from './types';
 export const IndicatorPlugin = {
     type: 'indicator',
     renderer: React.lazy(() => import('./renderer/IndicatorWidget')),

package/build/plugins/indicator/renderer/IndicatorWidget.d.ts

@@ -3,7 +3,7 @@ import type { ChartKitWidgetRef } from '../../../types';
 import './IndicatorWidget.css';
 declare const IndicatorWidget: React.ForwardRefExoticComponent<{
     type: "indicator";
-    data: import("../types").IndicatorWidgetData;
+    data: import("..").IndicatorWidgetData;
     id?: string | undefined;
     isMobile?: boolean | undefined;
     onLoad?: ((data?: import("../../../types").ChartKitOnLoadData<"indicator"> | undefined) => void) | undefined;

package/build/plugins/yagr/index.d.ts

@@ -1,2 +1,3 @@
 import { ChartKitPlugin } from '../../types';
+export * from './types';
 export declare const YagrPlugin: ChartKitPlugin;

package/build/plugins/yagr/index.js

@@ -1,4 +1,5 @@
 import React from 'react';
+export * from './types';
 export const YagrPlugin = {
     type: 'yagr',
     renderer: React.lazy(() => import('./renderer/YagrWidget')),

package/build/types/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import type { ChartKitWidget } from './widget';
 import { ChartKitError } from '../libs';
 export type { ChartKitHolidays } from './misc';
+export * from './widget-data';
 export type ChartKitLang = 'ru' | 'en';
 export type ChartKitType = keyof ChartKitWidget;
 export type ChartKitRef = {

package/build/types/index.js

@@ -1 +1 @@
-export {};
+export * from './widget-data';

package/package.json

@@ -1,15 +1,42 @@
 {
   "name": "@gravity-ui/chartkit",
-  "version": "4.0.0-beta.3",
+  "version": "4.0.0-beta.5",
   "description": "React component used to render charts based on any sources you need",
   "license": "MIT",
   "repository": "git@github.com:gravity-ui/ChartKit.git",
   "main": "build/index.js",
-  "typings": "build/index.d.ts",
+  "types": "build/index.d.ts",
+  "exports": {
+    ".": "./build/index.js",
+    "./d3": "./build/plugins/d3/index.js",
+    "./highcharts": "./build/plugins/highcharts/index.js",
+    "./indicator": "./build/plugins/indicator/index.js",
+    "./yagr": "./build/plugins/yagr/index.js"
+  },
+  "typesVersions": {
+    "*": {
+      "index.d.ts": [
+        "./build/index.d.ts"
+      ],
+      "d3": [
+        "./build/plugins/d3/index.d.ts"
+      ],
+      "highcharts": [
+        "./build/plugins/highcharts/index.d.ts"
+      ],
+      "indicator": [
+        "./build/plugins/indicator/index.d.ts"
+      ],
+      "yagr": [
+        "./build/plugins/yagr/index.d.ts"
+      ]
+    }
+  },
   "files": [
     "build",
     "!**/__tests__/**",
-    "!**/__stories__/**"
+    "!**/__stories__/**",
+    "!**/mocks/**"
   ],
   "publishConfig": {
     "access": "public"
@@ -75,7 +102,6 @@
   },
   "peerDependencies": {
     "@gravity-ui/uikit": "^5.0.0",
-    "highcharts": "^8.2.2",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },
   "scripts": {

package/build/plugins/highcharts/mocks/area-range.d.ts

@@ -1,2 +0,0 @@
-import type { HighchartsWidgetData } from '../types';
-export declare const data: HighchartsWidgetData;

package/build/plugins/highcharts/mocks/area-range.js

@@ -1,61 +0,0 @@
-export const data = {
-    data: {
-        graphs: [
-            {
-                name: 'Temperatures',
-                data: [
-                    [1246406400000, 10.4, 17],
-                    [1246492800000, 10.3, 28.6],
-                    [1246579200000, 14.8, 18.4],
-                    [1246665600000, 11.5, 25.8],
-                    [1246752000000, 11.1, 24.4],
-                    [1246838400000, 17.7, 19.6],
-                    [1246924800000, 15.1, 18.1],
-                    [1247011200000, 15.1, 27.2],
-                    [1247097600000, 17, 17.5],
-                    [1247184000000, 12.6, 18.5],
-                    [1247270400000, 12.2, 26],
-                    [1247356800000, 15.9, 22.9],
-                    [1247443200000, 17.1, 18.1],
-                    [1247529600000, 13.3, 24.2],
-                    [1247616000000, 17, 28.1],
-                    [1247702400000, 16.2, 22.6],
-                    [1247788800000, 10.6, 19],
-                    [1247875200000, 11.3, 19.7],
-                    [1247961600000, 14.1, 24.6],
-                    [1248048000000, 14.2, 22.5],
-                    [1248134400000, 14.1, 28.5],
-                    [1248220800000, 14, 27],
-                    [1248307200000, 10.2, 20.6],
-                    [1248393600000, 13.1, 29.9],
-                    [1248480000000, 13.7, 21.1],
-                    [1248566400000, 15, 28.6],
-                    [1248652800000, 12, 17.5],
-                    [1248739200000, 17.8, 24.4],
-                    [1248825600000, 11.7, 25.9],
-                    [1248912000000, 13.6, 25.6],
-                    [1248998400000, 17.3, 22.2],
-                ],
-            },
-        ],
-    },
-    config: {
-        hideHolidays: false,
-        normalizeDiv: false,
-        normalizeSub: false,
-    },
-    libraryConfig: {
-        chart: {
-            type: 'arearange',
-        },
-        title: {
-            text: 'Temperature variation by day',
-        },
-        xAxis: {
-            type: 'datetime',
-        },
-        tooltip: {
-            valueSuffix: '°C',
-        },
-    },
-};

package/build/plugins/highcharts/mocks/area-stacked.d.ts

@@ -1,2 +0,0 @@
-import { HighchartsWidgetData } from '../types';
-export declare const data: HighchartsWidgetData;

package/build/plugins/highcharts/mocks/area-stacked.js

@@ -1,256 +0,0 @@
-export const data = {
-    data: {
-        graphs: [
-            {
-                title: 'Sales',
-                tooltip: {
-                    chartKitFormatting: true,
-                    chartKitPrecision: 2,
-                },
-                data: [
-                    {
-                        y: 167387.5003761053,
-                    },
-                    {
-                        y: 107532.49998930097,
-                    },
-                    {
-                        y: 27119.399931907654,
-                    },
-                    {
-                        y: 203415.90024918318,
-                    },
-                    {
-                        y: 114882.00052642822,
-                    },
-                    {
-                        y: 328452.60130500793,
-                    },
-                    {
-                        y: 149529.49963378906,
-                    },
-                    {
-                        y: 16477.799976468086,
-                    },
-                    {
-                        y: 3024.2000015974045,
-                    },
-                    {
-                        y: 91708.29990947247,
-                    },
-                    {
-                        y: 12485.399973154068,
-                    },
-                    {
-                        y: 189239.5000743866,
-                    },
-                    {
-                        y: 78483.89996623993,
-                    },
-                    {
-                        y: 330018.3997364044,
-                    },
-                    {
-                        y: 223844.49978113174,
-                    },
-                    {
-                        y: 46673.600484371185,
-                    },
-                    {
-                        y: 206966.50039672852,
-                    },
-                ],
-                legendTitle: 'Sales',
-                connectNulls: false,
-                yAxis: 0,
-                color: '#8AD554',
-            },
-            {
-                title: 'Profit',
-                tooltip: {
-                    chartKitFormatting: true,
-                    chartKitPrecision: 0,
-                },
-                data: [
-                    {
-                        y: 41615,
-                    },
-                    {
-                        y: 17927,
-                    },
-                    {
-                        y: 6156,
-                    },
-                    {
-                        y: 29550,
-                    },
-                    {
-                        y: -3568,
-                    },
-                    {
-                        y: 26316,
-                    },
-                    {
-                        y: 55618,
-                    },
-                    {
-                        y: 6849,
-                    },
-                    {
-                        y: 850,
-                    },
-                    {
-                        y: 12649,
-                    },
-                    {
-                        y: 5367,
-                    },
-                    {
-                        y: 3353,
-                    },
-                    {
-                        y: 33437,
-                    },
-                    {
-                        y: 44171,
-                    },
-                    {
-                        y: 20907,
-                    },
-                    {
-                        y: -1262,
-                    },
-                    {
-                        y: -17865,
-                    },
-                ],
-                legendTitle: 'Profit',
-                connectNulls: false,
-                yAxis: 0,
-                color: '#FF3D64',
-            },
-            {
-                title: 'Px2',
-                tooltip: {
-                    chartKitFormatting: true,
-                    chartKitPrecision: 0,
-                },
-                data: [
-                    {
-                        y: 83230,
-                    },
-                    {
-                        y: 35854,
-                    },
-                    {
-                        y: 12312,
-                    },
-                    {
-                        y: 59100,
-                    },
-                    {
-                        y: -7136,
-                    },
-                    {
-                        y: 52632,
-                    },
-                    {
-                        y: 111236,
-                    },
-                    {
-                        y: 13698,
-                    },
-                    {
-                        y: 1700,
-                    },
-                    {
-                        y: 25298,
-                    },
-                    {
-                        y: 10734,
-                    },
-                    {
-                        y: 6706,
-                    },
-                    {
-                        y: 66874,
-                    },
-                    {
-                        y: 88342,
-                    },
-                    {
-                        y: 41814,
-                    },
-                    {
-                        y: -2524,
-                    },
-                    {
-                        y: -35730,
-                    },
-                ],
-                legendTitle: 'Px2',
-                connectNulls: false,
-                yAxis: 0,
-                color: '#4DA2F1',
-            },
-        ],
-        categories: [
-            'Accessories',
-            'Appliances',
-            'Art',
-            'Binders',
-            'Bookcases',
-            'Chairs',
-            'Copiers',
-            'Envelopes',
-            'Fasteners',
-            'Furnishings',
-            'Labels',
-            'Machines',
-            'Paper',
-            'Phones',
-            'Storage',
-            'Supplies',
-            'Tables',
-        ],
-    },
-    config: {
-        withoutLineLimit: true,
-        hideHolidaysBands: true,
-        enableSum: true,
-    },
-    libraryConfig: {
-        chart: {
-            type: 'area',
-            zoomType: 'x',
-        },
-        xAxis: {
-            endOnTick: false,
-            type: 'linear',
-            labels: {
-                enabled: true,
-            },
-        },
-        yAxis: {
-            opposite: false,
-            labels: {
-                y: 3,
-                enabled: true,
-            },
-            type: 'linear',
-        },
-        plotOptions: {
-            area: {
-                stacking: 'normal',
-            },
-            series: {
-                dataGrouping: {
-                    enabled: false,
-                },
-                dataLabels: {
-                    allowOverlap: false,
-                },
-            },
-        },
-    },
-};

package/build/plugins/highcharts/mocks/column-hor-stacked.d.ts

@@ -1,2 +0,0 @@
-import { HighchartsWidgetData } from '../types';
-export declare const data: HighchartsWidgetData;