@gravity-ui/charts 1.38.7 → 1.39.1

package/dist/cjs/components/AxisX/prepare-axis-data.js

@@ -68,7 +68,6 @@ async function getSvgAxisLabel({ getTextSize, text, axis, top, left, labelMaxWid
     };
     return svgLabel;
 }
-// eslint-disable-next-line complexity
 export async function prepareXAxisData({ axis, boundsOffsetLeft, boundsOffsetRight, boundsWidth, height, scale, series, split, yAxis, }) {
     var _a, _b, _c, _d, _e, _f, _g;
     const xAxisItems = [];

package/dist/cjs/components/ChartInner/index.js

@@ -3,9 +3,6 @@ import { ArrowRotateLeft } from '@gravity-ui/icons';
 import { Button, ButtonIcon, useUniqId } from '@gravity-ui/uikit';
 import { useCrosshair, usePrevious } from '../../hooks';
 import { getPreparedRangeSlider } from '../../hooks/useAxis/range-slider';
-import { getPreparedChart } from '../../hooks/useChartOptions/chart';
-import { getPreparedTitle } from '../../hooks/useChartOptions/title';
-import { getPreparedTooltip } from '../../hooks/useChartOptions/tooltip';
 import { getClipPathIdByBounds } from '../../hooks/useShapes/utils';
 import { EventType, block, getDispatcher, isBandScale } from '../../utils';
 import { AxisX } from '../AxisX/AxisX';
@@ -21,7 +18,8 @@ import { getInitialRangeSliderState } from '../utils';
 import { useChartInnerHandlers } from './useChartInnerHandlers';
 import { useChartInnerProps } from './useChartInnerProps';
 import { useChartInnerState } from './useChartInnerState';
-import { getResetZoomButtonStyle, useAsyncState, useDebouncedValue } from './utils';
+import { useDefaultState } from './useDefaultState';
+import { getPreparedChart, getPreparedTitle, getPreparedTooltip, getResetZoomButtonStyle, useAsyncState, useDebouncedValue, } from './utils';
 import './styles.css';
 const b = block('chart');
 const DEBOUNCED_VALUE_DELAY = 10;
@@ -63,7 +61,7 @@ export const ChartInner = (props) => {
         preparedRangeSlider,
         tooltip: preparedTooltip,
     });
-    const { allPreparedSeries, boundsHeight, boundsOffsetLeft, boundsOffsetTop, boundsWidth, handleLegendItemClick, isOutsideBounds, legendConfig, legendItems, preparedLegend, preparedSeries, preparedSeriesOptions, preparedSplit, shapes, shapesData, shapesReady, xAxis, xScale, yAxis, yScale, } = useChartInnerProps(Object.assign(Object.assign({}, props), { clipPathId,
+    const { allPreparedSeries, boundsHeight, boundsOffsetLeft, boundsOffsetTop, boundsWidth, handleLegendItemClick, legendConfig, legendItems, preparedLegend, preparedSeries, preparedSeriesOptions, preparedSplit, shapes, shapesData, shapesReady, xAxis, xScale, yAxis, yScale, } = useChartInnerProps(Object.assign(Object.assign({}, props), { clipPathId,
         dispatcher,
         htmlLayout, plotNode: plotRef.current, preparedChart,
         rangeSliderState,
@@ -99,7 +97,21 @@ export const ChartInner = (props) => {
         xScale,
         yScale,
         tooltipThrottle: preparedTooltip.throttle,
-        isOutsideBounds,
+    });
+    useDefaultState({
+        boundsHeight,
+        boundsOffsetLeft,
+        boundsOffsetTop,
+        boundsWidth,
+        defaultState: data.defaultState,
+        dispatcher,
+        shapesData,
+        shapesReady,
+        svgRef,
+        xAxis,
+        yAxis,
+        xScale,
+        yScale,
     });
     const clickHandler = (_b = (_a = data.chart) === null || _a === void 0 ? void 0 : _a.events) === null || _b === void 0 ? void 0 : _b.click;
     const pointerMoveHandler = (_d = (_c = data.chart) === null || _c === void 0 ? void 0 : _c.events) === null || _d === void 0 ? void 0 : _d.pointermove;

package/dist/cjs/components/ChartInner/useChartInnerHandlers.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import React from 'react';
 import type { Dispatch } from 'd3';
 import type { PreparedXAxis, PreparedYAxis, ShapeData } from '../../hooks';
 import type { ChartScale } from '../../hooks/useAxisScales/types';
@@ -20,7 +20,6 @@ type Props = {
     xScale?: ChartScale;
     yScale?: (ChartScale | undefined)[];
     tooltipThrottle: number;
-    isOutsideBounds: (x: number, y: number) => boolean;
 };
 export declare function useChartInnerHandlers(props: Props): {
     handleChartClick: (event: React.MouseEvent<SVGSVGElement>) => void;

package/dist/cjs/components/ChartInner/useChartInnerHandlers.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import { pointer } from 'd3';
 import get from 'lodash/get';
 import throttle from 'lodash/throttle';
@@ -6,7 +7,10 @@ import { EventType } from '../../utils';
 import { getClosestPoints } from '../../utils/chart/get-closest-data';
 import { getHoveredPlots } from '../../utils/chart/get-hovered-plots';
 export function useChartInnerHandlers(props) {
-    const { boundsHeight, boundsOffsetLeft, boundsOffsetTop, boundsWidth, dispatcher, shapesData, svgContainer, togglePinTooltip, tooltipPinned, unpinTooltip, xAxis, yAxis, xScale, yScale, tooltipThrottle, isOutsideBounds, } = props;
+    const { boundsHeight, boundsOffsetLeft, boundsOffsetTop, boundsWidth, dispatcher, shapesData, svgContainer, togglePinTooltip, tooltipPinned, unpinTooltip, xAxis, yAxis, xScale, yScale, tooltipThrottle, } = props;
+    const isOutsideBounds = React.useCallback((x, y) => {
+        return x < 0 || x > boundsWidth || y < 0 || y > boundsHeight;
+    }, [boundsHeight, boundsWidth]);
     const handleMove = ([pointerX, pointerY], event) => {
         if (tooltipPinned) {
             return;

package/dist/cjs/components/ChartInner/useChartInnerProps.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { Dispatch } from 'd3';
-import type { ChartScale, LegendItem, OnLegendItemClick, PreparedChart, PreparedLegend, PreparedSeries, PreparedSplit, PreparedXAxis, RangeSliderState, ShapeData, ZoomState } from '../../hooks';
+import type { ChartScale, LegendItem, OnLegendItemClick, PreparedLegend, PreparedSeries, PreparedSplit, PreparedXAxis, RangeSliderState, ShapeData, ZoomState } from '../../hooks';
+import type { PreparedChart } from '../../hooks/types';
 import type { LegendConfig } from '../../types';
 import type { ChartInnerProps } from './types';
 type Props = ChartInnerProps & {
@@ -22,7 +23,7 @@ export declare function useChartInnerProps(props: Props): {
     xAxis: PreparedXAxis | null;
     yAxis: (Omit<import("../../types").ChartAxis, "type" | "labels" | "plotLines" | "plotBands"> & {
         type: import("../../types").ChartAxisType;
-        labels: Omit<import("../../types").ChartAxisLabels, "enabled" | "style" | "padding" | "autoRotation"> & Required<Pick<import("../../types").ChartAxisLabels, "margin" | "html" | "enabled" | "rotation" | "padding">> & {
+        labels: Omit<import("../../types").ChartAxisLabels, "style" | "enabled" | "padding" | "autoRotation"> & Required<Pick<import("../../types").ChartAxisLabels, "margin" | "enabled" | "html" | "rotation" | "padding">> & {
             style: import("../../types").BaseTextStyle;
             rotation: number;
             height: number;
@@ -60,7 +61,6 @@ export declare function useChartInnerProps(props: Props): {
     shapesData: ShapeData[];
     shapesReady: boolean;
     handleLegendItemClick: OnLegendItemClick;
-    isOutsideBounds: (x: number, y: number) => boolean;
     allPreparedSeries?: PreparedSeries[] | undefined;
     legendConfig?: LegendConfig | undefined;
     legendItems?: LegendItem[][] | undefined;

package/dist/cjs/components/ChartInner/useChartInnerProps.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import isEqual from 'lodash/isEqual';
 import { DEFAULT_PALETTE, SERIES_TYPE } from '../../constants';
-import { createScales, getAxes, getChartDimensions, getNormalizedXAxis, getNormalizedYAxis, getPreparedSeries, getShapes, getSplit, getVisibleSeries, recalculateYAxisLabelsWidth, useZoom, } from '../../hooks';
-import { getYAxisWidth } from '../../hooks/useChartDimensions/utils';
+import { createScales, getAxes, getPreparedSeries, getShapes, getSplit, getVisibleSeries, useZoom, } from '../../hooks';
 import { getLegendComponents, getPreparedLegend } from '../../hooks/useSeries/prepare-legend';
 import { getPreparedOptions } from '../../hooks/useSeries/prepare-options';
 import { getActiveLegendItems, getAllLegendItems } from '../../hooks/useSeries/utils';
-import { getEffectiveXRange, getSortedSeriesData, getZoomedSeriesData, isAxisRelatedSeries, } from '../../utils';
-import { hasAtLeastOneSeriesDataPerPlot } from './utils';
+import { getChartDimensions, getEffectiveXRange, getSortedSeriesData, getYAxisWidth, getZoomedSeriesData, isAxisRelatedSeries, } from '../../utils';
+import { getNormalizedXAxis, getNormalizedYAxis, recalculateYAxisLabelsWidth } from './utils';
+import { hasAtLeastOneSeriesDataPerPlot } from './utils/common';
 const CLIP_PATH_BY_SERIES_TYPE = {
     [SERIES_TYPE.Scatter]: false,
 };
@@ -36,9 +36,8 @@ function getBoundsOffsetLeft(args) {
     }, 0);
     return chartMarginLeft + legendOffset + leftAxisWidth;
 }
-// eslint-disable-next-line complexity
 export function useChartInnerProps(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f;
     const { clipPathId, data, dispatcher, height, htmlLayout, plotNode, preparedChart, rangeSliderState, width, updateZoomState, zoomState, } = props;
     const [selectedLegendItems, setSelectedLegendItems] = React.useState(null);
     const [chartState, setState] = React.useState(null);
@@ -158,9 +157,6 @@ export function useChartInnerProps(props) {
                 yAxis = newYAxis;
                 calculateAxisBasedProps();
             }
-            const isOutsideBounds = (x, y) => {
-                return x < 0 || x > boundsWidth || y < 0 || y > boundsHeight;
-            };
             const { shapes, shapesData } = await getShapes({
                 boundsWidth,
                 boundsHeight,
@@ -175,7 +171,9 @@ export function useChartInnerProps(props) {
                 split: preparedSplit,
                 htmlLayout,
                 clipPathId,
-                isOutsideBounds,
+                isOutsideBounds: (x, y) => {
+                    return x < 0 || x > boundsWidth || y < 0 || y > boundsHeight;
+                },
                 zoomState: effectiveZoomState,
             });
             const boundsOffsetTop = getBoundsOffsetTop({
@@ -198,7 +196,6 @@ export function useChartInnerProps(props) {
                 boundsOffsetLeft,
                 boundsOffsetTop,
                 boundsWidth,
-                isOutsideBounds,
                 legendConfig,
                 legendItems,
                 preparedLegend,
@@ -238,6 +235,8 @@ export function useChartInnerProps(props) {
     const activeLegendItems = React.useMemo(() => { var _a; return (_a = chartState === null || chartState === void 0 ? void 0 : chartState.activeLegendItems) !== null && _a !== void 0 ? _a : []; }, [chartState === null || chartState === void 0 ? void 0 : chartState.activeLegendItems]);
     const boundsHeight = (_a = chartState === null || chartState === void 0 ? void 0 : chartState.boundsHeight) !== null && _a !== void 0 ? _a : 0;
     const boundsWidth = (_b = chartState === null || chartState === void 0 ? void 0 : chartState.boundsWidth) !== null && _b !== void 0 ? _b : 0;
+    const xAxis = (_c = chartState === null || chartState === void 0 ? void 0 : chartState.xAxis) !== null && _c !== void 0 ? _c : null;
+    const yAxis = React.useMemo(() => { var _a; return (_a = chartState === null || chartState === void 0 ? void 0 : chartState.yAxis) !== null && _a !== void 0 ? _a : []; }, [chartState === null || chartState === void 0 ? void 0 : chartState.yAxis]);
     const handleLegendItemClick = React.useCallback(({ id, metaKey }) => {
         const allItems = getAllLegendItems(preparedSeries);
         const onlyItemSelected = (selectedLegendItems !== null && selectedLegendItems !== void 0 ? selectedLegendItems : []).length === 1 && activeLegendItems.includes(id);
@@ -259,9 +258,7 @@ export function useChartInnerProps(props) {
         }
         setSelectedLegendItems(nextActiveLegendItems);
     }, [preparedSeries, selectedLegendItems, activeLegendItems]);
-    const xAxis = (_c = chartState === null || chartState === void 0 ? void 0 : chartState.xAxis) !== null && _c !== void 0 ? _c : null;
-    const yAxis = (_d = chartState === null || chartState === void 0 ? void 0 : chartState.yAxis) !== null && _d !== void 0 ? _d : [];
-    const handleAttemptToSetZoomState = (nextZoomState) => {
+    const handleAttemptToSetZoomState = React.useCallback((nextZoomState) => {
         var _a;
         const { preparedSeries: nextZoomedSeriesData } = getZoomedSeriesData({
             seriesData: (_a = chartState === null || chartState === void 0 ? void 0 : chartState.preparedSeries) !== null && _a !== void 0 ? _a : [],
@@ -273,7 +270,7 @@ export function useChartInnerProps(props) {
         if (hasData) {
             updateZoomState(nextZoomState);
         }
-    };
+    }, [chartState === null || chartState === void 0 ? void 0 : chartState.preparedSeries, updateZoomState, xAxis, yAxis]);
     useZoom({
         node: plotNode,
         onUpdate: handleAttemptToSetZoomState,
@@ -287,8 +284,8 @@ export function useChartInnerProps(props) {
         yScale: chartState === null || chartState === void 0 ? void 0 : chartState.yScale,
     });
     // additional end
-    return Object.assign(Object.assign({}, chartState), { preparedSeries, boundsOffsetLeft: (_e = chartState === null || chartState === void 0 ? void 0 : chartState.boundsOffsetLeft) !== null && _e !== void 0 ? _e : 0, boundsOffsetTop: (_f = chartState === null || chartState === void 0 ? void 0 : chartState.boundsOffsetTop) !== null && _f !== void 0 ? _f : 0, boundsHeight,
+    return Object.assign(Object.assign({}, chartState), { preparedSeries, boundsOffsetLeft: (_d = chartState === null || chartState === void 0 ? void 0 : chartState.boundsOffsetLeft) !== null && _d !== void 0 ? _d : 0, boundsOffsetTop: (_e = chartState === null || chartState === void 0 ? void 0 : chartState.boundsOffsetTop) !== null && _e !== void 0 ? _e : 0, boundsHeight,
         boundsWidth,
         xAxis,
-        yAxis, shapesData: (_g = chartState === null || chartState === void 0 ? void 0 : chartState.shapesData) !== null && _g !== void 0 ? _g : [], shapesReady: Boolean(chartState), handleLegendItemClick, isOutsideBounds: (_h = chartState === null || chartState === void 0 ? void 0 : chartState.isOutsideBounds) !== null && _h !== void 0 ? _h : (() => false) });
+        yAxis, shapesData: (_f = chartState === null || chartState === void 0 ? void 0 : chartState.shapesData) !== null && _f !== void 0 ? _f : [], shapesReady: Boolean(chartState), handleLegendItemClick });
 }

package/dist/cjs/components/ChartInner/useDefaultState.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { Dispatch } from 'd3';
+import type { PreparedXAxis, PreparedYAxis, ShapeData } from '../../hooks';
+import type { ChartScale } from '../../hooks/useAxisScales/types';
+type Props = {
+    boundsHeight: number;
+    boundsOffsetLeft: number;
+    boundsOffsetTop: number;
+    boundsWidth: number;
+    defaultState?: {
+        hoveredPosition?: {
+            x: number | string;
+            y: number | string;
+        };
+    };
+    dispatcher: Dispatch<object>;
+    shapesData: ShapeData[];
+    shapesReady: boolean;
+    svgRef: React.RefObject<SVGSVGElement | null>;
+    xAxis: PreparedXAxis | null;
+    yAxis: PreparedYAxis[];
+    xScale?: ChartScale;
+    yScale?: (ChartScale | undefined)[];
+};
+export declare function useDefaultState(props: Props): void;
+export {};

package/dist/cjs/components/ChartInner/useDefaultState.js

@@ -0,0 +1,74 @@
+import React from 'react';
+import get from 'lodash/get';
+import { EventType } from '../../utils';
+import { getClosestPoints } from '../../utils/chart/get-closest-data';
+import { getHoveredPlots } from '../../utils/chart/get-hovered-plots';
+import { calculateNumericProperty } from '../../utils/chart/math';
+export function useDefaultState(props) {
+    const { boundsHeight, boundsOffsetLeft, boundsOffsetTop, boundsWidth, defaultState, dispatcher, shapesData, shapesReady, svgRef, xAxis, yAxis, xScale, yScale, } = props;
+    const appliedRef = React.useRef(false);
+    React.useEffect(() => {
+        const hoveredPosition = defaultState === null || defaultState === void 0 ? void 0 : defaultState.hoveredPosition;
+        if (appliedRef.current || !shapesReady || !hoveredPosition) {
+            return;
+        }
+        appliedRef.current = true;
+        // Defer dispatch so shape components (Area, Line, etc.) register their hover-shape.*
+        // listeners first; parent effects run before child effects in React.
+        queueMicrotask(() => {
+            var _a;
+            const x = calculateNumericProperty({ value: hoveredPosition.x, base: boundsWidth });
+            const y = calculateNumericProperty({ value: hoveredPosition.y, base: boundsHeight });
+            if (x === undefined || y === undefined) {
+                return;
+            }
+            const shapesDataWithTooltipEnabled = shapesData.filter((d) => get(d, 'series.tooltip.enabled', true));
+            const closest = getClosestPoints({
+                position: [x, y],
+                shapesData: shapesDataWithTooltipEnabled,
+                boundsHeight,
+                boundsWidth,
+            });
+            const { plotLines, plotBands } = getHoveredPlots({
+                pointerX: x,
+                pointerY: y,
+                xAxis,
+                yAxis,
+                xScale,
+                yScale,
+            });
+            const hoveredPlotsArg = { lines: plotLines, bands: plotBands };
+            const svgPointerX = x + boundsOffsetLeft;
+            const svgPointerY = y + boundsOffsetTop;
+            dispatcher.call(EventType.HOVER_SHAPE, undefined, closest, [svgPointerX, svgPointerY], hoveredPlotsArg);
+            const rect = (_a = svgRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+            const syntheticEvent = rect &&
+                new PointerEvent('pointermove', {
+                    bubbles: true,
+                    clientX: rect.left + svgPointerX,
+                    clientY: rect.top + svgPointerY,
+                });
+            dispatcher.call(EventType.POINTERMOVE_CHART, {}, {
+                hovered: closest,
+                xAxis,
+                yAxis: yAxis[0],
+                hoveredPlotLines: plotLines,
+                hoveredPlotBands: plotBands,
+            }, syntheticEvent);
+        });
+    }, [
+        boundsHeight,
+        boundsOffsetLeft,
+        boundsOffsetTop,
+        boundsWidth,
+        defaultState,
+        dispatcher,
+        shapesData,
+        shapesReady,
+        svgRef,
+        xAxis,
+        xScale,
+        yAxis,
+        yScale,
+    ]);
+}

package/dist/cjs/components/ChartInner/utils/axis.d.ts

@@ -0,0 +1,44 @@
+import type { PreparedYAxis } from '../../../hooks';
+import type { ChartScale } from '../../../hooks/useAxisScales/types';
+import type { PreparedSeries } from '../../../hooks/useSeries/types';
+export declare function recalculateYAxisLabelsWidth(props: {
+    seriesData: PreparedSeries[];
+    yAxis: PreparedYAxis[];
+    yScale?: (ChartScale | undefined)[];
+}): Promise<(Omit<import("../../..").ChartAxis, "type" | "labels" | "plotLines" | "plotBands"> & {
+    type: import("../../..").ChartAxisType;
+    labels: Omit<import("../../..").ChartAxisLabels, "style" | "enabled" | "padding" | "autoRotation"> & Required<Pick<import("../../..").ChartAxisLabels, "margin" | "enabled" | "html" | "rotation" | "padding">> & {
+        style: import("../../..").BaseTextStyle;
+        rotation: number;
+        height: number;
+        width: number;
+        lineHeight: number;
+        maxWidth: number;
+    };
+    title: {
+        height: number;
+        width: number;
+        text: string;
+        margin: number;
+        style: import("../../..").BaseTextStyle;
+        align: import("../../..").ChartAxisTitleAlignment;
+        maxRowCount: number;
+        rotation: number;
+        maxWidth: number;
+        html: boolean;
+    };
+    min?: number;
+    grid: {
+        enabled: boolean;
+    };
+    maxPadding: number;
+    ticks: {
+        pixelInterval?: number;
+    };
+    tickMarks: import("../../../hooks").PreparedAxisTickMarks;
+    position: "left" | "right" | "top" | "bottom";
+    plotIndex: number;
+    plotLines: import("../../../hooks").PreparedAxisPlotLine[];
+    plotBands: import("../../../hooks").PreparedAxisPlotBand[];
+    crosshair: Required<import("../../..").AxisCrosshair>;
+})[]>;

package/dist/{esm/hooks/useYAxisLabelWidth/index.js → cjs/components/ChartInner/utils/axis.js}

@@ -1,5 +1,5 @@
 import get from 'lodash/get';
-import { getYAxisLabelMaxWidth } from '../useAxis/y-axis';
+import { getYAxisLabelMaxWidth } from '../../../hooks/useAxis/y-axis';
 export async function recalculateYAxisLabelsWidth(props) {
     const { seriesData, yAxis, yScale } = props;
     const axisIndexesToRecalculateMap = new Map();

package/dist/cjs/{hooks/useChartOptions → components/ChartInner/utils}/chart.d.ts

@@ -1,5 +1,5 @@
-import type { ChartData, ChartSeries } from '../../types';
-import type { PreparedChart, PreparedTitle } from './types';
+import type { PreparedChart, PreparedTitle } from '../../../hooks/types';
+import type { ChartData, ChartSeries } from '../../../types';
 export declare const getPreparedChart: (args: {
     chart: ChartData["chart"];
     seriesData: ChartSeries[];

package/dist/cjs/components/ChartInner/{utils.d.ts → utils/common.d.ts}

@@ -1,5 +1,6 @@
 import React from 'react';
-import type { PreparedAxis, PreparedSeries, PreparedZoom } from '../../hooks';
+import type { PreparedAxis, PreparedSeries } from '../../../hooks';
+import type { PreparedZoom } from '../../../hooks/types';
 export declare function hasAtLeastOneSeriesDataPerPlot(seriesData: PreparedSeries[], yAxes?: PreparedAxis[]): boolean;
 export declare function useAsyncState<T>(value: T, setState: () => Promise<T>, isReady?: boolean): T;
 export declare function getResetZoomButtonStyle(args: {

package/dist/cjs/components/ChartInner/utils/index.d.ts

@@ -0,0 +1,7 @@
+export * from './axis';
+export * from './common';
+export * from './tooltip';
+export * from './chart';
+export * from './zoom';
+export * from './title';
+export * from './normalized-original-data';

package/dist/cjs/components/ChartInner/utils/index.js

@@ -0,0 +1,7 @@
+export * from './axis';
+export * from './common';
+export * from './tooltip';
+export * from './chart';
+export * from './zoom';
+export * from './title';
+export * from './normalized-original-data';

package/dist/cjs/{hooks/useNormalizedOriginalData/index.d.ts → components/ChartInner/utils/normalized-original-data.d.ts}

@@ -1,15 +1,15 @@
-import type { ChartData } from '../../types';
+import type { ChartData } from '../../../types';
 export declare function getNormalizedXAxis(props: {
     xAxis: ChartData['xAxis'];
 }): {
     categories: string[] | undefined;
-    rangeSlider?: import("../../types").ChartAxisRangeSlider;
-    crosshair?: import("../../types").AxisCrosshair;
+    rangeSlider?: import("../../../types").ChartAxisRangeSlider;
+    crosshair?: import("../../../types").AxisCrosshair;
     timestamps?: number[];
-    type?: import("../../types").ChartAxisType;
-    labels?: import("../../types").ChartAxisLabels;
+    type?: import("../../../types").ChartAxisType;
+    labels?: import("../../../types").ChartAxisLabels;
     lineColor?: string;
-    title?: import("../../types").ChartAxisTitle;
+    title?: import("../../../types").ChartAxisTitle;
     min?: number;
     max?: number;
     grid?: {
@@ -20,9 +20,9 @@ export declare function getNormalizedXAxis(props: {
         interval?: number | string;
     };
     maxPadding?: number;
-    plotLines?: import("../../types").AxisPlotLine[];
-    plotBands?: import("../../types").AxisPlotBand[];
-    tickMarks?: import("../../types").ChartAxisTickMarks;
+    plotLines?: import("../../../types").AxisPlotLine[];
+    plotBands?: import("../../../types").AxisPlotBand[];
+    tickMarks?: import("../../../types").ChartAxisTickMarks;
     visible?: boolean;
     order?: "sortAsc" | "sortDesc" | "reverse";
     startOnTick?: boolean;
@@ -30,4 +30,4 @@ export declare function getNormalizedXAxis(props: {
 };
 export declare function getNormalizedYAxis(props: {
     yAxis: ChartData['yAxis'];
-}): import("../../types").ChartYAxis[] | undefined;
+}): import("../../../types").ChartYAxis[] | undefined;

package/dist/{esm/hooks/useNormalizedOriginalData/index.js → cjs/components/ChartInner/utils/normalized-original-data.js}

@@ -1,4 +1,4 @@
-import { getAxisCategories } from '../../utils';
+import { getAxisCategories } from '../../../utils';
 export function getNormalizedXAxis(props) {
     var _a;
     let categories = (_a = props.xAxis) === null || _a === void 0 ? void 0 : _a.categories;

package/dist/cjs/{hooks/useChartOptions → components/ChartInner/utils}/title.d.ts

@@ -1,5 +1,5 @@
-import type { ChartData } from '../../types';
-import type { PreparedTitle } from './types';
+import type { PreparedTitle } from '../../../hooks/types';
+import type { ChartData } from '../../../types';
 export declare const getPreparedTitle: ({ title, }: {
     title: ChartData["title"];
 }) => PreparedTitle | undefined;

package/dist/{esm/hooks/useChartOptions → cjs/components/ChartInner/utils}/title.js

@@ -1,5 +1,5 @@
 import get from 'lodash/get';
-import { getHorizontalSvgTextHeight } from '../../utils';
+import { getHorizontalSvgTextHeight } from '../../../utils';
 const DEFAULT_TITLE_FONT_SIZE = '15px';
 const TITLE_PADDINGS = 8 * 2;
 export const getPreparedTitle = ({ title, }) => {

package/dist/cjs/components/ChartInner/utils/tooltip.d.ts

@@ -0,0 +1,8 @@
+import type { PreparedTooltip } from '../../../hooks/types';
+import type { ChartData, ChartSeries, ChartXAxis, ChartYAxis } from '../../../types';
+export declare const getPreparedTooltip: (args: {
+    tooltip: ChartData["tooltip"];
+    seriesData: ChartSeries[];
+    yAxes?: ChartYAxis[];
+    xAxis?: ChartXAxis;
+}) => PreparedTooltip;

package/dist/cjs/components/ChartInner/utils/tooltip.js

@@ -0,0 +1,7 @@
+import get from 'lodash/get';
+import { getDefaultTooltipHeaderFormat } from '../../../utils/chart/tooltip';
+export const getPreparedTooltip = (args) => {
+    var _a, _b;
+    const { tooltip, seriesData, yAxes, xAxis } = args;
+    return Object.assign(Object.assign({}, tooltip), { enabled: get(tooltip, 'enabled', true), throttle: (_a = tooltip === null || tooltip === void 0 ? void 0 : tooltip.throttle) !== null && _a !== void 0 ? _a : 0, headerFormat: (_b = tooltip === null || tooltip === void 0 ? void 0 : tooltip.headerFormat) !== null && _b !== void 0 ? _b : getDefaultTooltipHeaderFormat({ seriesData, yAxes, xAxis }) });
+};

package/dist/cjs/{hooks/useChartOptions → components/ChartInner/utils}/zoom.d.ts

@@ -1,6 +1,6 @@
-import type { ZoomType } from '../../constants';
-import type { ChartSeries, ChartZoom } from '../../types';
-import type { PreparedZoom } from './types';
+import type { ZoomType } from '../../../constants';
+import type { PreparedZoom } from '../../../hooks/types';
+import type { ChartSeries, ChartZoom } from '../../../types';
 export declare function getZoomType(args: {
     seriesData: ChartSeries[];
     zoomType?: ZoomType;

package/dist/cjs/{hooks/useChartOptions → components/ChartInner/utils}/zoom.js

@@ -1,6 +1,6 @@
 import intersection from 'lodash/intersection';
 import merge from 'lodash/merge';
-import { SERIES_TYPE, ZOOM_TYPE, brushDefaults } from '../../constants';
+import { SERIES_TYPE, ZOOM_TYPE, brushDefaults } from '../../../constants';
 function mapSeriesTypeToZoomType(seriesType) {
     switch (seriesType) {
         case SERIES_TYPE.Area: {

package/dist/cjs/hooks/index.d.ts

@@ -4,10 +4,7 @@ export * from './useAxisScales';
 export * from './useAxisScales/types';
 export * from './useBrush';
 export * from './useBrush/types';
-export * from './useChartDimensions';
-export * from './useChartOptions/types';
 export * from './useCrosshair';
-export * from './useNormalizedOriginalData';
 export * from './usePrevious';
 export * from './useRangeSlider';
 export * from './useRangeSlider/types';
@@ -17,6 +14,6 @@ export * from './useShapes';
 export * from './useSplit';
 export * from './useSplit/types';
 export * from './useTooltip';
-export * from './useYAxisLabelWidth';
 export * from './useZoom';
 export * from './useZoom/types';
+export * from './types';

package/dist/cjs/hooks/index.js

@@ -4,10 +4,7 @@ export * from './useAxisScales';
 export * from './useAxisScales/types';
 export * from './useBrush';
 export * from './useBrush/types';
-export * from './useChartDimensions';
-export * from './useChartOptions/types';
 export * from './useCrosshair';
-export * from './useNormalizedOriginalData';
 export * from './usePrevious';
 export * from './useRangeSlider';
 export * from './useRangeSlider/types';
@@ -17,6 +14,6 @@ export * from './useShapes';
 export * from './useSplit';
 export * from './useSplit/types';
 export * from './useTooltip';
-export * from './useYAxisLabelWidth';
 export * from './useZoom';
 export * from './useZoom/types';
+export * from './types';

package/dist/cjs/hooks/{useChartOptions/types.d.ts → types.d.ts}

@@ -1,4 +1,4 @@
-import type { ChartBrush, ChartData, ChartMargin, ChartZoom, DeepRequired } from '../../types';
+import type { ChartBrush, ChartData, ChartMargin, ChartZoom, DeepRequired } from '../types';
 export type PreparedZoom = DeepRequired<Omit<ChartZoom, 'enabled' | 'brush'>> & DeepRequired<{
     brush: ChartBrush;
 }>;

package/dist/cjs/hooks/useAxis/index.d.ts

@@ -1,5 +1,5 @@
 import type { ChartXAxis, ChartYAxis, LegendConfig } from '../../types';
-import type { PreparedChart } from '../useChartOptions/types';
+import type { PreparedChart } from '../types';
 import type { PreparedLegend, PreparedSeries, PreparedSeriesOptions } from '../useSeries/types';
 import type { AxesState } from './types';
 interface UseAxesProps {
@@ -18,7 +18,7 @@ export declare function getAxes(props: UseAxesProps): Promise<{
     xAxis: import("./types").PreparedXAxis | null;
     yAxis: (Omit<import("../../types").ChartAxis, "type" | "labels" | "plotLines" | "plotBands"> & {
         type: import("../../types").ChartAxisType;
-        labels: Omit<import("../../types").ChartAxisLabels, "enabled" | "style" | "padding" | "autoRotation"> & Required<Pick<import("../../types").ChartAxisLabels, "margin" | "html" | "enabled" | "rotation" | "padding">> & {
+        labels: Omit<import("../../types").ChartAxisLabels, "style" | "enabled" | "padding" | "autoRotation"> & Required<Pick<import("../../types").ChartAxisLabels, "margin" | "enabled" | "html" | "rotation" | "padding">> & {
             style: import("../../types").BaseTextStyle;
             rotation: number;
             height: number;

package/dist/cjs/hooks/useAxis/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import isEqual from 'lodash/isEqual';
-import { getWidthOccupiedByYAxis } from '../useChartDimensions/utils';
+import { getWidthOccupiedByYAxis } from '../../utils';
 import { getPreparedXAxis } from './x-axis';
 import { getPreparedYAxis } from './y-axis';
 export async function getAxes(props) {

package/dist/cjs/hooks/useAxis/y-axis.js

@@ -49,9 +49,7 @@ export const getPreparedYAxis = ({ height, boundsHeight, width, seriesData, yAxi
     if (!hasAxisRelatedSeries) {
         return Promise.resolve([]);
     }
-    return Promise.all(
-    // eslint-disable-next-line complexity
-    axisItems.map(async (axisItem, axisIndex) => {
+    return Promise.all(axisItems.map(async (axisItem, axisIndex) => {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
         const plotIndex = get(axisItem, 'plotIndex', 0);
         const firstPlotAxis = !axisByPlot[plotIndex];

package/dist/cjs/hooks/useAxisScales/x-scale.js

@@ -34,7 +34,6 @@ function getXScaleRange({ boundsWidth, hasZoomX }) {
     const range = hasZoomX ? xRangeZoom : xRange;
     return range;
 }
-// eslint-disable-next-line complexity
 export function createXScale(args) {
     const { axis, boundsWidth, series, rangeSliderState, zoomStateX } = args;
     const effectiveX = getEffectiveXRange(zoomStateX, rangeSliderState);

package/dist/cjs/hooks/useAxisScales/y-scale.js

@@ -117,7 +117,6 @@ function getDomainMaxAlignedToEndTick(args) {
     }
     return dNewMax;
 }
-// eslint-disable-next-line complexity
 export function createYScale(args) {
     const { axis, boundsHeight, series, primaryAxis, primaryTicksCount, zoomStateY } = args;
     const [yMinPropsOrState, yMaxPropsOrState] = getMinMaxPropsOrState({