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

package/lib/types/Pattern.d.ts

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

package/lib/types/Plot.d.ts

@@ -1,20 +1,19 @@
-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';
+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';
 
 /** @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;
@@ -33,7 +32,6 @@ export type PlotProps = Context &
     /** Enables charts patterns that enhances charts accessibility */
     patterns?: PatternsConfig;
 
-    /** Event emitter for chart interactions */
     eventEmitter?: InstanceType<typeof PlotEventEmitter>;
   };
 
@@ -122,7 +120,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,11 +1,10 @@
-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';
+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';
 
 /** @deprecated */
 export interface IRadarProps extends RadarProps, UnknownProperties {}
@@ -39,8 +38,6 @@ 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 { type PatternsConfig } from './Pattern';
+import { UnknownProperties, Intergalactic } from '@semcore/core';
+import { PatternsConfig } from './Pattern';
 type RadianData = {
     /**
      * Text label on the end of radian.
@@ -96,7 +96,6 @@ 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.
@@ -136,6 +135,15 @@ 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 {
 }
@@ -150,6 +158,17 @@ 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 {
 }
@@ -163,6 +182,18 @@ 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 {
 }
@@ -178,6 +209,19 @@ 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 {
 }
@@ -189,13 +233,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: 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>;
+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>;
     };
 };
 export default RadialTree;

package/lib/types/Reference.d.ts

@@ -1,7 +1,6 @@
-import type { UnknownProperties } from '@semcore/core';
-
-import type { Context } from './context';
-import type { IntergalacticD3Component } from './Plot';
+import { UnknownProperties } from '@semcore/core';
+import { Context } from './context';
+import { IntergalacticD3Component } from './Plot';
 
 /** @deprecated **/
 export interface IReferenceLineProps extends ReferenceLineProps, UnknownProperties {}
@@ -11,7 +10,7 @@ export type ReferenceLineProps = Context & {
   position?: 'top' | 'right' | 'bottom' | 'left';
   /** Value element of data */
   value?: any;
-  /** Reference line title */
+
   title?: string;
 };
 
@@ -27,7 +26,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,7 +1,6 @@
-import type { BoxProps } from '@semcore/base-components';
-import type { UnknownProperties } from '@semcore/core';
-
-import type { IntergalacticD3Component } from './Plot';
+import { BoxProps } from '@semcore/flex-box';
+import { UnknownProperties } from '@semcore/core';
+import { IntergalacticD3Component } from './Plot';
 
 /** @deprecated */
 export interface IResponsiveContainerProps extends ResponsiveContainerProps, UnknownProperties {}
@@ -15,7 +14,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,9 +1,8 @@
-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';
+import { UnknownProperties } from '@semcore/core';
+import { Context } from './context';
+import { TooltipType } from './Tooltip';
+import { IntergalacticD3Component } from './Plot';
+import { PatternsConfig } from './Pattern';
 
 /** @deprecated */
 export interface IScatterPlotProps extends ScatterPlotProps, UnknownProperties {}
@@ -30,8 +29,6 @@ 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,10 +1,9 @@
-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';
+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';
 
 /** @deprecated */
 export interface IStackBarProps extends StackBarProps, UnknownProperties {}

package/lib/types/StackedArea.d.ts

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

package/lib/types/Tooltip.d.ts

@@ -1,9 +1,9 @@
-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';
+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';
 
 /** @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,