@gravity-ui/chartkit 6.1.1 → 6.1.2

package/build/plugins/d3/renderer/withSplitPane/withSplitPane.js

@@ -7,6 +7,7 @@ import { usePrevious } from '../../../../hooks';
 import { isScreenOrientationEventType } from '../../../../utils';
 import { TooltipContent } from './TooltipContent';
 import { RESIZER_HEIGHT, getVerticalSize, useWithSplitPaneState } from './useWithSplitPaneState';
+const tooltipPaneStyles = { overflow: 'auto' };
 export function withSplitPane(ChartComponent) {
     const componentName = getComponentName(ChartComponent);
     const component = React.forwardRef(function WithSplitPaneComponent(props, _ref) {
@@ -93,7 +94,7 @@ export function withSplitPane(ChartComponent) {
         }, [handleOrientationChange, handleScreenOrientationChange]);
         return (React.createElement("div", { ref: containerRef, style: { position: 'relative', height: '100%' } },
             React.createElement(StyledSplitPane, { allowResize: allowResize, maxSize: maxSize, minSize: minSize, size: size, split: split, onChange: handleSizeChange, paneOneRender: () => (React.createElement(ChartComponent, Object.assign({}, restProps, { ref: chartRef, data: resultData }))), paneTwoRender: () => (React.createElement("div", { ref: tooltipContainerRef },
-                    React.createElement(TooltipContent, { ref: tooltipRef, renderer: resultData.tooltip.renderer }))) })));
+                    React.createElement(TooltipContent, { ref: tooltipRef, renderer: resultData.tooltip.renderer }))), pane2Style: tooltipPaneStyles })));
     });
     component.displayName = `withSplitPane(${componentName})`;
     return component;

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

@@ -1,4 +1,5 @@
 import type { ChartData } from '@gravity-ui/charts';
+export type * from '@gravity-ui/charts';
 export type D3WidgetData = {
     data: ChartData;
 };

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

@@ -13,6 +13,7 @@ const CHART_SECTION_PERCENTAGE = 0.6;
 const MIN_TOOLTIP_SECTION_HEIGHT = 62;
 const seriesTypesNeedsOnlyHoverState = ['line', 'area', 'arearange', 'bubble', 'map'];
 const deviceWithNavBarHeight = window.innerHeight;
+const tooltipPaneStyles = { overflow: 'auto' };
 function getPointsForInitialRefresh(chart) {
     let minX = Infinity;
     let points = null;
@@ -202,12 +203,12 @@ export const withSplitPane = (ComposedComponent) => {
         renderHorizontal() {
             const { paneSize, maxPaneSize, componentKey } = this.state;
             const thirdOfViewport = window.innerHeight / 3;
-            return (React.createElement(StyledSplitPane, { split: "horizontal", onChange: this.debouncedHandlePaneChange, minSize: thirdOfViewport, maxSize: maxPaneSize || undefined, size: paneSize, paneOneRender: () => (React.createElement(ComposedComponent, Object.assign({}, this.props, { key: componentKey, ref: this.props.forwardedRef, callback: this.afterCreateCallback }))), paneTwoRender: () => React.createElement("div", { ref: this.tooltipContainerRef }) }));
+            return (React.createElement(StyledSplitPane, { split: "horizontal", onChange: this.debouncedHandlePaneChange, minSize: thirdOfViewport, maxSize: maxPaneSize || undefined, size: paneSize, paneOneRender: () => (React.createElement(ComposedComponent, Object.assign({}, this.props, { key: componentKey, ref: this.props.forwardedRef, callback: this.afterCreateCallback }))), paneTwoRender: () => React.createElement("div", { ref: this.tooltipContainerRef }), pane2Style: tooltipPaneStyles }));
         }
         renderVertical() {
             const { componentKey } = this.state;
             const paneSize = window.innerWidth * CHART_SECTION_PERCENTAGE;
-            return (React.createElement(StyledSplitPane, { split: "vertical", allowResize: false, size: paneSize, paneOneRender: () => (React.createElement(ComposedComponent, Object.assign({}, this.props, { key: componentKey, ref: this.props.forwardedRef, callback: this.afterCreateCallback }))), paneTwoRender: () => React.createElement("div", { ref: this.tooltipContainerRef }) }));
+            return (React.createElement(StyledSplitPane, { split: "vertical", allowResize: false, size: paneSize, paneOneRender: () => (React.createElement(ComposedComponent, Object.assign({}, this.props, { key: componentKey, ref: this.props.forwardedRef, callback: this.afterCreateCallback }))), paneTwoRender: () => React.createElement("div", { ref: this.tooltipContainerRef }), pane2Style: tooltipPaneStyles }));
         }
     }
     return React.forwardRef((props, ref) => {

package/package.json

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