@gravity-ui/charts 1.41.0 → 1.41.1

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

@@ -1,4 +1,4 @@
-import type { BaseType } from 'd3';
+import type { BaseType } from 'd3-selection';
 import type { SERIES_TYPE } from '../../constants';
 import type { MeaningfulAny } from '../misc';
 import type { BaseSeries, BaseSeriesData, BaseSeriesLegend } from './base';

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

@@ -1,4 +1,5 @@
-import type { AxisDomain, AxisScale, ScaleBand, ScaleTime } from 'd3';
+import type { AxisDomain, AxisScale } from 'd3-axis';
+import type { ScaleBand, ScaleTime } from 'd3-scale';
 import type { ChartScale, PreparedAxis, PreparedAxisPlotBand, PreparedSplit } from '../../../hooks';
 import type { ChartAxis } from '../../../types';
 import type { AxisDirection } from '../types';

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

@@ -1,4 +1,4 @@
-import { ascending, descending, reverse, sort } from 'd3';
+import { ascending, descending, reverse, sort } from 'd3-array';
 import clamp from 'lodash/clamp';
 import { getScaleTicks } from '../ticks';
 export function getTicksCountByPixelInterval({ axis, axisWidth, }) {

package/dist/esm/utils/chart/axis-generators/bottom.d.ts

@@ -1,4 +1,5 @@
-import type { AxisDomain, AxisScale, Selection } from 'd3';
+import type { AxisDomain, AxisScale } from 'd3-axis';
+import type { Selection } from 'd3-selection';
 import type { BaseTextStyle, MeaningfulAny } from '../../../types';
 interface AxisBottomArgs {
     domain: {

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

@@ -1,4 +1,5 @@
-import { path, select } from 'd3';
+import { path } from 'd3-path';
+import { select } from 'd3-selection';
 import { getAxisItems, getXAxisOffset, getXTickPosition } from '../axis/common';
 import { calculateCos, calculateSin } from '../math';
 import { getLabelsSize, setEllipsisForOverflowText } from '../text';

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

@@ -1,4 +1,5 @@
-import { range, scaleLinear } from 'd3';
+import { range } from 'd3-array';
+import { scaleLinear } from 'd3-scale';
 export function getDomainForContinuousColorScale(args) {
     const { series } = args;
     const values = series.reduce((acc, s) => {

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

@@ -1,4 +1,5 @@
-import { group, select } from 'd3';
+import { group } from 'd3-array';
+import { select } from 'd3-selection';
 import get from 'lodash/get';
 import isNil from 'lodash/isNil';
 import sortBy from 'lodash/sortBy';

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

@@ -1,4 +1,4 @@
-import type { AxisDomain } from 'd3';
+import type { AxisDomain } from 'd3-axis';
 import type { PreparedAxis } from '../../hooks';
 import type { CustomFormat, ValueFormat } from '../../types';
 export declare function getFormattedValue(args: {

package/dist/esm/utils/chart/get-closest-data.js

@@ -1,4 +1,5 @@
-import { Delaunay, bisector, sort } from 'd3';
+import { bisector, sort } from 'd3-array';
+import { Delaunay } from 'd3-delaunay';
 import get from 'lodash/get';
 import groupBy from 'lodash/groupBy';
 function getClosestYIndex(items, y) {

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

@@ -1,4 +1,4 @@
-import type { Selection } from 'd3';
+import type { Selection } from 'd3-selection';
 export declare function createGradientRect(container: Selection<SVGGElement, unknown, null, undefined>, args: {
     x?: number;
     y?: number;

package/dist/esm/utils/chart/series/sorting.js

@@ -1,4 +1,4 @@
-import { sort } from 'd3';
+import { sort } from 'd3-array';
 import { isEmpty } from 'lodash';
 import get from 'lodash/get';
 import { SERIES_TYPE } from '../../../constants';

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

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

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

@@ -1,4 +1,4 @@
-import type { Selection } from 'd3';
+import type { Selection } from 'd3-selection';
 import type { BaseTextStyle, MeaningfulAny } from '../../types';
 export declare function handleOverflowingText(tSpan: SVGTSpanElement | null, maxWidth: number, textWidth?: number): void;
 export declare function setEllipsisForOverflowText<T>(selection: Selection<SVGTextElement, T, null, unknown>, maxWidth: number, textWidth?: number): void;

package/dist/esm/utils/chart/ticks/datetime.js

@@ -1,4 +1,5 @@
-import { bisector, tickStep, utcDay, utcHour, utcMillisecond, utcMinute, utcMonth, utcSecond, utcMonday as utcWeek, utcYear, } from 'd3';
+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';
 const tickIntervals = [
     [utcSecond, 1, SECOND],

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

@@ -1,4 +1,4 @@
-import type { AxisDomain, AxisScale } from 'd3';
+import type { AxisDomain, AxisScale } from 'd3-axis';
 import type { ChartScale } from '../../../hooks';
 export declare function getScaleTicks({ scale, ticksCount, }: {
     scale: ChartScale | AxisScale<AxisDomain>;

package/dist/esm/utils/dispatcher.js

@@ -1,4 +1,4 @@
-import { dispatch } from 'd3';
+import { dispatch } from 'd3-dispatch';
 export const EventType = {
     CLICK_CHART: 'click-chart',
     HOVER_SHAPE: 'hover-shape',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/charts",
-  "version": "1.41.0",
+  "version": "1.41.1",
   "description": "A flexible JavaScript library for data visualization and chart rendering using React",
   "license": "MIT",
   "main": "dist/cjs/index.js",
@@ -70,9 +70,21 @@
     "@gravity-ui/date-utils": "^2.5.4",
     "@gravity-ui/i18n": "^1.6.0",
     "@gravity-ui/icons": "^2.15.0",
-    "d3": "^7.9.0",
+    "d3-array": "^3.2.4",
+    "d3-axis": "^3.0.0",
+    "d3-brush": "^3.0.0",
+    "d3-color": "^3.1.0",
+    "d3-delaunay": "^6.0.4",
+    "d3-dispatch": "^3.0.1",
+    "d3-hierarchy": "^3.1.2",
+    "d3-interpolate": "^3.0.1",
+    "d3-path": "^3.1.0",
+    "d3-random": "^3.0.1",
     "d3-sankey": "^0.12.3",
+    "d3-scale": "^4.0.2",
     "d3-selection": "^3.0.0",
+    "d3-shape": "^3.2.0",
+    "d3-time": "^3.1.0",
     "html-react-parser": "^5.2.17",
     "lodash": "^4.17.21",
     "tslib": "^2.6.2"