@gravity-ui/charts 1.45.0 → 1.46.1

package/dist/{cjs/hooks/useShapes → esm/core/shapes}/bar-x/prepare-data.js

@@ -1,11 +1,11 @@
 import { ascending, descending, max, min, reverse, sort } from 'd3-array';
 import get from 'lodash/get';
-import { prepareAnnotation } from '../../../core/series/prepare-annotation';
-import { getDataCategoryValue, getLabelsSize } from '../../../core/utils';
-import { getFormattedValue } from '../../../core/utils/format';
-import { MIN_BAR_GAP, MIN_BAR_GROUP_GAP, MIN_BAR_WIDTH } from '../../constants';
-import { getSeriesStackId } from '../../useSeries/utils';
-import { getBandSize } from '../../utils/get-band-size';
+import { prepareAnnotation } from '../../series/prepare-annotation';
+import { getSeriesStackId } from '../../series/utils';
+import { MIN_BAR_GAP, MIN_BAR_GROUP_GAP, MIN_BAR_WIDTH } from '../../shapes/bar-constants';
+import { getDataCategoryValue, getLabelsSize } from '../../utils';
+import { getBandSize } from '../../utils/band-size';
+import { getFormattedValue } from '../../utils/format';
 const isSeriesDataValid = (d) => d.y !== null;
 async function getLabelData(d, xMax) {
     var _a;

package/dist/esm/core/shapes/bar-x/renderer.d.ts

@@ -0,0 +1,9 @@
+import type { Dispatch } from 'd3-dispatch';
+import type { PreparedSeriesOptions } from '../../series/types';
+import type { PreparedBarXData } from './types';
+export declare function renderBarX(elements: {
+    plot: SVGGElement;
+    annotations: SVGGElement;
+    boundsWidth: number;
+    boundsHeight: number;
+}, preparedData: PreparedBarXData[], seriesOptions: PreparedSeriesOptions, allowOverlapDataLabels: boolean, dispatcher?: Dispatch<object>): () => void;

package/dist/esm/core/shapes/bar-x/renderer.js

@@ -0,0 +1,110 @@
+import { color } from 'd3-color';
+import { select } from 'd3-selection';
+import get from 'lodash/get';
+import { block } from '../../../utils';
+import { filterOverlappingLabels } from '../../utils';
+import { renderAnnotations } from '../annotation';
+import { getRectPath } from '../utils';
+const b = block('bar-x');
+export function renderBarX(elements, preparedData, seriesOptions, allowOverlapDataLabels, dispatcher) {
+    const svgElement = select(elements.plot);
+    const annotationsSvgElement = select(elements.annotations);
+    const hoverOptions = get(seriesOptions, 'bar-x.states.hover');
+    const inactiveOptions = get(seriesOptions, 'bar-x.states.inactive');
+    svgElement.selectAll('*').remove();
+    const rectSelection = svgElement
+        .selectAll('allRects')
+        .data(preparedData)
+        .join('path')
+        .attr('d', (d) => {
+        const borderRadius = d.isLastStackItem
+            ? Math.min(d.height, d.width / 2, d.series.borderRadius)
+            : 0;
+        const p = getRectPath({
+            x: d.x,
+            y: d.y,
+            width: d.width,
+            height: d.height,
+            borderRadius: [borderRadius, borderRadius, 0, 0],
+        });
+        return p.toString();
+    })
+        .attr('class', b('segment'))
+        .attr('fill', (d) => d.data.color || d.series.color)
+        .attr('opacity', (d) => d.opacity)
+        .attr('cursor', (d) => d.series.cursor);
+    let dataLabels = preparedData.map((d) => d.svgLabels).flat();
+    if (!allowOverlapDataLabels) {
+        dataLabels = filterOverlappingLabels(dataLabels);
+    }
+    const labelSelection = svgElement
+        .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 annotationAnchors = [];
+    for (const d of preparedData) {
+        if (d.annotation) {
+            annotationAnchors.push({
+                annotation: d.annotation,
+                x: d.x + d.width / 2,
+                y: d.y,
+            });
+        }
+    }
+    renderAnnotations({
+        anchors: annotationAnchors,
+        container: annotationsSvgElement,
+        plotHeight: elements.boundsHeight,
+        plotWidth: elements.boundsWidth,
+    });
+    function handleShapeHover(data) {
+        const hoverEnabled = hoverOptions === null || hoverOptions === void 0 ? void 0 : hoverOptions.enabled;
+        const inactiveEnabled = inactiveOptions === null || inactiveOptions === void 0 ? void 0 : inactiveOptions.enabled;
+        if (!data) {
+            if (hoverEnabled) {
+                rectSelection.attr('fill', (d) => d.data.color || d.series.color);
+            }
+            if (inactiveEnabled) {
+                rectSelection.attr('opacity', null);
+                labelSelection.attr('opacity', null);
+            }
+            return;
+        }
+        if (hoverEnabled) {
+            const hoveredValues = data.map((d) => d.data.x);
+            rectSelection.attr('fill', (d) => {
+                var _a;
+                const fillColor = d.data.color || d.series.color;
+                if (hoveredValues.includes(d.data.x)) {
+                    return (((_a = color(fillColor)) === null || _a === void 0 ? void 0 : _a.brighter(hoverOptions === null || hoverOptions === void 0 ? void 0 : hoverOptions.brightness).toString()) || fillColor);
+                }
+                return fillColor;
+            });
+        }
+        if (inactiveEnabled) {
+            const hoveredSeries = data.map((d) => d.series.id);
+            rectSelection.attr('opacity', (d) => {
+                return hoveredSeries.includes(d.series.id)
+                    ? null
+                    : (inactiveOptions === null || inactiveOptions === void 0 ? void 0 : inactiveOptions.opacity) || null;
+            });
+            labelSelection.attr('opacity', (d) => {
+                return hoveredSeries.includes(d.series.id)
+                    ? null
+                    : (inactiveOptions === null || inactiveOptions === void 0 ? void 0 : inactiveOptions.opacity) || null;
+            });
+        }
+    }
+    dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.on('hover-shape.bar-x', handleShapeHover);
+    return () => {
+        dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.on('hover-shape.bar-x', null);
+    };
+}

package/dist/{cjs/hooks/useShapes → esm/core/shapes}/bar-x/types.d.ts

@@ -1,6 +1,5 @@
-import type { PreparedAnnotation } from '../../../core/series/types';
 import type { HtmlItem, LabelData, TooltipDataChunkBarX } from '../../../types';
-import type { PreparedBarXSeries } from '../../useSeries/types';
+import type { PreparedAnnotation, PreparedBarXSeries } from '../../series/types';
 export type PreparedBarXData = Omit<TooltipDataChunkBarX, 'series'> & {
     annotation?: PreparedAnnotation;
     x: number;

package/dist/{cjs/hooks/useShapes → esm/core/shapes}/bar-y/prepare-data.d.ts

@@ -1,6 +1,6 @@
-import type { ChartScale } from '../../../core/scales/types';
-import type { PreparedXAxis, PreparedYAxis } from '../../useAxis/types';
-import type { PreparedBarYSeries, PreparedSeriesOptions } from '../../useSeries/types';
+import type { PreparedXAxis, PreparedYAxis } from '../../axes/types';
+import type { ChartScale } from '../../scales/types';
+import type { PreparedBarYSeries, PreparedSeriesOptions } from '../../series/types';
 import type { BarYShapesArgs } from './types';
 export declare function prepareBarYData(args: {
     boundsHeight: number;

package/dist/{cjs/hooks/useShapes → esm/core/shapes}/bar-y/prepare-data.js

@@ -1,8 +1,8 @@
 import { ascending, descending, sort } from 'd3-array';
 import get from 'lodash/get';
-import { filterOverlappingLabels, getHtmlLabelConstraintedPosition, getLabelsSize, getSvgLabelConstraintedPosition, getTextSizeFn, } from '../../../core/utils';
-import { getFormattedValue } from '../../../core/utils/format';
-import { getBarYLayout, groupBarYDataByYValue } from '../../utils';
+import { filterOverlappingLabels, getHtmlLabelConstraintedPosition, getLabelsSize, getSvgLabelConstraintedPosition, getTextSizeFn, } from '../../utils';
+import { getBarYLayout, groupBarYDataByYValue } from '../../utils/bar-y';
+import { getFormattedValue } from '../../utils/format';
 export async function prepareBarYData(args) {
     var _a, _b;
     const { boundsHeight, boundsWidth, series, seriesOptions, xAxis, yAxis, xScale, yScale: [yScale], } = args;

package/dist/esm/core/shapes/bar-y/renderer.d.ts

@@ -0,0 +1,6 @@
+import type { Dispatch } from 'd3-dispatch';
+import type { PreparedSeriesOptions } from '../../series/types';
+import type { BarYShapesArgs } from './types';
+export declare function renderBarY(elements: {
+    plot: SVGGElement;
+}, preparedData: BarYShapesArgs, seriesOptions: PreparedSeriesOptions, dispatcher?: Dispatch<object>): () => void;

package/dist/esm/core/shapes/bar-y/renderer.js

@@ -0,0 +1,80 @@
+import { color } from 'd3-color';
+import { select } from 'd3-selection';
+import get from 'lodash/get';
+import { block } from '../../../utils';
+import { getAdjustedRectBorderPath, getAdjustedRectPath } from './utils';
+const b = block('bar-y');
+export function renderBarY(elements, preparedData, seriesOptions, dispatcher) {
+    const { shapes, labels: dataLabels } = preparedData;
+    const svgElement = select(elements.plot);
+    svgElement.selectAll('*').remove();
+    const segmentSelection = svgElement
+        .selectAll(`path.${b('segment')}`)
+        .data(shapes)
+        .join('path')
+        .attr('d', (d) => getAdjustedRectPath(d))
+        .attr('class', b('segment'))
+        .attr('x', (d) => d.x)
+        .attr('y', (d) => d.y)
+        .attr('height', (d) => d.height)
+        .attr('width', (d) => d.width)
+        .attr('fill', (d) => d.color)
+        .attr('opacity', (d) => d.data.opacity || null)
+        .attr('cursor', (d) => d.series.cursor);
+    const borderSelection = svgElement
+        .selectAll(`path.${b('segment-border')}`)
+        .data(shapes.filter((d) => d.borderWidth > 0))
+        .join('path')
+        .attr('d', (d) => getAdjustedRectBorderPath(d))
+        .attr('class', b('segment-border'))
+        .attr('fill', (d) => d.borderColor)
+        .attr('fill-rule', 'evenodd')
+        .attr('opacity', (d) => d.data.opacity || null)
+        .attr('pointer-events', 'none');
+    const labelSelection = svgElement
+        .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 hoverOptions = get(seriesOptions, 'bar-y.states.hover');
+    const inactiveOptions = get(seriesOptions, 'bar-y.states.inactive');
+    function handleShapeHover(data) {
+        if (hoverOptions === null || hoverOptions === void 0 ? void 0 : hoverOptions.enabled) {
+            const hovered = data === null || data === void 0 ? void 0 : data.reduce((acc, d) => {
+                acc.add(d.data.y);
+                return acc;
+            }, new Set());
+            segmentSelection.attr('fill', (d) => {
+                var _a;
+                const fillColor = d.color;
+                if (hovered === null || hovered === void 0 ? void 0 : hovered.has(d.data.y)) {
+                    return (((_a = color(fillColor)) === null || _a === void 0 ? void 0 : _a.brighter(hoverOptions.brightness).toString()) || fillColor);
+                }
+                return fillColor;
+            });
+        }
+        if (inactiveOptions === null || inactiveOptions === void 0 ? void 0 : inactiveOptions.enabled) {
+            const hoveredSeries = data === null || data === void 0 ? void 0 : data.map((d) => d.series.id);
+            const newOpacity = (d) => {
+                if ((hoveredSeries === null || hoveredSeries === void 0 ? void 0 : hoveredSeries.length) && !hoveredSeries.includes(d.series.id)) {
+                    return inactiveOptions.opacity || null;
+                }
+                return null;
+            };
+            segmentSelection.attr('opacity', newOpacity);
+            borderSelection.attr('opacity', newOpacity);
+            labelSelection.attr('opacity', newOpacity);
+        }
+    }
+    dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.on('hover-shape.bar-y', handleShapeHover);
+    return () => {
+        dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.on('hover-shape.bar-y', null);
+    };
+}

package/dist/esm/{hooks/useShapes → core/shapes}/bar-y/types.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlItem, LabelData, TooltipDataChunkBarY } from '../../../types';
-import type { PreparedBarYSeries } from '../../useSeries/types';
+import type { PreparedBarYSeries } from '../../series/types';
 export type PreparedBarYData = Omit<TooltipDataChunkBarY, 'series'> & {
     x: number;
     y: number;

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

@@ -1,4 +1,4 @@
-import { getRectBorderPath, getRectPath } from '../utils';
+import { getRectBorderPath, getRectPath } from '../../shapes/utils';
 export function getAdjustedRectPath(d) {
     const borderRadius = d.isLastStackItem
         ? Math.min(d.height, d.width / 2, d.series.borderRadius)

package/dist/esm/{hooks/useShapes → core/shapes}/funnel/prepare-data.d.ts

@@ -1,4 +1,4 @@
-import type { PreparedFunnelSeries } from '../../useSeries/types';
+import type { PreparedFunnelSeries } from '../../series/types';
 import type { PreparedFunnelData } from './types';
 type Args = {
     series: PreparedFunnelSeries[];

package/dist/esm/{hooks/useShapes → core/shapes}/funnel/prepare-data.js

@@ -1,5 +1,5 @@
 import { path } from 'd3-path';
-import { calculateNumericProperty, getFormattedValue, getTextSizeFn } from '../../../core/utils';
+import { calculateNumericProperty, getFormattedValue, getTextSizeFn } from '../../utils';
 function getLineConnectorPaths(args) {
     const { points } = args;
     const leftPath = path();

package/dist/esm/core/shapes/funnel/renderer.d.ts

@@ -0,0 +1,6 @@
+import type { Dispatch } from 'd3-dispatch';
+import type { PreparedSeriesOptions } from '../../series/types';
+import type { PreparedFunnelData } from './types';
+export declare function renderFunnel(elements: {
+    plot: SVGGElement;
+}, preparedData: PreparedFunnelData, seriesOptions: PreparedSeriesOptions, dispatcher?: Dispatch<object>): () => void;

package/dist/esm/core/shapes/funnel/renderer.js

@@ -0,0 +1,79 @@
+import { color } from 'd3-color';
+import { select } from 'd3-selection';
+import { block } from '../../../utils';
+import { getLineDashArray } from '../../utils';
+const b = block('funnel');
+export function renderFunnel(elements, preparedData, seriesOptions, dispatcher) {
+    var _a, _b;
+    const svgElement = select(elements.plot);
+    const hoverOptions = (_b = (_a = seriesOptions.funnel) === null || _a === void 0 ? void 0 : _a.states) === null || _b === void 0 ? void 0 : _b.hover;
+    svgElement.selectAll('*').remove();
+    // funnel levels
+    const cellsSelection = svgElement
+        .selectAll('rect')
+        .data(preparedData.items)
+        .join('rect')
+        .attr('x', (d) => d.x)
+        .attr('y', (d) => d.y)
+        .attr('height', (d) => d.height)
+        .attr('width', (d) => d.width)
+        .attr('fill', (d) => d.color)
+        .attr('stroke', (d) => d.borderColor)
+        .attr('stroke-width', (d) => d.borderWidth);
+    // connectors
+    const connectorAreaClassName = b('connector-area');
+    svgElement
+        .selectAll(`.${connectorAreaClassName}`)
+        .data(preparedData.connectors)
+        .join('path')
+        .attr('d', (d) => d.areaPath.toString())
+        .attr('class', connectorAreaClassName)
+        .attr('fill', (d) => d.areaColor)
+        .attr('opacity', (d) => d.areaOpacity);
+    const connectorLineClassName = b('connector-line');
+    const connectorLines = svgElement
+        .selectAll(`.${connectorLineClassName}`)
+        .data(preparedData.connectors)
+        .join('g')
+        .attr('class', connectorLineClassName)
+        .attr('stroke', (d) => d.lineColor)
+        .attr('stroke-width', (d) => d.lineWidth)
+        .attr('stroke-dasharray', (d) => getLineDashArray(d.dashStyle, d.lineWidth))
+        .attr('fill', 'none')
+        .attr('opacity', (d) => d.lineOpacity);
+    connectorLines.append('path').attr('d', (d) => d.linePath[0].toString());
+    connectorLines.append('path').attr('d', (d) => d.linePath[1].toString());
+    // dataLabels
+    svgElement
+        .selectAll('text')
+        .data(preparedData.svgLabels)
+        .join('text')
+        .html((d) => d.text)
+        .attr('class', b('label'))
+        .attr('x', (d) => d.x)
+        .attr('y', (d) => d.y)
+        .style('font-size', (d) => d.style.fontSize)
+        .style('font-weight', (d) => d.style.fontWeight || null)
+        .style('fill', (d) => d.style.fontColor || null);
+    function handleShapeHover(data) {
+        const hoverEnabled = hoverOptions === null || hoverOptions === void 0 ? void 0 : hoverOptions.enabled;
+        if (hoverEnabled) {
+            const hovered = data === null || data === void 0 ? void 0 : data.reduce((acc, d) => {
+                acc.add(d.data);
+                return acc;
+            }, new Set());
+            cellsSelection.attr('fill', (d) => {
+                var _a;
+                const fillColor = d.color;
+                if (hovered === null || hovered === void 0 ? void 0 : hovered.has(d.data)) {
+                    return (((_a = color(fillColor)) === null || _a === void 0 ? void 0 : _a.brighter(hoverOptions.brightness).toString()) || fillColor);
+                }
+                return fillColor;
+            });
+        }
+    }
+    dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.on('hover-shape.funnel', handleShapeHover);
+    return () => {
+        dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.on('hover-shape.funnel', null);
+    };
+}

package/dist/esm/{hooks/useShapes → core/shapes}/funnel/types.d.ts

@@ -1,7 +1,7 @@
 import type { Path } from 'd3-path';
-import type { DashStyle } from 'src/core/constants';
 import type { FunnelSeriesData, LabelData } from '../../../types';
-import type { PreparedFunnelSeries } from '../../useSeries/types';
+import type { DashStyle } from '../../constants';
+import type { PreparedFunnelSeries } from '../../series/types';
 export type FunnelItemData = {
     x: number;
     y: number;

package/dist/esm/{hooks/useShapes → core/shapes}/heatmap/prepare-data.d.ts

@@ -1,6 +1,6 @@
-import type { ChartScale } from '../../../core/scales/types';
-import type { PreparedXAxis, PreparedYAxis } from '../../../hooks/useAxis/types';
-import type { PreparedHeatmapSeries } from '../../useSeries/types';
+import type { PreparedXAxis, PreparedYAxis } from '../../axes/types';
+import type { ChartScale } from '../../scales/types';
+import type { PreparedHeatmapSeries } from '../../series/types';
 import type { PreparedHeatmapData } from './types';
 type PrepareHeatmapDataArgs = {
     series: PreparedHeatmapSeries;

package/dist/{cjs/hooks/useShapes → esm/core/shapes}/heatmap/prepare-data.js

@@ -1,5 +1,5 @@
-import { getDomainDataXBySeries, getDomainDataYBySeries, getFormattedValue, getLabelsSize, getTextSizeFn, getTextWithElipsis, isBandScale, } from '../../../core/utils';
-import { getBandSize } from '../../../hooks/utils/get-band-size';
+import { getDomainDataXBySeries, getDomainDataYBySeries, getFormattedValue, getLabelsSize, getTextSizeFn, getTextWithElipsis, isBandScale, } from '../../utils';
+import { getBandSize } from '../../utils/band-size';
 export async function prepareHeatmapData({ series, xAxis, xScale, yAxis, yScale, }) {
     var _a, _b, _c, _d, _e;
     const yDomainData = getDomainDataYBySeries([series]);

package/dist/esm/core/shapes/heatmap/renderer.d.ts

@@ -0,0 +1,6 @@
+import type { Dispatch } from 'd3-dispatch';
+import type { PreparedSeriesOptions } from '../../series/types';
+import type { PreparedHeatmapData } from './types';
+export declare function renderHeatmap(elements: {
+    plot: SVGGElement;
+}, preparedData: PreparedHeatmapData, seriesOptions: PreparedSeriesOptions, dispatcher?: Dispatch<object>): () => void;

package/dist/esm/core/shapes/heatmap/renderer.js

@@ -0,0 +1,55 @@
+import { color } from 'd3-color';
+import { select } from 'd3-selection';
+import { block } from '../../../utils';
+const b = block('heatmap');
+export function renderHeatmap(elements, preparedData, seriesOptions, dispatcher) {
+    var _a, _b;
+    const svgElement = select(elements.plot);
+    const hoverOptions = (_b = (_a = seriesOptions.heatmap) === null || _a === void 0 ? void 0 : _a.states) === null || _b === void 0 ? void 0 : _b.hover;
+    svgElement.selectAll('*').remove();
+    // heatmap cells
+    const cellsSelection = svgElement
+        .selectAll('rect')
+        .data(preparedData.items)
+        .join('rect')
+        .attr('x', (d) => d.x)
+        .attr('y', (d) => d.y)
+        .attr('height', (d) => d.height)
+        .attr('width', (d) => d.width)
+        .attr('fill', (d) => d.color)
+        .attr('stroke', (d) => d.borderColor)
+        .attr('stroke-width', (d) => d.borderWidth);
+    // dataLabels
+    svgElement
+        .selectAll('text')
+        .data(preparedData.labels)
+        .join('text')
+        .html((d) => d.text)
+        .attr('class', b('label'))
+        .attr('x', (d) => d.x)
+        .attr('y', (d) => d.y)
+        .style('font-size', (d) => d.style.fontSize)
+        .style('font-weight', (d) => d.style.fontWeight || null)
+        .style('fill', (d) => d.style.fontColor || null);
+    function handleShapeHover(data) {
+        const hoverEnabled = hoverOptions === null || hoverOptions === void 0 ? void 0 : hoverOptions.enabled;
+        if (hoverEnabled) {
+            const hovered = data === null || data === void 0 ? void 0 : data.reduce((acc, d) => {
+                acc.add(d.data);
+                return acc;
+            }, new Set());
+            cellsSelection.attr('fill', (d) => {
+                var _a;
+                const fillColor = d.color;
+                if (hovered === null || hovered === void 0 ? void 0 : hovered.has(d.data)) {
+                    return (((_a = color(fillColor)) === null || _a === void 0 ? void 0 : _a.brighter(hoverOptions.brightness).toString()) || fillColor);
+                }
+                return fillColor;
+            });
+        }
+    }
+    dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.on('hover-shape.heatmap', handleShapeHover);
+    return () => {
+        dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.on('hover-shape.heatmap', null);
+    };
+}

package/dist/{cjs/hooks/useShapes → esm/core/shapes}/heatmap/types.d.ts

@@ -1,5 +1,5 @@
 import type { BaseTextStyle, HeatmapSeriesData, HtmlItem } from '../../../types';
-import type { PreparedHeatmapSeries } from '../../useSeries/types';
+import type { PreparedHeatmapSeries } from '../../series/types';
 export type HeatmapItem = {
     x: number;
     y: number;

package/dist/{cjs/hooks/useShapes → esm/core/shapes}/line/prepare-data.d.ts

@@ -1,8 +1,8 @@
-import type { PreparedSplit } from '../../../core/layout/split-types';
-import type { ChartScale } from '../../../core/scales/types';
 import type { ShapeDataWithLabels } from '../../../types';
-import type { PreparedXAxis, PreparedYAxis } from '../../useAxis/types';
-import type { PreparedLineSeries, PreparedSeriesOptions } from '../../useSeries/types';
+import type { PreparedXAxis, PreparedYAxis } from '../../axes/types';
+import type { PreparedSplit } from '../../layout/split-types';
+import type { ChartScale } from '../../scales/types';
+import type { PreparedLineSeries, PreparedSeriesOptions } from '../../series/types';
 import type { PreparedLineData } from './types';
 export declare const prepareLineData: (args: {
     series: PreparedLineSeries[];

package/dist/esm/{hooks/useShapes → core/shapes}/line/prepare-data.js

@@ -1,6 +1,6 @@
-import { prepareAnnotation } from '../../../core/series/prepare-annotation';
-import { filterOverlappingLabels, getLabelsSize, getTextSizeFn } from '../../../core/utils';
-import { getFormattedValue } from '../../../core/utils/format';
+import { prepareAnnotation } from '../../series/prepare-annotation';
+import { filterOverlappingLabels, getLabelsSize, getTextSizeFn } from '../../utils';
+import { getFormattedValue } from '../../utils/format';
 import { getXValue, getYValue } from '../utils';
 async function getHtmlLabel(point, series, xMax) {
     var _a;

package/dist/esm/core/shapes/line/renderer.d.ts

@@ -0,0 +1,11 @@
+import type { Dispatch } from 'd3-dispatch';
+import type { PreparedSeriesOptions } from '../../series/types';
+import type { PreparedLineData } from './types';
+export declare function renderLine(elements: {
+    plot: SVGGElement;
+    markers: SVGGElement;
+    hoverMarkers: SVGGElement;
+    annotations: SVGGElement;
+    boundsWidth: number;
+    boundsHeight: number;
+}, preparedData: PreparedLineData[], seriesOptions: PreparedSeriesOptions, dispatcher?: Dispatch<object>): () => void;