@gravity-ui/charts 1.46.0 → 1.47.0

package/dist/cjs/core/types/formatter.d.ts

@@ -1,40 +1 @@
-export interface FormatOptions {
-    /**
-     * Number of decimal places to display.
-     * Use `'auto'` to determine precision automatically based on the value magnitude.
-     */
-    precision?: number | 'auto';
-    /** When `true`, inserts a thousands separator (e.g. `1 500 000`). */
-    showRankDelimiter?: boolean;
-    /**
-     * BCP 47 language tag used for locale-aware formatting (e.g. `'en'`, `'ru'`).
-     * Defaults to the application locale when omitted.
-     */
-    lang?: string;
-    /** Internal rendering hint for axis label layout. Not intended for public use. */
-    labelMode?: string;
-}
-export interface FormatNumberOptions extends FormatOptions {
-    /**
-     * Display mode for the numeric value.
-     * - `'number'` — plain number (default).
-     * - `'percent'` — value is multiplied by 100 and rendered with a `%` suffix.
-     */
-    format?: 'number' | 'percent';
-    /** Factor applied to the value before formatting. For example, `multiplier: 1000` converts seconds to milliseconds. */
-    multiplier?: number;
-    /** String prepended to the formatted value (e.g. `'$'`). */
-    prefix?: string;
-    /** String appended to the formatted value (e.g. `' USD'`). */
-    postfix?: string;
-    /**
-     * Compact unit suffix applied to large numbers.
-     * - `'auto'` — picks the most appropriate unit automatically (`k`, `m`, `b`, `t`).
-     * - `'k'` — thousands (÷ 1 000).
-     * - `'m'` — millions (÷ 1 000 000).
-     * - `'b'` — billions (÷ 1 000 000 000).
-     * - `'t'` — trillions (÷ 1 000 000 000 000).
-     * - `null` — no unit suffix.
-     */
-    unit?: 'auto' | 'k' | 'm' | 'b' | 't' | null;
-}
+export type { FormatNumberOptions, FormatOptions, FormatUnitScale, FormatUnitScaleEntry, } from '../../libs/format-number/types';

package/dist/{esm/hooks/utils/get-band-size.js → cjs/core/utils/band-size.js}

@@ -1,4 +1,4 @@
-import { isBandScale } from '../../core/utils';
+import { isBandScale } from '../utils';
 export function getBandSize({ domain, scale, }) {
     if (!scale || !domain.length) {
         return 0;

package/dist/cjs/{hooks → core}/utils/bar-y.d.ts

@@ -1,7 +1,7 @@
-import type { ChartScale } from '../../core/scales/types';
 import type { BarYSeries, BarYSeriesData } from '../../types';
-import type { PreparedYAxis } from '../useAxis/types';
-import type { PreparedBarYSeries, PreparedSeriesOptions } from '../useSeries/types';
+import type { PreparedYAxis } from '../axes/types';
+import type { ChartScale } from '../scales/types';
+import type { PreparedBarYSeries, PreparedSeriesOptions } from '../series/types';
 /**
  * BarY always filters out data with null or replace null by zero.
  */

package/dist/{esm/hooks → cjs/core}/utils/bar-y.js

@@ -1,9 +1,9 @@
 import { max } from 'd3-array';
 import get from 'lodash/get';
-import { getDataCategoryValue } from '../../core/utils';
-import { MIN_BAR_GAP, MIN_BAR_GROUP_GAP, MIN_BAR_WIDTH } from '../constants';
-import { getSeriesStackId } from '../useSeries/utils';
-import { getBandSize } from './get-band-size';
+import { getSeriesStackId } from '../series/utils';
+import { MIN_BAR_GAP, MIN_BAR_GROUP_GAP, MIN_BAR_WIDTH } from '../shapes/bar-constants';
+import { getDataCategoryValue } from '../utils';
+import { getBandSize } from './band-size';
 const isSeriesDataValid = (d) => d.x !== null;
 export function groupBarYDataByYValue(series, yAxis) {
     const data = {};

package/dist/cjs/core/utils/format.d.ts

@@ -1,9 +1,9 @@
 import type { AxisDomain } from 'd3-axis';
-import type { CustomFormat, ValueFormat } from '../../types';
+import type { ValueFormat } from '../../types';
 import type { PreparedAxis } from '../axes/types';
 export declare function getFormattedValue(args: {
     value: string | number | undefined | null;
-    format?: ValueFormat | CustomFormat;
+    format?: ValueFormat;
 }): string;
 export declare function formatAxisTickLabel(args: {
     axis: PreparedAxis;

package/dist/cjs/core/utils/get-closest-data.d.ts

@@ -1,4 +1,4 @@
-import type { ShapeData } from '../../hooks';
+import type { ShapeData } from '../../hooks/useShapes';
 import type { ChartSeries, ChartSeriesData, TooltipDataChunk } from '../../types';
 type GetClosestPointsArgs = {
     position: [number, number];

package/dist/cjs/core/utils/get-closest-data.js

@@ -68,7 +68,7 @@ export function getClosestPoints(args) {
             case 'line': {
                 const linePoints = list.reduce((acc, d) => {
                     acc.push(...d.points.reduce((accPoints, p) => {
-                        if (p.y !== null && p.x !== null) {
+                        if (p.y !== null && p.x !== null && !p.hiddenInLine) {
                             accPoints.push({
                                 data: p.data,
                                 series: p.series,
@@ -86,13 +86,18 @@ export function getClosestPoints(args) {
             }
             case 'area': {
                 const areaPoints = list.reduce((acc, d) => {
-                    Array.prototype.push.apply(acc, d.points.map((p) => ({
-                        data: p.data,
-                        series: p.series,
-                        x: p.x,
-                        y0: p.y0,
-                        y1: p.y,
-                    })));
+                    for (const p of d.points) {
+                        if (p.y === null || p.hiddenInLine) {
+                            continue;
+                        }
+                        acc.push({
+                            data: p.data,
+                            series: p.series,
+                            x: p.x,
+                            y0: p.y0,
+                            y1: p.y,
+                        });
+                    }
                     return acc;
                 }, []);
                 closestPointsByXValue.push(...areaPoints);

package/dist/cjs/core/utils/series/sorting.js

@@ -1,8 +1,8 @@
 import { sort } from 'd3-array';
 import { isEmpty } from 'lodash';
 import get from 'lodash/get';
-import { getAxisCategories } from '../../utils';
 import { SERIES_TYPE } from '../../constants';
+import { getAxisCategories } from '../../utils';
 function applyAxisCategoriesOrder({ series, axis, key, }) {
     var _a, _b;
     const originalCategories = (_a = axis === null || axis === void 0 ? void 0 : axis.categories) !== null && _a !== void 0 ? _a : [];

package/dist/cjs/core/utils/text.d.ts

@@ -4,7 +4,6 @@ import type { BaseTextStyle, MeaningfulAny } from '../../types';
  * Approximate ratio of descenders relative to the full font em height.
  * Based on the Chromium hanging baseline algorithm where hanging offset ≈ ascent × 0.2.
  * This means ascent ≈ 80% of em height, descenders ≈ 20%.
- *
  * @see https://source.chromium.org/chromium/chromium/src/+/main:third_party/blink/renderer/core/html/canvas/text_metrics.cc;l=32
  */
 export declare const DESCENDER_RATIO = 0.2;

package/dist/cjs/core/utils/text.js

@@ -5,7 +5,6 @@ const b = block('chart');
  * Approximate ratio of descenders relative to the full font em height.
  * Based on the Chromium hanging baseline algorithm where hanging offset ≈ ascent × 0.2.
  * This means ascent ≈ 80% of em height, descenders ≈ 20%.
- *
  * @see https://source.chromium.org/chromium/chromium/src/+/main:third_party/blink/renderer/core/html/canvas/text_metrics.cc;l=32
  */
 export const DESCENDER_RATIO = 0.2;

package/dist/cjs/core/zoom/index.d.ts

@@ -1 +1,3 @@
+export * from './types';
+export * from './utils';
 export * from './zoom';

package/dist/cjs/core/zoom/index.js

@@ -1 +1,3 @@
+export * from './types';
+export * from './utils';
 export * from './zoom';

package/dist/{esm/hooks/useZoom → cjs/core/zoom}/utils.d.ts

@@ -1,7 +1,7 @@
 import type { BrushSelection } from 'd3-brush';
-import type { ZoomType } from '../../core/constants';
-import type { ChartScale } from '../../core/scales/types';
-import type { PreparedXAxis, PreparedYAxis } from '../useAxis/types';
+import type { PreparedXAxis, PreparedYAxis } from '../axes/types';
+import type { ZoomType } from '../constants';
+import type { ChartScale } from '../scales/types';
 import type { ZoomState } from './types';
 export declare function selectionToZoomBounds(args: {
     selection: BrushSelection;

package/dist/{esm/hooks/useZoom → cjs/core/zoom}/utils.js

@@ -1,4 +1,4 @@
-import { ZOOM_TYPE } from '../../core/constants';
+import { ZOOM_TYPE } from '../constants';
 export function selectionToZoomBounds(args) {
     const { selection, xAxis, xScale, yAxes, yScales, zoomType } = args;
     const zoomState = {};

package/dist/cjs/core/zoom/zoom.d.ts

@@ -1,8 +1,8 @@
-import type { RangeSliderState } from '../../hooks';
-import type { ZoomState } from '../../hooks/useZoom/types';
-import type { ChartXAxis, ChartYAxis } from '../../types';
 import type { PreparedXAxis, PreparedYAxis } from '../axes/types';
+import type { RangeSliderState } from '../range-slider/types';
 import type { PreparedSeries } from '../series';
+import type { ChartXAxis, ChartYAxis } from '../types';
+import type { ZoomState } from './types';
 export declare function getZoomedSeriesData(args: {
     seriesData: PreparedSeries[];
     zoomState: Partial<ZoomState>;

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

@@ -3,17 +3,17 @@ export * from '../core/axes/types';
 export * from './useAxisScales';
 export * from '../core/scales/types';
 export * from './useBrush';
-export * from './useBrush/types';
+export * from '../core/brush/types';
 export * from './useCrosshair';
 export * from './usePrevious';
 export * from './useRangeSlider';
 export * from './useRangeSlider/types';
-export * from './useSeries';
+export { getPreparedSeries, getVisibleSeries } from '../core/series';
 export * from '../core/series/types';
 export * from './useShapes';
 export * from '../core/layout/split';
 export * from '../core/layout/split-types';
 export * from './useTooltip';
 export * from './useZoom';
-export * from './useZoom/types';
+export * from '../core/zoom/types';
 export * from './types';

package/dist/cjs/hooks/index.js

@@ -3,17 +3,17 @@ export * from '../core/axes/types';
 export * from './useAxisScales';
 export * from '../core/scales/types';
 export * from './useBrush';
-export * from './useBrush/types';
+export * from '../core/brush/types';
 export * from './useCrosshair';
 export * from './usePrevious';
 export * from './useRangeSlider';
 export * from './useRangeSlider/types';
-export * from './useSeries';
+export { getPreparedSeries, getVisibleSeries } from '../core/series';
 export * from '../core/series/types';
 export * from './useShapes';
 export * from '../core/layout/split';
 export * from '../core/layout/split-types';
 export * from './useTooltip';
 export * from './useZoom';
-export * from './useZoom/types';
+export * from '../core/zoom/types';
 export * from './types';

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

@@ -1,13 +1,7 @@
 import type { TextRowData } from '../components/types';
-import type { BaseTextStyle, ChartBrush, ChartData, ChartMargin, ChartTitle, ChartZoom, DeepRequired } from '../types';
+import type { BaseTextStyle, ChartData, ChartTitle } from '../types';
 import type { HtmlItem } from '../types/chart-ui';
-export type PreparedZoom = DeepRequired<Omit<ChartZoom, 'enabled' | 'brush'>> & DeepRequired<{
-    brush: ChartBrush;
-}>;
-export type PreparedChart = {
-    margin: ChartMargin;
-    zoom: PreparedZoom | null;
-};
+export type { PreparedChart, PreparedZoom } from '../core/chart/types';
 export type PreparedTitle = Omit<ChartTitle, 'margin' | 'style'> & {
     height: number;
     margin: number;

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

@@ -1,3 +1,3 @@
-import type { UseBrushProps } from './types';
+import type { UseBrushProps } from '../../core/brush/types';
 import './styles.css';
 export declare function useBrush(props: UseBrushProps): void;

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { brush, brushX, brushY } from 'd3-brush';
 import { pointer, select } from 'd3-selection';
+import { getDefaultSelection, getNormalizedSelection, setBrushBorder, setBrushHandles, } from '../../core/brush/utils';
 import { block } from '../../utils';
-import { getDefaultSelection, getNormalizedSelection, setBrushBorder, setBrushHandles, } from './utils';
 import './styles.css';
 const b = block('brush');
 export function useBrush(props) {

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

@@ -1,14 +1,14 @@
 import React from 'react';
 import { pointer } from 'd3-selection';
 import { isEqual } from 'lodash';
+import { getNormalizedSelection, isOneDimensionalSelection } from '../../core/brush/utils';
 import { SERIES_TYPE } from '../../core/constants';
+import { getRangeSliderOffsetTop, getRangeSliderSelection } from '../../core/range-slider/utils';
 import { isBandScale } from '../../core/utils';
+import { selectionToZoomBounds } from '../../core/zoom/utils';
 import { useAxis } from '../useAxis';
 import { useAxisScales } from '../useAxisScales';
-import { getNormalizedSelection, isOneDimensionalSelection } from '../useBrush/utils';
 import { useShapes } from '../useShapes';
-import { selectionToZoomBounds } from '../useZoom/utils';
-import { getRangeSliderOffsetTop, getRangeSliderSelection } from './utils';
 export const EMPTY_PREPARED_SPLIT = {
     plots: [],
     gap: 0,

package/dist/cjs/hooks/useRangeSlider/types.d.ts

@@ -1,13 +1,11 @@
+import type { PreparedRangeSlider, PreparedXAxis, PreparedYAxis } from '../../core/axes/types';
+import type { BrushSelection, UseBrushProps } from '../../core/brush/types';
+import type { PreparedChart } from '../../core/chart/types';
+import type { RangeSliderState } from '../../core/range-slider/types';
 import type { ChartScale } from '../../core/scales/types';
+import type { PreparedLegend, PreparedSeries, PreparedSeriesOptions } from '../../core/series/types';
 import type { ChartXAxis, ChartYAxis, LegendConfig } from '../../types';
-import type { PreparedChart } from '../types';
-import type { PreparedRangeSlider, PreparedXAxis, PreparedYAxis } from '../useAxis/types';
-import type { BrushSelection, UseBrushProps } from '../useBrush/types';
-import type { PreparedLegend, PreparedSeries, PreparedSeriesOptions } from '../useSeries/types';
-export type RangeSliderState = {
-    max: number;
-    min: number;
-};
+export type { RangeSliderState };
 export interface RangeSliderProps {
     activeLegendItems: string[];
     boundsOffsetLeft: number;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { Dispatch } from 'd3-dispatch';
-import type { PreparedSeriesOptions } from '../../useSeries/types';
-import type { PreparedAreaData } from './types';
+import type { PreparedSeriesOptions } from '../../../core/series/types';
+import type { PreparedAreaData } from '../../../core/shapes/area/types';
 type Args = {
     boundsHeight: number;
     boundsWidth: number;

package/dist/cjs/hooks/useShapes/area/index.js

@@ -1,18 +1,11 @@
 import React from 'react';
-import { color } from 'd3-color';
-import { select } from 'd3-selection';
-import { area as areaGenerator, line as lineGenerator } from 'd3-shape';
-import get from 'lodash/get';
+import { renderArea } from '../../../core/shapes/area/renderer';
 import { filterOverlappingLabels } from '../../../core/utils';
 import { block } from '../../../utils';
 import { HtmlLayer } from '../HtmlLayer';
-import { renderAnnotations } from '../annotation';
-import { getMarkerHaloVisibility, getMarkerVisibility, renderMarker, selectMarkerHalo, selectMarkerSymbol, setMarker, } from '../marker';
-import { setActiveState } from '../utils';
 const b = block('area');
 export const AreaSeriesShapes = (args) => {
     const { boundsHeight, boundsWidth, dispatcher, preparedData, seriesOptions, htmlLayout, clipPathId, } = args;
-    const hoveredDataRef = React.useRef(null);
     const plotRef = React.useRef(null);
     const markersRef = React.useRef(null);
     const hoverMarkersRef = React.useRef(null);
@@ -21,185 +14,20 @@ export const AreaSeriesShapes = (args) => {
         return preparedData.some((d) => d === null || d === void 0 ? void 0 : d.series.dataLabels.allowOverlap);
     }, [preparedData]);
     React.useEffect(() => {
-        if (!plotRef.current || !markersRef.current) {
+        if (!plotRef.current ||
+            !markersRef.current ||
+            !hoverMarkersRef.current ||
+            !annotationsRef.current) {
             return () => { };
         }
-        const plotSvgElement = select(plotRef.current);
-        const markersSvgElement = select(markersRef.current);
-        const hoverMarkersSvgElement = select(hoverMarkersRef.current);
-        const hoverOptions = get(seriesOptions, 'area.states.hover');
-        const inactiveOptions = get(seriesOptions, 'area.states.inactive');
-        const line = lineGenerator()
-            .x((d) => d.x)
-            .defined((d) => d.y !== null)
-            .y((d) => d.y);
-        plotSvgElement.selectAll('*').remove();
-        markersSvgElement.selectAll('*').remove();
-        const shapeSelection = plotSvgElement
-            .selectAll('shape')
-            .data(preparedData)
-            .join('g')
-            .attr('class', b('series'))
-            .attr('cursor', (d) => d.series.cursor);
-        shapeSelection
-            .append('path')
-            .attr('class', b('line'))
-            .attr('d', (d) => line(d.points))
-            .attr('fill', 'none')
-            .attr('stroke', (d) => d.color)
-            .attr('stroke-width', (d) => d.width)
-            .attr('stroke-linejoin', 'round')
-            .attr('stroke-linecap', 'round');
-        const area = areaGenerator()
-            .defined((d) => d.y !== null)
-            .x((d) => d.x)
-            .y0((d) => d.y0)
-            .y1((d) => d.y);
-        shapeSelection
-            .append('path')
-            .attr('class', b('region'))
-            .attr('d', (d) => area(d.points))
-            .attr('fill', (d) => d.color)
-            .attr('opacity', (d) => d.opacity);
-        let dataLabels = preparedData.reduce((acc, d) => {
-            return acc.concat(d.svgLabels);
-        }, []);
-        if (!allowOverlapDataLabels) {
-            dataLabels = filterOverlappingLabels(dataLabels);
-        }
-        const labelsSelection = plotSvgElement
-            .selectAll('text')
-            .data(dataLabels)
-            .join('text')
-            .html((d) => d.text)
-            .attr('class', b('label'))
-            .attr('x', (d) => d.x)
-            .attr('y', (d) => d.y)
-            .attr('text-anchor', (d) => d.textAnchor)
-            .style('font-size', (d) => d.style.fontSize)
-            .style('font-weight', (d) => d.style.fontWeight || null)
-            .style('fill', (d) => d.style.fontColor || null);
-        const markers = preparedData.reduce((acc, d) => acc.concat(d.markers), []);
-        const markerSelection = markersSvgElement
-            .selectAll('marker')
-            .data(markers)
-            .join('g')
-            .call(renderMarker);
-        if (annotationsRef.current) {
-            const anchors = preparedData.flatMap((d) => d.annotations);
-            renderAnnotations({
-                anchors,
-                container: select(annotationsRef.current),
-                plotHeight: boundsHeight,
-                plotWidth: boundsWidth,
-            });
-        }
-        const hoverEnabled = hoverOptions === null || hoverOptions === void 0 ? void 0 : hoverOptions.enabled;
-        const inactiveEnabled = inactiveOptions === null || inactiveOptions === void 0 ? void 0 : inactiveOptions.enabled;
-        function handleShapeHover(data) {
-            hoveredDataRef.current = data;
-            const selected = (data === null || data === void 0 ? void 0 : data.filter((d) => d.series.type === 'area')) || [];
-            const selectedDataItems = selected.map((d) => d.data);
-            const selectedSeriesIds = selected.map((d) => { var _a; return (_a = d.series) === null || _a === void 0 ? void 0 : _a.id; });
-            shapeSelection.datum((d, index, list) => {
-                var _a;
-                const elementSelection = select(list[index]);
-                const hovered = Boolean(hoverEnabled && selectedSeriesIds.includes(d.id));
-                if (d.hovered !== hovered) {
-                    d.hovered = hovered;
-                    let strokeColor = d.color || '';
-                    if (d.hovered) {
-                        strokeColor =
-                            ((_a = color(strokeColor)) === null || _a === void 0 ? void 0 : _a.brighter(hoverOptions === null || hoverOptions === void 0 ? void 0 : hoverOptions.brightness).toString()) ||
-                                strokeColor;
-                    }
-                    elementSelection.selectAll(`.${b('line')}`).attr('stroke', strokeColor);
-                    elementSelection.selectAll(`.${b('region')}`).attr('fill', strokeColor);
-                }
-                return setActiveState({
-                    element: list[index],
-                    state: inactiveOptions,
-                    active: Boolean(!inactiveEnabled ||
-                        !selectedSeriesIds.length ||
-                        selectedSeriesIds.includes(d.id)),
-                    datum: d,
-                });
-            });
-            labelsSelection.datum((d, index, list) => {
-                return setActiveState({
-                    element: list[index],
-                    state: inactiveOptions,
-                    active: Boolean(!inactiveEnabled ||
-                        !selectedSeriesIds.length ||
-                        selectedSeriesIds.includes(d.series.id)),
-                    datum: d,
-                });
-            });
-            markerSelection.datum((d, index, list) => {
-                const elementSelection = select(list[index]);
-                const hovered = Boolean(hoverEnabled && selectedDataItems.includes(d.point.data));
-                if (d.hovered !== hovered) {
-                    d.hovered = hovered;
-                    elementSelection.attr('visibility', getMarkerVisibility(d));
-                    selectMarkerHalo(elementSelection).attr('visibility', getMarkerHaloVisibility);
-                    selectMarkerSymbol(elementSelection).call(setMarker, hovered ? 'hover' : 'normal');
-                }
-                if (d.point.series.marker.states.normal.enabled) {
-                    const isActive = Boolean(!inactiveEnabled ||
-                        !selectedSeriesIds.length ||
-                        selectedSeriesIds.includes(d.point.series.id));
-                    setActiveState({
-                        element: list[index],
-                        state: inactiveOptions,
-                        active: isActive,
-                        datum: d,
-                    });
-                }
-                return d;
-            });
-            hoverMarkersSvgElement.selectAll('*').remove();
-            if (hoverEnabled && selected.length > 0) {
-                const hoverOnlyMarkers = [];
-                for (const chunk of selected) {
-                    const seriesData = preparedData.find((pd) => pd.id === chunk.series.id);
-                    if (!seriesData) {
-                        continue;
-                    }
-                    const { series } = seriesData;
-                    if (series.marker.states.normal.enabled ||
-                        !series.marker.states.hover.enabled) {
-                        continue;
-                    }
-                    const point = seriesData.points.find((p) => p.data === chunk.data);
-                    if (!point || point.y === null) {
-                        continue;
-                    }
-                    hoverOnlyMarkers.push({
-                        point: point,
-                        active: true,
-                        hovered: true,
-                        clipped: false,
-                    });
-                }
-                if (hoverOnlyMarkers.length > 0) {
-                    hoverMarkersSvgElement
-                        .selectAll('g')
-                        .data(hoverOnlyMarkers)
-                        .join('g')
-                        .call(renderMarker)
-                        .each((_d, i, nodes) => {
-                        selectMarkerSymbol(select(nodes[i])).call(setMarker, 'hover');
-                    });
-                }
-            }
-        }
-        if (hoveredDataRef.current !== null) {
-            handleShapeHover(hoveredDataRef.current);
-        }
-        dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.on('hover-shape.area', handleShapeHover);
-        return () => {
-            dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.on('hover-shape.area', null);
-        };
+        return renderArea({
+            plot: plotRef.current,
+            markers: markersRef.current,
+            hoverMarkers: hoverMarkersRef.current,
+            annotations: annotationsRef.current,
+            boundsWidth,
+            boundsHeight,
+        }, preparedData, seriesOptions, allowOverlapDataLabels, dispatcher);
     }, [
         allowOverlapDataLabels,
         boundsHeight,

package/dist/cjs/hooks/useShapes/bar-x/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { Dispatch } from 'd3-dispatch';
-import type { PreparedSeriesOptions } from '../../useSeries/types';
-import type { PreparedBarXData } from './types';
-export { prepareBarXData } from './prepare-data';
-export * from './types';
+import type { PreparedSeriesOptions } from '../../../core/series/types';
+import type { PreparedBarXData } from '../../../core/shapes/bar-x/types';
+export { prepareBarXData } from '../../../core/shapes/bar-x/prepare-data';
+export * from '../../../core/shapes/bar-x/types';
 type Args = {
     boundsHeight: number;
     boundsWidth: number;