@gravity-ui/charts 1.42.0 → 1.42.2

package/dist/{cjs/utils/chart → esm/core/utils}/common.js

@@ -3,8 +3,8 @@ import { select } from 'd3-selection';
 import get from 'lodash/get';
 import isNil from 'lodash/isNil';
 import sortBy from 'lodash/sortBy';
-import { DEFAULT_AXIS_LABEL_FONT_SIZE, SERIES_TYPE } from '../../constants';
-import { getSeriesStackId } from '../../hooks/useSeries/utils';
+import { DEFAULT_AXIS_LABEL_FONT_SIZE, SERIES_TYPE } from '../constants';
+import { getSeriesStackId } from '../series/utils';
 import { getWaterfallPointSubtotal } from './series/waterfall';
 import { isSeriesWithNumericalXValues, isSeriesWithNumericalYValues } from './series-type-guards';
 export const CHART_SERIES_WITH_VOLUME_ON_Y_AXIS = [

package/dist/esm/{utils/chart → core/utils}/format.d.ts

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

package/dist/esm/{utils/chart → core/utils}/format.js

@@ -1,7 +1,7 @@
 import { dateTimeUtc } from '@gravity-ui/date-utils';
 import capitalize from 'lodash/capitalize';
-import { DEFAULT_DATE_FORMAT } from '../../constants';
 import { formatNumber, getDefaultUnit } from '../../libs';
+import { DEFAULT_DATE_FORMAT } from '../constants';
 import { DATETIME_LABEL_FORMATS, TIME_UNITS, getDefaultDateFormat, getDefaultTimeOnlyFormat, } from './time';
 const LETTER_MOUNTH_AT_START_FORMAT_REGEXP = /^M{3,}/;
 function getFormattedDate(args) {

package/dist/esm/{utils/chart → core/utils}/get-closest-data.js

@@ -28,8 +28,8 @@ function getClosestPointsByXValue(x, y, points) {
     if (sorted.length === 0 || closestXIndex === -1) {
         return [];
     }
-    const closestX = sorted[closestXIndex].x;
-    const filtered = points.filter((p) => p.x === closestX);
+    const closestX = Math.round(sorted[closestXIndex].x);
+    const filtered = points.filter((p) => Math.round(p.x) === closestX);
     const groupedBySeries = Object.values(groupBy(filtered, (p) => get(p.series, 'id'))).map((items) => {
         const sortedByY = sort(items, (p) => p.y0);
         const index = getClosestYIndex(sortedByY, y);

package/dist/{cjs/utils/chart → esm/core/utils}/get-hovered-plots.d.ts

@@ -1,6 +1,6 @@
-import type { PreparedXAxis, PreparedYAxis } from '../../hooks';
-import type { ChartScale } from '../../hooks/useAxisScales/types';
 import type { AxisPlotBand, AxisPlotLine } from '../../types';
+import type { PreparedXAxis, PreparedYAxis } from '../axes/types';
+import type { ChartScale } from '../scales/types';
 export declare function getHoveredPlots(args: {
     pointerX: number;
     pointerY: number;

package/dist/esm/{utils/chart → core/utils}/index.d.ts

@@ -10,6 +10,8 @@ export * from './series-type-guards';
 export * from './symbol';
 export * from './text';
 export * from './time';
-export * from './zoom';
-export * from './chart-dimensions';
+export * from '../zoom/zoom';
+export * from '../layout/chart-dimensions';
 export * from './common';
+export * from './misc';
+export * from './dispatcher';

package/dist/{cjs/utils/chart → esm/core/utils}/index.js

@@ -10,6 +10,8 @@ export * from './series-type-guards';
 export * from './symbol';
 export * from './text';
 export * from './time';
-export * from './zoom';
-export * from './chart-dimensions';
+export * from '../zoom/zoom';
+export * from '../layout/chart-dimensions';
 export * from './common';
+export * from './misc';
+export * from './dispatcher';

package/dist/esm/{utils/chart → core/utils}/series/line.d.ts

@@ -1,2 +1,2 @@
-import type { DashStyle } from 'src/constants';
+import type { DashStyle } from 'src/core/constants';
 export declare function getLineDashArray(dashStyle: DashStyle, strokeWidth?: number): string;

package/dist/{cjs/utils/chart → esm/core/utils}/series/sorting.js

@@ -1,8 +1,8 @@
 import { sort } from 'd3-array';
 import { isEmpty } from 'lodash';
 import get from 'lodash/get';
-import { SERIES_TYPE } from '../../../constants';
-import { getAxisCategories } from '../../../utils';
+import { getAxisCategories } from '../../utils';
+import { SERIES_TYPE } from '../../constants';
 function applyAxisCategoriesOrder({ series, axis, key, }) {
     var _a, _b;
     const originalCategories = (_a = axis === null || axis === void 0 ? void 0 : axis.categories) !== null && _a !== void 0 ? _a : [];

package/dist/esm/{utils/chart → core/utils}/symbol.d.ts

@@ -1,4 +1,4 @@
-import { SymbolType } from '../../constants';
+import { SymbolType } from '../constants';
 export declare const getSymbolType: (index: number) => SymbolType;
 export declare const getSymbol: (symbolType: `${SymbolType}`) => import("d3-shape").SymbolType;
 export declare function getSymbolBBoxWidth({ symbolSize, symbolType, }: {

package/dist/{cjs/utils/chart → esm/core/utils}/symbol.js

@@ -1,5 +1,5 @@
 import { symbolCircle, symbolDiamond2, symbolSquare, symbolTriangle2 } from 'd3-shape';
-import { SymbolType } from '../../constants';
+import { SymbolType } from '../constants';
 export const getSymbolType = (index) => {
     const scatterStyles = Object.values(SymbolType);
     return scatterStyles[index % scatterStyles.length];

package/dist/esm/{utils/chart → core/utils}/text.js

@@ -1,5 +1,5 @@
 import { select } from 'd3-selection';
-import { block } from '../cn';
+import { block } from '../../utils/cn';
 const b = block('chart');
 export function handleOverflowingText(tSpan, maxWidth, textWidth) {
     var _a, _b, _c;

package/dist/{cjs/utils/chart → esm/core/utils}/ticks/datetime.js

@@ -1,6 +1,6 @@
 import { bisector, tickStep } from 'd3-array';
 import { utcDay, utcHour, utcMillisecond, utcMinute, utcMonth, utcSecond, utcMonday as utcWeek, utcYear, } from 'd3-time';
-import { DAY, HOUR, MINUTE, MONTH, SECOND, WEEK, YEAR } from '../../../constants';
+import { DAY, HOUR, MINUTE, MONTH, SECOND, WEEK, YEAR } from '../../constants';
 const tickIntervals = [
     [utcSecond, 1, SECOND],
     [utcSecond, 5, 5 * SECOND],

package/dist/esm/{utils/chart → core/utils}/tooltip.d.ts

@@ -4,4 +4,4 @@ export declare function getDefaultTooltipHeaderFormat({ seriesData, yAxes, xAxis
     yAxes?: ChartYAxis[];
     xAxis?: ChartXAxis;
     dateTimeLabelFormats?: ChartTooltip['dateTimeLabelFormats'];
-}): import("../..").ValueFormat | undefined;
+}): import("..").ValueFormat | undefined;

package/dist/esm/core/utils/types.js

@@ -0,0 +1 @@
+export {};

package/dist/{cjs → esm/core}/validation/index.js

@@ -1,8 +1,8 @@
 import get from 'lodash/get';
 import isEmpty from 'lodash/isEmpty';
+import { CHART_ERROR_CODE, ChartError } from '../../libs';
 import { DEFAULT_AXIS_TYPE, SERIES_TYPE, TOOLTIP_TOTALS_BUILT_IN_AGGREGATION } from '../constants';
 import { i18n } from '../i18n';
-import { CHART_ERROR_CODE, ChartError } from '../libs';
 import { validateAxes } from './validate-axes';
 function getTypeOf(value) {
     return typeof value;

package/dist/esm/{validation → core/validation}/validate-axes.js

@@ -1,6 +1,6 @@
+import { CHART_ERROR_CODE, ChartError } from '../../libs';
 import { AXIS_TYPE } from '../constants';
 import { i18n } from '../i18n';
-import { CHART_ERROR_CODE, ChartError } from '../libs';
 const AVAILABLE_AXIS_TYPES = Object.values(AXIS_TYPE);
 function validateCategories(axis) {
     if (!axis.categories || !Array.isArray(axis.categories) || axis.categories.length === 0) {

package/dist/esm/core/zoom/index.d.ts

@@ -0,0 +1 @@
+export * from './zoom';

package/dist/esm/core/zoom/index.js

@@ -0,0 +1 @@
+export * from './zoom';

package/dist/esm/{utils/chart → core/zoom}/zoom.d.ts

@@ -1,6 +1,8 @@
-import type { PreparedSeries, PreparedXAxis, PreparedYAxis, RangeSliderState } from '../../hooks';
+import type { RangeSliderState } from '../../hooks';
 import type { ZoomState } from '../../hooks/useZoom/types';
 import type { ChartXAxis, ChartYAxis } from '../../types';
+import type { PreparedXAxis, PreparedYAxis } from '../axes/types';
+import type { PreparedSeries } from '../series';
 export declare function getZoomedSeriesData(args: {
     seriesData: PreparedSeries[];
     zoomState: Partial<ZoomState>;

package/dist/esm/{utils/chart → core/zoom}/zoom.js

@@ -1,4 +1,4 @@
-import { SERIES_TYPE } from '../../constants';
+import { SERIES_TYPE } from '../constants';
 const SERIES_TYPE_WITH_HIDDEN_POINTS = [SERIES_TYPE.Area, SERIES_TYPE.Line];
 function isValueInRange(args) {
     const { axis, max, min, value } = args;

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

@@ -1,7 +1,7 @@
 export * from './useAxis';
-export * from './useAxis/types';
+export * from '../core/axes/types';
 export * from './useAxisScales';
-export * from './useAxisScales/types';
+export * from '../core/scales/types';
 export * from './useBrush';
 export * from './useBrush/types';
 export * from './useCrosshair';
@@ -9,10 +9,10 @@ export * from './usePrevious';
 export * from './useRangeSlider';
 export * from './useRangeSlider/types';
 export * from './useSeries';
-export * from './useSeries/types';
+export * from '../core/series/types';
 export * from './useShapes';
-export * from './useSplit';
-export * from './useSplit/types';
+export * from '../core/layout/split';
+export * from '../core/layout/split-types';
 export * from './useTooltip';
 export * from './useZoom';
 export * from './useZoom/types';

package/dist/esm/hooks/index.js

@@ -1,7 +1,7 @@
 export * from './useAxis';
-export * from './useAxis/types';
+export * from '../core/axes/types';
 export * from './useAxisScales';
-export * from './useAxisScales/types';
+export * from '../core/scales/types';
 export * from './useBrush';
 export * from './useBrush/types';
 export * from './useCrosshair';
@@ -9,10 +9,10 @@ export * from './usePrevious';
 export * from './useRangeSlider';
 export * from './useRangeSlider/types';
 export * from './useSeries';
-export * from './useSeries/types';
+export * from '../core/series/types';
 export * from './useShapes';
-export * from './useSplit';
-export * from './useSplit/types';
+export * from '../core/layout/split';
+export * from '../core/layout/split-types';
 export * from './useTooltip';
 export * from './useZoom';
 export * from './useZoom/types';

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

@@ -1,7 +1,7 @@
+import type { AxesState } from '../../core/axes/types';
+import type { PreparedLegend, PreparedSeries, PreparedSeriesOptions } from '../../core/series/types';
 import type { ChartXAxis, ChartYAxis, LegendConfig } from '../../types';
 import type { PreparedChart } from '../types';
-import type { PreparedLegend, PreparedSeries, PreparedSeriesOptions } from '../useSeries/types';
-import type { AxesState } from './types';
 interface UseAxesProps {
     height: number;
     preparedChart: PreparedChart;
@@ -15,8 +15,8 @@ interface UseAxesProps {
     yAxis?: ChartYAxis[];
 }
 export declare function getAxes(props: UseAxesProps): Promise<{
-    xAxis: import("./types").PreparedXAxis | null;
-    yAxis: import("./types").PreparedYAxis[];
+    xAxis: import("../../core/axes/types").PreparedXAxis | null;
+    yAxis: import("../../core/axes/types").PreparedYAxis[];
 }>;
 export declare function useAxis(props: UseAxesProps): AxesState;
 export {};

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import isEqual from 'lodash/isEqual';
-import { getWidthOccupiedByYAxis } from '../../utils';
-import { getPreparedXAxis } from './x-axis';
-import { getPreparedYAxis } from './y-axis';
+import { getPreparedXAxis } from '../../core/axes/x-axis';
+import { getPreparedYAxis } from '../../core/axes/y-axis';
+import { getWidthOccupiedByYAxis } from '../../core/utils';
 export async function getAxes(props) {
     var _a, _b;
     const { boundsHeight, height, preparedChart, legendConfig, preparedLegend, preparedSeries, width, xAxis, yAxis, } = props;

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

@@ -1,84 +1 @@
-import type { DashStyle } from '../../constants';
-import type { AxisCrosshair, AxisPlotBand, BaseTextStyle, ChartAxis, ChartAxisLabels, ChartAxisRangeSlider, ChartAxisTitleAlignment, ChartAxisTitleRotation, ChartAxisType, DeepRequired, MeaningfulAny, PlotLayerPlacement } from '../../types';
-type PreparedAxisLabels = Omit<ChartAxisLabels, 'enabled' | 'padding' | 'style' | 'autoRotation'> & Required<Pick<ChartAxisLabels, 'enabled' | 'padding' | 'margin' | 'rotation' | 'html'>> & {
-    style: BaseTextStyle;
-    rotation: number;
-    height: number;
-    width: number;
-    lineHeight: number;
-    maxWidth: number;
-};
-export type PreparedAxisPlotBand = Required<AxisPlotBand> & {
-    custom?: MeaningfulAny;
-    label: {
-        text: string;
-        style: BaseTextStyle;
-        padding: number;
-        qa?: string;
-    };
-};
-type PreparedAxisCrosshair = Required<AxisCrosshair>;
-export type PreparedAxisPlotLine = {
-    value: number;
-    color: string;
-    width: number;
-    dashStyle: DashStyle;
-    opacity: number;
-    layerPlacement: PlotLayerPlacement;
-    custom?: MeaningfulAny;
-    label: {
-        text: string;
-        style: BaseTextStyle;
-        padding: number;
-        qa?: string;
-    };
-};
-export type PreparedRangeSlider = DeepRequired<Omit<ChartAxisRangeSlider, 'defaultRange'>> & {
-    defaultRange?: ChartAxisRangeSlider['defaultRange'];
-};
-export type PreparedAxisTickMarks = {
-    enabled: boolean;
-    length: number;
-};
-type PreparedBaseAxis = Omit<ChartAxis, 'type' | 'labels' | 'plotLines' | 'plotBands'> & {
-    type: ChartAxisType;
-    labels: PreparedAxisLabels;
-    title: {
-        height: number;
-        width: number;
-        text: string;
-        margin: number;
-        style: BaseTextStyle;
-        align: ChartAxisTitleAlignment;
-        maxRowCount: number;
-        rotation: ChartAxisTitleRotation;
-        maxWidth: number;
-        html: boolean;
-    };
-    min?: number;
-    grid: {
-        enabled: boolean;
-    };
-    maxPadding: number;
-    ticks: {
-        pixelInterval?: number;
-    };
-    tickMarks: PreparedAxisTickMarks;
-    plotIndex: number;
-    plotLines: PreparedAxisPlotLine[];
-    plotBands: PreparedAxisPlotBand[];
-    crosshair: PreparedAxisCrosshair;
-};
-export type PreparedXAxis = PreparedBaseAxis & {
-    rangeSlider: PreparedRangeSlider;
-    position: 'bottom';
-};
-export type PreparedYAxis = PreparedBaseAxis & {
-    position: 'left' | 'right';
-};
-export type PreparedAxis = PreparedXAxis | PreparedYAxis;
-export type AxesState = {
-    xAxis: PreparedXAxis | null;
-    yAxis: PreparedYAxis[];
-};
-export {};
+export * from '../../core/axes/types';

package/dist/esm/hooks/useAxis/types.js

@@ -1 +1 @@
-export {};
+export * from '../../core/axes/types';

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

@@ -1,7 +1,7 @@
+import type { ChartScale } from '../../core/scales/types';
 import type { PreparedAxis, PreparedSeries, PreparedSplit, PreparedYAxis, RangeSliderState, ZoomState } from '../../hooks';
-import type { ChartScale } from './types';
-export { createXScale } from './x-scale';
-export { createYScale } from './y-scale';
+export { createXScale } from '../../core/scales/x-scale';
+export { createYScale } from '../../core/scales/y-scale';
 type Args = {
     boundsWidth: number;
     boundsHeight: number;
@@ -18,7 +18,7 @@ type ReturnValue = {
     yScale?: (ChartScale | undefined)[];
 };
 export declare const createScales: (args: Args) => {
-    xScale: import("d3-scale").ScaleLinear<number, number, never> | import("d3-scale").ScaleBand<string> | import("d3-scale").ScaleTime<number, number, never> | undefined;
+    xScale: import("d3-scale").ScaleBand<string> | import("d3-scale").ScaleLinear<number, number, never> | import("d3-scale").ScaleTime<number, number, never> | undefined;
     yScale: (ChartScale | undefined)[];
 };
 /**

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

@@ -1,12 +1,12 @@
 import React from 'react';
 import get from 'lodash/get';
+import { clusterYAxes } from '../../core/scales/utils';
+import { createXScale } from '../../core/scales/x-scale';
+import { createYScale } from '../../core/scales/y-scale';
+import { getAxisHeight, getOnlyVisibleSeries, isAxisRelatedSeries } from '../../core/utils';
 import { getTickValues } from '../../components/AxisY/utils';
-import { getAxisHeight, getOnlyVisibleSeries, isAxisRelatedSeries } from '../../utils';
-import { clusterYAxes } from './utils';
-import { createXScale } from './x-scale';
-import { createYScale } from './y-scale';
-export { createXScale } from './x-scale';
-export { createYScale } from './y-scale';
+export { createXScale } from '../../core/scales/x-scale';
+export { createYScale } from '../../core/scales/y-scale';
 export const createScales = (args) => {
     const { boundsWidth, boundsHeight, isRangeSlider, rangeSliderState, series, split, xAxis, yAxis, zoomState, } = args;
     // For range slider: always use all series regardless of visibility so the slider domain

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

@@ -1,5 +1,5 @@
 import type { BrushBehavior } from 'd3-brush';
-import type { ZoomType } from '../../constants';
+import type { ZoomType } from '../../core/constants';
 import type { ChartBrush, DeepRequired } from '../../types';
 export type BrushSelection = [number, number] | [[number, number], [number, number]];
 export interface BrushArea {

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { select } from 'd3-selection';
 import { line } from 'd3-shape';
-import { getAxisPlotsPosition, getLineDashArray } from '../../utils';
+import { getAxisPlotsPosition, getLineDashArray } from '../../core/utils';
 import { getXValue, getYValue } from '../useShapes/utils';
 import { useCrosshairHover } from './useCrosshairHover';
 export const useCrosshair = (props) => {

package/dist/esm/hooks/useCrosshair/useCrosshairHover.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { EventType } from '../../utils';
+import { EventType } from '../../core/utils';
 export const useCrosshairHover = ({ dispatcher, enabled }) => {
     const [{ hovered, pointerPosition }, setCrosshairState] = React.useState({});
     React.useEffect(() => {

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

@@ -1,4 +1,4 @@
-import type { PreparedSplit } from '../useSplit/types';
+import type { PreparedSplit } from '../../core/layout/split-types';
 import type { PreparedRangeSliderProps, UseRangeSliderProps } from './types';
 export declare const EMPTY_PREPARED_SPLIT: PreparedSplit;
 export declare function useRangeSlider(props: UseRangeSliderProps): PreparedRangeSliderProps;

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { pointer } from 'd3-selection';
 import { isEqual } from 'lodash';
-import { SERIES_TYPE } from '../../constants';
-import { isBandScale } from '../../utils';
+import { SERIES_TYPE } from '../../core/constants';
+import { isBandScale } from '../../core/utils';
 import { useAxis } from '../useAxis';
 import { useAxisScales } from '../useAxisScales';
 import { getNormalizedSelection, isOneDimensionalSelection } from '../useBrush/utils';

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

@@ -1,7 +1,7 @@
+import type { ChartScale } from '../../core/scales/types';
 import type { ChartXAxis, ChartYAxis, LegendConfig } from '../../types';
 import type { PreparedChart } from '../types';
 import type { PreparedRangeSlider, PreparedXAxis, PreparedYAxis } from '../useAxis/types';
-import type { ChartScale } from '../useAxisScales/types';
 import type { BrushSelection, UseBrushProps } from '../useBrush/types';
 import type { PreparedLegend, PreparedSeries, PreparedSeriesOptions } from '../useSeries/types';
 export type RangeSliderState = {

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

@@ -1,6 +1,6 @@
+import type { ChartScale } from '../../core/scales/types';
 import type { PreparedChart } from '../types';
 import type { PreparedRangeSlider } from '../useAxis/types';
-import type { ChartScale } from '../useAxisScales/types';
 import type { BrushSelection } from '../useBrush/types';
 import type { PreparedLegend } from '../useSeries/types';
 import type { RangeSliderState } from './types';

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

@@ -1,4 +1,4 @@
-import { isBandScale } from '../../utils';
+import { isBandScale } from '../../core/utils';
 export function getRangeSliderOffsetTop(args) {
     var _a, _b;
     const { height, preparedChart, preparedLegend, preparedRangeSlider } = args;

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

@@ -1,5 +1,5 @@
+import type { PreparedLegend, PreparedSeries } from '../../core/series/types';
 import type { ChartData } from '../../types';
-import type { PreparedLegend, PreparedSeries } from './types';
 export declare const getVisibleSeries: ({ preparedSeries, activeLegendItems, }: {
     preparedSeries: PreparedSeries[];
     activeLegendItems: string[];

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

@@ -1,7 +1,7 @@
 import { group } from 'd3-array';
 import { scaleOrdinal } from 'd3-scale';
-import { getSeriesNames } from '../../utils';
-import { prepareSeries } from './prepareSeries';
+import { prepareSeries } from '../../core/series/prepareSeries';
+import { getSeriesNames } from '../../core/utils';
 export const getVisibleSeries = ({ preparedSeries, activeLegendItems, }) => {
     return preparedSeries.map((singleSeries) => {
         if (singleSeries.legend.enabled) {