@semcore/d3-chart 2.3.4 → 2.3.6

package/lib/{cjs/types/index.d.ts → es6/types/index.d.js}

@@ -1,59 +1,41 @@
 // Utils
-export declare function minMax(data: any, key: string | number): any;
-
 // Color
-export declare const colors: { [key: string]: string };
-
 export { default as Plot } from './Plot';
 export * from './Plot';
-
 export * from './Axis';
 export * from './Hover';
-
 export { default as ResponsiveContainer } from './ResponsiveContainer';
 export * from './ResponsiveContainer';
-
 export { default as Line } from './Line';
 export * from './Line';
-
 export { default as Bar } from './Bar';
 export * from './Bar';
-
 export { default as HorizontalBar } from './HorizontalBar';
 export * from './HorizontalBar';
-
 export { default as GroupBar } from './GroupBar';
 export * from './GroupBar';
-
 export { default as StackBar } from './StackBar';
 export * from './StackBar';
-
 export { default as Area } from './Area';
 export * from './Area';
-
 export { default as StackedArea } from './StackedArea';
 export * from './StackedArea';
-
 /** It becomes resolvable after building and moving file to lib dir */
 // eslint-disable-next-line import/no-unresolved
-export { default as RadialTree } from './RadialTree';
-// eslint-disable-next-line import/no-unresolved
-export * from './RadialTree';
 
+export { default as RadialTree } from './RadialTree'; // eslint-disable-next-line import/no-unresolved
+
+export * from './RadialTree';
 export { default as Donut } from './Donut';
 export * from './Donut';
-
 export { default as Tooltip } from './Tooltip';
 export * from './Tooltip';
-
 export { default as ScatterPlot } from './ScatterPlot';
 export * from './ScatterPlot';
-
 export { default as Bubble } from './Bubble';
 export * from './Bubble';
-
 export { default as ReferenceLine } from './ReferenceLine';
 export * from './ReferenceLine';
-
 export { default as Venn } from './Venn';
 export * from './Venn';
+//# sourceMappingURL=index.d.js.map

package/lib/es6/types/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":["default","Plot","ResponsiveContainer","Line","Bar","HorizontalBar","GroupBar","StackBar","Area","StackedArea","RadialTree","Donut","Tooltip","ScatterPlot","Bubble","ReferenceLine","Venn"],"sources":["../../../src/types/index.d.ts"],"sourcesContent":["// Utils\nexport declare function minMax(data: any, key: string | number): any;\n\n// Color\nexport declare const colors: { [key: string]: string };\n\nexport { default as Plot } from './Plot';\nexport * from './Plot';\n\nexport * from './Axis';\nexport * from './Hover';\n\nexport { default as ResponsiveContainer } from './ResponsiveContainer';\nexport * from './ResponsiveContainer';\n\nexport { default as Line } from './Line';\nexport * from './Line';\n\nexport { default as Bar } from './Bar';\nexport * from './Bar';\n\nexport { default as HorizontalBar } from './HorizontalBar';\nexport * from './HorizontalBar';\n\nexport { default as GroupBar } from './GroupBar';\nexport * from './GroupBar';\n\nexport { default as StackBar } from './StackBar';\nexport * from './StackBar';\n\nexport { default as Area } from './Area';\nexport * from './Area';\n\nexport { default as StackedArea } from './StackedArea';\nexport * from './StackedArea';\n\n/** It becomes resolvable after building and moving file to lib dir */\n// eslint-disable-next-line import/no-unresolved\nexport { default as RadialTree } from './RadialTree';\n// eslint-disable-next-line import/no-unresolved\nexport * from './RadialTree';\n\nexport { default as Donut } from './Donut';\nexport * from './Donut';\n\nexport { default as Tooltip } from './Tooltip';\nexport * from './Tooltip';\n\nexport { default as ScatterPlot } from './ScatterPlot';\nexport * from './ScatterPlot';\n\nexport { default as Bubble } from './Bubble';\nexport * from './Bubble';\n\nexport { default as ReferenceLine } from './ReferenceLine';\nexport * from './ReferenceLine';\n\nexport { default as Venn } from './Venn';\nexport * from './Venn';\n"],"mappings":"AAAA;AAGA;AAGA,SAASA,OAAO,IAAIC,IAApB,QAAgC,QAAhC;AACA,cAAc,QAAd;AAEA,cAAc,QAAd;AACA,cAAc,SAAd;AAEA,SAASD,OAAO,IAAIE,mBAApB,QAA+C,uBAA/C;AACA,cAAc,uBAAd;AAEA,SAASF,OAAO,IAAIG,IAApB,QAAgC,QAAhC;AACA,cAAc,QAAd;AAEA,SAASH,OAAO,IAAII,GAApB,QAA+B,OAA/B;AACA,cAAc,OAAd;AAEA,SAASJ,OAAO,IAAIK,aAApB,QAAyC,iBAAzC;AACA,cAAc,iBAAd;AAEA,SAASL,OAAO,IAAIM,QAApB,QAAoC,YAApC;AACA,cAAc,YAAd;AAEA,SAASN,OAAO,IAAIO,QAApB,QAAoC,YAApC;AACA,cAAc,YAAd;AAEA,SAASP,OAAO,IAAIQ,IAApB,QAAgC,QAAhC;AACA,cAAc,QAAd;AAEA,SAASR,OAAO,IAAIS,WAApB,QAAuC,eAAvC;AACA,cAAc,eAAd;AAEA;AACA;;AACA,SAAST,OAAO,IAAIU,UAApB,QAAsC,cAAtC,C,CACA;;AACA,cAAc,cAAd;AAEA,SAASV,OAAO,IAAIW,KAApB,QAAiC,SAAjC;AACA,cAAc,SAAd;AAEA,SAASX,OAAO,IAAIY,OAApB,QAAmC,WAAnC;AACA,cAAc,WAAd;AAEA,SAASZ,OAAO,IAAIa,WAApB,QAAuC,eAAvC;AACA,cAAc,eAAd;AAEA,SAASb,OAAO,IAAIc,MAApB,QAAkC,UAAlC;AACA,cAAc,UAAd;AAEA,SAASd,OAAO,IAAIe,aAApB,QAAyC,iBAAzC;AACA,cAAc,iBAAd;AAEA,SAASf,OAAO,IAAIgB,IAApB,QAAgC,QAAhC;AACA,cAAc,QAAd"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "2.3.4",
+  "version": "2.3.6",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -9,7 +9,7 @@
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "scripts": {
-    "build": "build --source=js,ts",
+    "build": "pnpm semcore-builder --source=js,ts",
     "test": "jest"
   },
   "dependencies": {
@@ -18,6 +18,7 @@
     "@semcore/flex-box": "^4",
     "@semcore/popper": "^4.9",
     "@semcore/utils": "^3.15",
+    "@types/d3-shape": "^3.1.0",
     "@upsetjs/venn.js": "1.4.1",
     "d3-array": "3.1.6",
     "d3-interpolate": "3.0.1",
@@ -40,6 +41,8 @@
     "directory": "semcore/d3-chart"
   },
   "devDependencies": {
+    "@types/react": "16.8 - 17",
+    "@semcore/babel-plugin-react-semcore": "^4.2.1",
     "@semcore/button": "*",
     "@semcore/checkbox": "*",
     "@semcore/dropdown-menu": "*",

package/lib/cjs/types/Area.d.ts

@@ -1,48 +0,0 @@
-import { CProps, ReturnEl } from '@semcore/core';
-import IContext from './context';
-import { CurveFactory } from 'd3-shape';
-
-export interface IAreaProps extends IContext {
-  /** Field from data for XAxis */
-  x?: string;
-  /** Field from data for YAxis*/
-  y?: string;
-  /** Line color
-   * @default '#50aef4'*/
-  color?: string;
-  /** Element hide property */
-  hide?: boolean;
-  /** Curve method */
-  curve?: CurveFactory;
-  /** Animation duration in ms
-   * @default 500
-   */
-  duration?: number;
-}
-
-export interface IAreaDotsProps extends IContext {
-  /** Show all Dot */
-  display?: boolean;
-  /** Hide property */
-  hide?: boolean;
-}
-
-export interface IAreaDotsContext {
-  /** Value element of data */
-  value?: any;
-  /** Index element of data */
-  index?: number;
-}
-
-export interface IAreaNullProps extends IContext {
-  /** Hide property */
-  hide?: boolean;
-}
-
-declare const Area: (<T>(props: CProps<IAreaProps & T>) => ReturnEl) & {
-  Dots: <T>(props: CProps<IAreaDotsProps & T, IAreaDotsContext>) => ReturnEl;
-  Null: <T>(props: CProps<IAreaNullProps & T>) => ReturnEl;
-  Line: <T>(props: CProps<IContext & T>) => ReturnEl;
-};
-
-export default Area;

package/lib/cjs/types/Axis.d.ts

@@ -1,64 +0,0 @@
-import { CProps, ReturnEl } from '@semcore/core';
-import IContext from './context';
-
-export interface IXAxisProps extends IContext {
-  /** The position of the axis relative chart
-   * @default 'button' */
-  position?: 'top' | 'right' | 'bottom' | 'left' | number;
-  /** Element hide property
-   * @default false */
-  hide?: boolean;
-  /** Values for axis ticks */
-  ticks?: any[];
-}
-
-export interface IYAxisProps extends IContext {
-  /** The position of the axis relative chart
-   * @default 'left' */
-  position?: 'top' | 'right' | 'bottom' | 'left' | number;
-  /** Element hide property
-   * @default true */
-  hide?: boolean;
-  /** Values for axis ticks */
-  ticks?: any[];
-}
-
-export interface IAxisTicksProps extends IContext {
-  /** The position of the axis relative chart */
-  position?: 'top' | 'right' | 'bottom' | 'left';
-  /** Element hide property */
-  hide?: boolean;
-  /** Values for axis ticks */
-  ticks?: any[];
-}
-
-export interface IAxisGridProps extends IContext {
-  /** Values for axis ticks */
-  ticks?: any[];
-}
-
-export interface IAxisTitleProps extends IContext {
-  /** The position of the axis relative chart */
-  position?: 'top' | 'right' | 'bottom' | 'left';
-}
-
-export interface IAxisTicksContext {
-  /** Value element of data */
-  value: any;
-  /** Index element of data */
-  index: number;
-}
-
-declare const XAxis: (<T>(props: CProps<IXAxisProps & T>) => ReturnEl) & {
-  Ticks: <T>(props: CProps<IAxisTicksProps & T, IAxisTicksContext>) => ReturnEl;
-  Grid: <T>(props: CProps<IAxisGridProps & T>) => ReturnEl;
-  Title: <T>(props: CProps<IAxisTitleProps & T>) => ReturnEl;
-};
-
-declare const YAxis: (<T>(props: CProps<IYAxisProps & T>) => ReturnEl) & {
-  Ticks: <T>(props: CProps<IAxisTicksProps & T, IAxisTicksContext>) => ReturnEl;
-  Grid: <T>(props: CProps<IAxisGridProps & T>) => ReturnEl;
-  Title: <T>(props: CProps<IAxisTitleProps & T>) => ReturnEl;
-};
-
-export { XAxis, YAxis };

package/lib/cjs/types/Bar.d.ts

@@ -1,52 +0,0 @@
-import { CProps, ReturnEl } from '@semcore/core';
-import IContext from './context';
-
-export interface IBarProps extends IContext {
-  /** Field from data for XAxis */
-  x?: string;
-  /** Field from data for YAxis */
-  y?: string;
-  /** Line color
-   * @default '#50aef4'*/
-  color?: string;
-  /** Element hide property */
-  hide?: boolean;
-  /** Animation duration in ms
-   * @default 500
-   */
-  duration?: number;
-  /** Radius of curvature
-   * @default 2
-   */
-  r?: number | number[];
-  /** Minimal height
-   * @default 4
-   */
-  hMin?: number;
-}
-
-export interface IBarContext {
-  /** Value element of data */
-  value: any;
-  /** Index element of data */
-  index: number;
-}
-
-export interface IBackgroundProps extends IContext {
-  /** Coordinate x */
-  x?: number | string;
-  /** Coordinate y */
-  y?: number | string;
-  /** Value element of data */
-  value?: any;
-  /** Width rect */
-  width?: number | string;
-  /** Height rect */
-  height?: number | string;
-}
-
-declare const Bar: (<T>(props: CProps<IBarProps & T, IBarContext>) => ReturnEl) & {
-  Background: <T>(props: CProps<IBackgroundProps & T>) => ReturnEl;
-};
-
-export default Bar;

package/lib/cjs/types/Bubble.d.ts

@@ -1,32 +0,0 @@
-import { CProps, ReturnEl } from '@semcore/core';
-import IContext from './context';
-
-export interface IBubbleProps extends IContext {
-  /** Field from data for XAxis */
-  x: string;
-  /** Field from data for YAxis */
-  y: string;
-  /** Field from data for circle radius */
-  value: string;
-  /** Field from data for circle label */
-  label?: string;
-  /** Circle color */
-  color?: string;
-  /** Cross in the center of the bubble
-   * @default true
-   */
-  markedCross?: boolean;
-  /** Animation duration in ms
-   * @default 500
-   */
-  duration?: number;
-}
-
-export interface IBubbleContext {
-  /** Index element of data */
-  index: number;
-}
-
-declare const Bubble: <T>(props: CProps<IBubbleProps & T, IBubbleContext>) => ReturnEl;
-
-export default Bubble;

package/lib/cjs/types/ClipPath.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import { CProps, ReturnEl } from '@semcore/core';
-
-export interface IClipPath {
-  /**
-   *  HTML tag name for the displayed item
-   * @default rect
-   */
-  tag?: string;
-  /**
-   *  HTML selector
-   */
-  id?: string;
-  /**
-   *  CSS property
-   */
-  transition?: string;
-  /**
-   *  Function which run after mounted clipPath
-   */
-  setAttributeTag?: (rect: React.ReactNode) => void;
-}
-
-declare const ClipPath: <T>(props: CProps<IClipPath & T>) => ReturnEl;
-
-export default ClipPath;

package/lib/cjs/types/Donut.d.ts

@@ -1,46 +0,0 @@
-import { CProps, ReturnEl } from '@semcore/core';
-import IContext from './context';
-
-export interface IDonutProps extends IContext {
-  /** Inner radius
-   * @default 0
-   * */
-  innerRadius?: number;
-  /** Outer radius
-   * @default calculated by the formula from width, height
-   * */
-  outerRadius?: number;
-  /** Semi donut */
-  halfsize?: boolean;
-  /** Animation duration in ms
-   * @default 500
-   */
-  duration?: number;
-}
-
-export interface IPieProps extends IContext {
-  /**
-   * Name of the field in the data
-   * */
-  dataKey: string;
-  /** Color pie
-    @default #50aef4
-   **/
-  color?: string;
-  /**
-   * Active sector
-   * */
-  active?: boolean;
-}
-
-export interface IEmptyDataProps extends IContext {}
-
-export interface ILabelProps extends IContext {}
-
-declare const Donut: (<T>(props: CProps<IDonutProps & T>) => ReturnEl) & {
-  Pie: <T>(props: CProps<IPieProps & T>) => ReturnEl;
-  EmptyData: <T>(props: CProps<IEmptyDataProps & T>) => ReturnEl;
-  Label: <T>(props: CProps<ILabelProps & T>) => ReturnEl;
-};
-
-export default Donut;

package/lib/cjs/types/GroupBar.d.ts

@@ -1,20 +0,0 @@
-import { CProps, ReturnEl } from '@semcore/core';
-import { IBarContext, IBarProps } from './Bar';
-import { IHorizontalBarProps } from './HorizontalBar';
-import IContext from './context';
-
-export interface IGroupBarProps extends IContext {
-  /** Field from data for XAxis */
-  x?: string;
-  /** Field from data for YAxis */
-  y?: string;
-  /** Scale for group bars */
-  scaleGroup?: any;
-}
-
-declare const GroupBar: (<T>(props: CProps<IGroupBarProps & T>) => ReturnEl) & {
-  Bar: <T>(props: CProps<IBarProps & T, IBarContext>) => ReturnEl;
-  HorizontalBar: <T>(props: CProps<IHorizontalBarProps & T, IBarContext>) => ReturnEl;
-};
-
-export default GroupBar;

package/lib/cjs/types/HorizontalBar.d.ts

@@ -1,29 +0,0 @@
-import { CProps, ReturnEl } from '@semcore/core';
-import IContext from './context';
-import { IBarContext, IBackgroundProps } from './Bar';
-
-export interface IHorizontalBarProps extends IContext {
-  /** Field from data for XAxis */
-  x?: string;
-  /** Field from data for YAxis */
-  y?: string;
-  /** Line color
-   * @default '#50aef4'*/
-  color?: string;
-  /** Animation duration in ms
-   * @default 500
-   */
-  duration?: number;
-  /** Radius of curvature
-   * @default 2
-   */
-  r?: number | number[];
-}
-
-declare const HorizontalBar: (<T>(
-  props: CProps<IHorizontalBarProps & T, IBarContext>,
-) => ReturnEl) & {
-  Background: <T>(props: CProps<IBackgroundProps & T>) => ReturnEl;
-};
-
-export default HorizontalBar;

package/lib/cjs/types/Hover.d.ts

@@ -1,15 +0,0 @@
-import { CProps, ReturnEl } from '@semcore/core';
-import IContext from './context';
-
-export interface IHoverProps extends IContext {
-  /** Field from data for XAxis */
-  x?: string;
-  /** Field from data for YAxis */
-  y?: string;
-}
-
-declare const HoverLine: <T>(props: CProps<IHoverProps & T>) => ReturnEl;
-
-declare const HoverRect: <T>(props: CProps<IHoverProps & T>) => ReturnEl;
-
-export { HoverLine, HoverRect };

package/lib/cjs/types/Line.d.ts

@@ -1,50 +0,0 @@
-import { CProps, ReturnEl } from '@semcore/core';
-import IContext from './context';
-import { CurveFactory } from 'd3-shape';
-import { IFadeInOutProps } from '@semcore/animation';
-
-export interface ILineProps extends IContext {
-  /** Field from data for XAxis */
-  x?: string;
-  /** Field from data for YAxis */
-  y?: string;
-  /** Line color
-   * @default '#50aef4'*/
-  color?: string;
-  /** Element hide property */
-  hide?: boolean;
-  /** Curve method */
-  curve?: CurveFactory;
-  /** Animation duration in ms
-   * @default 500
-   */
-  duration?: number;
-}
-
-export interface ILineDotsProps extends IContext, IFadeInOutProps {
-  /** Show all Dot */
-  display?: boolean;
-  /** Hide property */
-  hide?: boolean;
-  /** Index active of element */
-  activeIndex?: number;
-}
-
-export interface ILineDotsContext {
-  /** Value element of data */
-  value?: any;
-  /** Index element of data */
-  index?: number;
-}
-
-export interface ILineNullProps extends IContext {
-  /** Hide property */
-  hide?: boolean;
-}
-
-declare const Line: (<T>(props: CProps<ILineProps & T>) => ReturnEl) & {
-  Dots: <T>(props: CProps<ILineDotsProps & T, ILineDotsContext>) => ReturnEl;
-  Null: <T>(props: CProps<ILineNullProps & T>) => ReturnEl;
-};
-
-export default Line;

package/lib/cjs/types/Plot.d.ts

@@ -1,91 +0,0 @@
-import { IBoxProps } from '@semcore/flex-box';
-import { CProps, ReturnEl } from '@semcore/core';
-import IContext from './context';
-
-export interface IPlotProps extends IContext, IBoxProps {
-  /** Width of the svg element
-   * @default 0*/
-  width?: number;
-  /** Height of the svg element
-   * @default 0*/
-  height?: number;
-  /** Human readable chart name (e.g "Last market trends") */
-  label?: string;
-  /**
-   * Locale for displaying the days of a week and months, to be transferred to `Intl`
-   * @default en
-   * */
-  locale?: NavigatorLanguage['language'];
-  /** Optional prop to tune up alt text generating for charts */
-  a11yAltTextConfig?: PlotSummarizerConfig;
-}
-
-export type PlotSummarizerConfig = {
-  /** Totally disable automatic data summarization */
-  disable?: boolean;
-  /** Disable automatic data summarization and use provided text */
-  override?: string;
-  /** Tuning up time series trends analyzing. Represents angle tangens of time series change of different strength */
-  trendTangens?: {
-    /** Angle tangens of time series that have meaningful trending change
-     * @default 1/15
-     */
-    static?: number;
-    /** Angle tangens of time series that have weak trending change
-     * @default 1/10
-     */
-    weak?: number;
-    /** Angle tangens of time series that have medium trending change
-     * @default 1/5
-     */
-    medium?: number;
-    /** Angle tangens of time series that have strong trending change
-     * @default Infinity
-     */
-    strong?: number;
-  };
-  /** Tuning up time series local trends detection based on moving averages */
-  movingAverage?: {
-    /** Frame size of long moving average
-     * @default Math.sqrt(data.length)
-     */
-    longSize?: number;
-    /** Frame size of short moving average
-     * @default Math.sqrt(data.length)/2
-     */
-    shortSize?: number;
-    /** Absolute difference between values on moving averages crossing to
-     * be handled as local trend change.
-     * @default StandardDeviation/10
-     */
-    notableDiff?: number;
-  };
-  /** The way data to be interpreted as. By default is based on used used Plot elements and data structure.
-   */
-  dataType?: 'time-series' | 'points-cloud' | 'values-set';
-  /** Grid size to split data of point clouds into clusters.
-   */
-  clustersGridSize?: number;
-  /** Limits some output lists in chart alt text
-   * @default 100
-   * **/
-  maxListSymbols?: number;
-  /** Always add time to dates in chart alt text **/
-  datesWithTime?: boolean;
-  /** Described clusters count before text "and X more"
-   * @default false
-   * **/
-  clustersLimit?: number;
-  /** Described values count before text "and X more"
-   * @default false
-   * **/
-  valuesLimit?: number;
-  /** Described grouped value groups count before text "and X more"
-   * @default false
-   * **/
-  groupsLimit?: number;
-};
-
-declare const Plot: <T>(props: CProps<IPlotProps & T>) => ReturnEl;
-
-export default Plot;

package/lib/cjs/types/ReferenceLine.d.ts

@@ -1,31 +0,0 @@
-import { CProps, ReturnEl } from '@semcore/core';
-import IContext from './context';
-
-export interface IReferenceLineProps extends IContext {
-  /** The position of the title relative reference line
-   * @default 'left' */
-  position?: 'top' | 'right' | 'bottom' | 'left';
-  /** Value element of data */
-  value: any;
-}
-
-export interface IReferenceLineTitleProps extends IContext {
-  /** The position of the axis relative reference line */
-  position?: 'top' | 'right' | 'bottom' | 'left';
-  /** Value element of data */
-  value: any;
-}
-
-export interface IReferenceLineBackgroundProps extends IContext {
-  /** The position of the axis relative reference line */
-  position?: 'top' | 'right' | 'bottom' | 'left';
-  /** Value element of data */
-  value: any;
-}
-
-declare const ReferenceLine: (<T>(props: CProps<IReferenceLineProps & T>) => ReturnEl) & {
-  Title: <T>(props: CProps<IReferenceLineTitleProps & T>) => ReturnEl;
-  Background: <T>(props: CProps<IReferenceLineBackgroundProps & T>) => ReturnEl;
-};
-
-export default ReferenceLine;

package/lib/cjs/types/ResponsiveContainer.d.ts

@@ -1,20 +0,0 @@
-import { IBoxProps } from '@semcore/flex-box';
-import { CProps, ReturnEl } from '@semcore/core';
-
-export interface IResponsiveContainerProps extends IBoxProps {
-  /** Relation between height and width dimensions block */
-  aspect?: number;
-  /** Callback which will be called after changing the block size */
-  onResize?: (size: [number, number], entries: ResizeObserverEntry[]) => void;
-}
-
-export interface IResponsiveContainerContext {
-  width?: number;
-  height?: number;
-}
-
-declare const ResponsiveContainer: <T>(
-  props: CProps<IResponsiveContainerProps & T, IResponsiveContainerContext>,
-) => ReturnEl;
-
-export default ResponsiveContainer;

package/lib/cjs/types/ScatterPlot.d.ts

@@ -1,27 +0,0 @@
-import { CProps, ReturnEl } from '@semcore/core';
-import IContext from './context';
-
-export interface IScatterPlotProps extends IContext {
-  /** Field from data for XAxis */
-  x: string;
-  /** Field from data for YAxis */
-  y: string;
-  /** Field from data for circle value */
-  value?: string;
-  /** Circle color */
-  color?: string;
-  /** Circle value color */
-  valueColor?: string;
-  /** Animation duration in ms
-   * @default 500
-   */
-  duration?: number;
-  /** Radius of circles
-   * @default 5.5 or 12 with value
-   */
-  r?: number;
-}
-
-declare const ScatterPlot: <T>(props: CProps<IScatterPlotProps & T>) => ReturnEl;
-
-export default ScatterPlot;