@gravity-ui/charts 1.51.7 → 1.52.0

package/dist/esm/plugins/sankey/index.js

@@ -1,5 +1,23 @@
+import { getTooltipData } from '../../core/shapes/sankey/get-tooltip-data';
+import { prepareSankeyData } from '../../core/shapes/sankey/prepare-data';
+import { renderSankey } from '../../core/shapes/sankey/renderer';
 import { prepareSankeySeries } from './prepare';
+function prepareShapeData({ series, boundsWidth, boundsHeight, }) {
+    const data = prepareSankeyData({
+        series: series[0],
+        width: boundsWidth,
+        height: boundsHeight,
+    });
+    return { renderData: [data], tooltipItems: [data] };
+}
+function renderShapes({ plot, preparedData, seriesOptions, dispatcher }) {
+    return renderSankey({ plot }, preparedData[0], seriesOptions, dispatcher);
+}
 export const sankeyPlugin = {
     type: 'sankey',
+    useClipPath: false,
     prepareSeries: ({ series, seriesOptions, legend, colorScale }) => prepareSankeySeries({ series: series, seriesOptions, legend, colorScale }),
+    prepareShapeData,
+    renderShapes,
+    getTooltipData: getTooltipData,
 };

package/dist/esm/plugins/scatter/index.js

@@ -1,4 +1,27 @@
+import { getTooltipData } from '../../core/shapes/scatter/get-tooltip-data';
+import { prepareScatterData } from '../../core/shapes/scatter/prepare-data';
+import { renderScatter } from '../../core/shapes/scatter/renderer';
 import { prepareScatterSeries } from './prepare';
+async function prepareShapeData(args) {
+    const { series, xAxis, xScale, yAxis, yScale, split, isOutsideBounds, isRangeSlider } = args;
+    if (!xAxis || !xScale || !(yScale === null || yScale === void 0 ? void 0 : yScale.length) || !split) {
+        return { renderData: [], tooltipItems: [] };
+    }
+    const data = await prepareScatterData({
+        series: series,
+        xAxis,
+        xScale,
+        yAxis: yAxis !== null && yAxis !== void 0 ? yAxis : [],
+        yScale,
+        split,
+        isOutsideBounds: isOutsideBounds !== null && isOutsideBounds !== void 0 ? isOutsideBounds : (() => false),
+        isRangeSlider,
+    });
+    return { renderData: [data], tooltipItems: data.scatterData };
+}
+function renderShapes({ plot, preparedData, seriesOptions, dispatcher }) {
+    return renderScatter({ plot }, preparedData[0], seriesOptions, dispatcher);
+}
 export const scatterPlugin = {
     type: 'scatter',
     prepareSeries: ({ series, seriesOptions, legend, colorScale }) => prepareScatterSeries({
@@ -7,4 +30,7 @@ export const scatterPlugin = {
         legend,
         colorScale,
     }),
+    prepareShapeData,
+    renderShapes,
+    getTooltipData: getTooltipData,
 };

package/dist/esm/plugins/treemap/index.js

@@ -1,5 +1,23 @@
+import { getTooltipData } from '../../core/shapes/treemap/get-tooltip-data';
+import { prepareTreemapData } from '../../core/shapes/treemap/prepare-data';
+import { renderTreemap } from '../../core/shapes/treemap/renderer';
 import { prepareTreemap } from './prepare';
+async function prepareShapeData({ series, boundsWidth, boundsHeight, }) {
+    const data = await prepareTreemapData({
+        series: series[0],
+        width: boundsWidth,
+        height: boundsHeight,
+    });
+    return { renderData: [data], tooltipItems: [data] };
+}
+function renderShapes({ plot, preparedData, seriesOptions, dispatcher }) {
+    return renderTreemap({ plot }, preparedData[0], seriesOptions, dispatcher);
+}
 export const treemapPlugin = {
     type: 'treemap',
+    useClipPath: false,
     prepareSeries: ({ series, seriesOptions, legend, colorScale }) => prepareTreemap({ series: series, seriesOptions, legend, colorScale }),
+    prepareShapeData,
+    renderShapes,
+    getTooltipData: getTooltipData,
 };

package/dist/esm/plugins/waterfall/index.js

@@ -1,5 +1,44 @@
+import { getTooltipData } from '../../core/shapes/waterfall/get-tooltip-data';
+import { prepareWaterfallData } from '../../core/shapes/waterfall/prepare-data';
+import { renderWaterfall } from '../../core/shapes/waterfall/renderer';
+import { filterOverlappingLabels } from '../../core/utils';
 import { prepareWaterfallSeries } from './prepare';
+async function prepareShapeData(args) {
+    const { series, seriesOptions, xAxis, xScale, yAxis, yScale } = args;
+    if (!xAxis || !xScale || !(yScale === null || yScale === void 0 ? void 0 : yScale.length)) {
+        return { renderData: [], tooltipItems: [] };
+    }
+    const data = await prepareWaterfallData({
+        series: series,
+        seriesOptions,
+        xAxis,
+        xScale,
+        yAxis: yAxis !== null && yAxis !== void 0 ? yAxis : [],
+        yScale,
+    });
+    const allowOverlap = data.some((d) => d.series.dataLabels.allowOverlap);
+    if (!allowOverlap) {
+        const filtered = filterOverlappingLabels(data.flatMap((d) => d.htmlLabels));
+        const [first, ...rest] = data;
+        if (first) {
+            const filteredData = [
+                Object.assign(Object.assign({}, first), { htmlLabels: filtered }),
+                ...rest.map((d) => (Object.assign(Object.assign({}, d), { htmlLabels: [] }))),
+            ];
+            return { renderData: filteredData, tooltipItems: filteredData };
+        }
+    }
+    return { renderData: data, tooltipItems: data };
+}
+function renderShapes({ plot, preparedData, seriesOptions, dispatcher }) {
+    const data = preparedData;
+    const allowOverlap = data.some((d) => d.series.dataLabels.allowOverlap);
+    return renderWaterfall({ plot }, data, seriesOptions, allowOverlap, dispatcher);
+}
 export const waterfallPlugin = {
     type: 'waterfall',
     prepareSeries: ({ series, legend, colorScale, colors }) => prepareWaterfallSeries({ series: series, legend, colorScale, colors }),
+    prepareShapeData,
+    renderShapes,
+    getTooltipData: getTooltipData,
 };

package/dist/esm/plugins/x-range/index.js

@@ -1,5 +1,30 @@
+import { getTooltipData } from '../../core/shapes/x-range/get-tooltip-data';
+import { prepareXRangeData } from '../../core/shapes/x-range/prepare-data';
+import { renderXRange } from '../../core/shapes/x-range/renderer';
 import { prepareXRangeSeries } from './prepare';
+async function prepareShapeData(args) {
+    const { series, xAxis, xScale, yAxis, yScale, boundsWidth, isRangeSlider } = args;
+    if (!xAxis || !xScale || !(yScale === null || yScale === void 0 ? void 0 : yScale.length)) {
+        return { renderData: [], tooltipItems: [] };
+    }
+    const data = await prepareXRangeData({
+        series: series,
+        xAxis,
+        xScale,
+        yAxis: yAxis !== null && yAxis !== void 0 ? yAxis : [],
+        yScale,
+        boundsWidth,
+        isRangeSlider,
+    });
+    return { renderData: data, tooltipItems: data };
+}
+function renderShapes({ plot, preparedData, seriesOptions, dispatcher }) {
+    return renderXRange({ plot }, preparedData, seriesOptions, dispatcher);
+}
 export const xRangePlugin = {
     type: 'x-range',
     prepareSeries: ({ series, seriesOptions, legend, colorScale }) => prepareXRangeSeries({ series: series, seriesOptions, legend, colorScale }),
+    prepareShapeData,
+    renderShapes,
+    getTooltipData: getTooltipData,
 };

package/dist/esm/setup-jsdom.d.ts

@@ -1 +0,0 @@
-import './plugins';

package/dist/esm/setup-jsdom.js

@@ -1,4 +1,4 @@
-import './plugins';
+"use strict";
 // Global mocks for jsdom environment.
 // Guarded by typeof checks so this file is safe to run in the `node` environment too.
 if (typeof document !== 'undefined') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/charts",
-  "version": "1.51.7",
+  "version": "1.52.0",
   "description": "A flexible JavaScript library for data visualization and chart rendering using React",
   "license": "MIT",
   "main": "dist/cjs/index.js",
@@ -22,8 +22,7 @@
   "sideEffects": [
     "*.css",
     "*.scss",
-    "**/plugins/index.*",
-    "./dist/*/index.js"
+    "**/plugins/index.*"
   ],
   "files": [
     "dist",

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import type { Dispatch } from 'd3-dispatch';
-import type { PreparedSeriesOptions } from '../../../core/series/types';
-import type { PreparedAreaData } from '../../../core/shapes/area/types';
-type Args = {
-    boundsHeight: number;
-    boundsWidth: number;
-    clipPathId: string;
-    htmlLayout: HTMLElement | null;
-    preparedData: PreparedAreaData[];
-    seriesOptions: PreparedSeriesOptions;
-    dispatcher?: Dispatch<object>;
-};
-export declare const AreaSeriesShapes: (args: Args) => React.JSX.Element;
-export {};

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

@@ -1,52 +0,0 @@
-import React from 'react';
-import { renderArea } from '../../../core/shapes/area/renderer';
-import { filterOverlappingLabels } from '../../../core/utils';
-import { block } from '../../../utils';
-import { HtmlLayer } from '../HtmlLayer';
-const b = block('area');
-export const AreaSeriesShapes = (args) => {
-    const { boundsHeight, boundsWidth, dispatcher, preparedData, seriesOptions, htmlLayout, clipPathId, } = args;
-    const plotRef = React.useRef(null);
-    const markersRef = React.useRef(null);
-    const hoverMarkersRef = React.useRef(null);
-    const annotationsRef = React.useRef(null);
-    const allowOverlapDataLabels = React.useMemo(() => {
-        return preparedData.some((d) => d === null || d === void 0 ? void 0 : d.series.dataLabels.allowOverlap);
-    }, [preparedData]);
-    React.useEffect(() => {
-        if (!plotRef.current ||
-            !markersRef.current ||
-            !hoverMarkersRef.current ||
-            !annotationsRef.current) {
-            return () => { };
-        }
-        return renderArea({
-            plot: plotRef.current,
-            markers: markersRef.current,
-            hoverMarkers: hoverMarkersRef.current,
-            annotations: annotationsRef.current,
-            boundsWidth,
-            boundsHeight,
-        }, preparedData, seriesOptions, allowOverlapDataLabels, dispatcher);
-    }, [
-        allowOverlapDataLabels,
-        boundsHeight,
-        boundsWidth,
-        dispatcher,
-        preparedData,
-        seriesOptions,
-    ]);
-    const htmlLayerData = React.useMemo(() => {
-        const items = preparedData.map((d) => d === null || d === void 0 ? void 0 : d.htmlLabels).flat();
-        if (allowOverlapDataLabels) {
-            return { htmlElements: items };
-        }
-        return { htmlElements: filterOverlappingLabels(items) };
-    }, [allowOverlapDataLabels, preparedData]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("g", { ref: plotRef, className: b(), clipPath: `url(#${clipPathId})` }),
-        React.createElement("g", { ref: markersRef }),
-        React.createElement("g", { ref: hoverMarkersRef }),
-        React.createElement("g", { ref: annotationsRef }),
-        React.createElement(HtmlLayer, { preparedData: htmlLayerData, htmlLayout: htmlLayout })));
-};

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

@@ -1,16 +0,0 @@
-import React from 'react';
-import type { Dispatch } from 'd3-dispatch';
-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;
-    clipPathId: string;
-    htmlLayout: HTMLElement | null;
-    preparedData: PreparedBarXData[];
-    seriesOptions: PreparedSeriesOptions;
-    dispatcher?: Dispatch<object>;
-};
-export declare const BarXSeriesShapes: (args: Args) => React.JSX.Element;

package/dist/cjs/hooks/useShapes/bar-x/index.js

@@ -1,45 +0,0 @@
-import React from 'react';
-import { renderBarX } from '../../../core/shapes/bar-x/renderer';
-import { filterOverlappingLabels } from '../../../core/utils';
-import { block } from '../../../utils';
-import { HtmlLayer } from '../HtmlLayer';
-export { prepareBarXData } from '../../../core/shapes/bar-x/prepare-data';
-export * from '../../../core/shapes/bar-x/types';
-const b = block('bar-x');
-export const BarXSeriesShapes = (args) => {
-    const { boundsHeight, boundsWidth, dispatcher, preparedData, seriesOptions, htmlLayout, clipPathId, } = args;
-    const ref = React.useRef(null);
-    const annotationsRef = React.useRef(null);
-    const allowOverlapDataLabels = React.useMemo(() => {
-        return preparedData.some((d) => d === null || d === void 0 ? void 0 : d.series.dataLabels.allowOverlap);
-    }, [preparedData]);
-    React.useEffect(() => {
-        if (!ref.current || !annotationsRef.current) {
-            return () => { };
-        }
-        return renderBarX({
-            plot: ref.current,
-            annotations: annotationsRef.current,
-            boundsWidth,
-            boundsHeight,
-        }, preparedData, seriesOptions, allowOverlapDataLabels, dispatcher);
-    }, [
-        allowOverlapDataLabels,
-        boundsHeight,
-        boundsWidth,
-        dispatcher,
-        preparedData,
-        seriesOptions,
-    ]);
-    const htmlLayerData = React.useMemo(() => {
-        const items = preparedData.map((d) => d === null || d === void 0 ? void 0 : d.htmlLabels).flat();
-        if (allowOverlapDataLabels) {
-            return { htmlElements: items };
-        }
-        return { htmlElements: filterOverlappingLabels(items) };
-    }, [allowOverlapDataLabels, preparedData]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("g", { ref: ref, className: b(), clipPath: `url(#${clipPathId})` }),
-        React.createElement("g", { ref: annotationsRef }),
-        React.createElement(HtmlLayer, { preparedData: htmlLayerData, htmlLayout: htmlLayout })));
-};

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { Dispatch } from 'd3-dispatch';
-import type { PreparedSeriesOptions } from '../../../core/series/types';
-import type { BarYShapesArgs } from '../../../core/shapes/bar-y/types';
-export { prepareBarYData } from '../../../core/shapes/bar-y/prepare-data';
-type Args = {
-    clipPathId: string;
-    htmlLayout: HTMLElement | null;
-    preparedData: BarYShapesArgs;
-    seriesOptions: PreparedSeriesOptions;
-    dispatcher?: Dispatch<object>;
-};
-export declare function BarYSeriesShapes(args: Args): React.JSX.Element;

package/dist/cjs/hooks/useShapes/bar-y/index.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import { renderBarY } from '../../../core/shapes/bar-y/renderer';
-import { block } from '../../../utils';
-import { HtmlLayer } from '../HtmlLayer';
-export { prepareBarYData } from '../../../core/shapes/bar-y/prepare-data';
-const b = block('bar-y');
-export function BarYSeriesShapes(args) {
-    const { dispatcher, preparedData: { htmlLabels: htmlElements }, seriesOptions, htmlLayout, clipPathId, } = args;
-    const ref = React.useRef(null);
-    React.useEffect(() => {
-        if (!ref.current) {
-            return () => { };
-        }
-        return renderBarY({ plot: ref.current }, args.preparedData, seriesOptions, dispatcher);
-    }, [args.preparedData, dispatcher, seriesOptions]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("g", { ref: ref, className: b(), clipPath: `url(#${clipPathId})` }),
-        React.createElement(HtmlLayer, { preparedData: { htmlElements }, htmlLayout: htmlLayout })));
-}

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { Dispatch } from 'd3-dispatch';
-import type { PreparedSeriesOptions } from '../../../core/series/types';
-import type { PreparedFunnelData } from '../../../core/shapes/funnel/types';
-export { prepareFunnelData } from '../../../core/shapes/funnel/prepare-data';
-export * from '../../../core/shapes/funnel/types';
-type Args = {
-    dispatcher?: Dispatch<object>;
-    preparedData: PreparedFunnelData;
-    seriesOptions: PreparedSeriesOptions;
-    htmlLayout: HTMLElement | null;
-};
-export declare const FunnelSeriesShapes: (args: Args) => React.JSX.Element;

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import { renderFunnel } from '../../../core/shapes/funnel/renderer';
-import { block } from '../../../utils';
-import { HtmlLayer } from '../HtmlLayer';
-export { prepareFunnelData } from '../../../core/shapes/funnel/prepare-data';
-export * from '../../../core/shapes/funnel/types';
-const b = block('funnel');
-export const FunnelSeriesShapes = (args) => {
-    const { dispatcher, htmlLayout, preparedData, seriesOptions } = args;
-    const ref = React.useRef(null);
-    React.useEffect(() => {
-        if (!ref.current) {
-            return () => { };
-        }
-        return renderFunnel({ plot: ref.current }, preparedData, seriesOptions, dispatcher);
-    }, [dispatcher, preparedData, seriesOptions]);
-    const htmlLayerData = React.useMemo(() => ({ htmlElements: preparedData.htmlLabels }), [preparedData.htmlLabels]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("g", { ref: ref, className: b() }),
-        React.createElement(HtmlLayer, { preparedData: htmlLayerData, htmlLayout: htmlLayout })));
-};

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { Dispatch } from 'd3-dispatch';
-import type { PreparedSeriesOptions } from '../../../core/series/types';
-import type { PreparedHeatmapData } from '../../../core/shapes/heatmap/types';
-export { prepareHeatmapData } from '../../../core/shapes/heatmap/prepare-data';
-export * from '../../../core/shapes/heatmap/types';
-type Args = {
-    htmlLayout: HTMLElement | null;
-    preparedData: PreparedHeatmapData;
-    seriesOptions: PreparedSeriesOptions;
-    dispatcher?: Dispatch<object>;
-};
-export declare const HeatmapSeriesShapes: (args: Args) => React.JSX.Element;

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

@@ -1,20 +0,0 @@
-import React from 'react';
-import { renderHeatmap } from '../../../core/shapes/heatmap/renderer';
-import { block } from '../../../utils';
-import { HtmlLayer } from '../HtmlLayer';
-export { prepareHeatmapData } from '../../../core/shapes/heatmap/prepare-data';
-export * from '../../../core/shapes/heatmap/types';
-const b = block('heatmap');
-export const HeatmapSeriesShapes = (args) => {
-    const { dispatcher, preparedData, seriesOptions, htmlLayout } = args;
-    const ref = React.useRef(null);
-    React.useEffect(() => {
-        if (!ref.current) {
-            return () => { };
-        }
-        return renderHeatmap({ plot: ref.current }, preparedData, seriesOptions, dispatcher);
-    }, [dispatcher, preparedData, seriesOptions]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("g", { ref: ref, className: b() }),
-        React.createElement(HtmlLayer, { preparedData: { htmlElements: preparedData.htmlLabels }, htmlLayout: htmlLayout })));
-};

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import type { Dispatch } from 'd3-dispatch';
-import type { PreparedSeriesOptions } from '../../../core/series/types';
-import type { PreparedLineData } from '../../../core/shapes/line/types';
-type Args = {
-    boundsHeight: number;
-    boundsWidth: number;
-    clipPathId: string;
-    htmlLayout: HTMLElement | null;
-    preparedData: PreparedLineData[];
-    seriesOptions: PreparedSeriesOptions;
-    dispatcher?: Dispatch<object>;
-};
-export declare const LineSeriesShapes: (args: Args) => React.JSX.Element;
-export {};

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

@@ -1,38 +0,0 @@
-import React from 'react';
-import { renderLine } from '../../../core/shapes/line/renderer';
-import { block } from '../../../utils';
-import { HtmlLayer } from '../HtmlLayer';
-const b = block('line');
-export const LineSeriesShapes = (args) => {
-    const { boundsHeight, boundsWidth, dispatcher, preparedData, seriesOptions, htmlLayout, clipPathId, } = args;
-    const plotRef = React.useRef(null);
-    const markersRef = React.useRef(null);
-    const hoverMarkersRef = React.useRef(null);
-    const annotationsRef = React.useRef(null);
-    React.useEffect(() => {
-        if (!plotRef.current ||
-            !markersRef.current ||
-            !hoverMarkersRef.current ||
-            !annotationsRef.current) {
-            return () => { };
-        }
-        return renderLine({
-            plot: plotRef.current,
-            markers: markersRef.current,
-            hoverMarkers: hoverMarkersRef.current,
-            annotations: annotationsRef.current,
-            boundsWidth,
-            boundsHeight,
-        }, preparedData, seriesOptions, dispatcher);
-    }, [boundsHeight, boundsWidth, dispatcher, preparedData, seriesOptions]);
-    const htmlLayerData = React.useMemo(() => {
-        const items = preparedData.flatMap((d) => d.htmlLabels);
-        return { htmlElements: items };
-    }, [preparedData]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("g", { ref: plotRef, className: b(), clipPath: `url(#${clipPathId})` }),
-        React.createElement("g", { ref: markersRef }),
-        React.createElement("g", { ref: hoverMarkersRef }),
-        React.createElement("g", { ref: annotationsRef }),
-        React.createElement(HtmlLayer, { preparedData: htmlLayerData, htmlLayout: htmlLayout })));
-};

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { Dispatch } from 'd3-dispatch';
-import type { PreparedSeriesOptions } from '../../../core/series/types';
-import type { PreparedPieData } from '../../../core/shapes/pie/types';
-export { getHaloVisibility } from '../../../core/shapes/pie/renderer';
-type PreparePieSeriesArgs = {
-    htmlLayout: HTMLElement | null;
-    preparedData: PreparedPieData[];
-    seriesOptions: PreparedSeriesOptions;
-    dispatcher?: Dispatch<object>;
-};
-export declare function PieSeriesShapes(args: PreparePieSeriesArgs): React.JSX.Element;

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

@@ -1,20 +0,0 @@
-import React from 'react';
-import { renderPie } from '../../../core/shapes/pie/renderer';
-import { block } from '../../../utils';
-import { HtmlLayer } from '../HtmlLayer';
-export { getHaloVisibility } from '../../../core/shapes/pie/renderer';
-const b = block('pie');
-export function PieSeriesShapes(args) {
-    const { dispatcher, preparedData, seriesOptions, htmlLayout } = args;
-    const ref = React.useRef(null);
-    React.useEffect(() => {
-        if (!ref.current) {
-            return () => { };
-        }
-        return renderPie({ plot: ref.current }, preparedData, seriesOptions, dispatcher);
-    }, [dispatcher, preparedData, seriesOptions]);
-    const htmlElements = preparedData.map((d) => d.htmlLabels).flat();
-    return (React.createElement(React.Fragment, null,
-        React.createElement("g", { ref: ref, className: b(), style: { zIndex: 9 } }),
-        React.createElement(HtmlLayer, { preparedData: { htmlElements }, htmlLayout: htmlLayout })));
-}

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { Dispatch } from 'd3-dispatch';
-import type { PreparedSeriesOptions } from '../../../core/series/types';
-import type { PreparedRadarData } from '../../../core/shapes/radar/types';
-type PrepareRadarSeriesArgs = {
-    htmlLayout: HTMLElement | null;
-    series: PreparedRadarData[];
-    seriesOptions: PreparedSeriesOptions;
-    dispatcher?: Dispatch<object>;
-};
-export declare function RadarSeriesShapes(args: PrepareRadarSeriesArgs): React.JSX.Element;
-export {};

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

@@ -1,19 +0,0 @@
-import React from 'react';
-import { renderRadar } from '../../../core/shapes/radar/renderer';
-import { block } from '../../../utils';
-import { HtmlLayer } from '../HtmlLayer';
-const b = block('radar');
-export function RadarSeriesShapes(args) {
-    const { dispatcher, series: preparedData, seriesOptions, htmlLayout } = args;
-    const ref = React.useRef(null);
-    React.useEffect(() => {
-        if (!ref.current) {
-            return () => { };
-        }
-        return renderRadar({ plot: ref.current }, preparedData, seriesOptions, dispatcher);
-    }, [dispatcher, preparedData, seriesOptions]);
-    const htmlElements = preparedData.map((d) => d.htmlLabels).flat();
-    return (React.createElement(React.Fragment, null,
-        React.createElement("g", { ref: ref, className: b() }),
-        React.createElement(HtmlLayer, { preparedData: { htmlElements }, htmlLayout: htmlLayout })));
-}

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { Dispatch } from 'd3-dispatch';
-import type { PreparedSeriesOptions } from '../../../core/series/types';
-import type { PreparedSankeyData } from '../../../core/shapes/sankey/types';
-type ShapeProps = {
-    htmlLayout: HTMLElement | null;
-    preparedData: PreparedSankeyData;
-    seriesOptions: PreparedSeriesOptions;
-    dispatcher?: Dispatch<object>;
-};
-export declare const SankeySeriesShape: (props: ShapeProps) => React.JSX.Element;
-export {};

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

@@ -1,18 +0,0 @@
-import React from 'react';
-import { renderSankey } from '../../../core/shapes/sankey/renderer';
-import { block } from '../../../utils';
-import { HtmlLayer } from '../HtmlLayer';
-const b = block('sankey');
-export const SankeySeriesShape = (props) => {
-    const { dispatcher, preparedData, seriesOptions, htmlLayout } = props;
-    const ref = React.useRef(null);
-    React.useEffect(() => {
-        if (!ref.current) {
-            return () => { };
-        }
-        return renderSankey({ plot: ref.current }, preparedData, seriesOptions, dispatcher);
-    }, [dispatcher, preparedData, seriesOptions]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("g", { ref: ref, className: b() }),
-        React.createElement(HtmlLayer, { preparedData: { htmlElements: preparedData.htmlLabels }, htmlLayout: htmlLayout })));
-};

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { Dispatch } from 'd3-dispatch';
-import type { PreparedSeriesOptions } from '../../../core/series/types';
-import type { PreparedScatterShapeData } from '../../../core/shapes/scatter/types';
-export { prepareScatterData } from '../../../core/shapes/scatter/prepare-data';
-type ScatterSeriesShapeProps = {
-    htmlLayout: HTMLElement | null;
-    preparedData: PreparedScatterShapeData;
-    seriesOptions: PreparedSeriesOptions;
-    clipPathId?: string;
-    dispatcher?: Dispatch<object>;
-};
-export declare function ScatterSeriesShape(props: ScatterSeriesShapeProps): React.JSX.Element;

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

@@ -1,22 +0,0 @@
-import React from 'react';
-import { renderScatter } from '../../../core/shapes/scatter/renderer';
-import { block } from '../../../utils';
-import { HtmlLayer } from '../HtmlLayer';
-export { prepareScatterData } from '../../../core/shapes/scatter/prepare-data';
-const b = block('scatter');
-export function ScatterSeriesShape(props) {
-    const { clipPathId, dispatcher, preparedData, seriesOptions, htmlLayout } = props;
-    const ref = React.useRef(null);
-    React.useEffect(() => {
-        if (!ref.current) {
-            return () => { };
-        }
-        return renderScatter({ plot: ref.current }, preparedData, seriesOptions, dispatcher);
-    }, [dispatcher, preparedData, seriesOptions]);
-    const htmlLayerData = React.useMemo(() => {
-        return { htmlElements: preparedData.htmlLabels };
-    }, [preparedData]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("g", { ref: ref, className: b(), clipPath: clipPathId ? `url(#${clipPathId})` : undefined }),
-        React.createElement(HtmlLayer, { preparedData: htmlLayerData, htmlLayout: htmlLayout })));
-}

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { Dispatch } from 'd3-dispatch';
-import type { PreparedSeriesOptions } from '../../../core/series/types';
-import type { PreparedTreemapData } from '../../../core/shapes/treemap/types';
-type ShapeProps = {
-    htmlLayout: HTMLElement | null;
-    preparedData: PreparedTreemapData;
-    seriesOptions: PreparedSeriesOptions;
-    dispatcher?: Dispatch<object>;
-};
-export declare const TreemapSeriesShape: (props: ShapeProps) => React.JSX.Element;
-export {};