@semcore/d3-chart 3.60.2-prerelease.0 → 3.61.0-prerelease.0

package/lib/esm/style/radar.shadow.css

@@ -1,19 +1,19 @@
 SAxis {
-  stroke: var(--intergalactic-chart-grid-line, #e0e1e9);
+  stroke: var(--intergalactic-chart-grid-line, oklch(0.95 0.002 180));
   stroke-width: 1;
   fill: transparent;
 }
 
 SAxisLine,
 SAxisTick {
-  stroke: var(--intergalactic-chart-grid-line, #e0e1e9);
+  stroke: var(--intergalactic-chart-grid-line, oklch(0.95 0.002 180));
   stroke-width: 1;
   stroke-dasharray: 2;
   fill: transparent;
 }
 
 SAxisLine[active] {
-  stroke: var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6);
+  stroke: var(--intergalactic-chart-grid-y-accent-hover-line, oklch(0.88 0.002 175.6));
 }
 
 SAxisLabel {
@@ -31,7 +31,7 @@ SAxisLabel[yDirection] {
 }
 
 SPolygon {
-  fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
+  fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.153 278.4));
   opacity: 0.2;
 }
 
@@ -47,9 +47,9 @@ SPolygon[pattern][color] {
 
 SPolygonDot {
   stroke-width: 2px;
-  stroke: var(--intergalactic-chart-grid-border, #ffffff);
+  stroke: var(--intergalactic-chart-grid-border, #fff);
   r: 6px;
-  fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
+  fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.153 278.4));
 }
 
 SPolygonDot[transparent] {
@@ -61,7 +61,7 @@ SPolygonDot[color] {
 }
 
 SPolygonLine {
-  stroke: var(--intergalactic-chart-palette-order-1, #2bb3ff);
+  stroke: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.153 278.4));
   stroke-width: 3;
   fill: transparent;
 }
@@ -76,5 +76,5 @@ SPolygonLine[color] {
 
 SPieRect {
   outline: none;
-  fill: var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3));
+  fill: var(--intergalactic-chart-grid-bar-chart-hover, oklch(0.177 0.033 175.6 / 0.028));
 }

package/lib/esm/style/radial-tree.shadow.css

@@ -2,11 +2,11 @@
 
 SRadian {
   cursor: pointer;
-  fill: var(--intergalactic-text-large-info, #008ff8);
+  fill: var(--intergalactic-text-large-info, oklch(0.53 0.214 263.4));
 }
 
 SLine {
-  stroke: var(--intergalactic-text-large-info, #008ff8);
+  stroke: var(--intergalactic-text-large-info, oklch(0.53 0.214 263.4));
 }
 
 SLine[stroke] {
@@ -22,7 +22,7 @@ SCap {
 }
 
 SCap[pattern] {
-  stroke: var(--intergalactic-chart-grid-border, #ffffff);
+  stroke: var(--intergalactic-chart-grid-border, #fff);
   stroke-width: 1px;
 }
 

package/lib/esm/style/reference.shadow.css

@@ -1,11 +1,11 @@
 SReferenceLine {
   fill: none;
-  stroke: var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6);
+  stroke: var(--intergalactic-chart-grid-y-accent-hover-line, oklch(0.88 0.002 175.6));
 }
 
 STitle {
   font-size: var(--intergalactic-fs-100, 12px);
-  fill: var(--intergalactic-chart-grid-text-label, #6c6e79);
+  fill: var(--intergalactic-chart-grid-text-label, oklch(0.088 0.026 147.7 / 0.583));
   transform-origin: var(--transform-origin);
 }
 
@@ -31,13 +31,13 @@ STitle[position='left'] {
 }
 
 SBackground {
-  fill: var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2));
+  fill: var(--intergalactic-chart-grid-period-bg, oklch(0.96 0.001 180));
 }
 SStripes {
   fill: var(--fill);
 }
 
 SStripesPatternPath {
-  stroke: var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));
+  stroke: var(--intergalactic-chart-grid-period-pattern, oklch(0.95 0.002 180));
   stroke-width: 1px;
 }

package/lib/esm/style/scatterplot.shadow.css

@@ -1,7 +1,7 @@
 @import './var.css';
 
 SScatterPlot {
-  fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
+  fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.153 278.4));
   transition-property: cx, cy;
   transition-duration: var(--duration);
   transition-timing-function: ease-in-out;
@@ -29,7 +29,7 @@ SScatterPlot[transparent] {
 SValue {
   text-anchor: middle;
   font-size: var(--intergalactic-fs-50, 10px);
-  stroke: var(--intergalactic-chart-palette-order-9, #008ff8);
+  stroke: var(--intergalactic-chart-palette-order-9, oklch(0.53 0.139 278.4));
 }
 
 SValue[color] {

package/lib/esm/style/tooltip.shadow.css

@@ -4,16 +4,16 @@ STooltip {
   font-size: var(--intergalactic-fs-100, 12px);
   line-height: var(--intergalactic-lh-100, 133%);
   position: relative;
-  background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
+  background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
   border-radius: var(--intergalactic-popper-rounded, 6px);
-  border: 1px solid var(--intergalactic-border-secondary, #e0e1e9);
+  border: 1px solid var(--intergalactic-border-secondary, oklch(0.176 0.033 175.7 / 0.07));
   box-sizing: border-box;
-  box-shadow: var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));
+  box-shadow: var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px oklch(0.176 0.033 175.7 / 0.07));
   padding: var(--intergalactic-spacing-3x, 12px);
 }
 
 STitle {
-  color: var(--intergalactic-text-secondary, #6c6e79);
+  color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
   margin-bottom: var(--intergalactic-spacing-2x, 8px);
 }
 
@@ -35,7 +35,7 @@ SDotCircle[color] {
 
 
 SFooter {
-  background: var(--intergalactic-bg-secondary-neutral, #f4f5f9);
+  background: var(--intergalactic-bg-secondary-neutral, oklch(0.98 0.001 180));
   padding: var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);
   border-radius: 0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);
   margin: var(--intergalactic-spacing-3x, 12px) calc(-1 * var(--intergalactic-spacing-3x, 12px)) calc(-1 * var(--intergalactic-spacing-3x, 12px));

package/lib/esm/style/venn.shadow.css

@@ -1,8 +1,8 @@
 @import './var.css';
 
 SCircle {
-  fill: var(--intergalactic-chart-palette-order-2, #59ddaa);
-  stroke: var(--intergalactic-chart-grid-border, #ffffff);
+  fill: var(--intergalactic-chart-palette-order-2, oklch(0.82 0.15 170));
+  stroke: var(--intergalactic-chart-grid-border, #fff);
   stroke-width: 2px;
   fill-opacity: 0.5;
   transition-property: cx, cy;
@@ -34,7 +34,7 @@ SCircle[transparent] {
 }
 
 SIntersection {
-  stroke: var(--intergalactic-chart-grid-border, #ffffff);
+  stroke: var(--intergalactic-chart-grid-border, #fff);
   stroke-width: 2px;
   fill-opacity: 0;
 

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -5,12 +5,12 @@ import it from "./it.json.mjs";
 import ja from "./ja.json.mjs";
 import ko from "./ko.json.mjs";
 import nl from "./nl.json.mjs";
+import pl from "./pl.json.mjs";
 import pt from "./pt.json.mjs";
+import sv from "./sv.json.mjs";
 import tr from "./tr.json.mjs";
 import vi from "./vi.json.mjs";
 import zh from "./zh.json.mjs";
-import pl from "./pl.json.mjs";
-import sv from "./sv.json.mjs";
 var localizedMessages = {
   en,
   es,

package/lib/esm/translations/es.json.mjs

@@ -1,6 +1,7 @@
 const trend = "Tendencia";
 const legendForChart = "Leyenda del gráfico";
 const es = {
+  "d3Chart.Plot:aria-label": "Gráfico",
   trend,
   legendForChart
 };

package/lib/esm/translations/fr.json.mjs

@@ -1,6 +1,7 @@
 const trend = "Tendance";
 const legendForChart = "Légende du diagramme";
 const fr = {
+  "d3Chart.Plot:aria-label": "Diagramme",
   trend,
   legendForChart
 };

package/lib/esm/translations/it.json.mjs

@@ -1,6 +1,7 @@
 const trend = "Trend";
 const legendForChart = "Legenda del grafico";
 const it = {
+  "d3Chart.Plot:aria-label": "Grafico",
   trend,
   legendForChart
 };

package/lib/esm/translations/ja.json.mjs

@@ -1,6 +1,7 @@
 const trend = "トレンド";
 const legendForChart = "チャートの凡例";
 const ja = {
+  "d3Chart.Plot:aria-label": "チャート",
   trend,
   legendForChart
 };

package/lib/esm/translations/ko.json.mjs

@@ -1,6 +1,7 @@
 const trend = "추세";
 const legendForChart = "차트 범례";
 const ko = {
+  "d3Chart.Plot:aria-label": "차트",
   trend,
   legendForChart
 };

package/lib/esm/translations/nl.json.mjs

@@ -1,6 +1,7 @@
 const trend = "Trend";
 const legendForChart = "Legenda van grafiek";
 const nl = {
+  "d3Chart.Plot:aria-label": "Grafiek",
   trend,
   legendForChart
 };

package/lib/esm/translations/pl.json.mjs

@@ -1,6 +1,7 @@
 const trend = "Trend";
 const legendForChart = "Legenda wykresu";
 const pl = {
+  "d3Chart.Plot:aria-label": "Wykres",
   trend,
   legendForChart
 };

package/lib/esm/translations/pt.json.mjs

@@ -1,6 +1,7 @@
 const trend = "Tendência";
 const legendForChart = "Legenda do gráfico";
 const pt = {
+  "d3Chart.Plot:aria-label": "Gráfico",
   trend,
   legendForChart
 };

package/lib/esm/translations/sv.json.mjs

@@ -1,6 +1,7 @@
 const trend = "Trend";
 const legendForChart = "Diagramförklaring";
 const sv = {
+  "d3Chart.Plot:aria-label": "Diagram",
   trend,
   legendForChart
 };

package/lib/esm/translations/tr.json.mjs

@@ -1,6 +1,7 @@
 const trend = "Trend";
-const legendForChart = "Chart legend";
+const legendForChart = "Grafik açıklaması";
 const tr = {
+  "d3Chart.Plot:aria-label": "Grafik",
   trend,
   legendForChart
 };

package/lib/esm/translations/vi.json.mjs

@@ -1,6 +1,7 @@
 const trend = "Xu hướng";
 const legendForChart = "Chú thích biểu đồ";
 const vi = {
+  "d3Chart.Plot:aria-label": "Biểu đồ",
   trend,
   legendForChart
 };

package/lib/esm/translations/zh.json.mjs

@@ -1,6 +1,7 @@
 const trend = "趋势";
 const legendForChart = "图例";
 const zh = {
+  "d3Chart.Plot:aria-label": "图表",
   trend,
   legendForChart
 };

package/lib/esm/utils.mjs

@@ -3,9 +3,9 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import EventEmitter from "@semcore/utils/lib/eventEmitter";
+import EventEmitter from "@semcore/core/lib/utils/eventEmitter";
 import { extent, bisector } from "d3-array";
-import { scaleSqrt, scaleQuantize, scaleBand } from "d3-scale";
+import { scaleQuantize, scaleBand, scaleSqrt } from "d3-scale";
 var eventToPoint = function eventToPoint2(event, svgRoot) {
   var node = event.currentTarget || event.target;
   var rect = svgRoot.getBoundingClientRect();
@@ -80,7 +80,7 @@ var getIndexFromData = function getIndexFromData2(data, scale, key, value) {
     return index >= 0 ? index : null;
   } else if ("invert" in scale && typeof scale.invert === "function" && !Array.isArray(data)) {
     var keys = Object.keys(data);
-    var domain = keys.map(function(key2, index2) {
+    var domain = keys.map(function(_key, index2) {
       return keys.slice(0, index2).reduce(function(acc, item) {
         if (data[item] !== interpolateValue) {
           acc = acc + data[item];
@@ -88,22 +88,22 @@ var getIndexFromData = function getIndexFromData2(data, scale, key, value) {
         return acc;
       }, 0);
     });
-    var _key = null;
+    var _key2 = null;
     var lastKeyIndex = keys.length - 1;
     if (value > domain[lastKeyIndex]) {
-      _key = keys[lastKeyIndex];
+      _key2 = keys[lastKeyIndex];
     } else {
       for (var i = 0; i < lastKeyIndex; i++) {
         if (i === 0 && value < domain[i]) {
           break;
         }
         if (value > domain[i] && value < domain[i + 1]) {
-          _key = keys[i];
+          _key2 = keys[i];
           break;
         }
       }
     }
-    return _key;
+    return _key2;
   } else {
     console.warn("[d3-chart/utils/getIndexFromData] encountered incompatible scale type");
     return null;
@@ -156,8 +156,8 @@ var scaleToBand = function scaleToBand2(scale) {
 var memoize = function memoize2(func) {
   var results = {};
   return function() {
-    for (var _len = arguments.length, args = new Array(_len), _key2 = 0; _key2 < _len; _key2++) {
-      args[_key2] = arguments[_key2];
+    for (var _len = arguments.length, args = new Array(_len), _key3 = 0; _key3 < _len; _key3++) {
+      args[_key3] = arguments[_key3];
     }
     var argsKey = args.join(",");
     if (!results[argsKey]) {
@@ -196,7 +196,7 @@ var uniqueId = function uniqueId2() {
   var prefix = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "id-";
   return "".concat(prefix).concat(idCounter++);
 };
-var interpolateValue = Symbol("intergalactic-d3-chart-line-interpolate");
+var interpolateValue = /* @__PURE__ */ Symbol("intergalactic-d3-chart-line-interpolate");
 var getChartDefaultColorName = function getChartDefaultColorName2(index) {
   index++;
   if (index < 1) index = 1;
@@ -240,7 +240,7 @@ var calculateBubbleDomain = function calculateBubbleDomain2(data, key, range) {
   var maxValueShift = valueScale(maxestValue) * pixelRatio;
   min -= minValueShift * 2;
   max += maxValueShift * 2;
-  return [min, max];
+  return [Math.floor(min), Math.floor(max)];
 };
 var PlotEventEmitter = EventEmitter;
 export {

package/lib/types/Area.d.ts

@@ -1,15 +1,16 @@
-import { UnknownProperties } from '@semcore/core';
-import { Context } from './context';
-import { CurveFactory } from 'd3-shape';
-import { IntergalacticD3Component } from './Plot';
-import { PatternsConfig } from './Pattern';
+import type { UnknownProperties } from '@semcore/core';
+import type { CurveFactory } from 'd3-shape';
+
+import type { Context } from './context';
+import type { PatternsConfig } from './Pattern';
+import type { IntergalacticD3Component } from './Plot';
 
 /** @deprecated */
 export interface IAreaProps extends AreaProps, UnknownProperties {}
 export type AreaProps = Context & {
   /** Field name from `data` array item for the XAxis */
   x?: string;
-  /** Field name from `data` array item for the YAxis*/
+  /** Field name from `data` array item for the YAxis */
   y?: string;
   /** Line color */
   color?: string;
@@ -25,6 +26,8 @@ export type AreaProps = Context & {
   transparent?: boolean;
   /** Enables charts patterns that enhances charts accessibility */
   patterns?: PatternsConfig;
+  /** Callback triggered when a user clicks on a chart at a position corresponding to a data item */
+  onClick?: (index: number, event: React.SyntheticEvent) => void;
 };
 
 /** @deprecated */

package/lib/types/Axis.d.ts

@@ -1,6 +1,7 @@
-import { IntergalacticD3Component } from './Plot';
-import { Context } from './context';
-import { UnknownProperties } from '@semcore/core';
+import type { UnknownProperties } from '@semcore/core';
+
+import type { Context } from './context';
+import type { IntergalacticD3Component } from './Plot';
 
 /** @deprecated */
 export interface IXAxisProps extends XAxisProps, UnknownProperties {}
@@ -37,6 +38,12 @@ export type AxisTicksProps = Context & {
   hide?: boolean;
   /** Values for axis ticks */
   ticks?: any[];
+  /** Enables multiline tick labels, applicable only for band scales  */
+  multiline?: boolean;
+  /**
+   * Enable `--intergalactic-text-primary` color for ticks
+   */
+  primaryText?: boolean;
 };
 
 /** @deprecated */

package/lib/types/Bar.d.ts

@@ -1,9 +1,10 @@
-import React from 'react';
-import { UnknownProperties } from '@semcore/core';
-import { Context } from './context';
-import { IntergalacticD3Component } from './Plot';
-import { ScaleBand, ScaleLinear } from 'd3-scale';
-import { PatternsConfig } from './Pattern';
+import type { UnknownProperties } from '@semcore/core';
+import type { ScaleBand, ScaleLinear } from 'd3-scale';
+import type React from 'react';
+
+import type { Context } from './context';
+import type { PatternsConfig } from './Pattern';
+import type { IntergalacticD3Component } from './Plot';
 
 /** @deprecated */
 export interface IBarProps extends BarProps, UnknownProperties {}

package/lib/types/Bubble.d.ts

@@ -1,8 +1,9 @@
-import { Intergalactic, UnknownProperties } from '@semcore/core';
-import { Context } from './context';
-import { TooltipType } from './Tooltip';
-import { IntergalacticD3Component } from './Plot';
-import { PatternsConfig } from './Pattern';
+import type { Intergalactic, UnknownProperties } from '@semcore/core';
+
+import type { Context } from './context';
+import type { PatternsConfig } from './Pattern';
+import type { IntergalacticD3Component } from './Plot';
+import type { TooltipType } from './Tooltip';
 
 /** @deprecated */
 export interface IBubbleProps extends BubbleProps, UnknownProperties {}
@@ -29,6 +30,8 @@ export type BubbleProps = Context & {
   transparent?: boolean;
   /** Enables charts patterns that enhances charts accessibility */
   patterns?: PatternsConfig;
+  /** Callback triggered when a user clicks on a bubble */
+  onClick?: (index: number, event: React.SyntheticEvent) => void;
 };
 
 /** @deprecated */
@@ -38,6 +41,14 @@ export type BubbleContext = {
   index: number;
 };
 
+export type BubbleCircleProps = {
+  /** Item data index */
+  index: number;
+
+  /** Item visibility */
+  visible?: boolean;
+};
+
 declare const Bubble: IntergalacticD3Component<Intergalactic.Tag, BubbleProps, BubbleContext> & {
   Tooltip: TooltipType<
     BubbleProps & {
@@ -51,6 +62,11 @@ declare const Bubble: IntergalacticD3Component<Intergalactic.Tag, BubbleProps, B
       index: number;
     }
   >;
+  Circle: IntergalacticD3Component<
+    'g',
+    BubbleCircleProps,
+    Context
+  >;
 };
 
 export default Bubble;

package/lib/types/ClipPath.d.ts

@@ -1,6 +1,7 @@
-import React from 'react';
-import { UnknownProperties } from '@semcore/core';
-import { IntergalacticD3Component } from './Plot';
+import type { UnknownProperties } from '@semcore/core';
+import type React from 'react';
+
+import type { IntergalacticD3Component } from './Plot';
 
 /** @deprecated */
 export interface IClipPath extends ClipPath, UnknownProperties {}

package/lib/types/CompactHorizontalBar.d.ts

@@ -1,11 +1,10 @@
-import React from 'react';
-import { UnknownProperties } from '@semcore/core';
-import { Context } from './context';
-import { BackgroundProps } from './Bar';
-import { IntergalacticD3Component } from './Plot';
-import { PatternsConfig } from './Pattern';
-import { BoxProps } from '@semcore/flex-box';
-import { TooltipType } from './Tooltip';
+import type { BoxProps } from '@semcore/base-components';
+
+import type { BackgroundProps } from './Bar';
+import type { Context } from './context';
+import type { PatternsConfig } from './Pattern';
+import type { IntergalacticD3Component } from './Plot';
+import type { TooltipType } from './Tooltip';
 
 export type CompactHorizontalBarProps = Context & {
   /** Field name from `data` array item for the XAxis */

package/lib/types/Donut.d.ts

@@ -1,8 +1,9 @@
-import { UnknownProperties } from '@semcore/core';
-import { Context } from './context';
-import { TooltipType } from './Tooltip';
-import { IntergalacticD3Component } from './Plot';
-import { PatternsConfig } from './Pattern';
+import type { UnknownProperties } from '@semcore/core';
+
+import type { Context } from './context';
+import type { PatternsConfig } from './Pattern';
+import type { IntergalacticD3Component } from './Plot';
+import type { TooltipType } from './Tooltip';
 
 /** @deprecated */
 export interface IDonutProps extends DonutProps, UnknownProperties {}
@@ -27,6 +28,8 @@ export type DonutProps = Context & {
   paddingAngle?: number;
   /** Enables charts patterns that enhances charts accessibility */
   patterns?: PatternsConfig;
+  /** Callback triggered when a user clicks on a pie */
+  onClick?: (key: string, event: React.SyntheticEvent) => void;
 };
 
 /** @deprecated */

package/lib/types/GroupBar.d.ts

@@ -1,9 +1,9 @@
-import { UnknownProperties } from '@semcore/core';
-import { BarContext, BarProps } from './Bar';
-import { HorizontalBarProps } from './HorizontalBar';
-import { Context } from './context';
-import { IntergalacticD3Component } from './Plot';
-import { PatternsConfig } from './Pattern';
+import type { UnknownProperties } from '@semcore/core';
+
+import type { BarContext, BarProps } from './Bar';
+import type { Context } from './context';
+import type { HorizontalBarProps } from './HorizontalBar';
+import type { IntergalacticD3Component } from './Plot';
 
 /** @deprecated */
 export interface IGroupBarProps extends GroupBarProps, UnknownProperties {}

package/lib/types/HorizontalBar.d.ts

@@ -1,9 +1,10 @@
-import React from 'react';
-import { UnknownProperties } from '@semcore/core';
-import { Context } from './context';
-import { BarContext, BackgroundProps } from './Bar';
-import { IntergalacticD3Component } from './Plot';
-import { PatternsConfig } from './Pattern';
+import type { UnknownProperties } from '@semcore/core';
+import type React from 'react';
+
+import type { BarContext, BackgroundProps } from './Bar';
+import type { Context } from './context';
+import type { PatternsConfig } from './Pattern';
+import type { IntergalacticD3Component } from './Plot';
 
 /** @deprecated */
 export interface IHorizontalBarProps extends HorizontalBarProps, UnknownProperties {}

package/lib/types/Hover.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { UnknownProperties } from '@semcore/core';
-import { Context } from './context';
-import { ReturnEl } from '@semcore/core';
-import { TooltipTypeBase } from './Tooltip';
-import { BoxProps } from '@semcore/flex-box';
-import { IntergalacticD3Component } from './Plot';
+import type { BoxProps } from '@semcore/base-components';
+import type { UnknownProperties, ReturnEl } from '@semcore/core';
+import type React from 'react';
+
+import type { Context } from './context';
+import type { IntergalacticD3Component } from './Plot';
+import type { TooltipTypeBase } from './Tooltip';
 
 /** @deprecated */
 export interface IHoverProps extends HoverProps, UnknownProperties {}
@@ -33,7 +33,7 @@ type HoverTooltip = (<X, Y>(
     hideHoverLine?: boolean | ((xIndex: number | null, yIndex: number | null) => boolean);
   } & Omit<BoxProps, 'children'>,
 ) => ReturnEl) &
-  TooltipTypeBase;
+TooltipTypeBase;
 
 type HoverContext = {
   /** Index in `data` array of the current item */