@vizzly/dashboard 0.14.4-dev-470d6f9c95d1b6422dbe1be22378ce12cdf6580a → 0.14.4-dev-8beb4cd0b38350abdd05b93b66f2523ced40aa15

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

@@ -1,5 +1,3 @@
 import { BarStyles } from '../../../../../shared-logic/src/BarChartV2/types';
-import { ShapeDefinition, ConditionalFormattingRule } from '../../../../../shared-logic/src/ChartsV2/types';
-export declare function getBarFill(bars: ShapeDefinition<BarStyles>[], conditionalFormattingRules: ConditionalFormattingRule[], barKey: string, barValues?: {
-    [keyId: string]: string | number | Date | null;
-} | number): string | undefined;
+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/components/Legend/Legend.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 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';
 interface LegendProps<T> {
     setVisibleYKeys: React.Dispatch<React.SetStateAction<Array<string>>>;
     visibleYKeys: Array<string>;
@@ -12,5 +13,5 @@ interface LegendProps<T> {
     conditionalFormattingRules: Array<ConditionalFormattingRule>;
     marginLeft: number;
 }
-export declare const Legend: ({ keys, visibleYKeys, legendItems, setVisibleYKeys, conditionalFormattingRules, marginLeft, }: LegendProps<BarStyles | LineStyles>) => JSX.Element;
+export declare const Legend: ({ keys, visibleYKeys, legendItems, setVisibleYKeys, conditionalFormattingRules, marginLeft, }: LegendProps<BarStyles | LineStyles | AreaStyles>) => JSX.Element;
 export {};

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

@@ -2,11 +2,12 @@
 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';
 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<BarStyles | LineStyles>) => JSX.Element;
+export declare const LegendItem: ({ yKey, yKeyFormatted, color, style, onClick, visible, conditionalFormattingRules, }: LegendItemProps<BarStyles | LineStyles | AreaStyles>) => JSX.Element;
 export {};

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

@@ -5,3 +5,6 @@ export declare const LegendItemBox: ({ color, style }: ShapeDefinition<LineStyle
 export declare const LegendItemSquare: ({ color }: {
     color: string;
 }) => JSX.Element;
+export declare const LegendItemTriangle: ({ color }: {
+    color: string;
+}) => JSX.Element;

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,20 @@
+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 { 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>[];
+    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

@@ -2,6 +2,7 @@ import { 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';
 interface TooltipProps<T> {
     keys: {
         [key: string]: Key;
@@ -19,5 +20,5 @@ interface TooltipProps<T> {
     conditionalFormattingRules: Array<ConditionalFormattingRule>;
     theme: CSSProperties;
 }
-export declare const Tooltip: ({ keys, legendItems, showRoundedTotal, tooltipData, tooltipLeft, tooltipTop, visibleYKeys, xKey, yKeys, conditionalFormattingRules, theme, }: TooltipProps<LineStyles | BarStyles>) => JSX.Element;
+export declare const Tooltip: ({ keys, legendItems, showRoundedTotal, tooltipData, tooltipLeft, tooltipTop, visibleYKeys, xKey, yKeys, conditionalFormattingRules, theme, }: TooltipProps<LineStyles | BarStyles | AreaStyles>) => JSX.Element;
 export {};

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

@@ -6,6 +6,4 @@ export declare function useFlattenedData<T extends {
     y: {
         keys: string[];
     };
-}>(xScaleKey: string | null, xScaleDataType: DataType, chart: T): {
-    [keyId: string]: string | number | Date | null;
-}[];
+}, Y>(xScaleKey: string | null, xScaleDataType: DataType, chart: T): Y[];

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

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