@semcore/d3-chart 2.2.2 → 2.2.5

package/src/style/tooltip.shadow.css

@@ -1,36 +0,0 @@
-@import '@semcore/utils/style/var.css';
-@import '@semcore/d3-chart/src/style/var.css';
-
-STooltip {
-  font-size: var(--fs-100);
-  line-height: var(--lh-100);
-  position: relative;
-  background-color: #fff;
-  border-radius: 6px;
-  border: 1px solid var(--gray-100);
-  box-sizing: border-box;
-  box-shadow: var(--box-shadow-popper);
-  padding: 12px;
-}
-
-STitle {
-  color: var(--gray-500);
-  margin-bottom: 8px;
-}
-
-SDotGroup {
-  display: flex;
-  align-items: center;
-}
-
-SDot {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  margin-right: 8px;
-  background: var(--blue-03);
-}
-
-SDot[color] {
-  background: var(--color);
-}

package/src/style/var.css

@@ -1,125 +0,0 @@
-:root {
-  --blue-01: #c4e5fe;
-  --blue-02: #8ecdff;
-  --blue-03: #2bb3ff;
-  --blue-04: #008ff8;
-  --blue-05: #006dca;
-  --green-01: #9ef2c9;
-  --green-02: #59ddaa;
-  --green-03: #00c192;
-  --green-04: #009f81;
-  --green-05: #007c65;
-  --orange-01: #ffdca2;
-  --orange-02: #ffb26e;
-  --orange-03: #ff8c43;
-  --orange-04: #ff622d;
-  --orange-05: #c33909;
-  --pink-01: #ffd3ff;
-  --pink-02: #ffa9fa;
-  --pink-03: #f67cf2;
-  --pink-04: #e14adf;
-  --pink-05: #b229b9;
-  --violet-01: #edd9ff;
-  --violet-02: #dcb8ff;
-  --violet-03: #c695ff;
-  --violet-04: #ab6cfe;
-  --violet-05: #8649e1;
-  --red-01: #ffd7df;
-  --red-02: #ffaeb5;
-  --red-03: #ff8786;
-  --red-04: #ff4953;
-  --red-05: #d1002f;
-  --yellow-01: #fce081;
-  --yellow-02: #fdc23c;
-  --yellow-03: #ef9800;
-  --yellow-04: #d87900;
-  --yellow-05: #a75800;
-  --salad-01: #c7ee96;
-  --salad-02: #9bd85d;
-  --salad-03: #66c030;
-  --salad-04: #35a21e;
-  --salad-05: #0a7e22;
-  --gray-01: #c4c7cf;
-
-  --gray-50: #f4f5f9;
-  --gray-100: #e0e1e9;
-  --gray-200: #c4c7cf;
-  --gray-300: #a9abb6;
-  --gray-400: #8a8e9b;
-  --gray-500: #6c6e79;
-  --gray-600: #484a54;
-  --gray-700: #2b2e38;
-  --gray-800: #191b23;
-  --blue-50: #e9f7ff;
-  --blue-100: #c4e5fe;
-  --blue-200: #8ecdff;
-  --blue-300: #2bb3ff;
-  --blue-400: #008ff8;
-  --blue-500: #006dca;
-  --blue-600: #044792;
-  --blue-700: #002b5f;
-  --blue-800: #001b3d;
-  --green-100: #9ef2c9;
-  --green-200: #59ddaa;
-  --green-300: #00c192;
-  --green-400: #009f81;
-  --green-50: #dbfee8;
-  --green-500: #007c65;
-  --green-600: #055345;
-  --green-700: #00342d;
-  --green-800: #00201e;
-  --salad-100: #c7ee96;
-  --salad-200: #9bd85d;
-  --salad-300: #66c030;
-  --salad-400: #35a21e;
-  --salad-50: #ecfbcd;
-  --salad-500: #0a7e22;
-  --salad-600: #005613;
-  --salad-700: #003509;
-  --salad-800: #002203;
-  --orange-50: #fff3d9;
-  --orange-100: #ffdca2;
-  --orange-200: #ffb26e;
-  --orange-300: #ff8c43;
-  --orange-400: #ff622d;
-  --orange-500: #c33909;
-  --orange-600: #8b1500;
-  --orange-700: #551200;
-  --orange-800: #351000;
-  --yellow-100: #fce081;
-  --yellow-200: #fdc23c;
-  --yellow-300: #ef9800;
-  --yellow-400: #d87900;
-  --yellow-50: #fdf7c8;
-  --yellow-500: #a75800;
-  --yellow-600: #743a00;
-  --yellow-700: #462500;
-  --yellow-800: #2c1600;
-  --red-100: #ffd7df;
-  --red-200: #ffaeb5;
-  --red-300: #ff8786;
-  --red-400: #ff4953;
-  --red-50: #fff0f7;
-  --red-500: #d1002f;
-  --red-600: #8e0016;
-  --red-700: #58000a;
-  --red-800: #410101;
-  --pink-100: #ffd3ff;
-  --pink-200: #ffa9fa;
-  --pink-300: #f67cf2;
-  --pink-400: #e14adf;
-  --pink-50: #fff0ff;
-  --pink-500: #b229b9;
-  --pink-600: #7d0480;
-  --pink-700: #4d0050;
-  --pink-800: #340439;
-  --violet-100: #edd9ff;
-  --violet-200: #dcb8ff;
-  --violet-300: #c695ff;
-  --violet-400: #ab6cfe;
-  --violet-50: #f9f2ff;
-  --violet-500: #8649e1;
-  --violet-600: #5925ab;
-  --violet-700: #421984;
-  --violet-800: #220358;
-}

package/src/style/venn.shadow.css

@@ -1,29 +0,0 @@
-@import '@semcore/d3-chart/src/style/var.css';
-
-SCircle {
-  fill: var(--green-02);
-  stroke: #fff;
-  stroke-width: 2px;
-  fill-opacity: 0.5;
-  transition-property: cx, cy;
-  transition-duration: var(--duration);
-  transition-timing-function: ease-in-out;
-
-  &:hover {
-    fill-opacity: 0.7;
-  }
-}
-
-SCircle[color] {
-  fill: var(--color);
-}
-
-SIntersection {
-  stroke: #fff;
-  stroke-width: 2px;
-  fill-opacity: 0;
-
-  &:hover {
-    fill-opacity: 0.1;
-  }
-}

package/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/types/Plot.d.ts

@@ -1,16 +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;
-}
-
-declare const Plot: <T>(props: CProps<IPlotProps & T>) => ReturnEl;
-
-export default Plot;

package/src/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/src/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/src/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;