@gravity-ui/charts 1.38.6 → 1.39.0

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

@@ -1,34 +0,0 @@
-import React from 'react';
-import isEqual from 'lodash/isEqual';
-import { getLegendComponents } from '../../hooks/useSeries/prepare-legend';
-export function useLegend({ preparedLegend, preparedChart, preparedSeries, width, height, }) {
-    const [legendState, setLegend] = React.useState({
-        legendConfig: undefined,
-        legendItems: [],
-    });
-    const legendStateRunRef = React.useRef(0);
-    const prevLegendStateValue = React.useRef(legendState);
-    React.useEffect(() => {
-        legendStateRunRef.current++;
-        const currentRun = legendStateRunRef.current;
-        if (!preparedLegend) {
-            return;
-        }
-        (async function () {
-            const newStateValue = await getLegendComponents({
-                chartWidth: width,
-                chartHeight: height,
-                chartMargin: preparedChart.margin,
-                series: preparedSeries,
-                preparedLegend,
-            });
-            if (legendStateRunRef.current === currentRun) {
-                if (!isEqual(prevLegendStateValue.current, newStateValue)) {
-                    setLegend(newStateValue);
-                    prevLegendStateValue.current = newStateValue;
-                }
-            }
-        })();
-    }, [height, preparedChart.margin, preparedLegend, preparedSeries, width]);
-    return legendState;
-}

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

@@ -1,17 +0,0 @@
-import type { PreparedLegend, PreparedSeries, PreparedXAxis, PreparedYAxis } from '../../hooks';
-import type { ChartMargin, LegendConfig } from '../../types';
-export { getBoundsWidth } from './utils';
-type Args = {
-    height: number;
-    margin: ChartMargin;
-    preparedLegend: PreparedLegend | null;
-    preparedSeries: PreparedSeries[];
-    preparedXAxis: PreparedXAxis | null;
-    preparedYAxis: PreparedYAxis[] | null;
-    width: number;
-    legendConfig: LegendConfig | undefined;
-};
-export declare const useChartDimensions: (args: Args) => {
-    boundsWidth: number;
-    boundsHeight: number;
-};

package/dist/cjs/hooks/useChartDimensions/utils.d.ts

@@ -1,10 +0,0 @@
-import type { PreparedChart, PreparedYAxis } from '../../hooks';
-export declare const getBoundsWidth: (args: {
-    chartWidth: number;
-    chartMargin: PreparedChart["margin"];
-    preparedYAxis: PreparedYAxis[] | null;
-}) => number;
-export declare function getYAxisWidth(axis: PreparedYAxis | undefined): number;
-export declare function getWidthOccupiedByYAxis(args: {
-    preparedAxis: PreparedYAxis[] | null;
-}): number;

package/dist/cjs/hooks/useChartDimensions/utils.js

@@ -1,41 +0,0 @@
-export const getBoundsWidth = (args) => {
-    const { chartWidth, chartMargin, preparedYAxis } = args;
-    return (chartWidth -
-        chartMargin.right -
-        chartMargin.left -
-        getWidthOccupiedByYAxis({ preparedAxis: preparedYAxis }));
-};
-export function getYAxisWidth(axis) {
-    if (!(axis === null || axis === void 0 ? void 0 : axis.visible)) {
-        return 0;
-    }
-    let result = 0;
-    if (axis === null || axis === void 0 ? void 0 : axis.title.text) {
-        result += axis.title.margin;
-        if (axis.title.rotation === 0) {
-            result += axis.title.width;
-        }
-        else {
-            result += axis.title.height;
-        }
-    }
-    if (axis === null || axis === void 0 ? void 0 : axis.labels.enabled) {
-        result += axis.labels.margin + axis.labels.width;
-    }
-    return result;
-}
-export function getWidthOccupiedByYAxis(args) {
-    const { preparedAxis } = args;
-    let leftAxisWidth = 0;
-    let rightAxisWidth = 0;
-    preparedAxis === null || preparedAxis === void 0 ? void 0 : preparedAxis.forEach((axis) => {
-        const axisWidth = getYAxisWidth(axis);
-        if (axis.position === 'right') {
-            rightAxisWidth = Math.max(rightAxisWidth, axisWidth);
-        }
-        else {
-            leftAxisWidth = Math.max(leftAxisWidth, axisWidth);
-        }
-    });
-    return leftAxisWidth + rightAxisWidth;
-}

package/dist/cjs/hooks/useChartOptions/tooltip.d.ts

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

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

@@ -1,38 +0,0 @@
-import type { ChartData } from '../../types';
-interface UseOriginalDataProps {
-    seriesData: ChartData['series']['data'];
-    xAxis: ChartData['xAxis'];
-    yAxis: ChartData['yAxis'];
-}
-export declare function useNormalizedOriginalData(props: UseOriginalDataProps): {
-    normalizedSeriesData: import("../../types").ChartSeries[];
-    normalizedXAxis: {
-        categories: string[] | undefined;
-        rangeSlider?: import("../../types").ChartAxisRangeSlider;
-        crosshair?: import("../../types").AxisCrosshair;
-        timestamps?: number[];
-        type?: import("../../types").ChartAxisType;
-        labels?: import("../../types").ChartAxisLabels;
-        lineColor?: string;
-        title?: import("../../types").ChartAxisTitle;
-        min?: number;
-        max?: number;
-        grid?: {
-            enabled?: boolean;
-        };
-        ticks?: {
-            pixelInterval?: number;
-            interval?: number | string;
-        };
-        maxPadding?: number;
-        plotLines?: import("../../types").AxisPlotLine[];
-        plotBands?: import("../../types").AxisPlotBand[];
-        tickMarks?: import("../../types").ChartAxisTickMarks;
-        visible?: boolean;
-        order?: "sortAsc" | "sortDesc" | "reverse";
-        startOnTick?: boolean;
-        endOnTick?: boolean;
-    };
-    normalizedYAxis: import("../../types").ChartYAxis[] | undefined;
-};
-export {};

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

@@ -1,32 +0,0 @@
-import React from 'react';
-import { getAxisCategories, getSortedSeriesData } from '../../utils';
-export function useNormalizedOriginalData(props) {
-    const normalizedSeriesData = React.useMemo(() => {
-        return getSortedSeriesData({
-            seriesData: props.seriesData,
-            xAxis: props.xAxis,
-            yAxis: props.yAxis,
-        });
-    }, [props.seriesData, props.xAxis, props.yAxis]);
-    const normalizedXAxis = React.useMemo(() => {
-        var _a;
-        let categories = (_a = props.xAxis) === null || _a === void 0 ? void 0 : _a.categories;
-        if (props.xAxis && props.xAxis.categories) {
-            categories = getAxisCategories(props.xAxis);
-        }
-        return Object.assign(Object.assign({}, props.xAxis), { categories });
-    }, [props.xAxis]);
-    const normalizedYAxis = React.useMemo(() => {
-        if (Array.isArray(props.yAxis) && props.yAxis.some((axis) => axis.categories)) {
-            return props.yAxis.map((axis) => {
-                let categories = axis.categories;
-                if (axis.categories) {
-                    categories = getAxisCategories(axis);
-                }
-                return Object.assign(Object.assign({}, axis), { categories });
-            });
-        }
-        return props.yAxis;
-    }, [props.yAxis]);
-    return { normalizedSeriesData, normalizedXAxis, normalizedYAxis };
-}

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

@@ -1,11 +0,0 @@
-import type { PreparedYAxis, SetAxes } from '../useAxis/types';
-import type { ChartScale } from '../useAxisScales/types';
-import type { PreparedSeries } from '../useSeries/types';
-type UseYAxisLabelWidthProps = {
-    seriesData: PreparedSeries[];
-    setAxes: SetAxes;
-    yAxis: PreparedYAxis[];
-    yScale?: (ChartScale | undefined)[];
-};
-export declare function useYAxisLabelWidth(props: UseYAxisLabelWidthProps): void;
-export {};

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

@@ -1,48 +0,0 @@
-import React from 'react';
-import get from 'lodash/get';
-import { getYAxisLabelMaxWidth } from '../useAxis/y-axis';
-export function useYAxisLabelWidth(props) {
-    const { seriesData, setAxes, yAxis, yScale } = props;
-    const runRef = React.useRef(0);
-    React.useEffect(() => {
-        runRef.current++;
-        (async function () {
-            const currentRun = runRef.current;
-            const axisIndexesToRecalculateMap = new Map();
-            for (let i = 0; i < yAxis.length; i++) {
-                const axis = yAxis[i];
-                const scale = yScale === null || yScale === void 0 ? void 0 : yScale[i];
-                if (!scale) {
-                    continue;
-                }
-                if (axis.startOnTick || axis.endOnTick) {
-                    const axisSeriesData = seriesData.filter((s) => get(s, 'yAxis', 0) === i && s.visible);
-                    if (axisSeriesData.length === 0) {
-                        continue;
-                    }
-                    const res = await getYAxisLabelMaxWidth({
-                        axis,
-                        seriesData: axisSeriesData,
-                        scale,
-                    });
-                    if (res.width > axis.labels.width) {
-                        axisIndexesToRecalculateMap.set(i, res.width);
-                    }
-                }
-            }
-            if (runRef.current === currentRun && axisIndexesToRecalculateMap.size > 0) {
-                setAxes((prevState) => {
-                    const newYAxis = prevState.yAxis.map((axis, i) => {
-                        const width = axisIndexesToRecalculateMap.get(i);
-                        if (width) {
-                            const axisWithRecalculatedLabels = Object.assign(Object.assign({}, axis), { labels: Object.assign(Object.assign({}, axis.labels), { width }) });
-                            return axisWithRecalculatedLabels;
-                        }
-                        return axis;
-                    });
-                    return Object.assign(Object.assign({}, prevState), { yAxis: newYAxis });
-                });
-            }
-        })();
-    }, [seriesData, setAxes, yAxis, yScale]);
-}

package/dist/esm/components/ChartInner/useLegend.d.ts

@@ -1,14 +0,0 @@
-import type { LegendItem, PreparedChart, PreparedLegend, PreparedSeries } from '../../hooks';
-import type { LegendConfig } from '../../types';
-type LegendState = {
-    legendConfig?: LegendConfig;
-    legendItems: LegendItem[][];
-};
-export declare function useLegend({ preparedLegend, preparedChart, preparedSeries, width, height, }: {
-    preparedLegend: PreparedLegend | null;
-    preparedChart: PreparedChart;
-    preparedSeries: PreparedSeries[];
-    width: number;
-    height: number;
-}): LegendState;
-export {};

package/dist/esm/components/ChartInner/useLegend.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import isEqual from 'lodash/isEqual';
-import { getLegendComponents } from '../../hooks/useSeries/prepare-legend';
-export function useLegend({ preparedLegend, preparedChart, preparedSeries, width, height, }) {
-    const [legendState, setLegend] = React.useState({
-        legendConfig: undefined,
-        legendItems: [],
-    });
-    const legendStateRunRef = React.useRef(0);
-    const prevLegendStateValue = React.useRef(legendState);
-    React.useEffect(() => {
-        legendStateRunRef.current++;
-        const currentRun = legendStateRunRef.current;
-        if (!preparedLegend) {
-            return;
-        }
-        (async function () {
-            const newStateValue = await getLegendComponents({
-                chartWidth: width,
-                chartHeight: height,
-                chartMargin: preparedChart.margin,
-                series: preparedSeries,
-                preparedLegend,
-            });
-            if (legendStateRunRef.current === currentRun) {
-                if (!isEqual(prevLegendStateValue.current, newStateValue)) {
-                    setLegend(newStateValue);
-                    prevLegendStateValue.current = newStateValue;
-                }
-            }
-        })();
-    }, [height, preparedChart.margin, preparedLegend, preparedSeries, width]);
-    return legendState;
-}

package/dist/esm/hooks/useChartDimensions/index.d.ts

@@ -1,17 +0,0 @@
-import type { PreparedLegend, PreparedSeries, PreparedXAxis, PreparedYAxis } from '../../hooks';
-import type { ChartMargin, LegendConfig } from '../../types';
-export { getBoundsWidth } from './utils';
-type Args = {
-    height: number;
-    margin: ChartMargin;
-    preparedLegend: PreparedLegend | null;
-    preparedSeries: PreparedSeries[];
-    preparedXAxis: PreparedXAxis | null;
-    preparedYAxis: PreparedYAxis[] | null;
-    width: number;
-    legendConfig: LegendConfig | undefined;
-};
-export declare const useChartDimensions: (args: Args) => {
-    boundsWidth: number;
-    boundsHeight: number;
-};

package/dist/esm/hooks/useChartDimensions/utils.d.ts

@@ -1,10 +0,0 @@
-import type { PreparedChart, PreparedYAxis } from '../../hooks';
-export declare const getBoundsWidth: (args: {
-    chartWidth: number;
-    chartMargin: PreparedChart["margin"];
-    preparedYAxis: PreparedYAxis[] | null;
-}) => number;
-export declare function getYAxisWidth(axis: PreparedYAxis | undefined): number;
-export declare function getWidthOccupiedByYAxis(args: {
-    preparedAxis: PreparedYAxis[] | null;
-}): number;

package/dist/esm/hooks/useChartDimensions/utils.js

@@ -1,41 +0,0 @@
-export const getBoundsWidth = (args) => {
-    const { chartWidth, chartMargin, preparedYAxis } = args;
-    return (chartWidth -
-        chartMargin.right -
-        chartMargin.left -
-        getWidthOccupiedByYAxis({ preparedAxis: preparedYAxis }));
-};
-export function getYAxisWidth(axis) {
-    if (!(axis === null || axis === void 0 ? void 0 : axis.visible)) {
-        return 0;
-    }
-    let result = 0;
-    if (axis === null || axis === void 0 ? void 0 : axis.title.text) {
-        result += axis.title.margin;
-        if (axis.title.rotation === 0) {
-            result += axis.title.width;
-        }
-        else {
-            result += axis.title.height;
-        }
-    }
-    if (axis === null || axis === void 0 ? void 0 : axis.labels.enabled) {
-        result += axis.labels.margin + axis.labels.width;
-    }
-    return result;
-}
-export function getWidthOccupiedByYAxis(args) {
-    const { preparedAxis } = args;
-    let leftAxisWidth = 0;
-    let rightAxisWidth = 0;
-    preparedAxis === null || preparedAxis === void 0 ? void 0 : preparedAxis.forEach((axis) => {
-        const axisWidth = getYAxisWidth(axis);
-        if (axis.position === 'right') {
-            rightAxisWidth = Math.max(rightAxisWidth, axisWidth);
-        }
-        else {
-            leftAxisWidth = Math.max(leftAxisWidth, axisWidth);
-        }
-    });
-    return leftAxisWidth + rightAxisWidth;
-}

package/dist/esm/hooks/useChartOptions/tooltip.d.ts

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

package/dist/esm/hooks/useNormalizedOriginalData/index.d.ts

@@ -1,38 +0,0 @@
-import type { ChartData } from '../../types';
-interface UseOriginalDataProps {
-    seriesData: ChartData['series']['data'];
-    xAxis: ChartData['xAxis'];
-    yAxis: ChartData['yAxis'];
-}
-export declare function useNormalizedOriginalData(props: UseOriginalDataProps): {
-    normalizedSeriesData: import("../..").ChartSeries[];
-    normalizedXAxis: {
-        categories: string[] | undefined;
-        rangeSlider?: import("../..").ChartAxisRangeSlider;
-        crosshair?: import("../..").AxisCrosshair;
-        timestamps?: number[];
-        type?: import("../..").ChartAxisType;
-        labels?: import("../..").ChartAxisLabels;
-        lineColor?: string;
-        title?: import("../..").ChartAxisTitle;
-        min?: number;
-        max?: number;
-        grid?: {
-            enabled?: boolean;
-        };
-        ticks?: {
-            pixelInterval?: number;
-            interval?: number | string;
-        };
-        maxPadding?: number;
-        plotLines?: import("../..").AxisPlotLine[];
-        plotBands?: import("../..").AxisPlotBand[];
-        tickMarks?: import("../..").ChartAxisTickMarks;
-        visible?: boolean;
-        order?: "sortAsc" | "sortDesc" | "reverse";
-        startOnTick?: boolean;
-        endOnTick?: boolean;
-    };
-    normalizedYAxis: import("../..").ChartYAxis[] | undefined;
-};
-export {};

package/dist/esm/hooks/useNormalizedOriginalData/index.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import { getAxisCategories, getSortedSeriesData } from '../../utils';
-export function useNormalizedOriginalData(props) {
-    const normalizedSeriesData = React.useMemo(() => {
-        return getSortedSeriesData({
-            seriesData: props.seriesData,
-            xAxis: props.xAxis,
-            yAxis: props.yAxis,
-        });
-    }, [props.seriesData, props.xAxis, props.yAxis]);
-    const normalizedXAxis = React.useMemo(() => {
-        var _a;
-        let categories = (_a = props.xAxis) === null || _a === void 0 ? void 0 : _a.categories;
-        if (props.xAxis && props.xAxis.categories) {
-            categories = getAxisCategories(props.xAxis);
-        }
-        return Object.assign(Object.assign({}, props.xAxis), { categories });
-    }, [props.xAxis]);
-    const normalizedYAxis = React.useMemo(() => {
-        if (Array.isArray(props.yAxis) && props.yAxis.some((axis) => axis.categories)) {
-            return props.yAxis.map((axis) => {
-                let categories = axis.categories;
-                if (axis.categories) {
-                    categories = getAxisCategories(axis);
-                }
-                return Object.assign(Object.assign({}, axis), { categories });
-            });
-        }
-        return props.yAxis;
-    }, [props.yAxis]);
-    return { normalizedSeriesData, normalizedXAxis, normalizedYAxis };
-}

package/dist/esm/hooks/useYAxisLabelWidth/index.d.ts

@@ -1,11 +0,0 @@
-import type { PreparedYAxis, SetAxes } from '../useAxis/types';
-import type { ChartScale } from '../useAxisScales/types';
-import type { PreparedSeries } from '../useSeries/types';
-type UseYAxisLabelWidthProps = {
-    seriesData: PreparedSeries[];
-    setAxes: SetAxes;
-    yAxis: PreparedYAxis[];
-    yScale?: (ChartScale | undefined)[];
-};
-export declare function useYAxisLabelWidth(props: UseYAxisLabelWidthProps): void;
-export {};

package/dist/esm/hooks/useYAxisLabelWidth/index.js

@@ -1,48 +0,0 @@
-import React from 'react';
-import get from 'lodash/get';
-import { getYAxisLabelMaxWidth } from '../useAxis/y-axis';
-export function useYAxisLabelWidth(props) {
-    const { seriesData, setAxes, yAxis, yScale } = props;
-    const runRef = React.useRef(0);
-    React.useEffect(() => {
-        runRef.current++;
-        (async function () {
-            const currentRun = runRef.current;
-            const axisIndexesToRecalculateMap = new Map();
-            for (let i = 0; i < yAxis.length; i++) {
-                const axis = yAxis[i];
-                const scale = yScale === null || yScale === void 0 ? void 0 : yScale[i];
-                if (!scale) {
-                    continue;
-                }
-                if (axis.startOnTick || axis.endOnTick) {
-                    const axisSeriesData = seriesData.filter((s) => get(s, 'yAxis', 0) === i && s.visible);
-                    if (axisSeriesData.length === 0) {
-                        continue;
-                    }
-                    const res = await getYAxisLabelMaxWidth({
-                        axis,
-                        seriesData: axisSeriesData,
-                        scale,
-                    });
-                    if (res.width > axis.labels.width) {
-                        axisIndexesToRecalculateMap.set(i, res.width);
-                    }
-                }
-            }
-            if (runRef.current === currentRun && axisIndexesToRecalculateMap.size > 0) {
-                setAxes((prevState) => {
-                    const newYAxis = prevState.yAxis.map((axis, i) => {
-                        const width = axisIndexesToRecalculateMap.get(i);
-                        if (width) {
-                            const axisWithRecalculatedLabels = Object.assign(Object.assign({}, axis), { labels: Object.assign(Object.assign({}, axis.labels), { width }) });
-                            return axisWithRecalculatedLabels;
-                        }
-                        return axis;
-                    });
-                    return Object.assign(Object.assign({}, prevState), { yAxis: newYAxis });
-                });
-            }
-        })();
-    }, [seriesData, setAxes, yAxis, yScale]);
-}