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

package/lib/types/Area.d.ts

@@ -1,16 +1,15 @@
-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 { UnknownProperties } from '@semcore/core';
+import { Context } from './context';
+import { CurveFactory } from 'd3-shape';
+import { IntergalacticD3Component } from './Plot';
+import { PatternsConfig } from './Pattern';
 
 /** @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;
@@ -26,8 +25,6 @@ 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,7 +1,6 @@
-import type { UnknownProperties } from '@semcore/core';
-
-import type { Context } from './context';
-import type { IntergalacticD3Component } from './Plot';
+import { IntergalacticD3Component } from './Plot';
+import { Context } from './context';
+import { UnknownProperties } from '@semcore/core';
 
 /** @deprecated */
 export interface IXAxisProps extends XAxisProps, UnknownProperties {}
@@ -38,12 +37,6 @@ 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,10 +1,9 @@
-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';
+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';
 
 /** @deprecated */
 export interface IBarProps extends BarProps, UnknownProperties {}

package/lib/types/Bubble.d.ts

@@ -1,9 +1,8 @@
-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';
+import { Intergalactic, UnknownProperties } from '@semcore/core';
+import { Context } from './context';
+import { TooltipType } from './Tooltip';
+import { IntergalacticD3Component } from './Plot';
+import { PatternsConfig } from './Pattern';
 
 /** @deprecated */
 export interface IBubbleProps extends BubbleProps, UnknownProperties {}
@@ -30,8 +29,6 @@ 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 */
@@ -41,14 +38,6 @@ 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 & {
@@ -62,11 +51,6 @@ 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,7 +1,6 @@
-import type { UnknownProperties } from '@semcore/core';
-import type React from 'react';
-
-import type { IntergalacticD3Component } from './Plot';
+import React from 'react';
+import { UnknownProperties } from '@semcore/core';
+import { IntergalacticD3Component } from './Plot';
 
 /** @deprecated */
 export interface IClipPath extends ClipPath, UnknownProperties {}

package/lib/types/CompactHorizontalBar.d.ts

@@ -1,10 +1,11 @@
-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';
+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';
 
 export type CompactHorizontalBarProps = Context & {
   /** Field name from `data` array item for the XAxis */

package/lib/types/Donut.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 IDonutProps extends DonutProps, UnknownProperties {}
@@ -28,8 +27,6 @@ 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 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';
+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';
 
 /** @deprecated */
 export interface IGroupBarProps extends GroupBarProps, UnknownProperties {}

package/lib/types/HorizontalBar.d.ts

@@ -1,10 +1,9 @@
-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';
+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';
 
 /** @deprecated */
 export interface IHorizontalBarProps extends HorizontalBarProps, UnknownProperties {}

package/lib/types/Hover.d.ts

@@ -1,10 +1,10 @@
-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';
+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';
 
 /** @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,10 +1,9 @@
-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';
+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';
 
 /** @deprecated */
 export interface ILineProps extends LineProps, UnknownProperties {}
@@ -27,8 +26,6 @@ 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 */

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;