@gravity-ui/chartkit 4.9.0 → 4.9.2

package/build/components/ChartKit.d.ts

@@ -15,7 +15,7 @@ export declare const ChartKit: <T extends keyof import("../types").ChartKitWidge
     onChartLoad?: ((data: import("../types").ChartKitOnChartLoad<T>) => void) | undefined;
     onError?: import("../types").ChartKitOnError | undefined;
     renderError?: import("../types").RenderError | undefined;
-    renderPluginLoader?: (() => React.ReactNode) | undefined;
+    renderPluginLoader?: import("../types").ChartKitRenderPluginLoader | undefined;
 } & (Omit<import("../types").ChartKitWidget[T], "data" | "widget"> extends infer T_1 ? { [key in keyof T_1]: import("../types").ChartKitWidget[T][key]; } : never) & {
     ref?: React.ForwardedRef<ChartKitRef | undefined> | undefined;
 }) => ReturnType<typeof ChartKitComponent>;

package/build/components/ChartKit.js

@@ -31,7 +31,7 @@ const ChartKitComponent = (props) => {
             }
         },
     }), []);
-    return (React.createElement(React.Suspense, { fallback: (renderPluginLoader === null || renderPluginLoader === void 0 ? void 0 : renderPluginLoader()) || React.createElement(Loader, null) },
+    return (React.createElement(React.Suspense, { fallback: React.createElement(Loader, { renderPluginLoader: renderPluginLoader }) },
         React.createElement("div", { className: b({ mobile: isMobile }, 'chartkit-theme_common') },
             React.createElement(ChartComponent, Object.assign({ ref: widgetRef, id: id, lang: lang }, restProps)))));
 };

package/build/components/Loader/Loader.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 import { LoaderProps as BaseLoaderProps } from '@gravity-ui/uikit';
+import type { ChartKitRenderPluginLoader } from '../../types';
 import './Loader.css';
-type LoaderProps = BaseLoaderProps;
-export declare const Loader: (props: LoaderProps) => React.JSX.Element;
+type LoaderProps = BaseLoaderProps & {
+    renderPluginLoader?: ChartKitRenderPluginLoader;
+};
+export declare const Loader: ({ renderPluginLoader, ...props }: LoaderProps) => React.JSX.Element;
 export {};

package/build/components/Loader/Loader.js

@@ -1,9 +1,16 @@
+import { __rest } from "tslib";
 import React from 'react';
 import { Loader as BaseLoader } from '@gravity-ui/uikit';
 import { block } from '../../utils/cn';
 import './Loader.css';
 const b = block('loader');
-export const Loader = (props) => {
+export const Loader = (_a) => {
+    var { renderPluginLoader } = _a, props = __rest(_a, ["renderPluginLoader"]);
+    const pluginLoader = renderPluginLoader === null || renderPluginLoader === void 0 ? void 0 : renderPluginLoader();
+    // React.Suspense complains about possible undefined in "fallback" property
+    if (typeof pluginLoader !== 'undefined') {
+        return pluginLoader;
+    }
     return (React.createElement("div", { className: b() },
         React.createElement(BaseLoader, Object.assign({}, props))));
 };

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

@@ -10,6 +10,6 @@ declare const D3Widget: React.ForwardRefExoticComponent<{
     onChartLoad?: ((data: import("../../../types").ChartKitOnChartLoad<"d3">) => void) | undefined;
     onError?: import("../../../types").ChartKitOnError | undefined;
     renderError?: import("../../../types").RenderError | undefined;
-    renderPluginLoader?: (() => React.ReactNode) | undefined;
+    renderPluginLoader?: import("../../../types").ChartKitRenderPluginLoader | undefined;
 } & {} & React.RefAttributes<ChartKitWidgetRef | undefined>>;
 export default D3Widget;

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

@@ -10,7 +10,7 @@ declare const HighchartsWidget: React.ForwardRefExoticComponent<{
     onChartLoad?: ((data: import("../../../types").ChartKitOnChartLoad<"highcharts">) => void) | undefined;
     onError?: import("../../../types").ChartKitOnError | undefined;
     renderError?: import("../../../types").RenderError | undefined;
-    renderPluginLoader?: (() => React.ReactNode) | undefined;
+    renderPluginLoader?: import("../../../types").ChartKitRenderPluginLoader | undefined;
 } & {
     hoistConfigError?: boolean | undefined;
     nonBodyScroll?: boolean | undefined;

package/build/plugins/highcharts/renderer/components/HighchartsComponent.d.ts

@@ -58,8 +58,6 @@ export declare class HighchartsComponent extends React.PureComponent<Props, Stat
                 };
                 area: {
                     boostThreshold: number;
-                    trackByArea: boolean;
-                    stickyTracking: boolean;
                 } & {
                     states: {
                         hover: {
@@ -390,13 +388,6 @@ export declare class HighchartsComponent extends React.PureComponent<Props, Stat
                         };
                     };
                 };
-                area: {
-                    trackByArea: boolean;
-                    stickyTracking: boolean;
-                } | {
-                    trackByArea?: undefined;
-                    stickyTracking?: undefined;
-                };
             };
             title: {
                 style: {

package/build/plugins/highcharts/renderer/helpers/config/config.d.ts

@@ -133,8 +133,6 @@ export function prepareConfig(data: any, options: any, isMobile: any, holidays:
         };
         area: {
             boostThreshold: number;
-            trackByArea: boolean;
-            stickyTracking: boolean;
         } & {
             states: {
                 hover: {
@@ -553,13 +551,6 @@ export function prepareConfig(data: any, options: any, isMobile: any, holidays:
                 };
             };
         };
-        area: {
-            trackByArea: boolean;
-            stickyTracking: boolean;
-        } | {
-            trackByArea?: undefined;
-            stickyTracking?: undefined;
-        };
     };
     xAxis: {
         crosshair: boolean | {

package/build/plugins/highcharts/renderer/helpers/config/config.js

@@ -1298,12 +1298,6 @@ export function prepareConfig(data, options, isMobile, holidays) {
                     },
                 },
             },
-            area: series.length === 1
-                ? {
-                    trackByArea: false,
-                    stickyTracking: true,
-                }
-                : {},
         }, xAxis: {
             crosshair: options.splitTooltip
                 ? getCrosshairConfig(hasScatterSeries ? 'scatter' : chartType)

package/build/plugins/highcharts/renderer/helpers/config/options.d.ts

@@ -119,8 +119,6 @@ declare namespace options {
         }
         export const area: {
             boostThreshold: number;
-            trackByArea: boolean;
-            stickyTracking: boolean;
         } & {
             states: {
                 hover: {

package/build/plugins/highcharts/renderer/helpers/config/options.js

@@ -186,9 +186,7 @@ const options = {
             turboThreshold: 0,
         },
         area: Object.assign({
-            boostThreshold: 0,
-            trackByArea: true,
-            stickyTracking: false,
+            boostThreshold: 0, // https://jsfiddle.net/2ahd7c9b
         }, first, wizardGraphDataLabels, statesForLine),
         areaspline: first,
         bar: Object.assign({}, first, wizardGraphDataLabels, notChangeOpacityForInactive),

package/build/plugins/highcharts/renderer/helpers/graph.d.ts

@@ -52,8 +52,6 @@ declare function getGraph({ options, data, comments, isMobile, holidays }: GetGr
             };
             area: {
                 boostThreshold: number;
-                trackByArea: boolean;
-                stickyTracking: boolean;
             } & {
                 states: {
                     hover: {
@@ -384,13 +382,6 @@ declare function getGraph({ options, data, comments, isMobile, holidays }: GetGr
                     };
                 };
             };
-            area: {
-                trackByArea: boolean;
-                stickyTracking: boolean;
-            } | {
-                trackByArea?: undefined;
-                stickyTracking?: undefined;
-            };
         };
         title: {
             style: {

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

@@ -11,7 +11,7 @@ declare const IndicatorWidget: React.ForwardRefExoticComponent<{
     onChartLoad?: ((data: import("../../../types").ChartKitOnChartLoad<"indicator">) => void) | undefined;
     onError?: import("../../../types").ChartKitOnError | undefined;
     renderError?: import("../../../types").RenderError | undefined;
-    renderPluginLoader?: (() => React.ReactNode) | undefined;
+    renderPluginLoader?: import("../../../types").ChartKitRenderPluginLoader | undefined;
 } & {
     formatNumber?: (<T = any>(value: number, options?: T | undefined) => string) | undefined;
 } & React.RefAttributes<ChartKitWidgetRef | undefined>>;

package/build/plugins/yagr/renderer/YagrWidget.d.ts

@@ -13,7 +13,7 @@ declare const YagrWidget: React.ForwardRefExoticComponent<{
     onChartLoad?: ((data: import("../../../types").ChartKitOnChartLoad<"yagr">) => void) | undefined;
     onError?: import("../../../types").ChartKitOnError | undefined;
     renderError?: import("../../../types").RenderError | undefined;
-    renderPluginLoader?: (() => React.ReactNode) | undefined;
+    renderPluginLoader?: import("../../../types").ChartKitRenderPluginLoader | undefined;
 } & {
     tooltip?: (<T extends import("../types").CustomTooltipProps = import("../types").CustomTooltipProps>(props: T) => React.ReactNode) | undefined;
 } & {

package/build/types/index.d.ts

@@ -24,6 +24,7 @@ export type ChartKitOnChartLoad<T extends ChartKitType> = {
 export type ChartKitOnError = (data: {
     error: any;
 }) => void;
+export type ChartKitRenderPluginLoader = () => React.ReactNode;
 export type ChartKitProps<T extends ChartKitType> = {
     type: T;
     data: ChartKitWidget[T]['data'];
@@ -39,7 +40,7 @@ export type ChartKitProps<T extends ChartKitType> = {
     /** Used to render user's error component */
     renderError?: RenderError;
     /** Used to render user's plugin loader component */
-    renderPluginLoader?: () => React.ReactNode;
+    renderPluginLoader?: ChartKitRenderPluginLoader;
 } & {
     [key in keyof Omit<ChartKitWidget[T], 'data' | 'widget'>]: ChartKitWidget[T][key];
 };

package/package.json

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