@gravity-ui/chartkit 4.9.0 → 4.9.1

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/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.1",
   "description": "React component used to render charts based on any sources you need",
   "license": "MIT",
   "repository": "git@github.com:gravity-ui/ChartKit.git",