@vizzly/dashboard 0.15.0-dev-3d764e5c2346be462bbcf7327369903e64b96b40 → 0.15.1-dev-7c85efb9d70a7b5e5367d265c0b48faf46ecac6e

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

@@ -29,8 +29,6 @@ export declare type MapColorsSection = Section<'mapColors'>;
 export declare type WaterfallColorsSection = Section<'waterfallColors'>;
 export declare type HeadlineSection = Section<'headline'>;
 export declare type RichTextFormatSection = Section<'richText'>;
-export interface QuadrantsSection extends Section<'quadrants'> {
-}
 export interface ConditionalFormattingSection extends Section<'conditionalFormatting'> {
     ruleType: FormattingRuleType;
     subSection?: {
@@ -44,5 +42,5 @@ export interface ProgressTypeSection<T> extends Omit<Section<T>, 'type'> {
     progressType?: Omit<Section<T>, 'type'>;
 }
 export declare type ProgressTypesSection = Section<'progressType'> & ProgressTypeSection<'progressType'>;
-export declare type FormatPanelSection = HeadingSection | FormatSection | ChartStylesSection | PrefixSection | AxisLabelsSection | LabelsSection | MapColorsSection | WaterfallColorsSection | QuadrantsSection | ConditionalFormattingSection | GoalLineSection | ProgressTypesSection | HeadlineSection | RichTextFormatSection | Section<'trends'>;
+export declare type FormatPanelSection = HeadingSection | FormatSection | ChartStylesSection | PrefixSection | AxisLabelsSection | LabelsSection | MapColorsSection | WaterfallColorsSection | ConditionalFormattingSection | GoalLineSection | ProgressTypesSection | HeadlineSection | RichTextFormatSection | Section<'trends'>;
 export declare type FormatPanelConfig = Array<FormatPanelSection>;

package/dist/shared-logic/src/Generate/query.d.ts

@@ -1,8 +1,8 @@
-import { Params } from '../../../results-driver/src/types';
-import { DataSet } from '../DataSet/types';
-import { Query } from '../Query/types';
 import { QueryAttributes } from '../QueryAttributes/types';
 import { QueryEngineConfig } from '../QueryEngineConfig/types';
+import { DataSet } from '../DataSet/types';
+import { Query } from '../Query/types';
+import { Params } from '../../../results-driver/src/types';
 export declare function prepareGeneratedQueryAttributes(dataSets: Array<DataSet>, queryEngineConfig: QueryEngineConfig, seed?: number, generateCount?: number): Array<QueryAttributes & {
     dataSet: DataSet;
 }>;

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

@@ -2,5 +2,11 @@ import { Query, SubQuery } from '../Query/types';
 export declare type DataMap = {
     [key: string]: string | boolean | number | Date | null | string[];
 };
-export declare type JSQueryEngineSubQuery = SubQuery;
-export declare type JSQueryEngineQuery = Query;
+declare type JSQueryEngineOperator = '>' | '<' | '=' | '!=' | '>=' | '<=' | 'is_one_of' | 'is_not_one_of' | 'starts_with' | 'ends_with' | 'contains_substring' | 'does_not_contain_substring';
+export declare type JSQueryEngineTimeFunction = 'month' | 'year' | 'quarter' | 'week' | 'day' | 'hour' | 'minute' | 'second';
+export declare type JSQueryEngineAggregateFunction = 'countDistinct' | 'count' | 'mean' | 'sum' | 'min' | 'max' | 'none';
+export declare type JSQueryEngineFunction = JSQueryEngineTimeFunction | JSQueryEngineAggregateFunction;
+export declare type JSQueryEngineMathsOp = '*' | '-' | '/' | '+';
+export declare type JSQueryEngineSubQuery = SubQuery<JSQueryEngineFunction, JSQueryEngineOperator, JSQueryEngineMathsOp>;
+export declare type JSQueryEngineQuery = Query<JSQueryEngineFunction, JSQueryEngineOperator, JSQueryEngineMathsOp>;
+export {};

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

@@ -0,0 +1,22 @@
+import { PreAggregatedQuery, PreparedQuery, Query } from './types';
+import { QueryAttributes } from '../QueryAttributes/types';
+import { QueryEngineConfig, SupportedFeature as SupportedFeatureType } from '../QueryEngineConfig/types';
+import { DataSet } from '../DataSet/types';
+import { Result } from '../Result/types';
+export declare const build: (dataSet: DataSet<DataSet.Field>, measureAttr: QueryAttributes.Measure[], orderAttr: QueryAttributes.Order[], dimensionAttr: QueryAttributes.Dimension[], timeDimensionAttr: QueryAttributes.TimeDimension | null, limitAttr: number | undefined, offsetAttr: number | undefined, queryEngineConfig: import("@vizzly/semantic-layer-public/dist/types").QueryEngineConfig, params: import("../../../results-driver/src/types").Params, prebuiltFilters?: QueryAttributes.Filter[][] | undefined) => {
+    query: Query<string, string, string>;
+    measureDescription: import("./types").MeasureDescription[];
+};
+export declare const hasDimensions: (query: {
+    group: Query['group'];
+}) => boolean;
+export declare const buildPreAggregatedPreparedQuery: (query: PreAggregatedQuery, dataSet: DataSet) => {
+    query: PreAggregatedQuery;
+    resultFields: Result.Field[];
+};
+export declare const buildUniqueArrayValuesPreparedQuery: (dataSetId: string, dataSetField: DataSet['fields'][number], optionsFilters?: import("./types").QueryNameSpace.Filter<import("./types").QueryNameSpace.FieldDefinition<string, string, string>, string>[][] | undefined) => {
+    query: PreparedQuery;
+    resultFields: Result.Field[];
+};
+export declare const buildFilterQuery: (dataSet: DataSet, fieldId: string, optionsFilters?: QueryAttributes.Filter[] | undefined, optionsOrders?: QueryAttributes.Order[] | undefined) => QueryAttributes;
+export declare const supportsFeature: (queryEngineConfig: QueryEngineConfig, feature: SupportedFeatureType) => boolean;

package/dist/shared-logic/src/Query/buildFromQueryAttributes.d.ts

@@ -1,9 +1,9 @@
-import { Params } from '../../../results-driver/src/types';
-import { DataSet } from '../DataSet/types';
 import { QueryAttributes } from '../QueryAttributes/types';
 import { QueryEngineConfig } from '../QueryEngineConfig/types';
 import { MeasureDescription, Query } from './types';
-export declare const buildFromQueryAttributes: (dataSet: DataSet, measureAttr: QueryAttributes.Measure[], filterAttr: QueryAttributes.Filter[][], orderAttr: QueryAttributes.Order[], dimensionAttr: QueryAttributes.Dimension[], timeDimensionAttr: QueryAttributes.TimeDimension | null, limitAttr: QueryAttributes.Limit | undefined, offsetAttr: QueryAttributes.Offset | undefined, queryEngineConfig: QueryEngineConfig, params: Params) => {
+import { DataSet } from '../DataSet/types';
+import { Params } from '../../../results-driver/src/types';
+export declare const buildFromQueryAttributes: (dataSet: DataSet, measureAttr: QueryAttributes.Measure[], orderAttr: QueryAttributes.Order[], dimensionAttr: QueryAttributes.Dimension[], timeDimensionAttr: QueryAttributes.TimeDimension | null, limitAttr: QueryAttributes.Limit | undefined, offsetAttr: QueryAttributes.Offset | undefined, queryEngineConfig: QueryEngineConfig, params: Params, prebuiltFilters?: QueryAttributes.Filter[][] | undefined) => {
     query: Query;
     measureDescription: Array<MeasureDescription>;
 };

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

@@ -1,15 +1,108 @@
 import { DataSet } from '../DataSet/types';
-import { QueryNameSpace, SQLQuery } from '@vizzly/sqlbuilder-public';
-export type { QueryNameSpace } from '@vizzly/sqlbuilder-public';
+export declare namespace QueryNameSpace {
+    /**
+     * Which direction should the values be sorted in?
+     */
+    type SortDirection = 'asc' | 'desc';
+    /**
+     * ID of the field. This is the same ID that is used in
+     * the data sets.
+     */
+    type Field = string;
+    /**
+     * Index of the measure to group the aggregates on.
+     * Index starts from 0.
+     */
+    type Group = {
+        index: number;
+    };
+    /**
+     * Index of the measure to sort the results by.
+     * Index starts from 0.
+     */
+    type Order = {
+        index: number;
+        direction: SortDirection;
+    };
+    /**
+     * Defines filters to apply on the query. This can be thought of
+     * as the WHERE clause in a SQL statement.
+     */
+    type Filter<Field, ComparisonOperator> = {
+        field: Field | BasicType;
+        op: ComparisonOperator;
+        value: any;
+    };
+    type SecureFilterGuard<ComparisonOperator> = {
+        fieldId: string;
+        op: ComparisonOperator;
+    };
+    /**
+     * Limit the number of results returned from the query.
+     */
+    type Limit = number;
+    /**
+     * Sets the offset of results to return.
+     */
+    type Offset = number;
+    type Cases<SupportedFunction = string, ComparisonOperator = string, MathsOp = string> = {
+        returns: BasicType | {
+            type: 'field';
+            value: string;
+            function: SupportedFunction;
+        };
+        filter: QueryNameSpace.Filter<QueryNameSpace.FieldDefinition<SupportedFunction, ComparisonOperator, MathsOp>, ComparisonOperator>[][];
+    };
+    type BasicType = {
+        type: 'number';
+        value: number;
+    } | {
+        type: 'string';
+        value: string;
+    } | {
+        type: 'null';
+    } | {
+        type: 'boolean';
+        value: boolean | null;
+    };
+    type ComplexType<SupportedFunction = string, ComparisonOperator = string, MathsOp = string> = {
+        type: 'field';
+        value: string;
+        function: SupportedFunction;
+    } | {
+        type: 'switchField';
+        value: {
+            cases: Cases<SupportedFunction, ComparisonOperator, MathsOp>[];
+        };
+    } | {
+        type: 'subquery';
+        value: SubQuery<SupportedFunction, ComparisonOperator, MathsOp>;
+    } | {
+        type: 'maths';
+        left: FieldDefinition<SupportedFunction, ComparisonOperator, MathsOp>;
+        op: MathsOp;
+        right: FieldDefinition<SupportedFunction, ComparisonOperator, MathsOp>;
+    } | {
+        type: 'date_maths';
+        left: FieldDefinition<SupportedFunction, ComparisonOperator, MathsOp>;
+        op: MathsOp;
+        right: FieldDefinition<SupportedFunction, ComparisonOperator, MathsOp>;
+    } | {
+        type: 'function';
+        function: SupportedFunction;
+        value: FieldDefinition<SupportedFunction, ComparisonOperator, MathsOp>;
+    };
+    type FieldDefinition<SupportedFunction = string, ComparisonOperator = string, MathsOp = string> = BasicType | ComplexType<SupportedFunction, ComparisonOperator, MathsOp>;
+}
 export declare type MeasureDescription = {
     /** What is the underlying field of the data set? */
     field: DataSet.Field;
     /** What function was applied? */
     functionId: string;
 };
-export declare type SubQuery = {
-    measure: [QueryNameSpace.FieldDefinition];
-    filter: Query['filter'];
+export declare type SubQuery<SupportedFunction = string, ComparisonOperator = string, MathsOp = string> = {
+    measure: [QueryNameSpace.FieldDefinition<SupportedFunction, ComparisonOperator, MathsOp>];
+    filter: QueryNameSpace.Filter<QueryNameSpace.FieldDefinition<SupportedFunction, ComparisonOperator, MathsOp>, ComparisonOperator>[][];
 };
 /** For when a query cannot be generalised into the TraditionalQuery format. We can provide a very specific query for a specific purpose. */
 declare type BasePreparedQuery<PreparedQueryType> = {
@@ -30,6 +123,16 @@ export declare type PreAggregatedQuery = BasePreparedQuery<'preAggregated'> & {
     };
 };
 export declare type PreparedQuery = UniqueArrayValuesQuery | PreAggregatedQuery;
-export declare type Query = Omit<SQLQuery, 'timeZone'> & {
+/** Most commonly used query format. */
+export declare type Query<SupportedFunction = string, ComparisonOperator = string, MathsOp = string> = {
+    type: 'query';
     timeZone?: string;
+    dataSetId: string;
+    measure: Array<QueryNameSpace.FieldDefinition<SupportedFunction, ComparisonOperator, MathsOp>>;
+    filter: QueryNameSpace.Filter<QueryNameSpace.FieldDefinition<SupportedFunction, ComparisonOperator, MathsOp>, ComparisonOperator>[][];
+    order: Array<QueryNameSpace.Order>;
+    group: Array<QueryNameSpace.Group>;
+    limit?: QueryNameSpace.Limit;
+    offset?: QueryNameSpace.Offset;
 };
+export {};

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

@@ -1,9 +1,9 @@
 import * as Measure from '../Measure';
-import { SupportedAggregates } from '../Aggregate';
 import { DataType } from '../Field/types';
+import { Result } from './types';
+import { SupportedAggregates } from '../Aggregate';
 import { PivotConfig } from '../PivotConfig/types';
 import { QueryAttributes as QueryAttributesType } from '../QueryAttributes/types';
-import { Result } from './types';
 export declare type RawResult = {
     content: any[][];
     fields: {

package/dist/shared-logic/src/Result/formattedResultToSeries.d.ts

@@ -1,6 +1,6 @@
-import { DataType } from '@vizzly/sqlbuilder-public';
 import { PivotConfig } from '../PivotConfig/types';
 import { FormattedResult } from './types';
+import { DataType } from '@vizzly/sqlbuilder-public';
 declare type Key = {
     key: string;
     keyFormatted: string;

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

@@ -3,8 +3,6 @@ import { QueryAttributes } from '../QueryAttributes/types';
 export declare const id: (metric: QueryAttributes.TimeDimension) => string;
 export declare const decodeId: (metric: string, supportedTimeTruncFunctions: SupportedTimeTruncFunctions) => QueryAttributes.TimeDimension | null;
 export declare const vizzlyManagedTimeDimensions: SupportedTimeTruncFunctions;
-declare type SupportedTimeFunctions = 'minute' | 'hour' | 'second' | 'week' | 'quarter' | 'year' | 'month' | 'day';
-export declare const supportedTimeTruncFunctions: (keys?: SupportedTimeFunctions[] | undefined) => SupportedTimeTruncFunctions;
+export declare const supportedTimeTruncFunctions: (keys?: import("../JSQueryEngine/types").JSQueryEngineTimeFunction[] | undefined) => SupportedTimeTruncFunctions;
 export declare const isSupportedTimeTruncFunction: (supportedTimeFunctions: SupportedTimeTruncFunctions, proposedFunction: string) => boolean;
 export declare const getPublicName: (id: keyof typeof vizzlyManagedTimeDimensions) => string;
-export {};

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export declare const build: (value: string | number | null, valueAlias?: {
-    [id: string]: import("react").ReactText;
+    [id: string]: string | number;
 } | import("./types").ValueAliasFunction | undefined, options?: {
     fieldId?: string | null | undefined;
     filter?: import("../AdditionalFilter/types").NumericFilter | import("../AdditionalFilter/types").SingleSelectFilter | import("../AdditionalFilter/types").DateFilter | import("../AdditionalFilter/types").DateAndTimeFilter | import("../AdditionalFilter/types").DateTimeFilter | import("../AdditionalFilter/types").MultiSelectFilter | import("../AdditionalFilter/types").AdvancedFilter | undefined;

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

@@ -2,7 +2,6 @@ import { AdditionalFilter, Field } from '../AdditionalFilter/types';
 import { SelectedDrilldown } from '../Drilldown/Drilldown';
 import { FeatureToggles } from '../FeatureToggle/types';
 import { VariableList } from '../Variables/types';
-import { AliasFields } from '../AliasFields/types';
 declare type UpdateFilterType = {
     properties: Partial<Omit<AdditionalFilter, 'appliesToFields'>> & {
         appliesToFields: Array<Field>;
@@ -17,7 +16,6 @@ export declare type StateOptions = {
     removeFilter?: Array<Field>;
     featureToggles?: Partial<FeatureToggles>;
     variables?: VariableList;
-    aliasFields?: AliasFields;
 };
 export declare type Resizing = {
     timeout?: number;

package/dist/shared-logic/src/WaterfallChart/buildWaterfallChartRepresentation.d.ts

@@ -3,19 +3,15 @@ import { PivotConfig } from '../PivotConfig/types';
 import { Result } from '../Result/types';
 import { ValueAlias } from '../ValueAlias/types';
 import { DateTimeFormatter, NumberFormatter, Step, WaterfallChartRepresentation } from './types';
-import { RulesField } from '../CustomField/types';
-import { QueryAttributes } from '../QueryAttributes/types';
 export declare type WaterfallChartRepresentationArgs = {
     approxYAxisLabelCount: number;
     axisTitles?: Component.AxisTitles;
-    comparison: RulesField | null;
     dateTimeFormatOptions: {
         [id: string]: DateTimeFormatter;
     };
     defaultFormats: () => {
         [functionId: string]: string;
     };
-    measure: QueryAttributes.Measure[];
     nullValue?: string;
     numberFormatOptions: {
         [id: string]: NumberFormatter;
@@ -25,14 +21,14 @@ export declare type WaterfallChartRepresentationArgs = {
     showTotalBar: boolean;
     valueAlias?: ValueAlias;
     xAxisFormat: FormatType;
-    xAxisPostfix: string;
     xAxisPrefix: string;
+    xAxisPostfix: string;
     yAxisFormat: FormatType;
-    yAxisPostfix: string;
     yAxisPrefix: string;
+    yAxisPostfix: string;
 };
 export declare type WaterfallChartRepresentationResult = {
     waterfallChartRepresentation: WaterfallChartRepresentation;
     waterfallChartSteps: Step[];
 };
-export declare const buildWaterfallChartRepresentation: ({ approxYAxisLabelCount, axisTitles, comparison, dateTimeFormatOptions, defaultFormats, measure, nullValue, numberFormatOptions, pivotConfig, result, showTotalBar, valueAlias, xAxisFormat, xAxisPostfix, xAxisPrefix, yAxisFormat, yAxisPostfix, yAxisPrefix, }: WaterfallChartRepresentationArgs) => WaterfallChartRepresentationResult;
+export declare const buildWaterfallChartRepresentation: ({ approxYAxisLabelCount, axisTitles, dateTimeFormatOptions, defaultFormats, nullValue, numberFormatOptions, pivotConfig, result, showTotalBar, valueAlias, xAxisFormat, xAxisPrefix, xAxisPostfix, yAxisFormat, yAxisPrefix, yAxisPostfix, }: WaterfallChartRepresentationArgs) => WaterfallChartRepresentationResult;

package/dist/shared-logic/src/WaterfallChart/getRepresentationData.d.ts

@@ -1,6 +1,5 @@
 import { Tick } from '../ChartsV2/types';
-import { RulesField } from '../CustomField/types';
-import { FormattedChartData, Result } from '../Result/types';
+import { FormattedChartData } from '../Result/types';
 import { Data, Step } from './types';
 export declare type GetRepresentationDataArgs = {
     content: FormattedChartData[][];
@@ -9,10 +8,8 @@ export declare type GetRepresentationDataArgs = {
     approxYAxisLabelCount: number;
     showTotalBar: boolean;
     formattingFunctionY: (value: any) => string;
-    comparison: RulesField | null;
-    metricField: Result.Field | undefined;
 };
-export declare const getRepresentationData: (args: GetRepresentationDataArgs) => {
+export declare const getRepresentationData: ({ content, xKey, yKey, approxYAxisLabelCount, showTotalBar, formattingFunctionY, }: GetRepresentationDataArgs) => {
     data: Data[];
     steps: Step[];
     xTicks: Tick<string>[];

package/dist/shared-logic/src/WaterfallChart/getYTicks.d.ts

@@ -5,4 +5,4 @@ export declare type GetYTicksArgs = {
     approxYAxisLabelCount: number;
     formattingFunctionY: (value: any) => string;
 };
-export declare const getYTicks: ({ yMinValue, yMaxValue, approxYAxisLabelCount, formattingFunctionY, }: GetYTicksArgs) => Tick<number>[];
+export declare const getYTicks: ({ yMinValue, yMaxValue, approxYAxisLabelCount, formattingFunctionY }: GetYTicksArgs) => Tick<number>[];

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

@@ -55,7 +55,6 @@ export declare type WaterfallChartRepresentation = Omit<BaseChartRepresentation,
 export declare type WaterfallChartOptions = {
     showTooltipRoundedTotal: boolean;
     showLegend: boolean;
-    showLabels: boolean;
     removeStroke: boolean;
     axis: {
         showXAxisLabels: boolean;

package/dist/shared-logic/src/api/queryEngine/getRunQueriesCallback.d.ts

@@ -8,7 +8,6 @@ import { Result } from '../../Result/types';
 import { DataSet } from '../../DataSet/types';
 import { IdentityConfig as IdentityConfigType } from '../../IdentityConfig/types';
 import { VariableList } from '../../Variables/types';
-import { AliasFields } from '../../AliasFields/types';
 declare type CallbackError = null;
 export declare type runQueriesCallback = (queries: Component.Attributes | AdditionalFilter | QueryAttributes[] | [PreparedQuery], params: {
     dataSets: DataSet[];
@@ -16,7 +15,7 @@ export declare type runQueriesCallback = (queries: Component.Attributes | Additi
     dataAccessToken?: string;
     filterConfig?: FilterConfig;
 }) => Promise<(Result | null)[] | Array<Result['content'] | null> | CallbackError>;
-declare const getRunQueriesCallback: (identityConfig: IdentityConfigType, queryEngineConfig: QueryEngineConfigType, timeRangeOptions: TimeRangeOptions, variables: VariableList, aliasFields: AliasFields, runQueries?: ((queries: import("../../../../shared-logic/src/Query/types").Query[], params: {
+declare const getRunQueriesCallback: (identityConfig: IdentityConfigType, queryEngineConfig: QueryEngineConfigType, timeRangeOptions: TimeRangeOptions, variables: VariableList, runQueries?: ((queries: import("../../../../shared-logic/src/Query/types").Query<string, string, string>[], params: {
     dataSets: import("../../../../shared-logic/src/DataSet/types").DataSet<import("../../../../shared-logic/src/DataSet/types").DataSet.Field>[];
     abortSignal?: AbortSignal | undefined;
     dataAccessToken?: string | undefined;

package/dist/shared-logic/src/api/vizzly/aiHelpers/view.d.ts

@@ -1,5 +1,5 @@
-import { View } from '@vizzly/ai-types';
 import { Component } from '../../../Component/types';
+import { View } from '@vizzly/ai-types';
 import { DataSet } from '../../../DataSet/types';
 import { QueryEngineConfig } from '../../../QueryEngineConfig/types';
 /**

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

@@ -1,6 +1,6 @@
-import { BasicTableComponentInterface } from './BasicTable';
 import { Component, ComponentType } from './Component/types';
 import { ComponentInterface, ComponentInterfaceConfig } from './ComponentInterface/types';
+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>;

package/dist/shared-logic/src/utils/feedback.d.ts

@@ -1,4 +1,4 @@
 import { Component } from '../../src/Component/types';
-export declare const getGroupingFeedbackMessage: (attributes: Component.Attributes) => string;
+export declare const getGroupingFeedbackMessage: (attributes: Component.Attributes) => string | null;
 export declare const chartHasDimensions: (attributes: Component.Attributes) => boolean;
-export declare const createFeedback: (attribute: Component.Attributes) => string | true;
+export declare const createFeedback: (attribute: Component.Attributes) => string | true | null;

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

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

package/dist/shared-ui/src/base/ListView/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const List: import("react").FunctionComponent<{
     children: import("react").ReactNode;
-    as?: "symbol" | "object" | "filter" | "legend" | "metadata" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | undefined;
+    as?: "symbol" | "object" | "clipPath" | "filter" | "mask" | "marker" | "button" | "meter" | "textarea" | "style" | "progress" | "text" | "ruby" | "table" | "small" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "legend" | "desc" | "title" | "big" | "link" | "sup" | "header" | "select" | "input" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "ins" | "kbd" | "keygen" | "label" | "li" | "main" | "map" | "mark" | "meta" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "slot" | "script" | "section" | "source" | "span" | "strong" | "summary" | "template" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "defs" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | undefined;
     paddingRight?: string | number | (string & {}) | undefined;
 }> & {
     Cell: import("react").ForwardRefExoticComponent<{
@@ -25,7 +25,7 @@ export declare const List: import("react").FunctionComponent<{
     }>;
     Heading: import("react").FunctionComponent<{
         children: import("react").ReactNode;
-        as?: "symbol" | "object" | "filter" | "legend" | "metadata" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | undefined;
+        as?: "symbol" | "object" | "clipPath" | "filter" | "mask" | "marker" | "button" | "meter" | "textarea" | "style" | "progress" | "text" | "ruby" | "table" | "small" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "legend" | "desc" | "title" | "big" | "link" | "sup" | "header" | "select" | "input" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "ins" | "kbd" | "keygen" | "label" | "li" | "main" | "map" | "mark" | "meta" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "slot" | "script" | "section" | "source" | "span" | "strong" | "summary" | "template" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "defs" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | undefined;
         themeClassName?: import("../..").VizzlyTheming.FontStyle | undefined;
         className?: string | undefined;
         id?: string | undefined;

package/dist/shared-ui/src/base/Panel/Panel.d.ts

@@ -4,7 +4,7 @@ export declare const Panel: React.ForwardRefExoticComponent<{
     testId?: string | undefined;
     vizzlyPrefix?: string | undefined;
     transform?: boolean | undefined;
-    role?: "article" | "button" | "dialog" | "figure" | "form" | "img" | "link" | "main" | "menu" | "menuitem" | "option" | "table" | "switch" | (string & {}) | "grid" | "none" | "checkbox" | "listbox" | "radio" | "region" | "cell" | "row" | "listitem" | "menubar" | "progressbar" | "separator" | "tab" | "tabpanel" | "toolbar" | "tooltip" | "treeitem" | "scrollbar" | "group" | "heading" | "search" | "alert" | "alertdialog" | "application" | "banner" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "directory" | "document" | "feed" | "gridcell" | "list" | "log" | "marquee" | "math" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "note" | "presentation" | "radiogroup" | "rowgroup" | "rowheader" | "searchbox" | "slider" | "spinbutton" | "status" | "tablist" | "term" | "textbox" | "timer" | "tree" | "treegrid" | undefined;
+    role?: (string & {}) | "grid" | "none" | "button" | "checkbox" | "listbox" | "radio" | "region" | "cell" | "table" | "row" | "menu" | "listitem" | "menubar" | "menuitem" | "progressbar" | "separator" | "tab" | "tabpanel" | "toolbar" | "tooltip" | "treeitem" | "scrollbar" | "heading" | "search" | "link" | "article" | "dialog" | "figure" | "form" | "img" | "main" | "option" | "switch" | "alert" | "alertdialog" | "application" | "banner" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "directory" | "document" | "feed" | "gridcell" | "group" | "list" | "log" | "marquee" | "math" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "note" | "presentation" | "radiogroup" | "rowgroup" | "rowheader" | "searchbox" | "slider" | "spinbutton" | "status" | "tablist" | "term" | "textbox" | "timer" | "tree" | "treegrid" | undefined;
     onHover?: ((active: boolean) => void) | undefined;
     width?: CSSProperties['width'];
     padding?: CSSProperties['padding'];

package/dist/shared-ui/src/base/Section/Section.d.ts

@@ -14,7 +14,7 @@ export declare const Section: React.FunctionComponent<RawSectionProps> & {
     Panel: React.FunctionComponent<{
         title?: string | ReactNode;
         children: ReactNode;
-        as?: "symbol" | "object" | "filter" | "legend" | "metadata" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | undefined;
+        as?: "symbol" | "object" | "clipPath" | "filter" | "mask" | "marker" | "button" | "meter" | "textarea" | "style" | "progress" | "text" | "ruby" | "table" | "small" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "legend" | "desc" | "title" | "big" | "link" | "sup" | "header" | "select" | "input" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "ins" | "kbd" | "keygen" | "label" | "li" | "main" | "map" | "mark" | "meta" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "slot" | "script" | "section" | "source" | "span" | "strong" | "summary" | "template" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "defs" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | undefined;
     }>;
     Container: React.FunctionComponent<{
         children: ReactNode;

package/dist/shared-ui/src/base/Table/Table.d.ts

@@ -58,7 +58,7 @@ export declare const Table: import("react").ForwardRefExoticComponent<{
         onSort?: (() => void) | undefined;
         onChange?: (() => void) | undefined;
         label: string;
-        direction?: "desc" | "asc" | undefined;
+        direction?: "asc" | "desc" | undefined;
         showTooltip?: boolean | undefined;
         testIdPrefix?: string | undefined;
         sortLabel?: string | undefined;

package/dist/shared-ui/src/components/AdditionalFilter/AdvancedPicker/AdvancedSelectFilter.d.ts

@@ -6,6 +6,6 @@ export declare const AdvancedSelectFilter: (props: import("react").PropsWithChil
     dataSets: import("../../../../../dashboard/src").DataSet<import("../../../../../dashboard/src").DataSet.Field>[];
     onChange: (filter: NumericFilter | MultiSelectFilterType) => void;
     showClearBtn?: boolean | undefined;
-    type: Pick<import("../../../../../shared-logic/src/Field/types").DataType, number | "big" | "link" | "small" | "sub" | "sup" | "replace" | "fixed" | "repeat" | "slice" | "bold" | "blink" | "toString" | "charAt" | "charCodeAt" | "concat" | "indexOf" | "lastIndexOf" | "localeCompare" | "match" | "search" | "split" | "substring" | "toLowerCase" | "toLocaleLowerCase" | "toUpperCase" | "toLocaleUpperCase" | "trim" | "length" | "substr" | "valueOf" | "codePointAt" | "includes" | "endsWith" | "normalize" | "startsWith" | "anchor" | "fontcolor" | "fontsize" | "italics" | "strike" | "padStart" | "padEnd" | "trimEnd" | "trimStart" | "trimLeft" | "trimRight" | "matchAll" | "replaceAll" | "at">;
+    type: Pick<import("../../../../../shared-logic/src/Field/types").DataType, number | "replace" | "fixed" | "repeat" | "slice" | "small" | "sub" | "bold" | "blink" | "toString" | "charAt" | "charCodeAt" | "concat" | "indexOf" | "lastIndexOf" | "localeCompare" | "match" | "search" | "split" | "substring" | "toLowerCase" | "toLocaleLowerCase" | "toUpperCase" | "toLocaleUpperCase" | "trim" | "length" | "substr" | "valueOf" | "codePointAt" | "includes" | "endsWith" | "normalize" | "startsWith" | "anchor" | "big" | "fontcolor" | "fontsize" | "italics" | "link" | "strike" | "sup" | "padStart" | "padEnd" | "trimEnd" | "trimStart" | "trimLeft" | "trimRight" | "matchAll" | "replaceAll" | "at">;
     onOpenChange?: ((open: boolean) => void) | undefined;
 }>) => JSX.Element;

package/dist/shared-ui/src/components/AdditionalFilter/FiltersModal.d.ts

@@ -11,7 +11,7 @@ export declare const FiltersModal: FunctionComponent<{
     show: boolean;
     onClose: () => void;
     source: 'local' | 'global';
-    onDeleteItem: (remainingFilters: AdditionalFilter[]) => void;
+    onDeleteItem: (index: number) => void;
     onUpdate: (payload: FilterInputPayload) => void;
 }>;
 export declare function updateFilters(filters: AdditionalFilter[], payload: FilterInputPayload): AdditionalFilter[];

package/dist/shared-ui/src/components/AdditionalFilter/asyncLoadFilterOptions.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { VizzlyComponents } from '../../types';
 import { AdditionalFilter } from '../../../../shared-logic/src/AdditionalFilter/types';
 export declare const asyncLoadFilterOptions: <T extends {
     label: string | number | Function;
     value: string | number;
 }>(filter: AdditionalFilter, runQueriesCallback: VizzlyComponents.runQueriesCallbackInternal, valueAlias?: {
-    [id: string]: import("react").ReactText;
+    [id: string]: string | number;
 } | import("../../../../shared-logic/src/ValueAlias/types").ValueAliasFunction | undefined) => (abortSignal: AbortSignal) => Promise<T[]>;

package/dist/shared-ui/src/components/AdditionalFilter/labelWidth.d.ts

@@ -1,13 +1,5 @@
 import { CSSProperties } from 'react';
 import { VizzlyTheming } from '../../types';
-/**
- * Calculates the width of the given text by creating a temporary HTML element and measuring its offsetWidth.
- * @param text - The text string to measure.
- * @param element - The HTML element type to use for measurement (e.g., 'span').
- * @param styles - Optional styling properties, including fontSize and fontWeight.
- * @returns The calculated width of the text in pixels.
- * OBS: For every function call you should use useMemo to avoid infinitely re-renders (especially in Google Chrome).
- */
 export declare const calculateTextWidth: (text: string, element: keyof JSX.IntrinsicElements, styles?: {
     fontSize?: CSSProperties['fontSize'];
     fontWeight?: CSSProperties['fontWeight'];
@@ -18,11 +10,4 @@ export declare const getFontProperties: (element: HTMLElement) => {
     fontSize: string;
     letterSpacing: string;
 };
-/**
- * Calculates the width of a label text, ensuring a minimum width.
- * @param label - The text label to measure.
- * @param labelStyles - Optional styling properties from the theme, including fontSize and fontWeight.
- * @returns The calculated width in pixels, with a minimum of 124 (100 + 24 for padding).
- * OBS: For every function call you should use useMemo to avoid infinitely re-renders (especially in Google Chrome).
- */
 export declare function calculateLabelWidth(label: string, labelStyles?: VizzlyTheming.Select): number;

package/dist/shared-ui/src/components/AreaChart/AreaChartView.d.ts

@@ -15,6 +15,6 @@ export declare type AreaChartViewProps = VizzlyComponents.ViewProps<Component.Ar
 export declare const defaultProps: Omit<Component.AreaChartAttributes, 'dataSetId'>;
 declare const memoized: React.MemoExoticComponent<{
     (props: AreaChartViewProps): JSX.Element;
-    defaultProps: Pick<Component.AreaChartAttributes, "measure" | "dimension" | "order" | "timeDimension" | "limit" | "offset" | "filter" | "type" | "viewId" | "displayTitle" | "displaySubject" | "protectedByOrganisation" | "tags" | "stacked" | "conditionalFormattingRules" | "xAxisPrefix" | "yAxisPrefix" | "xAxisPostfix" | "yAxisPostfix" | "xAxisFormat" | "yAxisFormat" | "approxXAxisLabelCount" | "approxYAxisLabelCount" | "drilldown" | "legend" | "parameters" | "goalLines" | "axisTitles" | "headline" | "lineCurve">;
+    defaultProps: Pick<Component.AreaChartAttributes, "filter" | "order" | "offset" | "measure" | "dimension" | "timeDimension" | "limit" | "type" | "viewId" | "displayTitle" | "displaySubject" | "protectedByOrganisation" | "tags" | "stacked" | "conditionalFormattingRules" | "xAxisPrefix" | "yAxisPrefix" | "xAxisPostfix" | "yAxisPostfix" | "xAxisFormat" | "yAxisFormat" | "approxXAxisLabelCount" | "approxYAxisLabelCount" | "drilldown" | "legend" | "parameters" | "goalLines" | "axisTitles" | "headline" | "lineCurve">;
 }>;
 export default memoized;