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

package/lib/types/Pattern.d.ts

@@ -30,288 +30,288 @@ declare const defaultPatterns: {
     starSmall: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     romb: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     circleOutline: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     triangleDown: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     rombOutline: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     square: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     trees: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     wave: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     star: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     cogwheel: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     crossesDiagonal: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     triangleOutline: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     chain: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     squama: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     linesDouble: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     zigzagVertical: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     triangleDownOutline: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     crosses: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     linesDoubleHorizontal: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     waveVertical: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     squareOutline: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     triangle: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     crescent: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
     zigzag: {
         fill: {
             viewBox: string;
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         symbol: {
             viewBox: string;
             size: [number, number];
-            children: JSX.Element;
+            children: React.JSX.Element;
         };
         dasharray: string;
     };
@@ -321,11 +321,11 @@ export declare const PatternFill: ({ id, color, patternKey, patterns, }: {
     id: string;
     color: string;
     patternKey: string;
-    patterns?: PatternsConfig | undefined;
-}) => JSX.Element;
+    patterns?: PatternsConfig;
+}) => React.JSX.Element;
 export declare const getPatternSymbolSize: ({ patternKey, patterns, }: {
     patternKey: string;
-    patterns?: PatternsConfig | undefined;
+    patterns?: PatternsConfig;
 }) => [width: number, height: number];
 export declare const PatternSymbol: React.FC<{
     color: string;

package/lib/types/Plot.d.ts

@@ -1,19 +1,20 @@
-import { BoxProps } from '@semcore/flex-box';
-import { UnknownProperties, Intergalactic } from '@semcore/core';
-import { Context } from './context';
-import { DataStructureHints } from './a11y/hints';
-import { PatternsConfig } from './Pattern';
-import { PlotEventEmitter } from './utils';
+import type { BoxProps } from '@semcore/base-components';
+import type { UnknownProperties, Intergalactic } from '@semcore/core';
+
+import type { DataStructureHints } from './a11y/hints';
+import type { Context } from './context';
+import type { PatternsConfig } from './Pattern';
+import type { PlotEventEmitter } from './utils';
 
 /** @deprecated */
 export interface IPlotProps extends PlotProps, UnknownProperties {}
 export type PlotProps = Context &
   BoxProps & {
     /** Width of the svg element
-     * @default 0*/
+     * @default 0 */
     width?: number;
     /** Height of the svg element
-     * @default 0*/
+     * @default 0 */
     height?: number;
     /** Human readable chart name (e.g "Last market trends") */
     label?: string;
@@ -32,6 +33,7 @@ export type PlotProps = Context &
     /** Enables charts patterns that enhances charts accessibility */
     patterns?: PatternsConfig;
 
+    /** Event emitter for chart interactions */
     eventEmitter?: InstanceType<typeof PlotEventEmitter>;
   };
 
@@ -120,7 +122,7 @@ export type IntergalacticD3Component<BaseTag extends Intergalactic.Tag, Props, C
 >(
   props: Intergalactic.InternalTypings.PropsRenderingResultComponentProps<Tag, Props, Context>,
 ) => Intergalactic.InternalTypings.ComponentRenderingResults) &
-  Intergalactic.InternalTypings.ComponentAdditive<BaseTag, BaseTag, Props>;
+Intergalactic.InternalTypings.ComponentAdditive<BaseTag, BaseTag, Props>;
 
 declare const Plot: IntergalacticD3Component<'svg', PlotProps, Context>;
 export default Plot;

package/lib/types/Radar.d.ts

@@ -1,10 +1,11 @@
-import { Context } from './context';
-import { UnknownProperties } from '@semcore/core';
-import { CurveFactory } from 'd3-shape';
-import { TooltipType } from './Tooltip';
-import { IntergalacticD3Component } from './Plot';
-import { BoxProps } from '@semcore/flex-box';
-import { PatternsConfig } from './Pattern';
+import type { BoxProps } 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';
+import type { TooltipType } from './Tooltip';
 
 /** @deprecated */
 export interface IRadarProps extends RadarProps, UnknownProperties {}
@@ -38,6 +39,8 @@ export type RadarProps = Context & {
   angleOffset?: number;
   /** Enables charts patterns that enhances charts accessibility */
   patterns?: PatternsConfig;
+  /** Callback triggered when a user clicks on a chart at a position corresponding to a category */
+  onClick?: (index: number, e: React.SyntheticEvent) => void;
 };
 
 /** @deprecated */

package/lib/types/RadialTree.d.ts

@@ -1,6 +1,6 @@
+import { type UnknownProperties, type Intergalactic } from '@semcore/core';
 import React from 'react';
-import { UnknownProperties, Intergalactic } from '@semcore/core';
-import { PatternsConfig } from './Pattern';
+import { type PatternsConfig } from './Pattern';
 type RadianData = {
     /**
      * Text label on the end of radian.
@@ -96,6 +96,7 @@ export type RadialTreeProps = {
      * Used to define the active radian in controlled way. Active radian is highlighted with inreased cap size.
      */
     activeKey?: string | null;
+    /** Callback when active key changes */
     onActiveKeyChange?: (activeKey: string | null) => void;
     /**
      * Default value for `activeKey` property.
@@ -135,15 +136,6 @@ export type RadialTreeRadianLineProps = {
     ['data-radial-animation']?: `${string}-line`;
     ['data-radian-index']?: number;
 };
-type RadialTreeRadianLineAsProps = IRadialTreeRadianLineProps & {
-    Element: React.FC<{
-        render: string;
-        transparent: boolean;
-    } & React.SVGProps<any>>;
-    styles: React.CSSProperties;
-    resolveColor: (color?: string) => string;
-};
-declare const Line: React.FC<RadialTreeRadianLineAsProps>;
 /** @deprecated */
 export interface IRadialTreeRadianCapProps extends RadialTreeRadianCapProps, UnknownProperties {
 }
@@ -158,17 +150,6 @@ export type RadialTreeRadianCapProps = {
     /** Enables charts patterns that enhances charts accessibility */
     patterns?: PatternsConfig;
 };
-type RadialTreeRadianCapAsProps = RadialTreeRadianCapProps & {
-    Element: React.FC<{
-        render: React.FC<any> | string;
-        transparent: boolean;
-        patternKey?: string;
-        pattern?: boolean;
-    } & React.SVGProps<any>>;
-    styles: React.CSSProperties;
-    resolveColor: (color?: string) => string;
-};
-declare const Cap: React.FC<RadialTreeRadianCapAsProps>;
 /** @deprecated */
 export interface IRadialTreeRadianIconProps extends RadialTreeRadianIconProps, UnknownProperties {
 }
@@ -182,18 +163,6 @@ export type RadialTreeRadianIconProps = {
     isActive?: boolean;
     transparent?: boolean;
 };
-type RadialTreeRadianIconAsProps = IRadialTreeRadianIconProps & {
-    Element: React.FC<{
-        render: string | React.FC;
-        transparent: boolean;
-    } & React.SVGProps<any>>;
-    x: number;
-    y: number;
-    iconSize: number;
-    styles: React.CSSProperties;
-    tag?: React.FC;
-};
-declare const Icon: React.FC<RadialTreeRadianIconAsProps>;
 /** @deprecated */
 export interface IRadialTreeRadianLabelProps extends RadialTreeRadianLabelProps, UnknownProperties {
 }
@@ -209,19 +178,6 @@ export type RadialTreeRadianLabelProps = {
     angle?: number;
     transparent?: boolean;
 };
-type RadialTreeRadianLabelAsProps = IRadialTreeRadianLabelProps & {
-    Element: React.FC<{
-        render: string;
-    } & React.SVGProps<any>>;
-    Children: React.FC;
-    styles: React.CSSProperties;
-    x: number;
-    y: number;
-    angle: number;
-    textSize: number;
-    resolveColor: (color?: string) => string;
-};
-declare const Label: React.FC<RadialTreeRadianLabelAsProps>;
 /** @deprecated */
 export interface IRadialTreeTitleProps extends RadialTreeTitleProps, UnknownProperties {
 }
@@ -233,13 +189,13 @@ export type RadialTreeTitleProps = {
     color?: string;
 };
 type IntergalacticD3Component<BaseTag extends Intergalactic.Tag, Props, Context = {}> = (<Tag extends Intergalactic.Tag = Intergalactic.Tag>(props: Intergalactic.InternalTypings.PropsRenderingResultComponentProps<Tag, Props, Context>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<BaseTag, BaseTag, Props>;
-declare const RadialTree: (<Tag extends Intergalactic.InternalTypings.ComponentTag = Intergalactic.InternalTypings.ComponentTag>(props: Intergalactic.InternalTypings.PropsRenderingResultComponentProps<Tag, RadialTreeProps, {}, never[]>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<"g", "g", RadialTreeProps, {}, {}> & {
-    Title: IntergalacticD3Component<'text', RadialTreeTitleProps>;
-    Radian: IntergalacticD3Component<'g', RadialTreeRadianProps> & {
-        Line: IntergalacticD3Component<'line', RadialTreeRadianLineProps>;
-        Cap: IntergalacticD3Component<'circle', RadialTreeRadianCapProps>;
-        Icon: IntergalacticD3Component<'g', RadialTreeRadianIconProps>;
-        Label: IntergalacticD3Component<'text', RadialTreeRadianLabelProps>;
+declare const RadialTree: IntergalacticD3Component<"g", RadialTreeProps> & {
+    Title: IntergalacticD3Component<"text", RadialTreeTitleProps>;
+    Radian: IntergalacticD3Component<"g", RadialTreeRadianProps> & {
+        Line: IntergalacticD3Component<"line", RadialTreeRadianLineProps>;
+        Cap: IntergalacticD3Component<"circle", RadialTreeRadianCapProps>;
+        Icon: IntergalacticD3Component<"g", RadialTreeRadianIconProps>;
+        Label: IntergalacticD3Component<"text", RadialTreeRadianLabelProps>;
     };
 };
 export default RadialTree;

package/lib/types/Reference.d.ts

@@ -1,6 +1,7 @@
-import { UnknownProperties } from '@semcore/core';
-import { Context } from './context';
-import { IntergalacticD3Component } from './Plot';
+import type { UnknownProperties } from '@semcore/core';
+
+import type { Context } from './context';
+import type { IntergalacticD3Component } from './Plot';
 
 /** @deprecated **/
 export interface IReferenceLineProps extends ReferenceLineProps, UnknownProperties {}
@@ -10,7 +11,7 @@ export type ReferenceLineProps = Context & {
   position?: 'top' | 'right' | 'bottom' | 'left';
   /** Value element of data */
   value?: any;
-
+  /** Reference line title */
   title?: string;
 };
 
@@ -26,7 +27,7 @@ export type ReferenceLineTitleProps = Context & {
 /** @deprecated **/
 export interface IReferenceLineBackgroundProps
   extends ReferenceLineBackgroundProps,
-    UnknownProperties {}
+  UnknownProperties {}
 export type ReferenceBackgroundProps = Context & {
   /** The position relative the `value` */
   position?: 'top' | 'right' | 'bottom' | 'left';

package/lib/types/ResponsiveContainer.d.ts

@@ -1,6 +1,7 @@
-import { BoxProps } from '@semcore/flex-box';
-import { UnknownProperties } from '@semcore/core';
-import { IntergalacticD3Component } from './Plot';
+import type { BoxProps } from '@semcore/base-components';
+import type { UnknownProperties } from '@semcore/core';
+
+import type { IntergalacticD3Component } from './Plot';
 
 /** @deprecated */
 export interface IResponsiveContainerProps extends ResponsiveContainerProps, UnknownProperties {}
@@ -14,7 +15,7 @@ export type ResponsiveContainerProps = BoxProps & {
 /** @deprecated */
 export interface IResponsiveContainerContext
   extends ResponsiveContainerContext,
-    UnknownProperties {}
+  UnknownProperties {}
 export type ResponsiveContainerContext = {
   width?: number;
   height?: number;

package/lib/types/ScatterPlot.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 IScatterPlotProps extends ScatterPlotProps, UnknownProperties {}
@@ -29,6 +30,8 @@ export type ScatterPlotProps = Context & {
   transparent?: boolean;
   /** Enables charts patterns that enhances charts accessibility */
   patterns?: PatternsConfig;
+  /** Callback triggered when a user clicks on a scatter item */
+  onClick?: (index: number, event: React.SyntheticEvent) => void;
 };
 
 declare const ScatterPlot: IntergalacticD3Component<'g', ScatterPlotProps, Context> & {

package/lib/types/StackBar.d.ts

@@ -1,9 +1,10 @@
-import { UnknownProperties } from '@semcore/core';
-import { Context } from './context';
-import { BarContext, BarProps } from './Bar';
-import { HorizontalBarProps } from './HorizontalBar';
-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 { PatternsConfig } from './Pattern';
+import type { IntergalacticD3Component } from './Plot';
 
 /** @deprecated */
 export interface IStackBarProps extends StackBarProps, UnknownProperties {}

package/lib/types/StackedArea.d.ts

@@ -1,8 +1,9 @@
-import { UnknownProperties } from '@semcore/core';
-import { Context } from './context';
-import Area from './Area';
-import { IntergalacticD3Component } from './Plot';
-import { PatternsConfig } from './Pattern';
+import type { UnknownProperties } from '@semcore/core';
+
+import type Area from './Area';
+import type { Context } from './context';
+import type { PatternsConfig } from './Pattern';
+import type { IntergalacticD3Component } from './Plot';
 
 /** @deprecated */
 export interface IStackedAreaProps extends StackedAreaProps, UnknownProperties {}

package/lib/types/Tooltip.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import Popper, { PopperProps, PopperTriggerProps } from '@semcore/popper';
-import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
-import { Box, BoxProps } from '@semcore/flex-box';
-import { Context } from './context';
-import { IntergalacticD3Component } from './Plot';
+import type { Popper, Box, BoxProps, PopperProps, PopperTriggerProps } from '@semcore/base-components';
+import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
+import type React from 'react';
+
+import type { Context } from './context';
+import type { IntergalacticD3Component } from './Plot';
 
 /** @deprecated */
 export interface ITooltipChartProps extends TooltipChartProps, UnknownProperties {}
@@ -47,12 +47,12 @@ export type TooltipType<ChildrenRenderProps = {}, TooltipProps = {}> = (<
     ChildrenRenderProps & TooltipChartContext
   >,
 ) => Intergalactic.InternalTypings.ComponentRenderingResults) &
-  Intergalactic.InternalTypings.ComponentAdditive<
-    Intergalactic.Tag,
-    Intergalactic.Tag,
-    TooltipProps
-  > &
-  TooltipTypeBase;
+Intergalactic.InternalTypings.ComponentAdditive<
+  Intergalactic.Tag,
+  Intergalactic.Tag,
+  TooltipProps
+> &
+TooltipTypeBase;
 
 /**
  * @deprecated Consider migration to better typed Bubble.Tooltip, HoverLine.Tooltip,