@vizzly/dashboard 0.14.4-dev-97acb8d43347ac757049612930b3f8e69e913e55 → 0.14.4-dev-3455fe16fbb312a7c23a46cc2f4bcf62b52bb944

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

@@ -3,9 +3,10 @@ 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;
+    y: BaseYAxis | ComboYAxis;
     margin: Margin;
     stroke?: string;
     yScale: ScaleLinear<number, number, never>;

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

@@ -1,7 +1,9 @@
 /// <reference types="react" />
-import { BarChartRepresentation } from '../../../../../shared-logic/src/BarChartV2/types';
+import { BarChartRepresentation, BarStyles } from '../../../../../shared-logic/src/BarChartV2/types';
 import { ChartTheme } from '../../../types';
-import { ChartOnViewClick } from '../../../../../shared-logic/src/ChartsV2/types';
+import { DataType } from '../../../../../shared-logic/src/Field/types';
+import { ChartDataDefinition, ChartOnViewClick, ConditionalFormattingRule, ShapeDefinition } from '../../../../../shared-logic/src/ChartsV2/types';
+import { ScaleLinear, ScaleBand } from '@visx/vendor/d3-scale';
 export declare type BarChartProps = {
     width: number;
     height: number;
@@ -21,3 +23,17 @@ export declare type BarChartProps = {
     enableHover?: boolean;
 };
 export declare const BarChart: ({ chart, width, height, options, theme, onClick, enableHover }: BarChartProps) => JSX.Element;
+export declare function BarGroup({ data, keys, height, xKey, xScaleDataType, xScale, innerXScale, yScale, onClick, conditionalFormattingRules, bars, enableHover, }: {
+    data: ChartDataDefinition[];
+    keys: string[];
+    height: number;
+    xKey: string;
+    xScaleDataType: DataType;
+    xScale: ScaleBand<string> | ScaleBand<Date> | ScaleBand<number> | null;
+    innerXScale: ScaleBand<string> | undefined;
+    yScale: ScaleLinear<number, number, never>;
+    onClick: (e: React.MouseEvent<SVGRectElement, MouseEvent>, barGroup: any, bar: any) => void;
+    conditionalFormattingRules: ConditionalFormattingRule[];
+    bars: ShapeDefinition<BarStyles>[];
+    enableHover?: boolean;
+}): JSX.Element;

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/ComboChart/ComboChart.d.ts

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

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

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

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/Tooltip/Tooltip.d.ts

@@ -7,18 +7,20 @@ interface TooltipProps<T> {
     keys: {
         [key: string]: Key;
     };
-    legendItems: Array<ShapeDefinition<T>>;
     showRoundedTotal: boolean;
     tooltipData: {
         [keyId: string]: DataItem;
     };
     tooltipLeft: number;
     tooltipTop: number;
-    visibleYKeys: string[];
     xKey: string;
     yKeys: string[];
-    conditionalFormattingRules: Array<ConditionalFormattingRule>;
+    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<LineStyles | BarStyles | AreaStyles>) => React.ReactPortal;
+export declare const Tooltip: ({ keys, showRoundedTotal, tooltipData, tooltipLeft, tooltipTop, xKey, yKeys, theme, items, }: TooltipProps<LineStyles | BarStyles | AreaStyles>) => React.ReactPortal;
 export {};

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

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

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/PADDING.d.ts

@@ -0,0 +1,4 @@
+export declare const PADDING: {
+    paddingOuter: number;
+    paddingInner: number;
+};

package/dist/charts/src/v2/{components/BarChart → utils}/getBarFill.d.ts

@@ -1,3 +1,3 @@
-import { BarStyles } from '../../../../../shared-logic/src/BarChartV2/types';
-import { ShapeDefinition, ConditionalFormattingRule, ChartDataDefinition } from '../../../../../shared-logic/src/ChartsV2/types';
+import { BarStyles } from '../../../../shared-logic/src/BarChartV2/types';
+import { ShapeDefinition, ConditionalFormattingRule, ChartDataDefinition } from '../../../../shared-logic/src/ChartsV2/types';
 export declare function getBarFill(bars: ShapeDefinition<BarStyles>[], conditionalFormattingRules: ConditionalFormattingRule[], barKey: string, barValues?: ChartDataDefinition | number): string | undefined;