@gravity-ui/charts 1.51.7 → 1.52.0

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

@@ -1,18 +0,0 @@
-import React from 'react';
-import { renderTreemap } from '../../../core/shapes/treemap/renderer';
-import { block } from '../../../utils';
-import { HtmlLayer } from '../HtmlLayer';
-const b = block('treemap');
-export const TreemapSeriesShape = (props) => {
-    const { dispatcher, preparedData, seriesOptions, htmlLayout } = props;
-    const ref = React.useRef(null);
-    React.useEffect(() => {
-        if (!ref.current) {
-            return () => { };
-        }
-        return renderTreemap({ 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/waterfall/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import type { Dispatch } from 'd3-dispatch';
-import type { PreparedSeriesOptions } from '../../../core/series/types';
-import type { PreparedWaterfallData } from '../../../core/shapes/waterfall/types';
-export { prepareWaterfallData } from '../../../core/shapes/waterfall/prepare-data';
-export * from '../../../core/shapes/waterfall/types';
-type Args = {
-    clipPathId: string;
-    htmlLayout: HTMLElement | null;
-    preparedData: PreparedWaterfallData[];
-    seriesOptions: PreparedSeriesOptions;
-    dispatcher?: Dispatch<object>;
-};
-export declare const WaterfallSeriesShapes: (args: Args) => React.JSX.Element;

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

@@ -1,31 +0,0 @@
-import React from 'react';
-import { renderWaterfall } from '../../../core/shapes/waterfall/renderer';
-import { filterOverlappingLabels } from '../../../core/utils';
-import { block } from '../../../utils';
-import { HtmlLayer } from '../HtmlLayer';
-export { prepareWaterfallData } from '../../../core/shapes/waterfall/prepare-data';
-export * from '../../../core/shapes/waterfall/types';
-const b = block('waterfall');
-export const WaterfallSeriesShapes = (args) => {
-    const { dispatcher, preparedData, seriesOptions, htmlLayout, clipPathId } = args;
-    const ref = 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) {
-            return () => { };
-        }
-        return renderWaterfall({ plot: ref.current }, preparedData, seriesOptions, allowOverlapDataLabels, dispatcher);
-    }, [allowOverlapDataLabels, 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(HtmlLayer, { preparedData: htmlLayerData, htmlLayout: htmlLayout })));
-};

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import type { Dispatch } from 'd3-dispatch';
-import type { PreparedSeriesOptions } from '../../../core/series/types';
-import type { PreparedXRangeData } from '../../../core/shapes/x-range/types';
-export { prepareXRangeData } from '../../../core/shapes/x-range/prepare-data';
-export type { PreparedXRangeData } from '../../../core/shapes/x-range/types';
-type Args = {
-    clipPathId: string;
-    htmlLayout: HTMLElement | null;
-    preparedData: PreparedXRangeData[];
-    seriesOptions: PreparedSeriesOptions;
-    dispatcher?: Dispatch<object>;
-};
-export declare function XRangeSeriesShapes(args: Args): React.JSX.Element;

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

@@ -1,20 +0,0 @@
-import React from 'react';
-import { renderXRange } from '../../../core/shapes/x-range/renderer';
-import { block } from '../../../utils';
-import { HtmlLayer } from '../HtmlLayer';
-export { prepareXRangeData } from '../../../core/shapes/x-range/prepare-data';
-const b = block('x-range');
-export function XRangeSeriesShapes(args) {
-    const { dispatcher, preparedData, seriesOptions, htmlLayout, clipPathId } = args;
-    const ref = React.useRef(null);
-    React.useEffect(() => {
-        if (!ref.current) {
-            return () => { };
-        }
-        return renderXRange({ plot: ref.current }, preparedData, seriesOptions, dispatcher);
-    }, [dispatcher, preparedData, seriesOptions]);
-    const htmlLayerData = React.useMemo(() => ({ htmlElements: preparedData.flatMap((d) => d.htmlLabels) }), [preparedData]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("g", { ref: ref, className: b(), clipPath: `url(#${clipPathId})` }),
-        React.createElement(HtmlLayer, { preparedData: htmlLayerData, htmlLayout: htmlLayout })));
-}

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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 {};

package/dist/esm/hooks/useShapes/treemap/index.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import { renderTreemap } from '../../../core/shapes/treemap/renderer';
-import { block } from '../../../utils';
-import { HtmlLayer } from '../HtmlLayer';
-const b = block('treemap');
-export const TreemapSeriesShape = (props) => {
-    const { dispatcher, preparedData, seriesOptions, htmlLayout } = props;
-    const ref = React.useRef(null);
-    React.useEffect(() => {
-        if (!ref.current) {
-            return () => { };
-        }
-        return renderTreemap({ 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/esm/hooks/useShapes/waterfall/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import type { Dispatch } from 'd3-dispatch';
-import type { PreparedSeriesOptions } from '../../../core/series/types';
-import type { PreparedWaterfallData } from '../../../core/shapes/waterfall/types';
-export { prepareWaterfallData } from '../../../core/shapes/waterfall/prepare-data';
-export * from '../../../core/shapes/waterfall/types';
-type Args = {
-    clipPathId: string;
-    htmlLayout: HTMLElement | null;
-    preparedData: PreparedWaterfallData[];
-    seriesOptions: PreparedSeriesOptions;
-    dispatcher?: Dispatch<object>;
-};
-export declare const WaterfallSeriesShapes: (args: Args) => React.JSX.Element;

package/dist/esm/hooks/useShapes/waterfall/index.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import { renderWaterfall } from '../../../core/shapes/waterfall/renderer';
-import { filterOverlappingLabels } from '../../../core/utils';
-import { block } from '../../../utils';
-import { HtmlLayer } from '../HtmlLayer';
-export { prepareWaterfallData } from '../../../core/shapes/waterfall/prepare-data';
-export * from '../../../core/shapes/waterfall/types';
-const b = block('waterfall');
-export const WaterfallSeriesShapes = (args) => {
-    const { dispatcher, preparedData, seriesOptions, htmlLayout, clipPathId } = args;
-    const ref = 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) {
-            return () => { };
-        }
-        return renderWaterfall({ plot: ref.current }, preparedData, seriesOptions, allowOverlapDataLabels, dispatcher);
-    }, [allowOverlapDataLabels, 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(HtmlLayer, { preparedData: htmlLayerData, htmlLayout: htmlLayout })));
-};

package/dist/esm/hooks/useShapes/x-range/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import type { Dispatch } from 'd3-dispatch';
-import type { PreparedSeriesOptions } from '../../../core/series/types';
-import type { PreparedXRangeData } from '../../../core/shapes/x-range/types';
-export { prepareXRangeData } from '../../../core/shapes/x-range/prepare-data';
-export type { PreparedXRangeData } from '../../../core/shapes/x-range/types';
-type Args = {
-    clipPathId: string;
-    htmlLayout: HTMLElement | null;
-    preparedData: PreparedXRangeData[];
-    seriesOptions: PreparedSeriesOptions;
-    dispatcher?: Dispatch<object>;
-};
-export declare function XRangeSeriesShapes(args: Args): React.JSX.Element;