@vizzly/dashboard 0.8.1 → 0.8.2-dev-4ac76b0195bc8bd9f3866e4cdcdac08e26caeff3

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

@@ -1,7 +1,9 @@
 import { SupportedAggregates } from './types';
+import { DataType } from '../Field/types';
 declare const vizzlyManagedAggregates: SupportedAggregates;
 export declare const supportedAggregates: (keys?: string[] | undefined) => SupportedAggregates;
 export declare const isSupportedAggregateFunction: (supportedAggregateFunctions: SupportedAggregates, proposedFunction: string) => boolean;
 export declare const isSupportedAggregate: (value: string | undefined, supportedAggregates: SupportedAggregates) => boolean;
 export declare const getPublicName: (id: keyof typeof vizzlyManagedAggregates) => string;
+export declare const hasValidDataType: (fieldDefinitions: SupportedAggregates, fieldName: string, dataType: DataType) => boolean;
 export {};

package/dist/shared-logic/src/Callbacks/labelFormat.d.ts

@@ -0,0 +1,2 @@
+import { Component } from '../Component/types';
+export declare function validateLabelFormat(labelFormatFunc?: (options?: Component.LabelFormatOptions) => string | undefined): (options?: Component.LabelFormatOptions | undefined) => string | undefined;

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

@@ -288,6 +288,14 @@ export declare namespace Component {
         };
     }
     export type OnViewClick = TableOnViewClick | ChartOnViewClick;
+    export type LabelFormatOptions = {
+        fieldId: string;
+        func: string;
+        type: ComponentType;
+        defaultLabel: string;
+        viewId: string;
+        values: Array<string>;
+    };
     export type Parameters = {
         measure?: ParameterMeasure;
         group?: ParameterGroup;

package/dist/shared-logic/src/DashboardAPI/dashboardAPI/updating.d.ts

@@ -8,7 +8,9 @@ import { QueryEngineConfig } from '../../QueryEngineConfig/types';
 export declare function postUpdateDashboard(dashboardStorageStrategy: DashboardStorageStrategy, vizzlyAPI: ReturnType<typeof api>, updateParams: {
     dashboardSessionToken: string;
     definition?: Dashboard.SaveableDashboardDefinition;
+    /** @deprecated - use `metadata` instead */
     meta?: any;
+    metadata?: any;
     deleted?: boolean;
 }): Promise<UnEncryptedDashboardUpdateResponse>;
 export declare function updateDashboardFromUpdateResponse(updatedDashboardResponse: UnEncryptedDashboardUpdateResponse, dataSets: DataSet[], dashboards: DashboardType[], params: Omit<UpdateDashboardParams, 'dashboardSessionToken'>, queryEngineConfig: QueryEngineConfig | undefined): {

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

@@ -5,8 +5,10 @@ export declare const setupLogger: (newLogLevel: LogLevel, onLogLevelChange?: ((n
     logError: (...message: any) => void;
     logInfo: (...message: any) => void;
     logWarning: (...message: any) => void;
+    logProperties: (...message: any) => void;
 };
 export declare const logDebug: (...message: any) => void;
 export declare const logInfo: (...message: any) => void;
+export declare const logProperties: (...message: any) => void;
 export declare const logWarning: (...message: any) => void;
 export declare const logError: (...message: any) => void;

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

@@ -1 +1 @@
-export declare type LogLevel = 'info' | 'debug' | 'warning' | 'error';
+export declare type LogLevel = 'info' | 'debug' | 'warning' | 'error' | 'properties';

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

@@ -12,5 +12,6 @@ export declare const snowflakeQuerySchema: Joi.AlternativesSchema<unknown>;
 export declare const mariadbQuerySchema: Joi.AlternativesSchema<unknown>;
 export declare const mysqlQuerySchema: Joi.AlternativesSchema<unknown>;
 export declare const bigqueryQuerySchema: Joi.AlternativesSchema<unknown>;
+export declare const redshiftSchema: Joi.AlternativesSchema<unknown>;
 export declare const validate: (queries: Array<unknown>, queryEngineConfig: QueryEngineConfig, joiOptions: JoiOptions) => Array<Query>;
 export {};

package/dist/shared-logic/src/QueryEngineConfig/redshift.d.ts

@@ -0,0 +1,2 @@
+import { QueryEngineConfig } from './types';
+export declare const queryEngineConfig: () => QueryEngineConfig;

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

@@ -308,11 +308,13 @@ export declare namespace VizzlyTheming {
         color?: CSSProperties['fill'];
         fontWeight?: CSSProperties['fontWeight'];
         fontSize?: CSSProperties['fontSize'];
+        fontFamily?: CSSProperties['fontFamily'];
     };
     type ChartAxisTitle = {
         color?: CSSProperties['fill'];
         fontWeight?: CSSProperties['fontWeight'];
         fontSize?: CSSProperties['fontSize'];
+        fontFamily?: CSSProperties['fontFamily'];
     };
     type ChartGrid = {
         stroke: CSSProperties['stroke'];

package/dist/shared-logic/src/Translations/translation.types.d.ts

@@ -1675,6 +1675,13 @@ export declare type VizzlyTranslations = {
      * String containing the translation.
      */
     add_prefix: string;
+    /**
+     * @default 'Goals need to be set'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    'progress.goals_need to be set': string;
     /**
      * @default 'Linear'
      *

package/dist/shared-logic/src/VizzlyConfig/validate.d.ts

@@ -3,6 +3,7 @@ export declare const ALLOWED_ID_REGEX: RegExp;
 export declare const ID_REGEX_ERROR_MESSAGE = "IDs must only use alpha numeric characters and _";
 export declare const bigQuerySchema: Joi.ObjectSchema<any>;
 export declare const postgresSchema: Joi.ObjectSchema<any>;
+export declare const redshiftSchema: Joi.ObjectSchema<any>;
 export declare const mariadbSchema: Joi.ObjectSchema<any>;
 export declare const mySQLSchema: Joi.ObjectSchema<any>;
 export declare const snowflakeSchema: Joi.ObjectSchema<any>;

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

@@ -8,7 +8,9 @@ export declare type Response = {
 export declare type CreateDashboardParams = {
     dashboardAccessToken: string;
     definition: SaveableDashboardDefinition;
-    meta: any;
+    /** @deprecated - use `metadata` instead */
+    meta?: any;
+    metadata?: any;
     parentDashboardId: string | null;
     permissions: Array<any>;
 };

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

@@ -8,7 +8,9 @@ export declare type Response = {
 export declare type CreateDashboardParams = {
     dashboardAccessToken: string;
     definition: SaveableDashboardDefinition;
-    meta: any;
+    /** @deprecated - use `metadata` instead */
+    meta?: any;
+    metadata?: any;
     parentDashboardId: string | null;
     permissions: Array<any>;
 };

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

@@ -11,7 +11,9 @@ declare type UpdateDashboardResponse = EncryptedDashboardUpdateResponse | UnEncr
 export declare type UpdateDashboardParams = {
     dashboardSessionToken: string;
     definition?: SaveableDashboardDefinition;
+    /** @deprecated - use `metadata` instead */
     meta?: any;
+    metadata?: any;
     deleted?: boolean;
 };
 export declare const updateDashboard: (httpClient: HttpClient) => (params: UpdateDashboardParams) => Promise<UpdateDashboardResponse>;

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

@@ -7,5 +7,5 @@ import { TableRepresentation } from '../../../../shared-logic/src/DataTable/type
 export declare type DownloadType = 'data-set-download-type' | 'view-download-type';
 declare type OnCSVGenerated = (csvContent: string) => void;
 export declare const _toCSV: (tableRepresentation: TableRepresentation | null | undefined, onCSVGenerated: OnCSVGenerated) => void;
-export declare const download: (downloadType: DownloadType, dataSet: DataSetType, runQueriesCallback: VizzlyComponents.runQueriesCallbackInternal, maxCSVDownloadLimit: number, attributes: Component.Attributes, dateTimeFormatOptions: DashboardBehaviour['dateTimeFormatOptions'], numberFormatOptions: DashboardBehaviour['numberFormatOptions'], queryEngineConfig: DashboardBehaviour['queryEngineConfig'], populatedFilterConfig: FilterConfig, onCSVGenerated?: (csvContent: string) => void) => Promise<void>;
+export declare const download: (downloadType: DownloadType, dataSet: DataSetType, runQueriesCallback: VizzlyComponents.runQueriesCallbackInternal, maxCSVDownloadLimit: number, attributes: Component.Attributes, dateTimeFormatOptions: DashboardBehaviour['dateTimeFormatOptions'], numberFormatOptions: DashboardBehaviour['numberFormatOptions'], queryEngineConfig: DashboardBehaviour['queryEngineConfig'], populatedFilterConfig: FilterConfig, onCSVGenerated: ((csvContent: string) => void) | undefined, labelFormat: DashboardBehaviour['labelFormat']) => Promise<void>;
 export {};

package/dist/shared-ui/src/base/AppStyles/AppStyles.styles.d.ts

@@ -6,5 +6,5 @@ export declare const H1: number;
 export declare const H2: number;
 export declare const H3: number;
 export declare const H4: number;
-declare const appStyles: import("@emotion/react").SerializedStyles;
+declare const appStyles: import("@emotion/utils").SerializedStyles;
 export default appStyles;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents, VizzlyTheming } from '../../types';
 import { CustomThemeClassNamespaces } from '../classNames';
 declare type Props = VizzlyComponents.ComponentOverrides.Props.Button & {

package/dist/shared-ui/src/base/DateTime/DateRangePicker.d.ts

@@ -1,8 +1,14 @@
+/// <reference types="react" />
 import { TextOverride } from '../../../../shared-logic/src/Translations/types';
 import { DateRangeFormat } from './Input';
 import { TimeRangeFormat } from './TimePickerCore';
 import { VizzlyComponents } from '../../types';
+import moment from 'moment';
 export declare type DatePickerChangeProps = VizzlyComponents.ComponentOverrides.Props.DateTimeRangeInputChangeProps;
+export declare const DEFAULTS_TIMES: {
+    Start: string;
+    End: string;
+};
 declare type DatePickerProps = {
     id?: string | number;
     dynamicWidth?: boolean;
@@ -12,3 +18,4 @@ declare type DatePickerProps = {
 } & VizzlyComponents.ComponentOverrides.Props.DateTimeRangeInput;
 declare const _default: (props: DatePickerProps) => JSX.Element;
 export default _default;
+export declare function buildDateTime(startTime: moment.Moment | null | undefined, startDate: Date, endTime: moment.Moment | null | undefined, endDate: Date): DatePickerChangeProps;

package/dist/shared-ui/src/base/DateTime/DateTimeFilter.d.ts

@@ -15,7 +15,3 @@ export declare const DateTimeFilter: FunctionComponent<{
     textOverride?: DashboardBehaviour['textOverride'];
     fixedWidth?: number;
 }>;
-export declare function buildDateTime(startTime: string | null | undefined, startDate: Date, endTime: string | null | undefined, endDate: Date): string | {
-    startDate: Date;
-    endDate: Date;
-} | null;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../types';
 export declare const DateTimeInput: (props: VizzlyComponents.ComponentOverrides.Props.DateTimeInput) => JSX.Element;

package/dist/shared-ui/src/base/EmptyState/Illustration.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Illustration: (props: {
     height?: number;
     color: string;

package/dist/shared-ui/src/base/HeroCenteredForm/Notice.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Notice: (props: {
     success: boolean;
     title: string;

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" | "clipPath" | "filter" | "mask" | "marker" | "center" | "button" | "meter" | "textarea" | "style" | "progress" | "text" | "ruby" | "table" | "small" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "legend" | "desc" | "title" | "select" | "input" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "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" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "ins" | "kbd" | "keygen" | "label" | "li" | "link" | "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" | "sup" | "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;
+    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" | "select" | "input" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "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" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "ins" | "kbd" | "keygen" | "label" | "li" | "link" | "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" | "sup" | "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,6 +25,6 @@ export declare const List: import("react").FunctionComponent<{
     Item: any;
     Heading: import("react").FunctionComponent<{
         children: import("react").ReactNode;
-        as?: "symbol" | "object" | "clipPath" | "filter" | "mask" | "marker" | "center" | "button" | "meter" | "textarea" | "style" | "progress" | "text" | "ruby" | "table" | "small" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "legend" | "desc" | "title" | "select" | "input" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "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" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "ins" | "kbd" | "keygen" | "label" | "li" | "link" | "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" | "sup" | "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;
+        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" | "select" | "input" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "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" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "ins" | "kbd" | "keygen" | "label" | "li" | "link" | "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" | "sup" | "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;
     }>;
 };

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" | "clipPath" | "filter" | "mask" | "marker" | "center" | "button" | "meter" | "textarea" | "style" | "progress" | "text" | "ruby" | "table" | "small" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "legend" | "desc" | "title" | "select" | "input" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "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" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "ins" | "kbd" | "keygen" | "label" | "li" | "link" | "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" | "sup" | "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;
+        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" | "select" | "input" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "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" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "ins" | "kbd" | "keygen" | "label" | "li" | "link" | "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" | "sup" | "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/Select/Select.types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare type SelectOption = {
     label: string | number | Function;
     value: any;

package/dist/shared-ui/src/base/Select/Wrapper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CustomThemeClassNamespaces } from '../classNames';
 import { VizzlyComponents } from '../../types';
 import { SelectOption } from '../Select/Select.types';

package/dist/shared-ui/src/base/layout/View.d.ts

@@ -7,5 +7,6 @@ export interface ViewProps extends ViewStyleProps {
     className?: string;
     as?: keyof JSX.IntrinsicElements;
     role?: React.AriaRole;
+    'data-testid'?: string;
 }
 export declare const View: FunctionComponent<ViewProps>;

package/dist/shared-ui/src/base/utils/titleFormat.d.ts

@@ -0,0 +1 @@
+export declare const titleFormat: (field?: string | undefined, aggregate?: string | undefined, values?: (string | number | string[] | null)[]) => string;

package/dist/shared-ui/src/buildStyleOverrides.d.ts

@@ -10,7 +10,7 @@ declare type StyleConfig = CSSObject & {
 };
 export declare const _buildStyleOverridesCSSProperties: <T extends StyleConfig>(styleConfig: T) => (variantOptions?: {
     [key: string]: any;
-} | undefined) => Pick<T, Exclude<keyof T, string>>;
+} | undefined) => any;
 export declare const buildStyleOverrides: <T extends StyleConfig>(styleConfig: T) => {
     (variantOptions: Object): string;
     toString: any;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AdditionalFilter as AdditionalFilterType } from '../../../../shared-logic/src/AdditionalFilter/types';
 import { DashboardBehaviour } from '../../contexts/DashboardBehaviour/types';
 import { DataSet } from '../../../../shared-logic/src/DataSet/types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SingleSelectFilter as SingleSelectFilterType } from '../../../../../shared-logic/src/AdditionalFilter/types';
 import { DataSet } from '../../../../../shared-logic/src/DataSet/types';
 /**

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DateAndTimeFilter, DateFilter as DateFilterType } from '../../../../../shared-logic/src/AdditionalFilter/types';
 import { DashboardBehaviour } from '../../../contexts/DashboardBehaviour/types';
 import { DataSet } from '../../../../../shared-logic/src/DataSet/types';

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

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

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

@@ -1,9 +1,9 @@
 import { DataSet as DataSetType } from '../../../shared-logic/src/DataSet/types';
-import { Component as ActualComponent, FormatType } from '../../../shared-logic/src/Component/types';
+import { Component as ActualComponent, ComponentType, FormatType } from '../../../shared-logic/src/Component/types';
 import { QueryAttributes as QueryAttributesType } from '../../../shared-logic/src/QueryAttributes/types';
 import { Result as ResultType } from '../../../shared-logic/src/Result/types';
 import { QueryEngineConfig } from '../../../shared-logic/src/QueryEngineConfig/types';
-import { DashboardBehaviour } from '../contexts/DashboardBehaviour/types';
+import { DashboardBehaviour, LabelFormat } from '../contexts/DashboardBehaviour/types';
 import { ConditionalFormattingOption } from '../../../charts/src/Legend/Legend';
 import * as Dimension from '../../../shared-logic/src/Dimension';
 import { ConditionalFormattingBoundary } from './DataTable/buildConditionalFormattingBoundaries';
@@ -24,7 +24,7 @@ export declare const getExplanationsOfConditionFormattingRulesThatApplyToSeries:
 export declare const applyConditionFormattingRules: (dimensions: QueryAttributesType.Dimension[], conditionalFormattingRules: ConditionalFormattingBoundary[], datum: Datum | undefined, key: string, dataSet: DataSetType) => ActualComponent.ConditionalFormatting.DisplayRule | undefined;
 export declare const formatXAxisLabel: (timeDimension: QueryAttributesType.TimeDimension | null, supportedTimeTruncFunctions: QueryEngineConfig['supportedTimeTruncFunctions'], axisLabelConfig: AxisLabelConfig) => (value: any) => string;
 export declare const formatYAxisLabel: (textOverride: TextOverride, axisLabelConfig?: AxisLabelConfig | undefined) => (value: any) => string;
-export declare const formatSeriesName: (result: ResultType | null | undefined, textOverride: TextOverride) => (key: string) => string | undefined;
+export declare const formatSeriesName: (result: ResultType | null | undefined, textOverride: TextOverride, type: ComponentType, id: string, labelFormat: LabelFormat) => (key: string) => string | undefined;
 export declare const convertValueToFormat: (value: any, numberFormatOptions?: {
     [id: string]: import("../contexts/DashboardBehaviour/types").NumberFormatter;
 } | undefined, format?: string | null | undefined) => any;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../types';
 import { Component as ComponentType } from '../../../../shared-logic/src/Component/types';
 import { DataSet as DataSetType } from '../../../../shared-logic/src/DataSet/types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../types';
 import { Component as ComponentType } from '../../../shared-logic/src/Component/types';
 import { Result } from '../../../shared-logic/src/Result/types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Component } from '../../../../shared-logic/src/Component/types';
 declare type Props = {
     component: Component<Component.CustomComponentAttributes>;

package/dist/shared-ui/src/components/DataPropsEditor/DataPanelFromConfig.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../types';
 import { DashboardBehaviour } from '../../contexts/DashboardBehaviour/types';
 import { SelectViewProps } from '../../library/DataPanel/SelectView';

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

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const DataPropsEditor: () => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../types';
 import { Component as ComponentType } from '../../../../shared-logic/src/Component/types';
 import { DataSet as DataSetType } from '../../../../shared-logic/src/DataSet/types';

package/dist/shared-ui/src/components/DataTable/DataTableView.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import 'twin.macro';
 import { Component } from '../../../../shared-logic/src/Component/types';
 import { TableColumnTypes } from './TableHeader';

package/dist/shared-ui/src/components/DataTable/TableHeader.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DashboardBehaviour } from '../../contexts/DashboardBehaviour/types';
 import { DataTableViewProps } from './DataTableView';
 import { QueryAttributes } from '../../../../shared-logic/src/QueryAttributes/types';

package/dist/shared-ui/src/components/DataTable/buildTableRepresentation.d.ts

@@ -5,7 +5,7 @@ import { DataTableViewProps } from './DataTableView';
 import { DataType } from '../../../../shared-logic/src/Field/types';
 import { QueryAttributes } from '../../../../shared-logic/src/QueryAttributes/types';
 export * from './headerFormatting';
-export declare const buildTableRepresentation: (type: string, result: ResultType | null | undefined, exportNames: DataTableViewProps['exportNames'] | undefined, prefixes: DataTableViewProps['prefixes'] | undefined, dateTimeFormat: DataTableViewProps['dateTimeFormat'] | undefined, dateTimeFormatOptions: DataTableViewProps['dateTimeFormatOptions'], numberFormat: DataTableViewProps['numberFormat'] | undefined, numberFormatOptions: DataTableViewProps['numberFormatOptions'], supportedAggregates: DashboardBehaviour['queryEngineConfig']['supportedAggregates'], supportedTimeTruncFunctions: DashboardBehaviour['queryEngineConfig']['supportedTimeTruncFunctions'], nullReplacement?: string | undefined, measure?: QueryAttributes.Measure[] | undefined, xMeasure?: QueryAttributes.Measure | null | undefined, yMeasure?: QueryAttributes.Measure | undefined, dimension?: QueryAttributes.Dimension[] | undefined) => TableRepresentation | null;
+export declare const buildTableRepresentation: (type: string, result: ResultType | null | undefined, exportNames: DataTableViewProps['exportNames'] | undefined, prefixes: DataTableViewProps['prefixes'] | undefined, dateTimeFormat: DataTableViewProps['dateTimeFormat'] | undefined, dateTimeFormatOptions: DataTableViewProps['dateTimeFormatOptions'], numberFormat: DataTableViewProps['numberFormat'] | undefined, numberFormatOptions: DataTableViewProps['numberFormatOptions'], supportedAggregates: DashboardBehaviour['queryEngineConfig']['supportedAggregates'], supportedTimeTruncFunctions: DashboardBehaviour['queryEngineConfig']['supportedTimeTruncFunctions'], labelFormat: DashboardBehaviour['labelFormat'], nullReplacement?: string | undefined, measure?: QueryAttributes.Measure[] | undefined, xMeasure?: QueryAttributes.Measure | null | undefined, yMeasure?: QueryAttributes.Measure | undefined, dimension?: QueryAttributes.Dimension[] | undefined, viewId?: string | undefined) => TableRepresentation | null;
 export declare const formatTableContent: (fields: Array<{
     id: string;
     dataType: DataType;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import 'twin.macro';
 export declare const GlobalFilters: () => JSX.Element | null;

package/dist/shared-ui/src/components/GlobalFilters/GlobalFiltersView.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GlobalFilterViewProps } from './types';
 declare const GlobalFiltersView: (props: GlobalFilterViewProps) => JSX.Element;
 export default GlobalFiltersView;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import 'twin.macro';
 export declare const AreaChart: (props: any) => JSX.Element;
 export declare const PieChart: (props: any) => JSX.Element;

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

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

package/dist/shared-ui/src/components/LocalFilter/DateTimeFilter/DataProps.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../../types';
 import 'twin.macro';
 import { DateFilter } from '../../../../../shared-logic/src/AdditionalFilter/types';

package/dist/shared-ui/src/components/LocalFilter/SelectFilter/DataProps.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../../types';
 import 'twin.macro';
 import { SingleSelectFilter } from '../../../../../shared-logic/src/AdditionalFilter/types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AdditionalFilter as AdditionalFilterType } from '../../../../shared-logic/src/AdditionalFilter/types';
 import { DataSet } from '../../../../shared-logic/src/DataSet/types';
 declare const LocalFilterView: (props: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Component } from '../../../../shared-logic/src/Component/types';
 import { VizzlyComponents } from '../../types';
 import { Result } from '../../../../shared-logic/src/Result/types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MapPosition } from '../../../../charts/src';
 import { Component } from '../../../../shared-logic/src/Component/types';
 import { VizzlyComponents } from '../../types';

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

@@ -1,14 +1,17 @@
 import { FunctionComponent } from 'react';
-import { Component } from '../../../../shared-logic/src/Component/types';
+import { Component, ComponentType } from '../../../../shared-logic/src/Component/types';
 import { DataSet as DataSetType } from '../../../../shared-logic/src/DataSet/types';
 import { SelectOption } from '../../base/Select/Select.types';
 import { SupportedAggregates } from '../../../../shared-logic/src/Aggregate/types';
 import { QueryAttributes } from '../../../../shared-logic/src/QueryAttributes/types';
+import { LabelFormat } from '../../contexts/DashboardBehaviour/types';
 export declare const ChangeViewMeasures: FunctionComponent<{
     measures?: Component.ParameterMeasure;
     dataSet: DataSetType;
     activeMeasures?: QueryAttributes.Measure[];
     setMeasure: (newValue: QueryAttributes.Measure, currentValue: QueryAttributes.Measure) => void;
+    componentType: ComponentType;
+    viewId: string;
 }>;
 export declare function getCurrentSelection(options: SelectOption[], activeMeasures?: QueryAttributes.Measure[]): QueryAttributes.Measure;
-export declare function buildOptions(measure: string, supportedAggregates: SupportedAggregates, dataSet: DataSetType, measures: Component.ParameterMeasure): SelectOption[];
+export declare function buildOptions(measure: string, supportedAggregates: SupportedAggregates, dataSet: DataSetType, measures: Component.ParameterMeasure, labelFormat: LabelFormat, componentType: ComponentType, viewId: string): SelectOption[];

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

@@ -6,6 +6,7 @@ import { UpdatedMetrics } from '../../../../shared-logic/src/Parameters';
 export declare const ParametersView: FunctionComponent<{
     parameters?: Component.Parameters;
     componentType: ComponentType;
+    viewId: string;
     dataSet: DataSetType;
     activeMeasures?: QueryAttributes.Measure[];
     activeDimension?: QueryAttributes.Dimension[];

package/dist/shared-ui/src/components/Pickers/MetricsSelect.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSet } from '../../../../shared-logic/src/DataSet/types';
 export declare function MetricsSelect(props: {
     testId?: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../types';
 import { Component as ComponentType } from '../../../../shared-logic/src/Component/types';
 import { DataSet as DataSetType } from '../../../../shared-logic/src/DataSet/types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../types';
 import { Component as ComponentType } from '../../../../shared-logic/src/Component/types';
 import { DataSet as DataSetType } from '../../../../shared-logic/src/DataSet/types';

package/dist/shared-ui/src/components/Progress/ProgressView.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../types';
 import { Component } from '../../../../shared-logic/src/Component/types';
 import { Result as ResultType } from '../../../../shared-logic/src/Result/types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../types';
 import { Component as ComponentType } from '../../../../shared-logic/src/Component/types';
 import { DataSet as DataSetType } from '../../../../shared-logic/src/DataSet/types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../types';
 import { Component as ComponentType } from '../../../../shared-logic/src/Component/types';
 import { DataSet as DataSetType } from '../../../../shared-logic/src/DataSet/types';

package/dist/shared-ui/src/components/Studio/AdminTools/AdminTools.d.ts

@@ -1,5 +1,7 @@
+import * as Dashboard from '../../../../../shared-logic/src/Dashboard';
 import { FunctionComponent } from 'react';
 import 'twin.macro';
+export declare const watchForChangesToSave: (saveableDashboard: Dashboard.SaveableDashboardDefinition) => string;
 export declare const AdminTools: FunctionComponent<{
     isProgrammaticParent: boolean;
 }>;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { StudioProps } from './StudioContexts';
 export declare const Studio: (props: StudioProps) => JSX.Element;

package/dist/shared-ui/src/components/Studio/StudioApp/Cell.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VizzlyComponents } from '../../../types';
 import { Component as ComponentType } from '../../../../../shared-logic/src/Component/types';
 import { Result } from '../../../../../shared-logic/src/Result/types';

package/dist/shared-ui/src/components/Studio/StudioApp/ComponentOptions.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import 'twin.macro';
 import { VizzlyComponents } from '../../../types';
 import { Component } from '../../../../../shared-logic/src/Component/types';

package/dist/shared-ui/src/components/Studio/StudioApp.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import 'twin.macro';
 declare const StudioApp: () => JSX.Element;
 export default StudioApp;