@vizzly/dashboard 0.14.4-dev-24f9cd0bb1a4c71a63f54ca0536be5df044db3a4 → 0.14.4-dev-e92d7e73ad10f9a39cbd6f8d0ebbd4f8db295c86

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

@@ -1,16 +1,18 @@
-import { FunctionComponent } from 'react';
+/// <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 const AxisBottom: FunctionComponent<{
+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/BarChart/BarChart.d.ts

@@ -1,10 +1,7 @@
-import { BarChartRepresentation, BarStyles } from '../../../../../shared-logic/src/BarChartV2/types';
+/// <reference types="react" />
+import { BarChartRepresentation } from '../../../../../shared-logic/src/BarChartV2/types';
 import { ChartTheme } from '../../../types';
-import { FunctionComponent } from 'react';
-import { DataType } from '../../../../../shared-logic/src/Field/types';
-import { ChartDataDefinition, ChartOnViewClick, ConditionalFormattingRule, ShapeDefinition } from '../../../../../shared-logic/src/ChartsV2/types';
-import { DatumObject } from '@visx/shape/lib/types';
-import { ScaleLinear, ScaleBand } from '@visx/vendor/d3-scale';
+import { ChartOnViewClick } from '../../../../../shared-logic/src/ChartsV2/types';
 export declare type BarChartProps = {
     width: number;
     height: number;
@@ -22,31 +19,6 @@ export declare type BarChartProps = {
     };
     onClick: (params: ChartOnViewClick) => void;
     enableHover?: boolean;
+    numberOfDimensions: number;
 };
-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;
-export declare const BarStacked: FunctionComponent<{
-    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 BarChart: ({ chart, width, height, options, theme, onClick, enableHover, numberOfDimensions }: BarChartProps) => JSX.Element;

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

@@ -3,17 +3,18 @@ import { ShapeDefinition, ConditionalFormattingRule, Key } from '../../../../../
 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> {
+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;
     };
     marginLeft: number;
-    items?: {
-        legendItems: Array<ShapeDefinition<T>>;
-        visibleYKeys: Array<string>;
-        conditionalFormattingRules: Array<ConditionalFormattingRule>;
-    }[];
-}
+    items: Item<T>[];
+};
 export declare const Legend: ({ keys, setVisibleYKeys, marginLeft, items, }: LegendProps<BarStyles | LineStyles | AreaStyles>) => JSX.Element;
 export {};

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

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

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

@@ -7,4 +7,4 @@ export declare type Margin = {
     bottomTitleOffset: number;
     leftTitleOffset: number;
 };
-export declare const buildMargin: (yTicks: Tick<number>[], showYAxisLabels: boolean, hasYAxisTitle: boolean, hasXAxisTitle: boolean) => Margin;
+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;