@vizzly/dashboard 0.14.4-dev-8252b10a001b6d371cf542597333bfa8f0f1ed5a → 0.14.4-dev-28ace990f8935dcd353f0b09527a2a1b32940e13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,16 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { BaseXAxis } from '../../../../../shared-logic/src/ChartsV2/types';
3
+ import { Margin } from '../../utils/buildMargin';
4
+ import { ChartThemeCSS } from '../../utils/getChartThemeCSS';
5
+ import { DataType } from '../../../../../shared-logic/src/Field/types';
6
+ import { ScaleBand, ScaleLinear, ScaleTime, ScalePoint } from '@visx/vendor/d3-scale';
7
+ export declare const AxisBottom: FunctionComponent<{
8
+ x: BaseXAxis;
9
+ margin: Margin;
10
+ themeCSS: ChartThemeCSS;
11
+ show?: boolean;
12
+ removeStroke?: boolean;
13
+ xScaleDataType?: DataType;
14
+ xScale: ScaleBand<string> | ScaleBand<Date> | ScaleBand<number> | ScaleLinear<number, number, never> | ScalePoint<string> | ScaleTime<number, number, never> | null;
15
+ height: number;
16
+ }>;
@@ -0,0 +1,14 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { Margin } from '../../utils/buildMargin';
3
+ import { BaseYAxis } from '../../../../../shared-logic/src/ChartsV2/types';
4
+ import { ScaleLinear } from '@visx/vendor/d3-scale';
5
+ import { ChartThemeCSS } from '../../utils/getChartThemeCSS';
6
+ export declare const AxisLeft: FunctionComponent<{
7
+ show: boolean;
8
+ y: BaseYAxis;
9
+ margin: Margin;
10
+ stroke?: string;
11
+ yScale: ScaleLinear<number, number, never>;
12
+ ticks: number[];
13
+ themeCSS: ChartThemeCSS;
14
+ }>;
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const AXIS_TITLE_STYLES: React.CSSProperties;
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ export declare const ChartWrapper: (props: {
3
+ children: React.ReactNode;
4
+ width: number;
5
+ height: number;
6
+ showLegend: boolean;
7
+ onMouseMove?: React.MouseEventHandler<SVGSVGElement>;
8
+ onMouseLeave?: React.MouseEventHandler<SVGSVGElement>;
9
+ }) => JSX.Element;
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ import { GoalLine as GoalLineType } from '../../../../../shared-logic/src/ChartsV2/types';
3
+ import { Margin } from '../../utils/buildMargin';
4
+ export declare const shouldUpdate: (previousProps: any, nextProps: any) => boolean;
5
+ declare const _default: import("react").NamedExoticComponent<{
6
+ goalLines: GoalLineType[];
7
+ y: (value: number) => number;
8
+ margin: Margin;
9
+ width: number;
10
+ }>;
11
+ export default _default;
@@ -0,0 +1,10 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { ScaleLinear } from '@visx/vendor/d3-scale';
3
+ export declare const GridRows: FunctionComponent<{
4
+ ticks: number[];
5
+ yScale: ScaleLinear<number, number, never>;
6
+ removeStroke?: boolean;
7
+ width: number;
8
+ height: number;
9
+ themeCSS: any;
10
+ }>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { RadarShapeProps } from './types';
3
+ export declare const Grid: ({ chart, radius, themeCSS }: RadarShapeProps) => JSX.Element;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { RadarShapeProps } from './types';
3
+ export declare const MiddleLine: ({ chart, radius, themeCSS }: RadarShapeProps) => JSX.Element;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { PolygonProps } from './types';
3
+ export declare const Polygons: ({ chart, radius, visibleYKeys }: PolygonProps) => JSX.Element;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { RadarChartProps } from './types';
3
+ export declare const RadarChart: ({ chart, width, height, options, theme }: RadarChartProps) => JSX.Element | null;
@@ -0,0 +1 @@
1
+ export { RadarChart } from './RadarChart';
@@ -0,0 +1,33 @@
1
+ import { RadarChartOptions, RadarChartRepresentation } from '../../../../../shared-logic/src/RadarChart/types';
2
+ import { ChartTheme } from '../../../types';
3
+ import { ChartThemeCSS } from '../../utils/getChartThemeCSS';
4
+ declare type SinglePolygonPoints = {
5
+ points: {
6
+ x: number;
7
+ y: number;
8
+ }[];
9
+ pointString: string;
10
+ };
11
+ export declare type SinglePolygonProps = {
12
+ polygonPoints: SinglePolygonPoints;
13
+ colors: string;
14
+ isVisible: boolean;
15
+ };
16
+ export declare type PolygonProps = {
17
+ chart: RadarChartRepresentation;
18
+ radius: number;
19
+ visibleYKeys: string[];
20
+ };
21
+ export declare type RadarShapeProps = {
22
+ chart: RadarChartRepresentation;
23
+ radius: number;
24
+ themeCSS: ChartThemeCSS;
25
+ };
26
+ export declare type RadarChartProps = {
27
+ width: number;
28
+ height: number;
29
+ theme?: ChartTheme;
30
+ chart: RadarChartRepresentation;
31
+ options: RadarChartOptions;
32
+ };
33
+ export {};
@@ -1,2 +1,3 @@
1
1
  export { LineChart as LineChartV2 } from './components/LineChart';
2
2
  export { BarChart as BarChartV2 } from './components/BarChart';
3
+ export { RadarChart } from './components/RadarChart';
@@ -1,5 +1,5 @@
1
1
  import { Tick } from '../../../../shared-logic/src/ChartsV2/types';
2
- export declare const buildMargin: (yTicks: Tick<number>[], showYAxisLabels: boolean, hasYAxisTitle: boolean, hasXAxisTitle: boolean) => {
2
+ export declare type Margin = {
3
3
  top: number;
4
4
  right: number;
5
5
  bottom: number;
@@ -7,3 +7,4 @@ export declare const buildMargin: (yTicks: Tick<number>[], showYAxisLabels: bool
7
7
  bottomTitleOffset: number;
8
8
  leftTitleOffset: number;
9
9
  };
10
+ export declare const buildMargin: (yTicks: Tick<number>[], showYAxisLabels: boolean, hasYAxisTitle: boolean, hasXAxisTitle: boolean) => Margin;