@semcore/d3-chart 2.2.1 → 2.2.4

package/src/types/StackBar.d.ts

@@ -1,26 +0,0 @@
-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/src/types/StackedArea.d.ts

@@ -1,26 +0,0 @@
-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/src/types/Tooltip.d.ts

@@ -1,33 +0,0 @@
-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 ITooltipChartProps extends IPopperProps, IPopperTriggerProps, IContext {
-  /** Field from data for XAxis */
-  x?: string;
-  /** Field from data for YAxis */
-  y?: string;
-}
-
-export interface ITooltipChartContext {
-  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<ITooltipChartProps & T, ITooltipChartContext>,
-) => 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/src/types/Venn.d.ts

@@ -1,45 +0,0 @@
-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/src/types/context.d.ts

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

package/src/types/index.d.ts

@@ -1,56 +0,0 @@
-// 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';
-
-export { default as ReferenceLine } from './ReferenceLine';
-export * from './ReferenceLine';

package/src/utils.ts

@@ -1,227 +0,0 @@
-import { extent, bisector, Numeric } from 'd3-array';
-import {
-  scaleQuantize,
-  ScaleIdentity,
-  ScaleTime,
-  ScaleContinuousNumeric,
-  ScaleBand,
-  ScalePoint,
-  NumberValue,
-} from 'd3-scale';
-import React from 'react';
-
-const CONSTANT = {
-  VIRTUAL_ELEMENT: Symbol('VIRTUAL_ELEMENT'),
-} as const;
-
-export { CONSTANT };
-
-export const eventToPoint = (event: React.MouseEvent<HTMLElement>, svgRoot: SVGElement) => {
-  const node = (event.currentTarget || event.target) as HTMLElement;
-  const rect = svgRoot.getBoundingClientRect();
-  return [event.clientX - rect.left - node.clientLeft, event.clientY - rect.top - node.clientTop];
-};
-
-type InvertableScale =
-  | ScaleIdentity
-  | ScaleTime<unknown, unknown>
-  | ScaleContinuousNumeric<unknown, unknown>;
-export const invert = <Scale extends InvertableScale = InvertableScale>(
-  scale: Scale,
-  value: number,
-) => {
-  if (scale.invert) return scale.invert(value);
-
-  const range = scale.range() as number[];
-  const domain = scale.domain();
-
-  return scaleQuantize()
-    .domain((range[0] <= range[1] ? range : range.slice().reverse()) as NumberValue[])
-    .range((range[0] <= range[1] ? domain : domain.slice().reverse()) as number[])(value);
-};
-
-export const definedNullData = (x: number, y: number) => (plot: { [xOrY: number]: unknown }) =>
-  plot[x] !== null && plot[y] !== null;
-
-export const definedData = (x: number, y: number) => (plot: { [xOrY: number]: unknown }) =>
-  plot[x] !== null && plot[x] !== undefined && plot[y] !== null && plot[y] !== undefined;
-
-export const scaleOfBandwidth = <Scale extends ScaleBand<{}>>(scale: Scale, value: number) =>
-  scale.bandwidth ? scale(value)! + scale.bandwidth() / 2 : scale(value);
-
-export const minMax = <
-  Key extends string = string,
-  Data extends Iterable<{ [key in Key]: Numeric | null | undefined }> = Iterable<{
-    [key in Key]: Numeric | null | undefined;
-  }>,
->(
-  data: Data,
-  key: Key,
-) => {
-  if (typeof key === 'string') {
-    return extent(data, (d) => d[key]);
-  }
-  return extent(data, key);
-};
-
-export const getNullData = <
-  Name extends string = string,
-  Data extends { [name in Name]?: unknown | null } = {},
->(
-  data: Data[],
-  defined: (data: Data) => boolean,
-  name: Name,
-) =>
-  data.reduce((acc, d, i, data) => {
-    if (defined(d)) {
-      acc.push({
-        [name]: null,
-      } as Data);
-    } else {
-      const prev = data[i - 1];
-      const next = data[i + 1];
-
-      if (i === 0) {
-        const defNext = data.find(defined);
-        acc.push({
-          ...d,
-          [name]: defNext ? defNext[name] : null,
-        });
-      }
-
-      // prev
-      if (prev && defined(prev)) {
-        acc.push(prev);
-      }
-
-      // next
-      if (next && defined(next)) {
-        acc.push(next);
-      }
-
-      if (data.length - 1 === i) {
-        const defPrev = data.slice().reverse().find(defined);
-        acc.push({
-          ...d,
-          [name]: defPrev ? defPrev[name] : null,
-        });
-      }
-    }
-    return acc;
-  }, [] as Data[]);
-
-type IndexFromDataScale =
-  | ScaleIdentity
-  | ScaleTime<unknown, unknown>
-  | ScaleContinuousNumeric<unknown, unknown>
-  | ScaleBand<{}>
-  | ScalePoint<{}>;
-export const getIndexFromData = <
-  Data extends {
-    [key: string]: number;
-  } = {},
-  Scale extends IndexFromDataScale = IndexFromDataScale,
->(
-  data: Data[],
-  scale: Scale,
-  key: string,
-  value: number,
-) => {
-  // detect line chart
-  if ('invert' in scale && typeof scale.invert === 'function') {
-    const bisect = bisector((d: { [key: string]: number }) => d[key]).center;
-    return bisect(data, value);
-  }
-  // detect bar chart
-  else if ('step' in scale && typeof scale.step !== 'undefined') {
-    const index = data.findIndex((d) => d[key] === value);
-    return index >= 0 ? index : null;
-  } else {
-    // eslint-disable-next-line no-console
-    console.warn('[d3-chart/utils/getIndexFromData] encountered incompatible scale type');
-    return null;
-  }
-};
-
-export const roundedPath = (
-  x: number,
-  y: number,
-  w: number,
-  h: number,
-  r: number,
-  tl = false,
-  tr = false,
-  bl = false,
-  br = false,
-) => {
-  let result = 'M' + (x + r) + ',' + y;
-  result += 'h' + (w - 2 * r);
-  if (tr) {
-    result += 'a' + r + ',' + r + ' 0 0 1 ' + r + ',' + r;
-  } else {
-    result += 'h' + r;
-    result += 'v' + r;
-  }
-  result += 'v' + (h - 2 * r);
-  if (br) {
-    result += 'a' + r + ',' + r + ' 0 0 1 ' + -r + ',' + r;
-  } else {
-    result += 'v' + r;
-    result += 'h' + -r;
-  }
-  result += 'h' + (2 * r - w);
-  if (bl) {
-    result += 'a' + r + ',' + r + ' 0 0 1 ' + -r + ',' + -r;
-  } else {
-    result += 'h' + -r;
-    result += 'v' + -r;
-  }
-  result += 'v' + (2 * r - h);
-  if (tl) {
-    result += 'a' + r + ',' + r + ' 0 0 1 ' + r + ',' + -r;
-  } else {
-    result += 'v' + -r;
-    result += 'h' + r;
-  }
-  result += 'z';
-  return result;
-};
-
-export const getBandwidth = <Scale extends ScaleBand<{}>>(scale: Scale) => {
-  if ('bandwidth' in scale) {
-    return scale.bandwidth();
-  }
-
-  const range = scale.range();
-  const domain = scale.domain();
-  return Math.abs(range[range.length - 1] - range[0]) / domain.length;
-};
-
-export const memoize = <Func extends (...args: any[]) => any>(func: Func): Func => {
-  const results: { [cacheKey: string]: any } = {};
-  return ((...args: any[]) => {
-    const argsKey = args.join(',');
-    if (!results[argsKey]) {
-      results[argsKey] = func(...args);
-    }
-    return results[argsKey];
-  }) as Func;
-};
-
-export const measureText = memoize((text: string, fontSize?: number) => {
-  if (!text) return 0;
-
-  const span = document.createElement('span');
-  if (fontSize) {
-    span.style.fontSize = `${fontSize}px`;
-  }
-  for (const line of text.split('\n')) {
-    span.append(document.createTextNode(line));
-    span.append(document.createElement('br'));
-  }
-  span.style.display = 'inline-block';
-  document.body.append(span);
-  const textWidth = span.offsetWidth;
-  span.remove();
-  return textWidth;
-});