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

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

@@ -1 +1,5 @@
 export { LineChart as LineChartV2 } from './components/LineChart';
+export { BarChart as BarChartV2 } from './components/BarChart';
+export { AreaChart as AreaChartV2 } from './components/AreaChart';
+export { BubbleChart as BubbleChartV2 } from './components/BubbleChart';
+export { RadarChart } from './components/RadarChart';

package/dist/charts/src/v2/utils/addTrendAndForecast.d.ts

@@ -1,5 +1,5 @@
-import { DataItem } from '../../../../shared-logic/src/LineChartV2/types';
 import { DataType } from '../../../../shared-logic/src/Field/types';
+import { DataItem } from '../../../../shared-logic/src/ChartsV2/types';
 interface getTrendArgs {
     data: Array<{
         [key: string]: DataItem;

package/dist/charts/src/v2/utils/buildMargin.d.ts

@@ -0,0 +1,10 @@
+import { Tick } from '../../../../shared-logic/src/ChartsV2/types';
+export declare type Margin = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+    bottomTitleOffset: number;
+    leftTitleOffset: number;
+};
+export declare const buildMargin: (yTicks: Tick<number>[], showYAxisLabels: boolean, hasYAxisTitle: boolean, hasXAxisTitle: boolean, showDetailedSubGroupingLabels?: boolean) => Margin;

package/dist/charts/src/v2/utils/components/BarGroup.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { ChartDataDefinition, ConditionalFormattingRule, ShapeDefinition } from "../../../../../shared-logic/src/ChartsV2/types";
+import { BarStyles } from "../../../../../shared-logic/src/BarChartV2/types";
+import { ScaleLinear, ScaleBand } from '@visx/vendor/d3-scale';
+import { DataType } from "../../../../../shared-logic/src/Field/types";
+export declare type BarGroupProps = {
+    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;
+    yAxisLabels?: string[];
+    yLabelPosition?: number;
+    showDetailedSubGroupingLabels: boolean;
+    labelStyle?: React.CSSProperties;
+};
+export declare function BarGroup({ data, keys, height, xKey, xScaleDataType, xScale, innerXScale, yScale, onClick, conditionalFormattingRules, bars, enableHover, yAxisLabels, yLabelPosition, showDetailedSubGroupingLabels, labelStyle, }: BarGroupProps): JSX.Element;

package/dist/charts/src/v2/utils/components/BarStacked.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { BarStyles } from "../../../../../shared-logic/src/BarChartV2/types";
+import { ConditionalFormattingRule, ShapeDefinition } from "../../../../../shared-logic/src/ChartsV2/types";
+import { ScaleLinear } from '@visx/vendor/d3-scale';
+import { DatumObject } from '@visx/shape/lib/types';
+export declare type BarStackedProps = {
+    conditionalFormattingRules: ConditionalFormattingRule[];
+    bars: ShapeDefinition<BarStyles>[];
+    keys?: string[];
+    yScale: ScaleLinear<number, number, never>;
+    xScale: any;
+    xScaleDataType: string;
+    xScaleKey: string;
+    data: DatumObject[];
+    height: number;
+    width: number;
+};
+export declare const BarStacked: ({ xScaleDataType, data, xScaleKey, yScale, keys, bars, conditionalFormattingRules, xScale, height, width }: BarStackedProps) => JSX.Element;

package/dist/charts/src/v2/utils/flattenData.d.ts

@@ -1,5 +1,5 @@
+import { DataItem } from '../../../../shared-logic/src/ChartsV2/types';
 import { DataType } from '../../../../shared-logic/src/Field/types';
-import { DataItem } from '../../../../shared-logic/src/LineChartV2/types';
 interface flattenDataArgs {
     data: Array<{
         [keyId: string]: DataItem;

package/dist/charts/src/v2/utils/getBarFill.d.ts

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

package/dist/charts/src/v2/utils/getClipArea.d.ts

@@ -1,4 +1,4 @@
-import { ConditionalFormattingRule } from '../../../../shared-logic/src/LineChartV2/types';
+import { ConditionalFormattingRule } from '../../../../shared-logic/src/ChartsV2/types';
 interface getClipAreaArgs {
     conditionalFormattingRule: ConditionalFormattingRule;
     chart: {

package/dist/charts/src/v2/utils/getColor.d.ts

@@ -1,4 +1,4 @@
-import { ConditionalFormattingRule } from '../../../../shared-logic/src/LineChartV2/types';
+import { ConditionalFormattingRule } from '../../../../shared-logic/src/ChartsV2/types';
 interface getColorArgs {
     defaultColor: string;
     value: number | string | null;

package/dist/charts/src/v2/utils/getTooltipData.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import { ScalePoint, ScaleLinear, ScaleTime } from '@visx/vendor/d3-scale';
-import { DataItem } from '../../../../shared-logic/src/LineChartV2/types';
+import { ScalePoint, ScaleLinear, ScaleTime, ScaleBand } from '@visx/vendor/d3-scale';
 import { DataType } from '../../../../shared-logic/src/Field/types';
+import { ChartType } from '../../Legend/types';
+import { DataItem } from '../../../../shared-logic/src/ChartsV2/types';
 declare type TooltipData = {
     [keyId: string]: DataItem;
 };
@@ -18,13 +19,14 @@ interface getTooltipDataArgs {
     };
     xScaleKey: string;
     xScaleDataType: DataType;
-    xScale: ScaleTime<number, number> | ScaleLinear<number, number> | ScalePoint<string>;
+    xScale: ScaleBand<number> | ScaleBand<string> | ScaleBand<Date> | ScaleTime<number, number> | ScaleLinear<number, number> | ScalePoint<string>;
     xOrdering: 'asc' | 'desc' | null;
+    chartType: ChartType;
 }
 interface TooltipDataReturn {
-    tooltipLeft: number;
-    tooltipTop: number;
+    lineLeft: number;
     tooltipData: TooltipData | null;
 }
-export declare const getTooltipData: ({ data, event, margin, xScaleKey, xScaleDataType, xScale, xOrdering, }: getTooltipDataArgs) => TooltipDataReturn | undefined;
+export declare const getTooltipData: ({ data, event, margin, xScaleKey, xScaleDataType, xScale, xOrdering, chartType, }: getTooltipDataArgs) => TooltipDataReturn | undefined;
+export declare function buildComboTooltipData(barTooltipData: TooltipData | null | undefined, lineTooltipData: TooltipData | null | undefined, xScaleKey: string): TooltipData | undefined;
 export {};

package/dist/charts/src/v2/utils/getTrend.d.ts

@@ -1,5 +1,5 @@
+import { DataItem } from '../../../../shared-logic/src/ChartsV2/types';
 import { DataType } from '../../../../shared-logic/src/Field/types';
-import { DataItem } from '../../../../shared-logic/src/LineChartV2/types';
 interface getTrendArgs {
     data: Array<{
         [key: string]: DataItem;

package/dist/charts/src/v2/utils/useableId.d.ts

@@ -0,0 +1 @@
+export declare const useableId: (key: string, prefix: string) => string;