@vizzly/dashboard 0.14.4 → 0.15.0-dev-4c548c2a9cdc29d779838ea3325029fe7e640235

package/dist/charts/src/BubbleChart/BubbleChart.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { BubbleChartProps } from './types';
+import { FormatterProps } from '../types';
+import { ChartRef } from '../utils/chartRendering';
+export declare const BubbleChart: React.ForwardRefExoticComponent<Pick<BubbleChartProps, "height" | "width" | "horizontal" | "x" | "approxXAxisLabelCount" | "approxYAxisLabelCount" | "legend" | "axisTitles" | "lineCurve" | "trends" | "data" | "z" | "onClick" | "theme" | "colors" | "keys" | "goalLine" | "idPrefix" | "uniqueId" | "forceXAxisAsTime" | "annotate" | "formatSeriesName" | "sparkline" | "threshold" | "removeStroke" | "formatXAxisLabel" | "formatYAxisLabel" | "popOverMenuStyles" | "datumFormatter" | "lineStyle"> & FormatterProps & React.RefAttributes<ChartRef>>;

package/dist/charts/src/BubbleChart/VizzlyBubbleChart.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { Props } from '../XYChart/types';
+export declare const VizzlyBubbleChart: (props: Props) => JSX.Element;

package/dist/charts/src/BubbleChart/index.d.ts

@@ -0,0 +1 @@
+export * from './BubbleChart';

package/dist/charts/src/BubbleChart/types.d.ts

@@ -0,0 +1,32 @@
+import { ChartData, ChartProps, ColorFormatterByDatum, ColorFormatterByKey } from '../types';
+import { GenerateAnnotationType } from '../XYChart/logic/annotations';
+import { AxisTitles, Datum, GoalLine, ThresholdType, Props as VizzlyXYChartProps } from '../XYChart';
+export interface BubbleChartProps extends ChartProps {
+    uniqueId: string;
+    x: string;
+    z: string;
+    keys: string[];
+    colors: string[];
+    data: Array<ChartData>;
+    sparkline?: boolean;
+    forceXAxisAsTime?: VizzlyXYChartProps['forceXAxisAsTime'];
+    annotate?: Array<GenerateAnnotationType>;
+    lineCurve?: VizzlyXYChartProps['lineCurve'];
+    formatSeriesName: VizzlyXYChartProps['formatSeriesName'];
+    formatter: ColorFormatterByKey;
+    datumFormatter?: ColorFormatterByDatum;
+    onClick?: (value: Datum | undefined) => void;
+    goalLine?: GoalLine[];
+    axisTitles?: AxisTitles;
+    threshold?: Array<ThresholdType>;
+    idPrefix: VizzlyXYChartProps['idPrefix'];
+    trends?: {
+        data: Array<ChartData>;
+        keys: string[];
+        colors?: string[];
+        opacity?: number[];
+        strokeWidth?: number[];
+        strokeDasharray?: string | number[];
+    };
+    lineStyle?: 'dotted';
+}

package/dist/charts/src/Legend/types.d.ts

@@ -1 +1 @@
-export declare type ChartType = 'bar' | 'area' | 'lines' | 'scatter' | 'pie' | 'trend';
+export declare type ChartType = 'bar' | 'area' | 'lines' | 'scatter' | 'pie' | 'trend' | 'bubble';

package/dist/charts/src/XYChart/types.d.ts

@@ -12,6 +12,8 @@ export declare type BarStyleOverrides = {
 export interface Props extends ChartProps, FormatterProps {
     uniqueId: string;
     x: string;
+    z?: string;
+    isBubble?: boolean;
     sharedTooltip?: boolean;
     yAxisOrientation?: 'left' | 'right';
     sparkline?: boolean;

package/dist/charts/src/v2/components/AreaChart/AreaChart.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { ChartTheme } from '../../../types';
+import { AreaChartRepresentation, CurveTypes } from '../../../../../shared-logic/src/AreaChartV2/types';
+export declare type AreaChartProps = {
+    uniqueId: string;
+    width: number;
+    height: number;
+    chart: AreaChartRepresentation;
+    theme?: ChartTheme;
+    options: {
+        stacked: boolean;
+        curve: CurveTypes;
+        showRoundedTotal: boolean;
+        showLegend: boolean;
+        removeStroke: boolean;
+        axis: {
+            showXAxisLabels: boolean;
+            showYAxisLabels: boolean;
+        };
+    };
+};
+export declare const AreaChart: ({ chart, options, theme, width, height, uniqueId }: AreaChartProps) => JSX.Element;

package/dist/charts/src/v2/components/AreaChart/contants.d.ts

@@ -0,0 +1 @@
+export declare const AREA_GRADIENT_ID_PREFIX = "area-gradient";

package/dist/charts/src/v2/components/AreaChart/index.d.ts

@@ -0,0 +1 @@
+export { AreaChart } from './AreaChart';

package/dist/charts/src/v2/components/Axis/AxisBottom.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { BaseXAxis } from '../../../../../shared-logic/src/ChartsV2/types';
+import { Margin } from '../../utils/buildMargin';
+import { ChartThemeCSS } from '../../utils/getChartThemeCSS';
+import { DataType } from '../../../../../shared-logic/src/Field/types';
+import { ScaleBand, ScaleLinear, ScaleTime, ScalePoint } from '@visx/vendor/d3-scale';
+export declare type AxisBottomProps = {
+    x: BaseXAxis;
+    margin: Margin;
+    baselineShift?: number;
+    themeCSS: ChartThemeCSS;
+    show?: boolean;
+    removeStroke?: boolean;
+    xScaleDataType?: DataType;
+    xScale: ScaleBand<string> | ScaleBand<Date> | ScaleBand<number> | ScaleLinear<number, number, never> | ScalePoint<string> | ScaleTime<number, number, never> | null;
+    height: number;
+};
+export declare function AxisBottom({ x, margin, themeCSS, show, removeStroke, xScaleDataType, xScale, height, baselineShift }: AxisBottomProps): JSX.Element | null;

package/dist/charts/src/v2/components/Axis/AxisLeft.d.ts

@@ -0,0 +1,15 @@
+import { FunctionComponent } from 'react';
+import { Margin } from '../../utils/buildMargin';
+import { BaseYAxis } from '../../../../../shared-logic/src/ChartsV2/types';
+import { ScaleLinear } from '@visx/vendor/d3-scale';
+import { ChartThemeCSS } from '../../utils/getChartThemeCSS';
+import { ComboYAxis } from '../../../../../shared-logic/src/ComboChartV2/types';
+export declare const AxisLeft: FunctionComponent<{
+    show: boolean;
+    y: BaseYAxis | ComboYAxis;
+    margin: Margin;
+    stroke?: string;
+    yScale: ScaleLinear<number, number, never>;
+    ticks: number[];
+    themeCSS: ChartThemeCSS;
+}>;

package/dist/charts/src/v2/components/Axis/shared.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const AXIS_TITLE_STYLES: React.CSSProperties;

package/dist/charts/src/v2/components/BarChart/BarChart.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { BarChartRepresentation } from '../../../../../shared-logic/src/BarChartV2/types';
+import { ChartTheme } from '../../../types';
+import { ChartOnViewClick } from '../../../../../shared-logic/src/ChartsV2/types';
+export declare type BarChartProps = {
+    width: number;
+    height: number;
+    theme?: ChartTheme;
+    chart: BarChartRepresentation;
+    options: {
+        stacked: boolean;
+        showRoundedTotal: boolean;
+        showLegend: boolean;
+        removeStroke: boolean;
+        axis: {
+            showXAxisLabels: boolean;
+            showYAxisLabels: boolean;
+        };
+    };
+    onClick: (params: ChartOnViewClick) => void;
+    enableHover?: boolean;
+    numberOfDimensions: number;
+};
+export declare const BarChart: ({ chart, width, height, options, theme, onClick, enableHover, numberOfDimensions }: BarChartProps) => JSX.Element;

package/dist/charts/src/v2/components/BarChart/index.d.ts

@@ -0,0 +1 @@
+export { BarChart } from './BarChart';

package/dist/charts/src/v2/components/BarChart/useBarXScale.d.ts

@@ -0,0 +1,2 @@
+import { Datum } from '../../../../../shared-logic/src/DatumKey';
+export declare function useBarXScale(xScaleDataType: string, innerWidth: number, xScaleKey: string | null, data: Datum[]): import("@visx/vendor/d3-scale").ScaleBand<number> | import("@visx/vendor/d3-scale").ScaleBand<string> | import("@visx/vendor/d3-scale").ScaleBand<Date> | null;

package/dist/charts/src/v2/components/BubbleChart/BubbleChart.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { ChartTheme } from '../../../types';
+import { BubbleChartRepresentation } from '../../../../../shared-logic/src/BubbleChart/types';
+import { DataType } from '../../../../../shared-logic/src/Field/types';
+import { ConditionalFormattingRule } from '../../../../../shared-logic/src/ChartsV2/types';
+import { ScaleLinear, ScalePoint, ScaleTime } from '@visx/vendor/d3-scale';
+export declare type BubbleChartProps = {
+    width: number;
+    height: number;
+    chart: BubbleChartRepresentation;
+    theme?: ChartTheme;
+    options: {
+        showRoundedTotal: boolean;
+        showLegend: boolean;
+        removeStroke: boolean;
+        axis: {
+            showXAxisLabels: boolean;
+            showYAxisLabels: boolean;
+        };
+    };
+};
+export declare const BubbleChart: ({ chart, options, theme, width, height }: BubbleChartProps) => JSX.Element;
+export declare function Bubbles({ yKeys, data, xScaleKey, xScale, yScale, chart, }: {
+    yKeys: string[];
+    conditionalFormattingRules: ConditionalFormattingRule[];
+    data: Array<{
+        [x: string]: string | number;
+    }>;
+    visibleYKeys: string[];
+    xScaleKey: string;
+    xScaleDataType: DataType;
+    xScale: ScalePoint<string> | ScaleTime<number, number, never> | ScaleLinear<number, number, never>;
+    yScale: ScaleLinear<number, number, never>;
+    chart: BubbleChartRepresentation;
+}): JSX.Element;

package/dist/charts/src/v2/components/BubbleChart/index.d.ts

@@ -0,0 +1 @@
+export { BubbleChart } from './BubbleChart';

package/dist/charts/src/v2/components/ChartWrapper/ChartWrapper.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const ChartWrapper: (props: {
+    children: React.ReactNode;
+    width: number;
+    height: number;
+    showLegend: boolean;
+    onMouseMove?: React.MouseEventHandler<SVGSVGElement>;
+    onMouseLeave?: React.MouseEventHandler<SVGSVGElement>;
+}) => JSX.Element;

package/dist/charts/src/v2/components/ComboChart/ComboChart.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { ChartTheme } from '../../../types';
+import { ComboChartRepresentation } from '../../../../../shared-logic/src/ComboChartV2/types';
+export declare type ComboChartProps = {
+    width: number;
+    height: number;
+    theme?: ChartTheme;
+    chart: ComboChartRepresentation;
+    options: {
+        stacked: boolean;
+        showRoundedTotal: boolean;
+        showLegend: boolean;
+        removeStroke: boolean;
+        axis: {
+            showXAxisLabels: boolean;
+            showYAxisLabels: boolean;
+        };
+    };
+    enableHover?: boolean;
+};
+export declare const ComboChart: ({ chart, width, height, options, theme }: ComboChartProps) => JSX.Element;

package/dist/charts/src/v2/components/GoalLine/GoalLine.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { GoalLine as GoalLineType } from '../../../../../shared-logic/src/LineChartV2/types';
+import { GoalLine as GoalLineType } from '../../../../../shared-logic/src/ChartsV2/types';
 interface GoalLineProps {
     goalLine: GoalLineType;
     innerWidth: number;

package/dist/charts/src/v2/components/GoalLine/GoalLines.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { GoalLine as GoalLineType } from '../../../../../shared-logic/src/ChartsV2/types';
+import { Margin } from '../../utils/buildMargin';
+export declare const shouldUpdate: (previousProps: any, nextProps: any) => boolean;
+declare const _default: import("react").NamedExoticComponent<{
+    goalLines: GoalLineType[];
+    y: (value: number) => number;
+    margin: Margin;
+    width: number;
+}>;
+export default _default;

package/dist/charts/src/v2/components/GridRows/GridRows.d.ts

@@ -0,0 +1,10 @@
+import { FunctionComponent } from 'react';
+import { ScaleLinear } from '@visx/vendor/d3-scale';
+export declare const GridRows: FunctionComponent<{
+    ticks: number[];
+    yScale: ScaleLinear<number, number, never>;
+    removeStroke?: boolean;
+    width: number;
+    height: number;
+    themeCSS: any;
+}>;

package/dist/charts/src/v2/components/GridRows/shared.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const GRID_STYLES: React.CSSProperties;

package/dist/charts/src/v2/components/Legend/Legend.d.ts

@@ -1,14 +1,21 @@
 import React from 'react';
-import { ConditionalFormattingRule, LegendItem as LegendItemType, Key } from '../../../../../shared-logic/src/LineChartV2/types';
-interface LegendProps {
-    setVisibleYKeys: React.Dispatch<React.SetStateAction<Array<string>>>;
+import { ShapeDefinition, ConditionalFormattingRule, Key } from '../../../../../shared-logic/src/ChartsV2/types';
+import { BarStyles } from '../../../../../shared-logic/src/BarChartV2/types';
+import { LineStyles } from '../../../../../shared-logic/src/LineChartV2/types';
+import { AreaStyles } from '../../../../../shared-logic/src/AreaChartV2/types';
+import { BubbleStyles } from '../../../../../shared-logic/src/BubbleChartV2/types';
+declare type Item<T> = {
+    legendItems: Array<ShapeDefinition<T>>;
     visibleYKeys: Array<string>;
+    conditionalFormattingRules: Array<ConditionalFormattingRule>;
+};
+export declare type LegendProps<T> = {
+    setVisibleYKeys?: React.Dispatch<React.SetStateAction<Array<string>>>;
     keys: {
         [key: string]: Key;
     };
-    legendItems: Array<LegendItemType>;
-    conditionalFormattingRules: Array<ConditionalFormattingRule>;
     marginLeft: number;
-}
-export declare const Legend: ({ keys, visibleYKeys, legendItems, setVisibleYKeys, conditionalFormattingRules, marginLeft, }: LegendProps) => JSX.Element;
+    items: Item<T>[];
+};
+export declare const Legend: ({ keys, setVisibleYKeys, marginLeft, items, }: LegendProps<BarStyles | LineStyles | AreaStyles | BubbleStyles>) => JSX.Element;
 export {};

package/dist/charts/src/v2/components/Legend/LegendItem/LegendItem.d.ts

@@ -1,11 +1,14 @@
 /// <reference types="react" />
-import { ConditionalFormattingRule } from '../../../../../../shared-logic/src/LineChartV2/types';
-import { LegendItem as LegendItemType } from '../../../../../../shared-logic/src/LineChartV2/types';
-interface LegendItemProps extends LegendItemType {
+import { ShapeDefinition, ConditionalFormattingRule } from '../../../../../../shared-logic/src/ChartsV2/types';
+import { LineStyles } from '../../../../../../shared-logic/src/LineChartV2/types';
+import { BarStyles } from '../../../../../../shared-logic/src/BarChartV2/types';
+import { AreaStyles } from '../../../../../../shared-logic/src/AreaChartV2/types';
+import { BubbleStyles } from '../../../../../../shared-logic/src/BubbleChartV2/types';
+interface LegendItemProps<T> extends ShapeDefinition<T> {
     onClick: () => void;
     visible: boolean;
     yKeyFormatted: string | undefined;
     conditionalFormattingRules: Array<ConditionalFormattingRule>;
 }
-export declare const LegendItem: ({ yKey, yKeyFormatted, color, style, onClick, visible, conditionalFormattingRules, }: LegendItemProps) => JSX.Element;
+export declare const LegendItem: ({ yKey, yKeyFormatted, color, style, onClick, visible, conditionalFormattingRules, }: LegendItemProps<BarStyles | LineStyles | AreaStyles | BubbleStyles>) => JSX.Element;
 export {};

package/dist/charts/src/v2/components/Legend/LegendItemBox/LegendItemBox.d.ts

@@ -1,3 +1,10 @@
 /// <reference types="react" />
-import { LegendItem } from '../../../../../../shared-logic/src/LineChartV2/types';
-export declare const LegendItemBox: ({ color, style }: LegendItem) => JSX.Element;
+import { ShapeDefinition } from '../../../../../../shared-logic/src/ChartsV2/types';
+import { LineStyles } from '../../../../../../shared-logic/src/LineChartV2/types';
+export declare const LegendItemBox: ({ color, style }: ShapeDefinition<LineStyles>) => JSX.Element;
+export declare const LegendItemSquare: ({ color }: {
+    color: string;
+}) => JSX.Element;
+export declare const LegendItemTriangle: ({ color }: {
+    color: string;
+}) => JSX.Element;

package/dist/charts/src/v2/components/LineChart/LineChart.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
 import { ChartTheme } from '../../../types';
-import { LineChartRepresentation } from '../../../../../shared-logic/src/LineChartV2/types';
+import { LineChartRepresentation, LineStyles } from '../../../../../shared-logic/src/LineChartV2/types';
+import { DataType } from '../../../../../shared-logic/src/Field/types';
+import { ChartDataDefinition, ConditionalFormattingRule, ShapeDefinition } from '../../../../../shared-logic/src/ChartsV2/types';
+import { ScaleLinear, ScaleTime, ScalePoint } from '@visx/vendor/d3-scale';
 export declare type LineChartProps = {
     width: number;
     height: number;
@@ -18,3 +21,15 @@ export declare type LineChartProps = {
     };
 };
 export declare const LineChart: ({ chart, options, theme, width, height }: LineChartProps) => JSX.Element;
+export declare function Lines({ yKeys, visibleYKeys, data, xScaleKey, xScaleDataType, xScale, yScale, lines, curve, conditionalFormattingRules, }: {
+    yKeys: string[];
+    lines: ShapeDefinition<LineStyles>[];
+    conditionalFormattingRules: ConditionalFormattingRule[];
+    curve: any;
+    data: ChartDataDefinition[];
+    visibleYKeys: string[];
+    xScaleKey: string;
+    xScaleDataType: DataType;
+    xScale: ScalePoint<string> | ScaleTime<number, number, never> | ScaleLinear<number, number, never>;
+    yScale: ScaleLinear<number, number, never>;
+}): JSX.Element;

package/dist/charts/src/v2/components/RadarChart/Grid.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { RadarShapeProps } from './types';
+export declare const Grid: ({ chart, radius, themeCSS }: RadarShapeProps) => JSX.Element;

package/dist/charts/src/v2/components/RadarChart/MiddleLine.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { RadarShapeProps } from './types';
+interface IMiddleLine extends RadarShapeProps {
+    show: boolean;
+}
+export declare const MiddleLine: ({ chart, radius, themeCSS, show }: IMiddleLine) => JSX.Element;
+export {};

package/dist/charts/src/v2/components/RadarChart/Polygons.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PolygonProps } from './types';
+export declare const Polygons: ({ chart, radius, visibleYKeys }: PolygonProps) => JSX.Element;

package/dist/charts/src/v2/components/RadarChart/RadarChart.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { RadarChartProps } from './types';
+export declare const RadarChart: ({ chart, width, height, options, theme }: RadarChartProps) => JSX.Element | null;

package/dist/charts/src/v2/components/RadarChart/index.d.ts

@@ -0,0 +1 @@
+export { RadarChart } from './RadarChart';

package/dist/charts/src/v2/components/RadarChart/types.d.ts

@@ -0,0 +1,33 @@
+import { RadarChartOptions, RadarChartRepresentation } from '../../../../../shared-logic/src/RadarChart/types';
+import { ChartTheme } from '../../../types';
+import { ChartThemeCSS } from '../../utils/getChartThemeCSS';
+declare type SinglePolygonPoints = {
+    points: {
+        x: number;
+        y: number;
+    }[];
+    pointString: string;
+};
+export declare type SinglePolygonProps = {
+    polygonPoints: SinglePolygonPoints;
+    colors: string;
+    isVisible: boolean;
+};
+export declare type PolygonProps = {
+    chart: RadarChartRepresentation;
+    radius: number;
+    visibleYKeys: string[];
+};
+export declare type RadarShapeProps = {
+    chart: RadarChartRepresentation;
+    radius: number;
+    themeCSS: ChartThemeCSS;
+};
+export declare type RadarChartProps = {
+    width: number;
+    height: number;
+    theme?: ChartTheme;
+    chart: RadarChartRepresentation;
+    options: RadarChartOptions;
+};
+export {};

package/dist/charts/src/v2/components/Threshold/ThresholdArea.d.ts

@@ -0,0 +1,14 @@
+import { FunctionComponent } from 'react';
+import { ConditionalFormattingRule } from '../../../../../shared-logic/src/ChartsV2/types';
+import { ChartThresholdTheme } from '../../../types';
+import { Margin } from '../../utils/buildMargin';
+export declare const ThresholdArea: FunctionComponent<{
+    rules: ConditionalFormattingRule[];
+    height: number;
+    width: number;
+    margin: Margin;
+    idPrefix: string;
+    theme?: ChartThresholdTheme;
+    uniqueId: string;
+    yScale: (value: number) => number;
+}>;

package/dist/charts/src/v2/components/Threshold/threshold.utils.d.ts

@@ -0,0 +1,4 @@
+import { ConditionalFormattingRule } from '../../../../../shared-logic/src/ChartsV2/types';
+export declare const thresholdId: (args: ConditionalFormattingRule, idPrefix: string, position: 'above' | 'below' | 'intermediate', uniqueId: string) => string;
+export declare function buildClipPathId(rule: ConditionalFormattingRule, idPrefix: string, uniqueId: string): string;
+export declare function getRule(rules: ConditionalFormattingRule[], yKey: string): ConditionalFormattingRule[];

package/dist/charts/src/v2/components/Tooltip/CrosshairCircle.d.ts

@@ -0,0 +1,21 @@
+import { FunctionComponent } from 'react';
+import { Margin } from '../../utils/buildMargin';
+import { DataItem, ShapeDefinition } from '../../../../../shared-logic/src/ChartsV2/types';
+import { DataType } from '../../../../../shared-logic/src/Field/types';
+import { AreaStyles } from '../../../../../shared-logic/src/AreaChartV2/types';
+import { BubbleStyles } from '../../../../../shared-logic/src/BubbleChartV2/types';
+import { LineStyles } from '../../../../../shared-logic/src/LineChartV2/types';
+export declare const CrosshairCircle: FunctionComponent<{
+    dataType: DataType;
+    yKeys: string[];
+    tooltipData: {
+        [keyId: string]: DataItem;
+    };
+    xKey: string | null;
+    margin: Margin;
+    legendItems: ShapeDefinition<AreaStyles | LineStyles | BubbleStyles>[];
+    conditionalFormattingRules: any;
+    visibleYKeys: string[];
+    yScale: (yKey: string) => number;
+    xScale: (value: string | number | Date) => number | undefined;
+}>;

package/dist/charts/src/v2/components/Tooltip/Line.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Margin } from '../../utils/buildMargin';
+export declare const Line: ({ margin, x, height }: {
+    margin: Margin;
+    x: number;
+    height: number;
+}) => JSX.Element;

package/dist/charts/src/v2/components/Tooltip/Tooltip.d.ts

@@ -1,21 +1,27 @@
-import { CSSProperties } from 'react';
-import { ConditionalFormattingRule, DataItem, Key, LegendItem } from '../../../../../shared-logic/src/LineChartV2/types';
-interface TooltipProps {
+import React, { CSSProperties } from 'react';
+import { ShapeDefinition, ConditionalFormattingRule, DataItem, Key } from '../../../../../shared-logic/src/ChartsV2/types';
+import { LineStyles } from '../../../../../shared-logic/src/LineChartV2/types';
+import { BarStyles } from '../../../../../shared-logic/src/BarChartV2/types';
+import { AreaStyles } from '../../../../../shared-logic/src/AreaChartV2/types';
+import { BubbleStyles } from '../../../../../shared-logic/src/BubbleChartV2/types';
+interface TooltipProps<T> {
     keys: {
         [key: string]: Key;
     };
-    legendItems: Array<LegendItem>;
     showRoundedTotal: boolean;
     tooltipData: {
         [keyId: string]: DataItem;
     };
     tooltipLeft: number;
     tooltipTop: number;
-    visibleYKeys: string[];
     xKey: string;
-    yKeys: string[];
-    conditionalFormattingRules: Array<ConditionalFormattingRule>;
+    yKeys?: string[];
+    items: {
+        legendItems: Array<ShapeDefinition<T>>;
+        conditionalFormattingRules: Array<ConditionalFormattingRule>;
+        visibleYKeys: string[];
+    }[];
     theme: CSSProperties;
 }
-export declare const Tooltip: ({ keys, legendItems, showRoundedTotal, tooltipData, tooltipLeft, tooltipTop, visibleYKeys, xKey, yKeys, conditionalFormattingRules, theme, }: TooltipProps) => JSX.Element;
+export declare const Tooltip: ({ keys, showRoundedTotal, tooltipData, tooltipLeft, tooltipTop, xKey, yKeys, theme, items, }: TooltipProps<LineStyles | BarStyles | AreaStyles | BubbleStyles>) => React.ReactPortal;
 export {};

package/dist/charts/src/v2/components/WaterfallChart/Legend.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare type LegendProps = {
+    showLegend: boolean;
+    margin: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+        leftTitleOffset: number;
+        bottomTitleOffset: number;
+    };
+    increaseColor: string;
+    decreaseColor: string;
+};
+export declare const Legend: ({ showLegend, margin, increaseColor, decreaseColor }: LegendProps) => JSX.Element | null;

package/dist/charts/src/v2/components/WaterfallChart/Tooltip.d.ts

@@ -0,0 +1,14 @@
+import { CSSProperties } from 'react';
+import { DataItem } from '../../../../../shared-logic/src/WaterfallChart/types';
+export declare type TooltipProps = {
+    showTooltip: boolean;
+    tooltipData: {
+        [keyId: string]: DataItem;
+    } | null | undefined;
+    tooltipLeft: number;
+    tooltipTop: number;
+    xKey: string;
+    yKey: string;
+    theme: CSSProperties;
+};
+export declare const Tooltip: ({ showTooltip, tooltipData, tooltipLeft, tooltipTop, xKey, yKey, theme, }: TooltipProps) => JSX.Element | null;

package/dist/charts/src/v2/components/WaterfallChart/WaterfallChart.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { ChartTheme } from '../../../types';
+import { Step, WaterfallChartOptions, WaterfallChartRepresentation } from '../../../../../shared-logic/src/WaterfallChart/types';
+export declare type WaterfallChartProps = {
+    width: number;
+    height: number;
+    chart: WaterfallChartRepresentation;
+    steps: Step[];
+    options: WaterfallChartOptions;
+    theme?: ChartTheme;
+    increaseColor: string;
+    decreaseColor: string;
+};
+export declare const WaterfallChart: ({ height, width, options, chart, steps, theme, increaseColor, decreaseColor, }: WaterfallChartProps) => JSX.Element | null;

package/dist/charts/src/v2/components/WaterfallChart/index.d.ts

@@ -0,0 +1,2 @@
+export { WaterfallChart } from "./WaterfallChart";
+export type { WaterfallChartProps } from "./WaterfallChart";

package/dist/charts/src/v2/components/hooks/useBottomAxisBaselineShift.d.ts

@@ -0,0 +1,10 @@
+export declare type UseBottomAxisBaseLineShiftProps = {
+    showDetailedSubGroupingLabels: boolean;
+    hasBottomTitle: boolean;
+    hasLeftTitle: boolean;
+};
+export declare const useBottomAxisBaseLineShift: ({ showDetailedSubGroupingLabels, hasBottomTitle, hasLeftTitle, }: UseBottomAxisBaseLineShiftProps) => {
+    bottomAxisBaselineShift: number;
+    bottomOffset: number;
+    leftOffset: number;
+};

package/dist/charts/src/v2/components/hooks/useFlattenedData.d.ts

@@ -0,0 +1,4 @@
+import { DataType } from '../../../../../shared-logic/src/Field/types';
+export declare function useFlattenedData<Y>(xScaleKey: string | null, xScaleDataType: DataType, data: {
+    [keyId: string]: any;
+}[], yKeys: string[]): Y[];

package/dist/charts/src/v2/components/hooks/useTooltip.d.ts

@@ -0,0 +1,16 @@
+export declare type UseTooltipParams<TooltipData> = {
+    tooltipOpen: boolean;
+    tooltipLeft?: number;
+    tooltipTop?: number;
+    lineLeft?: number;
+    tooltipData?: TooltipData;
+    updateTooltip: (args: UpdateTooltipArgs<TooltipData>) => void;
+    showTooltip: (args: ShowTooltipArgs<TooltipData>) => void;
+    hideTooltip: () => void;
+};
+declare type UseTooltipState<TooltipData> = Pick<UseTooltipParams<TooltipData>, 'tooltipOpen' | 'tooltipLeft' | 'tooltipTop' | 'lineLeft' | 'tooltipData'>;
+declare type ValueOrFunc<T> = T | ((t: T) => T);
+declare type ShowTooltipArgs<TooltipData> = ValueOrFunc<Omit<UseTooltipState<TooltipData>, 'tooltipOpen'>>;
+declare type UpdateTooltipArgs<TooltipData> = ValueOrFunc<UseTooltipState<TooltipData>>;
+export default function useTooltip<TooltipData = {}>(initialTooltipState?: Partial<UseTooltipParams<TooltipData>>): UseTooltipParams<TooltipData>;
+export {};

package/dist/charts/src/v2/components/hooks/useVisibleKey.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ShapeDefinition } from '../../../../../shared-logic/src/ChartsV2/types';
+export declare function useVisibleYKeys<T>(areas: ShapeDefinition<T>[]): {
+    visibleYKeys: string[];
+    setVisibleYKeys: import("react").Dispatch<import("react").SetStateAction<string[]>>;
+};

package/dist/charts/src/v2/components/hooks/useYScale.d.ts

@@ -0,0 +1,2 @@
+import { Scale } from '../../../../../shared-logic/src/ChartsV2/types';
+export declare function useYScale<T>(innerHeight: number, scale: Scale<T>): import("@visx/vendor/d3-scale").ScaleLinear<number, number, never>;

package/dist/charts/src/v2/constants/BORDER_RADIUS.d.ts

@@ -0,0 +1 @@
+export declare const BAR_RADIUS = 2;