@semcore/d3-chart 3.61.0-prerelease.1 → 3.61.0-prerelease.5

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 */

package/lib/types/Line.d.ts

@@ -1,9 +1,10 @@
-import { UnknownProperties } from '@semcore/core';
-import { Context } from './context';
-import { curveCardinal, CurveFactory } from 'd3-shape';
-import { FadeInOutProps } from '@semcore/animation';
-import { IntergalacticD3Component } from './Plot';
-import { PatternsConfig } from './Pattern';
+import type { FadeInOutProps } from '@semcore/base-components';
+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 ILineProps extends LineProps, UnknownProperties {}
@@ -26,6 +27,8 @@ export type LineProps = Context & {
   transparent?: boolean;
   /** Enables charts patterns that enhances charts accessibility */
   patterns?: PatternsConfig;
+  /** Callback triggered when a user clicks on a line */
+  onClick?: (index: number, event: React.SyntheticEvent) => void;
 };
 
 /** @deprecated */