@gravity-ui/charts 1.15.0 → 1.17.0

package/dist/esm/hooks/useSeries/prepare-bar-x.js

@@ -36,6 +36,7 @@ export function prepareBarXSeries(args) {
             cursor: get(series, 'cursor', null),
             yAxis: get(series, 'yAxis', 0),
             borderRadius: get(series, 'borderRadius', get(seriesOptions, 'bar-x.borderRadius', 0)),
+            tooltip: series.tooltip,
         };
     }, []);
 }

package/dist/esm/hooks/useSeries/prepare-bar-y.d.ts

@@ -35,5 +35,6 @@ export declare function prepareBarYSeries(args: PrepareBarYSeriesArgs): Promise<
         symbol: import("./types").PreparedLegendSymbol;
     };
     cursor: string | null;
+    tooltip: import("../..").ChartSeries["tooltip"];
 })[]>;
 export {};

package/dist/esm/hooks/useSeries/prepare-bar-y.js

@@ -52,6 +52,7 @@ export function prepareBarYSeries(args) {
             borderRadius: (_c = (_a = series.borderRadius) !== null && _a !== void 0 ? _a : (_b = seriesOptions === null || seriesOptions === void 0 ? void 0 : seriesOptions['bar-y']) === null || _b === void 0 ? void 0 : _b.borderRadius) !== null && _c !== void 0 ? _c : 0,
             borderWidth: (_f = (_d = series.borderWidth) !== null && _d !== void 0 ? _d : (_e = seriesOptions === null || seriesOptions === void 0 ? void 0 : seriesOptions['bar-y']) === null || _e === void 0 ? void 0 : _e.borderWidth) !== null && _f !== void 0 ? _f : 0,
             borderColor: (_j = (_g = series.borderColor) !== null && _g !== void 0 ? _g : (_h = seriesOptions === null || seriesOptions === void 0 ? void 0 : seriesOptions['bar-y']) === null || _h === void 0 ? void 0 : _h.borderColor) !== null && _j !== void 0 ? _j : 'var(--gcharts-shape-border-color)',
+            tooltip: series.tooltip,
         };
     }));
 }

package/dist/esm/hooks/useSeries/prepare-line.js

@@ -77,6 +77,7 @@ export function prepareLineSeries(args) {
             opacity: get(series, 'opacity', null),
             cursor: get(series, 'cursor', null),
             yAxis: get(series, 'yAxis', 0),
+            tooltip: series.tooltip,
         };
         return prepared;
     }, []);

package/dist/esm/hooks/useSeries/prepare-pie.js

@@ -57,6 +57,7 @@ export function preparePieSeries(args) {
             renderCustomShape: series.renderCustomShape,
             opacity: get(dataItem, 'opacity', null),
             cursor: get(series, 'cursor', null),
+            tooltip: series.tooltip,
         };
         return result;
     });

package/dist/esm/hooks/useSeries/prepare-radar.js

@@ -58,6 +58,7 @@ export function prepareRadarSeries(args) {
             },
             cursor: get(series, 'cursor', null),
             marker: prepareMarker(series, seriesOptions),
+            tooltip: series.tooltip,
         };
         return preparedSeries;
     });

package/dist/esm/hooks/useSeries/prepare-sankey.js

@@ -33,6 +33,7 @@ export function prepareSankeySeries(args) {
                 symbol: prepareLegendSymbol(s),
             },
             cursor: get(s, 'cursor', null),
+            tooltip: s.tooltip,
         };
         return preparedSeries;
     });

package/dist/esm/hooks/useSeries/prepare-scatter.js

@@ -40,6 +40,7 @@ export function prepareScatterSeries(args) {
             marker: prepareMarker(s, seriesOptions, index),
             cursor: get(s, 'cursor', null),
             yAxis: get(s, 'yAxis', 0),
+            tooltip: s.tooltip,
         };
         return prepared;
     }, []);

package/dist/esm/hooks/useSeries/prepare-treemap.js

@@ -34,6 +34,7 @@ export function prepareTreemap(args) {
             layoutAlgorithm: get(s, 'layoutAlgorithm', LayoutAlgorithm.Binary),
             cursor: get(s, 'cursor', null),
             sorting: Object.assign({ enabled: false, direction: 'desc' }, s.sorting),
+            tooltip: s.tooltip,
         };
         return preparedSeries;
     });

package/dist/esm/hooks/useSeries/prepare-waterfall.js

@@ -28,6 +28,7 @@ export function prepareWaterfallSeries(args) {
         },
         cursor: get(series, 'cursor', null),
         data: [],
+        tooltip: series.tooltip,
     };
     const positive = Object.assign(Object.assign({}, common), { name: (_g = (_f = (_e = series.legend) === null || _e === void 0 ? void 0 : _e.itemText) === null || _f === void 0 ? void 0 : _f.positive) !== null && _g !== void 0 ? _g : `${series.name} ↑`, id: getUniqId(), color: series.positiveColor || positiveColor, data: [] });
     const negative = Object.assign(Object.assign({}, common), { name: (_k = (_j = (_h = series.legend) === null || _h === void 0 ? void 0 : _h.itemText) === null || _j === void 0 ? void 0 : _j.negative) !== null && _k !== void 0 ? _k : `${series.name} ↓`, id: getUniqId(), color: series.negativeColor || negativeColor, data: [] });

package/dist/esm/hooks/useSeries/types.d.ts

@@ -1,5 +1,5 @@
 import type { DashStyle, LayoutAlgorithm, LineCap, SeriesOptionsDefaults, SymbolType } from '../../constants';
-import type { AreaSeries, AreaSeriesData, BarXSeries, BarXSeriesData, BarYSeries, BarYSeriesData, BaseTextStyle, ChartLegend, ConnectorCurve, ConnectorShape, LineSeries, LineSeriesData, PathLegendSymbolOptions, PieSeries, PieSeriesData, RadarSeries, RadarSeriesCategory, RadarSeriesData, RectLegendSymbolOptions, SankeySeries, SankeySeriesData, ScatterSeries, ScatterSeriesData, SymbolLegendSymbolOptions, TreemapSeries, TreemapSeriesData, ValueFormat, WaterfallSeries, WaterfallSeriesData } from '../../types';
+import type { AreaSeries, AreaSeriesData, BarXSeries, BarXSeriesData, BarYSeries, BarYSeriesData, BaseTextStyle, ChartLegend, ChartSeries, ConnectorCurve, ConnectorShape, LineSeries, LineSeriesData, PathLegendSymbolOptions, PieSeries, PieSeriesData, RadarSeries, RadarSeriesCategory, RadarSeriesData, RectLegendSymbolOptions, SankeySeries, SankeySeriesData, ScatterSeries, ScatterSeriesData, SymbolLegendSymbolOptions, TreemapSeries, TreemapSeriesData, ValueFormat, WaterfallSeries, WaterfallSeriesData } from '../../types';
 export type RectLegendSymbol = {
     shape: 'rect';
 } & Required<RectLegendSymbolOptions>;
@@ -76,6 +76,7 @@ type BasePreparedSeries = {
         symbol: PreparedLegendSymbol;
     };
     cursor: string | null;
+    tooltip: ChartSeries['tooltip'];
 };
 export type PreparedScatterSeries = {
     type: ScatterSeries['type'];

package/dist/esm/i18n/keysets/en.json

@@ -21,6 +21,7 @@
     "label_invalid-axis-labels-html-not-supported-axis-type": "It seems you are trying to use \"labels.html\" property for an axis with an unsupported type. This property is supported only for \"category\" axis."
   },
   "tooltip": {
-    "label_totals_sum": "Sum"
+    "label_totals_sum": "Sum",
+    "label_more": "{{count}} more"
   }
 }

package/dist/esm/i18n/keysets/ru.json

@@ -21,6 +21,7 @@
     "label_invalid-axis-labels-html-not-supported-axis-type": "Похоже, что вы пытаетесь использовать свойство \"labels.html\" для оси с неподдерживаемым типом. Это свойство поддерживается только для оси типа \"category\"."
   },
   "tooltip": {
-    "label_totals_sum": "Сумма"
+    "label_totals_sum": "Сумма",
+    "label_more": "Еще {{count}}"
   }
 }

package/dist/esm/index.d.ts

@@ -1,3 +1,3 @@
-export { CustomShapeRenderer } from './utils';
+export { CustomShapeRenderer, getFormattedValue } from './utils';
 export * from './components';
 export * from './types';

package/dist/esm/index.js

@@ -1,3 +1,3 @@
-export { CustomShapeRenderer } from './utils';
+export { CustomShapeRenderer, getFormattedValue } from './utils';
 export * from './components';
 export * from './types';

package/dist/esm/types/chart/axis.d.ts

@@ -35,6 +35,10 @@ export interface ChartAxisLabels {
      * @default false
      * */
     html?: boolean;
+    /** The maximum width of the axis labels(absolute or relative to the chart area).
+     * If more than that, it collapses into three points.
+     * */
+    maxWidth?: number | string;
 }
 export interface ChartAxis {
     categories?: string[];
@@ -74,8 +78,14 @@ export interface ChartAxis {
     };
     ticks?: {
         /** Pixel interval of the tick marks. Not applicable to categorized axis.
-         * The specified value is only a hint; the interval between ticks can be greater or less depending on the data. */
+         * The specified value is only a hint; the interval between ticks can be greater or less depending on the data.
+         *
+         * @deprecated use `interval` instead
+         * */
         pixelInterval?: number;
+        /** Interval of the tick marks(absolute or relative to the chart area). Not applicable to categorized axis.
+         * The specified value is only a hint; the interval between ticks can be greater or less depending on the data. */
+        interval?: number | string;
     };
     /** Padding of the max value relative to the length of the axis.
      * A padding of 0.05 will make a 100px axis 5px longer.

package/dist/esm/types/chart/base.d.ts

@@ -7,6 +7,13 @@ type DateFormat = {
     type: 'date';
     format?: string;
 };
+export type CustomFormat = {
+    type: 'custom';
+    formatter: (args: {
+        value: unknown;
+        formattedValue?: string;
+    }) => string;
+};
 export type ValueFormat = NumberFormat | DateFormat;
 export interface BaseSeries {
     /** Initial visibility of the series */
@@ -41,6 +48,13 @@ export interface BaseSeries {
     };
     /** You can set the cursor to "pointer" if you have click events attached to the series, to signal to the user that the points and lines can be clicked. */
     cursor?: string;
+    /**
+     * Options for the tooltip that appears when the user hovers over a series or point.
+     */
+    tooltip?: {
+        /** Formatting settings for tooltip value. */
+        valueFormat?: ValueFormat;
+    };
 }
 export interface BaseSeriesData<T = MeaningfulAny> {
     /**

package/dist/esm/types/chart/tooltip.d.ts

@@ -4,7 +4,7 @@ import type { AreaSeries, AreaSeriesData } from './area';
 import type { ChartXAxis, ChartYAxis } from './axis';
 import type { BarXSeries, BarXSeriesData } from './bar-x';
 import type { BarYSeries, BarYSeriesData } from './bar-y';
-import type { ValueFormat } from './base';
+import type { CustomFormat, ValueFormat } from './base';
 import type { LineSeries, LineSeriesData } from './line';
 import type { PieSeries, PieSeriesData } from './pie';
 import type { RadarSeries, RadarSeriesCategory, RadarSeriesData } from './radar';
@@ -110,6 +110,8 @@ export interface ChartTooltip<T = MeaningfulAny> {
     throttle?: number;
     /** Formatting settings for tooltip value. */
     valueFormat?: ValueFormat;
+    /** Formatting settings for tooltip header row. */
+    headerFormat?: ValueFormat | CustomFormat;
     /** Settings for totals block in tooltip */
     totals?: {
         /**
@@ -125,5 +127,7 @@ export interface ChartTooltip<T = MeaningfulAny> {
         enabled?: boolean;
         /** The label text for the totals. For built-in aggregations, the label can be omitted. */
         label?: string;
+        /** Formatting settings for totals tooltip value. */
+        valueFormat?: ValueFormat;
     };
 }

package/dist/esm/utils/chart/axis-generators/bottom.js

@@ -1,5 +1,5 @@
 import { path, select } from 'd3';
-import { getXAxisItems, getXAxisOffset, getXTickPosition } from '../axis';
+import { getAxisItems, getXAxisOffset, getXTickPosition } from '../axis';
 import { calculateCos, calculateSin } from '../math';
 import { getLabelsSize, setEllipsisForOverflowText } from '../text';
 const AXIS_BOTTOM_HTML_LABELS_DATA_ATTR = 'data-axis-bottom-html-labels';
@@ -151,7 +151,7 @@ export async function axisBottom(args) {
     const htmlSelection = select(htmlLayout);
     const offset = getXAxisOffset();
     const position = getXTickPosition({ scale, offset });
-    const values = getXAxisItems({ scale, count: ticksCount, maxCount: maxTickCount });
+    const values = getAxisItems({ scale, count: ticksCount, maxCount: maxTickCount });
     const labelHeight = (await getLabelsSize({
         labels: values.map(labelFormat),
         style: labelsStyle,
@@ -183,7 +183,7 @@ export async function axisBottom(args) {
             ? values.map((v) => {
                 var _a;
                 return {
-                    content: v,
+                    content: String(v),
                     left: position(v) + offset + boundsOffsetLeft,
                     top: Math.abs(((_a = tickItems === null || tickItems === void 0 ? void 0 : tickItems[0]) === null || _a === void 0 ? void 0 : _a[1]) || 0) + labelsMargin + boundsOffsetTop,
                 };

package/dist/esm/utils/chart/axis.d.ts

@@ -1,23 +1,24 @@
 import type { AxisDomain, AxisScale, ScaleBand } from 'd3';
-import type { PreparedAxis, PreparedAxisPlotBand, PreparedSplit } from '../../hooks';
+import type { ChartScale, PreparedAxis, PreparedAxisPlotBand, PreparedSplit } from '../../hooks';
 import type { TextRow } from './text';
 import type { AxisDirection } from './types';
+type Ticks = number[] | string[] | Date[];
 export declare function getTicksCount({ axis, range }: {
     axis: PreparedAxis;
     range: number;
 }): number | undefined;
-export declare function isBandScale(scale: AxisScale<AxisDomain>): scale is ScaleBand<AxisDomain>;
-export declare function getScaleTicks(scale: AxisScale<AxisDomain>, ticksCount?: number): any;
+export declare function isBandScale(scale: ChartScale | AxisScale<AxisDomain>): scale is ScaleBand<string>;
+export declare function getScaleTicks(scale: ChartScale | AxisScale<AxisDomain>, ticksCount?: number): Ticks;
 export declare function getXAxisOffset(): 0 | 0.5;
 export declare function getXTickPosition({ scale, offset }: {
     scale: AxisScale<AxisDomain>;
     offset: number;
-}): (d: AxisDomain) => number;
-export declare function getXAxisItems({ scale, count, maxCount, }: {
-    scale: AxisScale<AxisDomain>;
+}): (d: unknown) => number;
+export declare function getAxisItems({ scale, count, maxCount, }: {
+    scale: ChartScale | AxisScale<AxisDomain>;
     count?: number;
     maxCount?: number;
-}): any;
+}): Ticks;
 export declare function getMaxTickCount({ axis, width }: {
     axis: PreparedAxis;
     width: number;
@@ -35,9 +36,14 @@ interface GetBandsPositionArgs {
     axisScale: AxisScale<AxisDomain>;
     axis: AxisDirection;
 }
-export declare const getAxisPlotsPosition: (axis: PreparedAxis, split: PreparedSplit, width?: number) => string;
+export declare const getAxisPlotsPosition: (axis: PreparedAxis, split: PreparedSplit, width?: number) => number[];
 export declare function getBandsPosition(args: GetBandsPositionArgs): {
     from: number;
     to: number;
 };
+export declare function getClosestPointsRange(axis: PreparedAxis, points: AxisDomain[]): number | undefined;
+export declare function getLabelFormatter({ axis, scale }: {
+    axis: PreparedAxis;
+    scale: ChartScale;
+}): (value: AxisDomain) => string;
 export {};

package/dist/esm/utils/chart/axis.js

@@ -1,4 +1,5 @@
 import clamp from 'lodash/clamp';
+import { formatAxisTickLabel } from './format';
 import { wrapText } from './text';
 export function getTicksCount({ axis, range }) {
     let ticksCount;
@@ -11,9 +12,13 @@ export function isBandScale(scale) {
     return 'bandwidth' in scale && typeof scale.bandwidth === 'function';
 }
 export function getScaleTicks(scale, ticksCount) {
-    return 'ticks' in scale && typeof scale.ticks === 'function'
-        ? scale.ticks(ticksCount)
-        : scale.domain();
+    if ('ticks' in scale && typeof scale.ticks === 'function') {
+        return scale.ticks(ticksCount);
+    }
+    if (isBandScale(scale)) {
+        return scale.domain();
+    }
+    return [];
 }
 export function getXAxisOffset() {
     return typeof window !== 'undefined' && window.devicePixelRatio > 1 ? 0 : 0.5;
@@ -26,12 +31,12 @@ function center(scale, offset) {
     if (scale.round()) {
         offset = Math.round(offset);
     }
-    return (d) => Number(scale(d)) + offset;
+    return (d) => Number(scale(String(d))) + offset;
 }
 export function getXTickPosition({ scale, offset }) {
-    return isBandScale(scale) ? center(scale.copy(), offset) : number(scale.copy());
+    return isBandScale(scale) ? center(scale, offset) : number(scale);
 }
-export function getXAxisItems({ scale, count, maxCount, }) {
+export function getAxisItems({ scale, count, maxCount, }) {
     let values = getScaleTicks(scale, count);
     if (maxCount && values.length > maxCount) {
         const step = Math.ceil(values.length / maxCount);
@@ -40,7 +45,7 @@ export function getXAxisItems({ scale, count, maxCount, }) {
     return values;
 }
 export function getMaxTickCount({ axis, width }) {
-    const minTickWidth = parseInt(axis.labels.style.fontSize) + axis.labels.padding;
+    const minTickWidth = parseInt(axis.labels.style.fontSize, 10) + axis.labels.padding;
     return Math.floor(width / minTickWidth);
 }
 export function getAxisHeight(args) {
@@ -74,9 +79,9 @@ export const getAxisPlotsPosition = (axis, split, width = 0) => {
     var _a;
     const top = ((_a = split.plots[axis.plotIndex]) === null || _a === void 0 ? void 0 : _a.top) || 0;
     if (axis.position === 'left') {
-        return `translate(0, ${top}px)`;
+        return [0, top];
     }
-    return `translate(${width}px, ${top}px)`;
+    return [width, top];
 };
 export function getBandsPosition(args) {
     var _a, _b, _c;
@@ -112,3 +117,23 @@ export function getBandsPosition(args) {
         to: clamp(to, -halfBandwidth, maxPos),
     };
 }
+export function getClosestPointsRange(axis, points) {
+    if (axis.type === 'category') {
+        return undefined;
+    }
+    return Math.abs(points[1] - points[0]);
+}
+export function getLabelFormatter({ axis, scale }) {
+    const ticks = getScaleTicks(scale);
+    const tickStep = getClosestPointsRange(axis, ticks);
+    return (value) => {
+        if (!axis.labels.enabled) {
+            return '';
+        }
+        return formatAxisTickLabel({
+            axis,
+            value,
+            step: tickStep,
+        });
+    };
+}

package/dist/esm/utils/chart/format.d.ts

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

package/dist/esm/utils/chart/format.js

@@ -1,17 +1,52 @@
 import { dateTime } from '@gravity-ui/date-utils';
-import { formatNumber } from '../../libs';
+import capitalize from 'lodash/capitalize';
+import { DEFAULT_DATE_FORMAT } from '../../constants';
+import { formatNumber, getDefaultUnit } from '../../libs';
+import { getDefaultDateFormat } from './time';
+const LETTER_MOUNTH_AT_START_FORMAT_REGEXP = /^M{3,}/;
+function getFormattedDate(args) {
+    const { value, format = DEFAULT_DATE_FORMAT } = args;
+    const date = dateTime({ input: value });
+    if (date === null || date === void 0 ? void 0 : date.isValid()) {
+        const formattedDate = date.format(format);
+        if (LETTER_MOUNTH_AT_START_FORMAT_REGEXP.test(format)) {
+            return capitalize(formattedDate);
+        }
+        return formattedDate;
+    }
+    return String(value);
+}
 export function getFormattedValue(args) {
+    var _a;
     const { value, format } = args;
     switch (format === null || format === void 0 ? void 0 : format.type) {
         case 'number': {
             return formatNumber(Number(value), format);
         }
         case 'date': {
-            const date = dateTime({ input: value });
-            if (date === null || date === void 0 ? void 0 : date.isValid()) {
-                return date.format(format.format);
-            }
+            return getFormattedDate({ value, format: format.format });
+        }
+        case 'custom': {
+            return (_a = format.formatter) === null || _a === void 0 ? void 0 : _a.call(format, { value });
         }
     }
     return String(value);
 }
+export function formatAxisTickLabel(args) {
+    const { axis, value, step } = args;
+    switch (axis.type) {
+        case 'category': {
+            return value;
+        }
+        case 'datetime': {
+            const date = value;
+            const format = axis.labels.dateFormat || getDefaultDateFormat(step);
+            return getFormattedDate({ value: date, format });
+        }
+        case 'linear':
+        default: {
+            const numberFormat = Object.assign({ unit: value && step ? getDefaultUnit(step) : undefined }, axis.labels.numberFormat);
+            return formatNumber(value, numberFormat);
+        }
+    }
+}

package/dist/esm/utils/chart/index.d.ts

@@ -1,16 +1,15 @@
-import type { AxisDomain } from 'd3';
-import type { PreparedAxis } from '../../hooks';
 import type { BaseTextStyle, ChartSeries, ChartSeriesData } from '../../types';
 import type { AxisDirection } from './types';
-export * from './math';
-export * from './text';
-export * from './time';
 export * from './axis';
+export * from './color';
+export * from './format';
 export * from './labels';
 export * from './legend';
-export * from './symbol';
+export * from './math';
 export * from './series';
-export * from './color';
+export * from './symbol';
+export * from './text';
+export * from './time';
 export * from './zoom';
 export declare const CHART_SERIES_WITH_VOLUME_ON_Y_AXIS: ChartSeries['type'][];
 export declare const CHART_SERIES_WITH_VOLUME_ON_X_AXIS: ChartSeries['type'][];
@@ -52,15 +51,6 @@ export declare const getSeriesNames: (series: ChartSeries[]) => string[];
 export declare const getOnlyVisibleSeries: <T extends {
     visible: boolean;
 }>(series: T[]) => T[];
-export declare const parseTransformStyle: (style: string | null) => {
-    x?: number;
-    y?: number;
-};
-export declare const formatAxisTickLabel: (args: {
-    axis: PreparedAxis;
-    value: AxisDomain;
-    step?: number;
-}) => string;
 export declare const getHorizontalHtmlTextHeight: (args: {
     text: string;
     style?: Partial<BaseTextStyle>;
@@ -74,5 +64,4 @@ export declare const getDataCategoryValue: (args: {
     categories: string[];
     data: ChartSeriesData;
 }) => string;
-export declare function getClosestPointsRange(axis: PreparedAxis, points: AxisDomain[]): number | undefined;
 export { AxisDirection };

package/dist/esm/utils/chart/index.js

@@ -1,22 +1,20 @@
-import { dateTime } from '@gravity-ui/date-utils';
 import { group, select } from 'd3';
 import get from 'lodash/get';
 import isNil from 'lodash/isNil';
 import sortBy from 'lodash/sortBy';
 import { DEFAULT_AXIS_LABEL_FONT_SIZE } from '../../constants';
 import { getSeriesStackId } from '../../hooks/useSeries/utils';
-import { formatNumber, getDefaultUnit } from '../../libs/format-number';
 import { getWaterfallPointSubtotal } from './series/waterfall';
-import { getDefaultDateFormat } from './time';
-export * from './math';
-export * from './text';
-export * from './time';
 export * from './axis';
+export * from './color';
+export * from './format';
 export * from './labels';
 export * from './legend';
-export * from './symbol';
+export * from './math';
 export * from './series';
-export * from './color';
+export * from './symbol';
+export * from './text';
+export * from './time';
 export * from './zoom';
 const CHARTS_WITHOUT_AXIS = ['pie', 'treemap', 'sankey', 'radar'];
 export const CHART_SERIES_WITH_VOLUME_ON_Y_AXIS = [
@@ -166,35 +164,6 @@ export const getSeriesNames = (series) => {
 export const getOnlyVisibleSeries = (series) => {
     return series.filter((s) => s.visible);
 };
-export const parseTransformStyle = (style) => {
-    var _a;
-    if (!style) {
-        return {};
-    }
-    const stringifiedValue = ((_a = style.match(/\((.*?)\)/)) === null || _a === void 0 ? void 0 : _a[1]) || '';
-    const [xString, yString] = stringifiedValue.split(',');
-    const x = Number.isNaN(Number(xString)) ? undefined : Number(xString);
-    const y = Number.isNaN(Number(yString)) ? undefined : Number(yString);
-    return { x, y };
-};
-export const formatAxisTickLabel = (args) => {
-    const { axis, value, step } = args;
-    switch (axis.type) {
-        case 'category': {
-            return value;
-        }
-        case 'datetime': {
-            const date = value;
-            const format = axis.labels.dateFormat || getDefaultDateFormat(step);
-            return dateTime({ input: date }).format(format);
-        }
-        case 'linear':
-        default: {
-            const numberFormat = Object.assign({ unit: value && step ? getDefaultUnit(step) : undefined }, axis.labels.numberFormat);
-            return formatNumber(value, numberFormat);
-        }
-    }
-};
 export const getHorizontalHtmlTextHeight = (args) => {
     var _a;
     const { text, style } = args;
@@ -248,9 +217,3 @@ export const getDataCategoryValue = (args) => {
     const categoryValue = extractCategoryValue({ axisDirection, categories, data });
     return categoryValue;
 };
-export function getClosestPointsRange(axis, points) {
-    if (axis.type === 'category') {
-        return undefined;
-    }
-    return Math.abs(points[1] - points[0]);
-}

package/dist/esm/utils/chart/text.d.ts

@@ -26,9 +26,10 @@ export declare function wrapText(args: {
     text: string;
     style?: BaseTextStyle;
     width: number;
+    getTextSize?: ReturnType<typeof getTextSizeFn>;
 }): Promise<TextRow[]>;
 export declare function getTextSizeFn({ style }: {
-    style: BaseTextStyle;
+    style?: BaseTextStyle;
 }): (str: string) => Promise<{
     width: number;
     height: number;

package/dist/esm/utils/chart/text.js

@@ -144,11 +144,8 @@ export async function getLabelsSize({ labels, style, rotation, html, }) {
     return result;
 }
 export async function wrapText(args) {
-    const { text, style, width } = args;
-    const height = (await getLabelsSize({
-        labels: [text],
-        style: style,
-    })).maxHeight;
+    const { text, style, width, getTextSize = getTextSizeFn({ style }) } = args;
+    const height = (await getTextSize(text)).height;
     // @ts-ignore
     const segmenter = new Intl.Segmenter([], { granularity: 'word' });
     const segments = Array.from(segmenter.segment(text));
@@ -163,11 +160,7 @@ export async function wrapText(args) {
             });
         }
         let lastRow = acc[acc.length - 1];
-        if (item.isWordLike &&
-            (await getLabelsSize({
-                labels: [lastRow.text + item.segment],
-                style,
-            })).maxWidth > width) {
+        if (item.isWordLike && (await getTextSize(lastRow.text + item.segment)).width > width) {
             lastRow = {
                 text: '',
                 y: acc.length * height,

package/dist/esm/utils/misc.d.ts

@@ -11,3 +11,4 @@ export declare function isMacintosh(): boolean;
 export declare function measurePerformance(): {
     end(): number;
 };
+export declare function hasVerticalScrollbar(node: HTMLElement | null): boolean;

package/dist/esm/utils/misc.js

@@ -26,3 +26,9 @@ export function measurePerformance() {
         },
     };
 }
+export function hasVerticalScrollbar(node) {
+    if (!node) {
+        return false;
+    }
+    return node.scrollHeight > node.clientHeight;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/charts",
-  "version": "1.15.0",
+  "version": "1.17.0",
   "description": "React component used to render charts",
   "license": "MIT",
   "main": "dist/cjs/index.js",