@vizzly/dashboard 0.14.4-dev-dacb7b6ee19300aa636d654c99f13d6ac43da830 → 0.14.4-dev-470d6f9c95d1b6422dbe1be22378ce12cdf6580a

package/dist/results-driver/src/driver/VizzlyQuery/BubbleChart/toQueries.d.ts

@@ -0,0 +1,10 @@
+import { Component } from '../../../../../shared-logic/src/Component/types';
+import { DataSet } from '../../../../../shared-logic/src/DataSet/types';
+import { QueryEngineConfig } from '../../../../../shared-logic/src/QueryEngineConfig/types';
+import { Result as ResultType } from '../../../../../shared-logic/src/Result/types';
+import { Query as QueryType } from '../../../../../shared-logic/src/Query/types';
+import { Params } from '../../../types';
+export declare const toQueries: (attributes: Component.BubbleChartAttributes, dataSet: DataSet, queryEngineConfig: QueryEngineConfig, params: Params) => {
+    queries: QueryType[];
+    resultFields: Array<ResultType.Field[]>;
+};

package/dist/services/src/Services/View.d.ts

@@ -13,7 +13,7 @@ export declare class View<T extends Component.Attributes> {
     } & RequiredAttributes<T>);
     updateAttributes(newAttributes: Partial<T>): void;
 }
-export declare type AnyView = AreaChart | LineChart | BarChart | PieChart | ScatterChart | ComboChart | PivotTable | BasicTable | HorizontalBarChart | MercatorMap | SingleStat | Progress | RichText | WaterfallChart;
+export declare type AnyView = AreaChart | LineChart | BarChart | PieChart | BubbleChart | ScatterChart | ComboChart | PivotTable | BasicTable | HorizontalBarChart | MercatorMap | SingleStat | Progress | RichText | WaterfallChart;
 export declare class AreaChart extends View<Component.AreaChartAttributes> {
     constructor(attributes: Partial<Component.AreaChartAttributes> & RequiredAttributes<Component.AreaChartAttributes>);
     static type(): Component.AreaChartAttributes['type'];
@@ -30,6 +30,10 @@ export declare class PieChart extends View<Component.PieChartAttributes> {
     constructor(attributes: Partial<Component.PieChartAttributes> & RequiredAttributes<Component.PieChartAttributes>);
     static type(): Component.PieChartAttributes['type'];
 }
+export declare class BubbleChart extends View<Component.BubbleChartAttributes> {
+    constructor(attributes: Partial<Component.BubbleChartAttributes> & RequiredAttributes<Component.BubbleChartAttributes>);
+    static type(): Component.BubbleChartAttributes['type'];
+}
 export declare class ScatterChart extends View<Component.ScatterChartAttributes> {
     constructor(attributes: Partial<Component.ScatterChartAttributes> & RequiredAttributes<Component.ScatterChartAttributes>);
     static type(): Component.ScatterChartAttributes['type'];

package/dist/shared-logic/src/BubbleChart/adjustTicks.d.ts

@@ -0,0 +1,3 @@
+import { BubbleChartRepresentation } from './types';
+export declare const ASSUMED_AVERAGE_CHAR_WIDTH = 8.8;
+export declare const adjustTicks: (lineChartRepresentation: BubbleChartRepresentation, width: number) => BubbleChartRepresentation;

package/dist/shared-logic/src/BubbleChart/attributesSchema.d.ts

@@ -0,0 +1,3 @@
+import Joi from '@vizzly/joi';
+import { ComponentInterfaceConfig } from '../ComponentInterface/types';
+export declare const attributesSchema: (config: ComponentInterfaceConfig) => Joi.ObjectSchema<any>;

package/dist/shared-logic/src/BubbleChart/buildBubbleChartRepresentation.d.ts

@@ -0,0 +1,39 @@
+import { CSSProperties } from 'react';
+import { BubbleChartRepresentation, DateTimeFormatter, NumberFormatter } from './types';
+import { ValueAlias } from '../ValueAlias/types';
+import { Result } from '../Result/types';
+import { PivotConfig } from '../PivotConfig/types';
+import { QueryAttributes } from '../QueryAttributes/types';
+import { Component, FormatType } from '../Component/types';
+import { seriesLabelFormatter } from '../Result/formattedResultToSeries';
+interface buildBubbleChartRepresentationArgs {
+    axisTitles?: Component.AxisTitles;
+    colors?: CSSProperties['color'][];
+    conditionalFormattingAttributes: Component.ConditionalFormatting.Rule[];
+    dateTimeFormatOptions: {
+        [id: string]: DateTimeFormatter;
+    };
+    defaultFormats: () => {
+        [functionId: string]: string;
+    };
+    goalLineAttributes: Component.GoalLine.Rule[];
+    nullValue?: string;
+    numberFormatOptions: {
+        [id: string]: NumberFormatter;
+    };
+    order: QueryAttributes.Order[];
+    pivotConfig: PivotConfig;
+    result: Result;
+    trendsAndForecasts?: Component.Trends[];
+    valueAlias?: ValueAlias;
+    xAxisFormat: FormatType;
+    xAxisPostfix: string;
+    xAxisPrefix: string;
+    yAxisFormat: FormatType;
+    yAxisPostfix: string;
+    yAxisPrefix: string;
+    approxYAxisLabelCount: number;
+    seriesLabelFormatter: seriesLabelFormatter;
+}
+export declare const buildBubbleChartRepresentation: ({ axisTitles, colors, conditionalFormattingAttributes, dateTimeFormatOptions, defaultFormats, goalLineAttributes, nullValue, numberFormatOptions, order, pivotConfig, result, trendsAndForecasts, xAxisFormat, xAxisPostfix, xAxisPrefix, yAxisFormat, yAxisPostfix, yAxisPrefix, approxYAxisLabelCount, seriesLabelFormatter, valueAlias, }: buildBubbleChartRepresentationArgs) => BubbleChartRepresentation;
+export {};

package/dist/shared-logic/src/BubbleChart/buildTrendAndForecast.d.ts

@@ -0,0 +1,25 @@
+import { DataItem, KeyId } from './types';
+export declare type AcceptedTrendTimeUnit = 'week' | 'quarter' | 'year' | 'month';
+interface getTrendArgs {
+    data: Array<{
+        [key: KeyId]: DataItem;
+    }>;
+    forecastUnits: number;
+    xKey: string;
+    yKey: string;
+    timeUnit: AcceptedTrendTimeUnit;
+    includeForecast: boolean;
+}
+export declare const buildTrendAndForecast: ({ data, forecastUnits, xKey, yKey, timeUnit, includeForecast }: getTrendArgs) => {
+    trendData: {
+        date: string;
+        value: number;
+    }[];
+    trendKey: string;
+    forecastData: {
+        date: string;
+        value: number;
+    }[];
+    forecastKey: string;
+};
+export {};

package/dist/shared-logic/src/BubbleChart/constants.d.ts

@@ -0,0 +1,3 @@
+import { ViewConstants } from '../ComponentInterface/types/namespaces.types';
+declare const CONSTANTS: ViewConstants;
+export default CONSTANTS;

package/dist/shared-logic/src/BubbleChart/getAxisFormattingFunction.d.ts

@@ -0,0 +1,13 @@
+import { DateTimeFormatter, NumberFormatter } from './types';
+import { FormatType } from '../Component/types';
+interface getAxisFormattingFunctionArgs {
+    numberFormatOptions: {
+        [id: string]: NumberFormatter;
+    };
+    dateTimeFormatOptions: {
+        [id: string]: DateTimeFormatter;
+    };
+    formatFunctionId: FormatType;
+}
+export declare const getAxisFormattingFunction: ({ formatFunctionId, numberFormatOptions, dateTimeFormatOptions, }: getAxisFormattingFunctionArgs) => ((number: number | null | undefined, noValueReplacement?: string | undefined) => string) | ((date: Date) => string) | ((value: string) => string);
+export {};

package/dist/shared-logic/src/BubbleChart/getConditionalFormatting.d.ts

@@ -0,0 +1,7 @@
+import { ConditionalFormattingRule } from './types';
+import { Component } from '../Component/types';
+interface getConditionalFormattingArgs {
+    conditionalFormattingAttributes: Component.ConditionalFormatting.Rule[];
+}
+export declare const getConditionalFormatting: ({ conditionalFormattingAttributes, }: getConditionalFormattingArgs) => ConditionalFormattingRule[];
+export {};

package/dist/shared-logic/src/BubbleChart/getGoalLines.d.ts

@@ -0,0 +1,8 @@
+import { GoalLine } from './types';
+import { Component } from '../Component/types';
+interface getGoalLinesArgs {
+    goalLineAttributes: Component.GoalLine.Rule[];
+    formattingFunctionY: (value: any) => string;
+}
+export declare const getGoalLines: ({ goalLineAttributes, formattingFunctionY }: getGoalLinesArgs) => GoalLine[];
+export {};

package/dist/shared-logic/src/BubbleChart/getMinAndMax.d.ts

@@ -0,0 +1,15 @@
+import { DataType } from '../Field/types';
+import { FormattedResult } from '../Result/types';
+import { GoalLine } from './types';
+export declare const getMinAndMax: ({ data, keys, dataType, goalLines, }: {
+    data: FormattedResult['contentMapped'];
+    keys: Array<string>;
+    dataType: DataType;
+    goalLines?: GoalLine[] | undefined;
+}) => {
+    max: null;
+    min: null;
+} | {
+    max: number;
+    min: number;
+};

package/dist/shared-logic/src/BubbleChart/getScaleAndTicks.d.ts

@@ -0,0 +1,42 @@
+import { KeyId, GoalLine } from './types';
+import { QueryAttributes } from '../QueryAttributes/types';
+import { DataType } from '../Field/types';
+import { FormattedResult } from '../Result/types';
+import { Tick } from '../ChartsV2/types';
+declare type FormattingFunction = (value: any, nullValueAlias?: string) => string;
+interface getScaleAndTicksArgs {
+    data: FormattedResult['contentMapped'];
+    xKey: string | null;
+    xScaleDataType: DataType;
+    yKeys: string[];
+    nullValue: string | undefined;
+    tickCountYAxis: number;
+    formattingFunctionX: FormattingFunction;
+    formattingFunctionY: FormattingFunction;
+    order: QueryAttributes.Order[];
+    goalLines: GoalLine[];
+}
+interface getScaleAndTicksReturn {
+    x: {
+        ticks: Array<Tick<Date | string | number>>;
+        scale: {
+            max: number | Date | null;
+            min: number | Date | null;
+            key: KeyId | null;
+            ordering: 'asc' | 'desc' | null;
+            dataType: DataType;
+        };
+    };
+    y: {
+        ticks: Array<Tick<number>>;
+        scale: {
+            max: number;
+            min: number;
+            key: null;
+            ordering: 'asc' | 'desc';
+            dataType: 'number';
+        };
+    };
+}
+export declare const getScaleAndTicks: ({ data, xKey, yKeys, xScaleDataType, nullValue, tickCountYAxis, formattingFunctionX, formattingFunctionY, order, goalLines, }: getScaleAndTicksArgs) => getScaleAndTicksReturn;
+export {};

package/dist/shared-logic/src/BubbleChart/getStyleDefinition.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+import { LegendItem } from './types';
+interface getStyleDefinitionArgs {
+    colors: CSSProperties['color'][];
+    yKeys: string[];
+}
+export declare const getStyleDefinition: ({ colors, yKeys }: getStyleDefinitionArgs) => LegendItem[];
+export {};

package/dist/shared-logic/src/BubbleChart/getTrendsAndForecastsData.d.ts

@@ -0,0 +1,41 @@
+import { DataItem, KeyId, Key } from './types';
+import { Component } from '../Component/types';
+import { DataType } from '../Field/types';
+interface getTrendsAndForecastsDataArgs {
+    chartData: {
+        [keyId: string]: DataItem;
+    }[];
+    keys: {
+        [keyId: string]: Key;
+    };
+    xKey: KeyId;
+    yKeys: KeyId[];
+    formattingFunctionX: (value: any, noValueReplacement?: string) => string;
+    formattingFunctionY: (value: any, noValueReplacement?: string) => string;
+    nullValue: string | undefined;
+    trendsAndForecasts?: Component.Trends[];
+    xAxisPostfix: string;
+    xAxisPrefix: string;
+    yAxisPostfix: string;
+    yAxisPrefix: string;
+    xScaleDataType: DataType;
+    orderFunction: string | undefined;
+}
+export declare const getTrendsAndForecastsData: ({ chartData, formattingFunctionX, formattingFunctionY, keys, nullValue, orderFunction, trendsAndForecasts, xAxisPostfix, xAxisPrefix, xKey, xScaleDataType, yAxisPostfix, yAxisPrefix, yKeys, }: getTrendsAndForecastsDataArgs) => {
+    chartData: {
+        [keyId: string]: DataItem;
+    }[];
+    newChartData?: undefined;
+    newYKeys?: undefined;
+    newKeys?: undefined;
+} | {
+    newChartData: ({
+        [x: string]: DataItem;
+    } | null)[];
+    newYKeys: string[];
+    newKeys: {
+        [keyId: string]: Key;
+    };
+    chartData?: undefined;
+};
+export {};

package/dist/shared-logic/src/BubbleChart/index.d.ts

@@ -0,0 +1,4 @@
+import { Component } from '../Component/types';
+import { LoadComponentInterface } from '../ComponentInterface/types';
+declare const BubbleChart: LoadComponentInterface<Component.BubbleChartAttributes, Component.BubbleChartAttributes>;
+export default BubbleChart;

package/dist/shared-logic/src/BubbleChart/setAttributes.d.ts

@@ -0,0 +1,4 @@
+import { Component } from '../Component/types';
+import { ComponentInterfaceConfig } from '../ComponentInterface/types';
+declare const _default: (config: ComponentInterfaceConfig) => (bubbleChart: Component.BubbleChartAttributes, partial: Partial<Component.BubbleChartAttributes>) => Component.BubbleChartAttributes;
+export default _default;

package/dist/shared-logic/src/BubbleChart/types.d.ts

@@ -0,0 +1,74 @@
+import { Tick } from '../ChartsV2/types';
+import { DataType } from '../Field/types';
+export declare type KeyId = string;
+export declare type Operator = string;
+export declare type ConditionalFormattingRule = {
+    operator: Operator;
+    value: any;
+    color: string;
+    yKey: KeyId;
+};
+export declare type Axis<SupportedVizzlyDataTypes, AxisKeys> = {
+    ticks: Tick<SupportedVizzlyDataTypes>[];
+    scale: {
+        dataType: DataType;
+        key: KeyId | null;
+        ordering: 'asc' | 'desc' | null;
+        min: SupportedVizzlyDataTypes | null;
+        max: SupportedVizzlyDataTypes | null;
+    };
+    postfix: string;
+    prefix: string;
+    title: string | null;
+} & AxisKeys;
+export declare type LegendItemStyleLine = {
+    type: 'line';
+    strokeDasharray: string | number | null;
+    strokeWidth: number;
+};
+export declare type LegendItem = {
+    yKey: KeyId;
+    color: string;
+    style: LegendItemStyleLine;
+};
+export declare type Key = {
+    key: KeyId;
+    keyFormatted: string;
+    dataType: DataType;
+};
+export declare type BubbleChartRepresentation = {
+    keys: {
+        [key: KeyId]: Key;
+    };
+    x: Axis<Date | string | number, {
+        key: KeyId;
+    }>;
+    y: Axis<number, {
+        keys: KeyId[];
+    }>;
+    conditionalFormattingRules: ConditionalFormattingRule[];
+    goalLines: GoalLine[];
+    data: {
+        [keyId: string]: DataItem;
+    }[];
+    lines: LegendItem[];
+};
+export declare type DataItem = {
+    value: number | string | null;
+    formattedValue: string | null;
+};
+export declare type GoalLine = {
+    value: number;
+    formattedValue: string | null;
+    color: string;
+    strokeStyle?: 'dashed' | 'solid';
+    strokeWidth: number;
+};
+export declare type DateTimeFormatter = {
+    formatter: (date: Date) => string;
+    description: string;
+};
+export declare type NumberFormatter = {
+    formatter: (number: number | undefined | null, noValueReplacement?: string) => string;
+    description: string;
+};

package/dist/shared-logic/src/Component/setAttributes.d.ts

@@ -7,5 +7,5 @@ export declare const removeUnusedOrderFieldsFromTimeSeriesComponent: <T extends
     timeDimension?: QueryAttributes.TimeDimension | null | undefined;
     dimension: Array<QueryAttributes.Dimension>;
 }>(attributes: T) => T;
-declare const setAttributes: <Attributes extends Component.Attributes>(attributes: Partial<Component.AreaChartAttributes> | Partial<Component.BarChartAttributes> | Partial<Component.BasicTableAttributes> | Partial<Component.ComboChartAttributes> | Partial<Component.CustomViewAttributes> | Partial<Component.DataTableAttributes> | Partial<Component.FunnelChartAttributes> | Partial<Component.HorizontalBarChartAttributes> | Partial<Component.LineChartAttributes> | Partial<Component.LineChartV2Attributes> | Partial<Component.BarChartV2Attributes> | Partial<Component.MercatorMapAttributes> | Partial<Component.PieChartAttributes> | Partial<Component.ProgressAttributes> | Partial<Component.RichTextAttributes> | Partial<Component.ScatterChartAttributes> | Partial<Component.SingleStatAttributes> | Partial<Component.WaterfallChartAttributes>, partialAttributes: Partial<Component.AreaChartAttributes> | Partial<Component.BarChartAttributes> | Partial<Component.BasicTableAttributes> | Partial<Component.ComboChartAttributes> | Partial<Component.CustomViewAttributes> | Partial<Component.DataTableAttributes> | Partial<Component.FunnelChartAttributes> | Partial<Component.HorizontalBarChartAttributes> | Partial<Component.LineChartAttributes> | Partial<Component.LineChartV2Attributes> | Partial<Component.BarChartV2Attributes> | Partial<Component.MercatorMapAttributes> | Partial<Component.PieChartAttributes> | Partial<Component.ProgressAttributes> | Partial<Component.RichTextAttributes> | Partial<Component.ScatterChartAttributes> | Partial<Component.SingleStatAttributes> | Partial<Component.WaterfallChartAttributes>, schema: Joi.ObjectSchema<any>) => Attributes;
+declare const setAttributes: <Attributes extends Component.Attributes>(attributes: Partial<Component.AreaChartAttributes> | Partial<Component.BarChartAttributes> | Partial<Component.BasicTableAttributes> | Partial<Component.BubbleChartAttributes> | Partial<Component.ComboChartAttributes> | Partial<Component.CustomViewAttributes> | Partial<Component.DataTableAttributes> | Partial<Component.FunnelChartAttributes> | Partial<Component.HorizontalBarChartAttributes> | Partial<Component.LineChartAttributes> | Partial<Component.LineChartV2Attributes> | Partial<Component.BarChartV2Attributes> | Partial<Component.MercatorMapAttributes> | Partial<Component.PieChartAttributes> | Partial<Component.ProgressAttributes> | Partial<Component.RichTextAttributes> | Partial<Component.ScatterChartAttributes> | Partial<Component.SingleStatAttributes> | Partial<Component.WaterfallChartAttributes>, partialAttributes: Partial<Component.AreaChartAttributes> | Partial<Component.BarChartAttributes> | Partial<Component.BasicTableAttributes> | Partial<Component.BubbleChartAttributes> | Partial<Component.ComboChartAttributes> | Partial<Component.CustomViewAttributes> | Partial<Component.DataTableAttributes> | Partial<Component.FunnelChartAttributes> | Partial<Component.HorizontalBarChartAttributes> | Partial<Component.LineChartAttributes> | Partial<Component.LineChartV2Attributes> | Partial<Component.BarChartV2Attributes> | Partial<Component.MercatorMapAttributes> | Partial<Component.PieChartAttributes> | Partial<Component.ProgressAttributes> | Partial<Component.RichTextAttributes> | Partial<Component.ScatterChartAttributes> | Partial<Component.SingleStatAttributes> | Partial<Component.WaterfallChartAttributes>, schema: Joi.ObjectSchema<any>) => Attributes;
 export default setAttributes;

package/dist/shared-logic/src/Component/types.d.ts

@@ -11,7 +11,7 @@ import { DataSet } from '../DataSet/types';
 export declare type getNumberFormatter = (formatterId: string | undefined | null) => (number: number) => string;
 export declare type FormatType = string | null;
 export declare type ApproxAxisLabelCount = 'auto' | number;
-export declare type ComponentType = 'areaChart' | 'barChart' | 'basicTable' | 'comboChart' | 'custom' | 'dataTable' | 'funnelChart' | 'horizontalBarChart' | 'lineChart' | 'lineChartV2' | 'barChartV2' | 'mercatorMap' | 'pieChart' | 'progress' | 'richText' | 'scatterChart' | 'singleStat' | 'waterfallChart';
+export declare type ComponentType = 'areaChart' | 'barChart' | 'basicTable' | 'bubbleChart' | 'comboChart' | 'custom' | 'dataTable' | 'funnelChart' | 'horizontalBarChart' | 'lineChart' | 'lineChartV2' | 'barChartV2' | 'mercatorMap' | 'pieChart' | 'progress' | 'richText' | 'scatterChart' | 'singleStat' | 'waterfallChart';
 export declare const componentTypes: string[];
 export declare namespace Component {
     export type LineCurve = 'natural' | 'straight' | 'step' | 'stepBefore' | 'stepAfter' | 'dotted';
@@ -352,6 +352,23 @@ export declare namespace Component {
         goalLines?: Array<Component.GoalLine.Rule>;
         axisTitles?: AxisTitles;
     };
+    export type BubbleChartAttributes = BaseAttributes & Omit<BaseQueryAttributes, 'measure'> & {
+        type: 'bubbleChart';
+        xMeasure: QueryAttributes.Measure | null;
+        yMeasure: QueryAttributes.Measure | null;
+        zMeasure?: QueryAttributes.Measure | null;
+        legend: boolean;
+        xAxisPrefix: string;
+        yAxisPrefix: string;
+        xAxisPostfix: string;
+        yAxisPostfix: string;
+        xAxisFormat: FormatType;
+        yAxisFormat: FormatType;
+        approxXAxisLabelCount: ApproxAxisLabelCount;
+        approxYAxisLabelCount: ApproxAxisLabelCount;
+        goalLines?: Array<Component.GoalLine.Rule>;
+        axisTitles?: AxisTitles;
+    };
     export type WaterfallChartAttributes = BaseAttributes & BaseQueryAttributes & {
         type: 'waterfallChart';
         xAxisPrefix: string;
@@ -367,8 +384,8 @@ export declare namespace Component {
         axisTitles?: AxisTitles;
         headline?: Headline;
     };
-    export type ViewType = 'areaChart' | 'barChart' | 'basicTable' | 'comboChart' | 'custom' | 'dataTable' | 'funnelChart' | 'horizontalBarChart' | 'lineChart' | 'lineChartV2' | 'barChartV2' | 'mercatorMap' | 'pieChart' | 'progress' | 'richText' | 'scatterChart' | 'singleStat' | 'waterfallChart';
-    export type Attributes = AreaChartAttributes | BarChartAttributes | BasicTableAttributes | ComboChartAttributes | CustomViewAttributes | DataTableAttributes | FunnelChartAttributes | HorizontalBarChartAttributes | LineChartAttributes | LineChartV2Attributes | BarChartV2Attributes | MercatorMapAttributes | PieChartAttributes | ProgressAttributes | RichTextAttributes | ScatterChartAttributes | SingleStatAttributes | WaterfallChartAttributes;
+    export type ViewType = 'areaChart' | 'barChart' | 'basicTable' | 'bubbleChart' | 'comboChart' | 'custom' | 'dataTable' | 'funnelChart' | 'horizontalBarChart' | 'lineChart' | 'lineChartV2' | 'barChartV2' | 'mercatorMap' | 'pieChart' | 'progress' | 'richText' | 'scatterChart' | 'singleStat' | 'waterfallChart';
+    export type Attributes = AreaChartAttributes | BarChartAttributes | BasicTableAttributes | BubbleChartAttributes | ComboChartAttributes | CustomViewAttributes | DataTableAttributes | FunnelChartAttributes | HorizontalBarChartAttributes | LineChartAttributes | LineChartV2Attributes | BarChartV2Attributes | MercatorMapAttributes | PieChartAttributes | ProgressAttributes | RichTextAttributes | ScatterChartAttributes | SingleStatAttributes | WaterfallChartAttributes;
     export interface RenderTableCell {
         viewId: string;
         type: 'basicTable' | 'dataTable';

package/dist/shared-logic/src/ComponentInterface/types/namespaces.types.d.ts

@@ -19,6 +19,7 @@ declare type SubSectionDef = {
     bar?: SubSection<'metrics'>;
     xAxis?: SubSection<'metrics'>;
     yAxis?: SubSection<'metrics'>;
+    zAxis?: SubSection<'metrics'>;
 };
 export declare type Pagination = {
     options: number[];
@@ -63,6 +64,12 @@ export interface FormatPanelNamespaces {
             'y.format': SubSection<'axisLabels'>;
             'y.count': SubSection<'axisLabels'>;
             'y.axis_title': SubSection<'axisLabels'>;
+            z?: SubSection<'axisLabels'>;
+            'z.prefix'?: SubSection<'axisLabels'>;
+            'z.postfix'?: SubSection<'axisLabels'>;
+            'z.format'?: SubSection<'axisLabels'>;
+            'z.count'?: SubSection<'axisLabels'>;
+            'z.axis_title'?: SubSection<'axisLabels'>;
         };
     };
     stats_labels?: Section<'statsLabels'> & {
@@ -109,5 +116,5 @@ export interface FormatPanelNamespaces {
         };
     };
 }
-export declare type ComponentNamespace = 'area_chart' | 'bar_chart' | 'basic_table' | 'combo_chart' | 'custom' | 'fields' | 'funnel_chart' | 'headline' | 'horizontal_bar_chart' | 'line_chart' | 'mercator_map' | 'pie_chart' | 'pivot_table' | 'progress' | 'rich_text' | 'scatter_chart' | 'single_stat' | 'waterfall_chart';
+export declare type ComponentNamespace = 'area_chart' | 'bar_chart' | 'basic_table' | 'bubble_chart' | 'combo_chart' | 'custom' | 'fields' | 'funnel_chart' | 'headline' | 'horizontal_bar_chart' | 'line_chart' | 'mercator_map' | 'pie_chart' | 'pivot_table' | 'progress' | 'rich_text' | 'scatter_chart' | 'single_stat' | 'waterfall_chart';
 export {};

package/dist/shared-logic/src/DataPanelConfig/types.d.ts

@@ -9,7 +9,7 @@ export declare type Section<Type> = ConstSection<Type> & {
 declare type MetricOptions = {
     allowsMultiple?: boolean;
     maximumMetricsAllowed?: number;
-    propKey?: 'xMeasure' | 'yMeasure' | 'measure' | 'barMeasure' | 'lineMeasure';
+    propKey?: 'xMeasure' | 'yMeasure' | 'zMeasure' | 'measure' | 'barMeasure' | 'lineMeasure';
     filterFieldOptions?: FieldFilterOptions;
 };
 export declare type FieldCollectorOptions<Attrs> = {

package/dist/shared-logic/src/DataSet/DataSet.d.ts

@@ -30,7 +30,7 @@ export declare const validateQueries: (dataSet: DataSet, queries: Query[]) => un
  * provide the componentType to ensure the custom fields which are returned
  * are also supported by the componentType.
  */
-export declare const takeCustomFields: (dataSet: DataSet, componentType?: "progress" | "areaChart" | "barChart" | "basicTable" | "comboChart" | "custom" | "dataTable" | "funnelChart" | "horizontalBarChart" | "lineChart" | "lineChartV2" | "barChartV2" | "mercatorMap" | "pieChart" | "richText" | "scatterChart" | "singleStat" | "waterfallChart" | undefined) => CustomField[];
+export declare const takeCustomFields: (dataSet: DataSet, componentType?: "progress" | "areaChart" | "barChart" | "basicTable" | "bubbleChart" | "comboChart" | "custom" | "dataTable" | "funnelChart" | "horizontalBarChart" | "lineChart" | "lineChartV2" | "barChartV2" | "mercatorMap" | "pieChart" | "richText" | "scatterChart" | "singleStat" | "waterfallChart" | undefined) => CustomField[];
 export declare const takeNonCustomFields: (dataSet: DataSet) => Array<NonDateTimeField | DateTimeField | SimpleMathField>;
 export declare const takeNonPercentageCustomFields: (dataSet: DataSet) => Array<NonDateTimeField | DateTimeField | SimpleMathField>;
 export declare const removeCustomFields: (dataSet: DataSet) => DataSet;

package/dist/shared-logic/src/getComponentInterface.d.ts

@@ -3,6 +3,7 @@ import { ComponentInterface, ComponentInterfaceConfig } from './ComponentInterfa
 import { BasicTableComponentInterface } from './BasicTable';
 declare function getComponentInterface(type: 'custom', config?: ComponentInterfaceConfig): ComponentInterface<Component.CustomViewAttributes>;
 declare function getComponentInterface(type: 'pieChart', config?: ComponentInterfaceConfig): ComponentInterface<Component.PieChartAttributes>;
+declare function getComponentInterface(type: 'bubbleChart', config?: ComponentInterfaceConfig): ComponentInterface<Component.BubbleChartAttributes>;
 declare function getComponentInterface(type: 'scatterChart', config?: ComponentInterfaceConfig): ComponentInterface<Component.ScatterChartAttributes>;
 declare function getComponentInterface(type: 'mercatorMap', config?: ComponentInterfaceConfig): ComponentInterface<Component.MercatorMapAttributes>;
 declare function getComponentInterface(type: 'singleStat', config?: ComponentInterfaceConfig): ComponentInterface<Component.SingleStatAttributes>;

package/dist/shared-ui/src/api/useQueryEffect.d.ts

@@ -4,6 +4,6 @@ import { FilterConfig } from '../../../shared-logic/src/AdditionalFilter/types';
 import { DataSet } from '../../../shared-logic/src/DataSet/types';
 import { QueryableEntity } from './useQueryEffect/types';
 import { UseVariableState } from '../contexts/Variables/types';
-export declare const useQueryEffect: (queries: QueryableEntity, runQueriesCallback: VizzlyComponents.runQueriesCallbackInternal, onResultsCallback: (results: Array<Result | null>) => void, filterConfig: FilterConfig, dataSet: DataSet, componentType?: "progress" | "areaChart" | "barChart" | "basicTable" | "comboChart" | "custom" | "dataTable" | "funnelChart" | "horizontalBarChart" | "lineChart" | "lineChartV2" | "barChartV2" | "mercatorMap" | "pieChart" | "richText" | "scatterChart" | "singleStat" | "waterfallChart" | undefined, variables?: UseVariableState | undefined) => {
+export declare const useQueryEffect: (queries: QueryableEntity, runQueriesCallback: VizzlyComponents.runQueriesCallbackInternal, onResultsCallback: (results: Array<Result | null>) => void, filterConfig: FilterConfig, dataSet: DataSet, componentType?: "progress" | "areaChart" | "barChart" | "basicTable" | "bubbleChart" | "comboChart" | "custom" | "dataTable" | "funnelChart" | "horizontalBarChart" | "lineChart" | "lineChartV2" | "barChartV2" | "mercatorMap" | "pieChart" | "richText" | "scatterChart" | "singleStat" | "waterfallChart" | undefined, variables?: UseVariableState | undefined) => {
     queriesAreChanging: boolean;
 };

package/dist/shared-ui/src/components/BubbleChart/BubbleChart.d.ts

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

package/dist/shared-ui/src/components/BubbleChart/BubbleChartView.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { VizzlyComponents } from '../../types';
+import { Component as ComponentType } from '../../../../shared-logic/src/Component/types';
+import { DashboardBehaviour, IdPrefix } from '../../contexts/DashboardBehaviour/types';
+export declare const defaultProps: Omit<ComponentType.BubbleChartAttributes, 'dataSetId'>;
+export declare type BubbleChartViewProps = VizzlyComponents.ViewProps<ComponentType.BubbleChartAttributes> & {
+    library?: boolean;
+    numberFormatOptions: DashboardBehaviour['numberFormatOptions'];
+    dateTimeFormatOptions: DashboardBehaviour['dateTimeFormatOptions'];
+    idPrefix: IdPrefix;
+};
+declare const memoized: React.MemoExoticComponent<{
+    (props: BubbleChartViewProps): JSX.Element | null;
+    defaultProps: Pick<ComponentType.BubbleChartAttributes, "filter" | "order" | "offset" | "dimension" | "timeDimension" | "limit" | "type" | "viewId" | "displayTitle" | "displaySubject" | "protectedByOrganisation" | "tags" | "xAxisPrefix" | "yAxisPrefix" | "xAxisPostfix" | "yAxisPostfix" | "xAxisFormat" | "yAxisFormat" | "approxXAxisLabelCount" | "approxYAxisLabelCount" | "legend" | "goalLines" | "axisTitles" | "xMeasure" | "yMeasure" | "zMeasure">;
+}>;
+export default memoized;

package/dist/shared-ui/src/components/BubbleChart/index.d.ts

@@ -0,0 +1,2 @@
+export { BubbleChart } from './BubbleChart';
+export { default as View } from './BubbleChartView';

package/dist/shared-ui/src/components/Component/types.d.ts

@@ -27,6 +27,9 @@ interface ChartPropsWithAttributesUpdate<T> extends BaseChartProps<T> {
 export declare type ScatterChartProps = ChartPropsWithPartialAttributes<ComponentType.ScatterChartAttributes> & {
     sm?: boolean;
 };
+export declare type BubbleChartProps = ChartPropsWithPartialAttributes<ComponentType.BubbleChartAttributes> & {
+    sm?: boolean;
+};
 export declare type BarChartProps = ChartPropsWithPartialAttributes<ComponentType.BarChartAttributes> & ChartPropsWithAttributesUpdate<ComponentType.BarChartAttributes | ComponentType.HorizontalBarChartAttributes> & {
     sm?: boolean;
     onViewClick?: (data: ComponentType.ChartOnViewClick, query: ComponentType.OnViewClickQuery) => void;

package/dist/shared-ui/src/components/Icons/ComponentIcons.d.ts

@@ -8,6 +8,7 @@ export declare const DataTable: (props: any) => JSX.Element;
 export declare const LineChart: (props: any) => JSX.Element;
 export declare const RouteMap: (props: any) => JSX.Element;
 export declare const ScatterChart: (props: any) => JSX.Element;
+export declare const BubbleChart: (props: any) => JSX.Element;
 export declare const Funnel: (props: any) => JSX.Element;
 export declare const SelectFilter: (props: any) => JSX.Element;
 export declare const SingleStat: (props: any) => JSX.Element;

package/dist/shared-ui/src/components/LineChart/LineChartView.d.ts

@@ -20,7 +20,7 @@ declare const memoized: React.NamedExoticComponent<{
     };
     localFilters: import("../../../../shared-logic/src/AdditionalFilter/types").AdditionalFilter[];
     setLocalFilters: (localFilters: import("../../../../shared-logic/src/AdditionalFilter/types").AdditionalFilter[]) => void;
-    setPartialAttributes: (updates: Partial<import("../../../../shared-logic/src/Component/types").Component.AreaChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.BarChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.BasicTableAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.ComboChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.CustomViewAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.DataTableAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.FunnelChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.HorizontalBarChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.LineChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.LineChartV2Attributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.BarChartV2Attributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.MercatorMapAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.PieChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.ProgressAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.RichTextAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.ScatterChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.SingleStatAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.WaterfallChartAttributes>) => void;
+    setPartialAttributes: (updates: Partial<import("../../../../shared-logic/src/Component/types").Component.AreaChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.BarChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.BasicTableAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.BubbleChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.ComboChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.CustomViewAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.DataTableAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.FunnelChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.HorizontalBarChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.LineChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.LineChartV2Attributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.BarChartV2Attributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.MercatorMapAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.PieChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.ProgressAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.RichTextAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.ScatterChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.SingleStatAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.WaterfallChartAttributes>) => void;
     sm?: boolean | undefined;
     dataSet: import("../../../../dashboard/src").DataSet<import("../../../../dashboard/src").DataSet.Field>;
 } & {

package/dist/shared-ui/src/components/MercatorMap/View.d.ts

@@ -17,7 +17,7 @@ declare const _default: (props: {
     };
     localFilters: import("../../../../shared-logic/src/AdditionalFilter/types").AdditionalFilter[];
     setLocalFilters: (localFilters: import("../../../../shared-logic/src/AdditionalFilter/types").AdditionalFilter[]) => void;
-    setPartialAttributes: (updates: Partial<import("../../../../shared-logic/src/Component/types").Component.AreaChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.BarChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.BasicTableAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.ComboChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.CustomViewAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.DataTableAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.FunnelChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.HorizontalBarChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.LineChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.LineChartV2Attributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.BarChartV2Attributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.MercatorMapAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.PieChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.ProgressAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.RichTextAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.ScatterChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.SingleStatAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.WaterfallChartAttributes>) => void;
+    setPartialAttributes: (updates: Partial<import("../../../../shared-logic/src/Component/types").Component.AreaChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.BarChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.BasicTableAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.BubbleChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.ComboChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.CustomViewAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.DataTableAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.FunnelChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.HorizontalBarChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.LineChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.LineChartV2Attributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.BarChartV2Attributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.MercatorMapAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.PieChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.ProgressAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.RichTextAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.ScatterChartAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.SingleStatAttributes> | Partial<import("../../../../shared-logic/src/Component/types").Component.WaterfallChartAttributes>) => void;
     sm?: boolean | undefined;
     dataSet: import("../../../../dashboard/src").DataSet<import("../../../../dashboard/src").DataSet.Field>;
 } & {

package/dist/shared-ui/src/components/Parameters/useParameters.d.ts

@@ -28,7 +28,7 @@ export declare function updateMetric(state: Partial<Component.Parameters>, measu
 export declare function updateGroup(state: Partial<Component.Parameters>, group: Component.ParameterGroup): {
     updatedMetrics: {
         group: {
-            [x: string]: (QueryAttributes.TimeDimension | QueryAttributes.Dimension | null | undefined)[];
+            [x: string]: (QueryAttributes.Dimension | QueryAttributes.TimeDimension | null | undefined)[];
         };
         measure?: Component.ParameterMeasure | undefined;
     };

package/dist/shared-ui/src/library/DataPanel/FieldCollectorInput.d.ts

@@ -26,7 +26,7 @@ declare type Props = VizzlyComponents.ManagePartialAttributes<Component.Attribut
 export declare const FieldCollectorInput: (inputProps: Props) => JSX.Element;
 export declare const getDateTimeSelectOptions: (allowedGranularities: string[], supportedTimeTruncFunctions: SupportedTimeTruncFunctions) => SelectOptionType[];
 export declare function handleCreateNewField(values: (QueryAttributes.Dimension | QueryAttributes.Measure)[], purpose: string, queryEngineConfig: QueryEngineConfig, onChange: (values: FieldCollectorInputFieldValue[]) => void): (field: DataSetType.Field) => void;
-export declare function buildDimensionFromField(purpose: string, field: DataSetType.Field, queryEngineConfig: QueryEngineConfig): QueryAttributes.Measure | QueryAttributes.Dimension;
+export declare function buildDimensionFromField(purpose: string, field: DataSetType.Field, queryEngineConfig: QueryEngineConfig): QueryAttributes.Dimension | QueryAttributes.Measure;
 export declare function buildFieldsToPickFrom(dataSet: DataSetType, fieldFilterOptions: FieldFilterOptions | undefined, preventDuplicates: boolean | undefined, values: (QueryAttributes.Measure | QueryAttributes.Dimension)[]): InitValue<DataSetType.Field>[];
 export declare function buildFieldCollectorItems(values: (QueryAttributes.Measure | QueryAttributes.Dimension)[], dataSet: DataSetType, purpose: string, queryEngineConfig: QueryEngineConfig, onChange: (values: FieldCollectorInputFieldValue[]) => void): ListViewItem<any>[];
 export {};

package/dist/shared-ui/src/library/DataPanel/MeasuresInput.d.ts

@@ -10,7 +10,7 @@ import { ListViewItem } from '../../base/ListView/types';
 declare type Props = VizzlyComponents.ManagePartialAttributes<{
     [key: string]: any;
 }> & {
-    propKey?: 'xMeasure' | 'yMeasure' | 'measure' | 'barMeasure' | 'lineMeasure';
+    propKey?: 'xMeasure' | 'yMeasure' | 'zMeasure' | 'measure' | 'barMeasure' | 'lineMeasure';
     allowsMultiple?: boolean;
     maxAllowed?: number;
     supportedAggregates: DashboardBehaviour['queryEngineConfig']['supportedAggregates'];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vizzly/dashboard",
   "author": "james@vizzly.co",
-  "version": "0.14.4-dev-dacb7b6ee19300aa636d654c99f13d6ac43da830",
+  "version": "0.14.4-dev-470d6f9c95d1b6422dbe1be22378ce12cdf6580a",
   "source": "src/index.tsx",
   "types": "./dist/dashboard/src/index.d.ts",
   "module": "./dist/dashboard.esm.js",