@semcore/d3-chart 1.8.0 → 1.9.0

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

@@ -0,0 +1,64 @@
+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

@@ -0,0 +1,48 @@
+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[];
+}
+
+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

@@ -0,0 +1,27 @@
+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;
+}
+
+declare const Bubble: <T>(props: CProps<IBubbleProps & T>) => ReturnEl;
+
+export default Bubble;

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

@@ -0,0 +1,26 @@
+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

@@ -0,0 +1,42 @@
+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;
+}
+
+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

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,50 @@
+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

@@ -0,0 +1,16 @@
+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/lib/cjs/types/ResponsiveContainer.d.ts

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1,27 @@
+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;

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

@@ -0,0 +1,26 @@
+import { CProps, ReturnEl } from '@semcore/core';
+import IContext from './context';
+import { IBarContext, IBarProps } from './Bar';
+import { IHorizontalBarProps } from './HorizontalBar';
+
+export interface IStackBarProps extends IContext {
+  /** Field from data for XAxis */
+  x?: string;
+  /** Field from data for YAxis */
+  y?: string;
+  /** Stack generators
+   * @default d3.stack() */
+  stack?: any;
+}
+
+export interface IStackBarContext {
+  /** Series is an array of points, where each point corresponds to the element in the input data. */
+  series: any[];
+}
+
+declare const StackBar: (<T>(props: CProps<IStackBarProps & T, IStackBarContext>) => ReturnEl) & {
+  Bar: <T>(props: CProps<IBarProps & T, IBarContext>) => ReturnEl;
+  HorizontalBar: <T>(props: CProps<IHorizontalBarProps & T, IBarContext>) => ReturnEl;
+};
+
+export default StackBar;

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

@@ -0,0 +1,26 @@
+import { CProps, ReturnEl } from '@semcore/core';
+import IContext from './context';
+import Area from './Area';
+
+export interface IStackedAreaProps extends IContext {
+  /** Field from data for XAxis */
+  x?: string;
+  /** Field from data for YAxis */
+  y?: string;
+  /** Stack generators
+   * @default d3.stack() */
+  stack?: any;
+}
+
+export interface IStackedAreaContext {
+  /** Series is an array of points, where each point corresponds to the element in the input data. */
+  series: any[];
+}
+
+declare const StackedArea: (<T>(
+  props: CProps<IStackedAreaProps & T, IStackedAreaContext>,
+) => ReturnEl) & {
+  Area: typeof Area;
+};
+
+export default StackedArea;

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

@@ -0,0 +1,31 @@
+import { ComponentProps } from 'react';
+import Popper, { IPopperProps, IPopperTriggerProps } from '@semcore/popper';
+import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';
+import { IBoxProps } from '@semcore/flex-box';
+import IContext from './context';
+
+export interface ITooltipProps extends IPopperProps, IPopperTriggerProps, IContext {
+  /** Field from data for XAxis */
+  x?: string;
+  /** Field from data for YAxis */
+  y?: string;
+}
+
+export interface ITooltipContext {
+  getTriggerProps: PropGetterFn;
+  getPopperProps: PropGetterFn;
+  /** Index active value for Axis x */
+  xIndex: number | null;
+  /** Index active value for Axis y */
+  yIndex: number | null;
+}
+
+declare const Tooltip: (<T>(props: CProps<ITooltipProps & T, ITooltipContext>) => ReturnEl) & {
+  Trigger: <T>(props: CProps<ComponentProps<typeof Popper.Trigger> & T>) => ReturnEl;
+  Popper: <T>(props: CProps<ComponentProps<typeof Popper.Popper> & T>) => ReturnEl;
+  Title: <T>(props: CProps<IBoxProps & T>) => ReturnEl;
+  Dot: <T>(props: CProps<IBoxProps & { color?: string } & T>) => ReturnEl;
+  Footer: <T>(props: CProps<T>) => null;
+};
+
+export default Tooltip;

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

@@ -0,0 +1,45 @@
+import { CProps, ReturnEl } from '@semcore/core';
+import IContext from './context';
+import { IFadeInOutProps } from '@semcore/animation';
+
+export interface IVennProps extends IContext, IFadeInOutProps {
+  /**
+   * Rotate sets in the chart
+   * @default Math.PI / 2
+   */
+  orientation?: number;
+  /**
+   * The function for sorting sets inside the chart
+   * @default (circle1, circle2) => circle2.radius - circle1.radius
+   */
+  orientationOrder?: (c1: number, c2: number) => number;
+}
+
+export interface ICircleProps extends IContext {
+  /**
+   * Name of the field in the data
+   * */
+  dataKey: string;
+  /** Color circle
+   @default #3AB011
+   **/
+  color?: string;
+  /** Animation duration in ms
+   * @default 500
+   */
+  duration?: number;
+}
+
+export interface IIntersectionProps extends IContext, IFadeInOutProps {
+  /**
+   * Name of the field in the data
+   * */
+  dataKey: string;
+}
+
+declare const Venn: (<T>(props: CProps<IVennProps & T>) => ReturnEl) & {
+  Circle: <T>(props: CProps<ICircleProps & T>) => ReturnEl;
+  Intersection: <T>(props: CProps<IIntersectionProps & T>) => ReturnEl;
+};
+
+export default Venn;

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

@@ -0,0 +1,6 @@
+export default interface IContext {
+  /** Data for graphic */
+  data?: any;
+  /** Scale for svg element */
+  scale?: any[];
+}

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

@@ -0,0 +1,53 @@
+// 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 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';