@vizzly/dashboard 0.14.3 → 0.14.4-dev-e20496d46b8f1db9142fb978a46d77efd06b995f

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

@@ -0,0 +1,50 @@
+import { KeyId, Tick, Key, GoalLine } from './types';
+import { QueryAttributes } from '../QueryAttributes/types';
+import { DataType } from '../Field/types';
+declare type FormattingFunction = (value: any, nullValueAlias?: string) => string;
+interface getScaleAndTicksArgs {
+    data: {
+        [key: string]: Date | number | string | null;
+    }[];
+    xKey: string | null;
+    xScaleDataType: DataType;
+    keys: {
+        [key: KeyId]: Key;
+    };
+    yKeys: string[];
+    nullValue: string | undefined;
+    tickCountYAxis: number;
+    fillMissingXTicks: boolean;
+    formattingFunctionX: FormattingFunction;
+    formattingFunctionY: FormattingFunction;
+    xAxisPostfix: string;
+    xAxisPrefix: string;
+    yAxisPostfix: string;
+    yAxisPrefix: string;
+    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, fillMissingXTicks, formattingFunctionX, formattingFunctionY, xAxisPostfix, xAxisPrefix, yAxisPostfix, yAxisPrefix, order, keys, goalLines, }: getScaleAndTicksArgs) => getScaleAndTicksReturn;
+export {};

package/dist/shared-logic/src/LineChartV2/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/LineChartV2/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/LineChartV2/getXScale.d.ts

@@ -0,0 +1,18 @@
+import { KeyId, Key } from './types';
+import { QueryAttributes } from '../QueryAttributes/types';
+import { DataType } from '../Field/types';
+interface getXScaleArgs {
+    xKey: string | null;
+    xScaleDataType: DataType;
+    order: QueryAttributes.Order[];
+    keys: {
+        [key: string]: Key;
+    };
+}
+export declare const getXScale: ({ order, xKey, xScaleDataType, keys }: getXScaleArgs) => {
+    dataType: DataType;
+    key: KeyId | null;
+    ordering: 'asc' | 'desc' | null;
+    xScaleIsDimension: boolean;
+};
+export {};

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

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

package/dist/shared-logic/src/LineChartV2/prepareData.d.ts

@@ -0,0 +1,34 @@
+import { Result } from '../Result/types';
+import { PivotConfig } from '../PivotConfig/types';
+import { QueryAttributes } from '../QueryAttributes/types';
+import { DataType } from '../Field/types';
+import { DateTimeFormatter, NumberFormatter } from './types';
+interface prepareDataArgs {
+    result: Result;
+    pivotConfig: PivotConfig;
+    measures: QueryAttributes.Measure[];
+    dimensions: QueryAttributes.Dimension[];
+    xKey: string;
+    xKeyFunction: string;
+    xKeyDataType: DataType;
+    xKeyField: Result.Field | undefined;
+    numberFormatOptions: {
+        [id: string]: NumberFormatter;
+    };
+    dateTimeFormatOptions: {
+        [id: string]: DateTimeFormatter;
+    };
+    defaultFormats: () => {
+        [functionId: string]: string;
+    };
+}
+export declare const prepareData: ({ result, pivotConfig, measures, dimensions, xKey, xKeyFunction, xKeyDataType, xKeyField, defaultFormats, numberFormatOptions, dateTimeFormatOptions, }: prepareDataArgs) => {
+    data: {
+        [x: string]: any;
+    }[];
+    xScaleDataType: "string" | "number" | "boolean" | "date_time";
+    xScaleIsDateTimeAsNumber: boolean;
+    yKeys: string[];
+    keys: {};
+};
+export {};

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

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

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

@@ -0,0 +1,79 @@
+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 Tick<DataType> = {
+    value: DataType;
+    valueFormatted: string | null;
+    scaleValue: DataType | null;
+};
+export declare type LineChartRepresentation = {
+    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;
+    valueAlias: string | null;
+    valueFormatted: string | null;
+};
+export declare type GoalLine = {
+    value: number;
+    valueFormatted: 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/Logger/Logger.d.ts

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

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

@@ -15,7 +15,6 @@ export declare type RawResult = {
     }[];
     hasMoreResults: boolean | null;
 };
-export declare const fromRaw: (result: RawResult) => Result;
 export declare const toKeyValueResults: (result: Result) => {
     [key: string]: any;
 }[];

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

@@ -5,6 +5,8 @@ export declare namespace Result {
         publicName: string;
         dataType: DataType;
         hidden?: boolean;
+        fieldId: string;
+        function: string;
     };
 }
 export declare type Result = {

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

@@ -5,3 +5,4 @@ export declare const build: (variables?: VariablesCallback | undefined) => Varia
 export declare const findVariable: (value: string, detect: (input: string) => string[] | undefined, variableList?: VariableList | undefined) => string[] | undefined;
 export declare const useValue: (value: any, variables?: VariableList | undefined) => any;
 export declare const validate: (value: string, variables?: VariableList | undefined) => boolean;
+export declare function extractValue(variables: VariableList, key: string): import("../../../shared-logic/src/Variables/types").VariableTypes;

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

@@ -13,6 +13,7 @@ declare function getComponentInterface(type: 'basicTable', config?: ComponentInt
 declare function getComponentInterface(type: 'horizontalBarChart', config?: ComponentInterfaceConfig): ComponentInterface<Component.HorizontalBarChartAttributes>;
 declare function getComponentInterface(type: 'areaChart', config?: ComponentInterfaceConfig): ComponentInterface<Component.AreaChartAttributes>;
 declare function getComponentInterface(type: 'lineChart', config?: ComponentInterfaceConfig): ComponentInterface<Component.LineChartAttributes>;
+declare function getComponentInterface(type: 'lineChartV2', config?: ComponentInterfaceConfig): ComponentInterface<Component.LineChartV2Attributes>;
 declare function getComponentInterface(type: 'barChart', config?: ComponentInterfaceConfig): ComponentInterface<Component.BarChartAttributes>;
 declare function getComponentInterface(type: 'funnelChart', config?: ComponentInterfaceConfig): ComponentInterface<Component.FunnelChartAttributes>;
 declare function getComponentInterface(type: ComponentType, config?: ComponentInterfaceConfig): ComponentInterface<Component.Attributes>;

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" | "mercatorMap" | "pieChart" | "richText" | "scatterChart" | "singleStat" | 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" | "comboChart" | "custom" | "dataTable" | "funnelChart" | "horizontalBarChart" | "lineChart" | "lineChartV2" | "mercatorMap" | "pieChart" | "richText" | "scatterChart" | "singleStat" | undefined, variables?: UseVariableState | undefined) => {
     queriesAreChanging: boolean;
 };

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

@@ -24,6 +24,7 @@ export declare const MultiSelect: FunctionComponent<{
     dropdownForFilter?: boolean;
     onFreeTextSelected?: (() => void) | undefined;
     freeTextOptions?: FreeTextOptions;
+    isFilter?: boolean;
 }>;
 export declare function getSelectedIndices<T extends {
     value: string;

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

@@ -11,6 +11,7 @@ export declare type ControlProps = {
     onClear?: () => void;
     clearable?: boolean;
     multiple?: boolean;
+    isFilter?: boolean;
     subtle?: boolean;
     selectedValue?: string | number | Function;
     highlighted?: boolean;

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

@@ -37,6 +37,7 @@ export declare type FlexStyleProps = {
     justifyItems?: CSSProperties['justifyItems'];
     alignSelf?: CSSProperties['alignSelf'];
     gridArea?: CSSProperties['gridArea'];
+    lineHeight?: CSSProperties['lineHeight'];
 };
 export declare const flexStyles: (props: FlexStyleProps) => {
     (variantOptions: Object): string;

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

@@ -22,10 +22,7 @@ declare const _default: React.MemoExoticComponent<(props: Pick<VizzlyComponents.
         [id: string]: import("../../contexts/DashboardBehaviour/types").NumberFormatter;
     };
     dateTimeFormatOptions: {
-        [id: string]: {
-            formatter: (date: Date) => string;
-            description: string;
-        };
+        [id: string]: import("../../contexts/DashboardBehaviour/types").DateTimeFormatter;
     };
 }) => JSX.Element>;
 export default _default;

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

@@ -1,8 +1,11 @@
 import { FunctionComponent } from 'react';
 import { DataSet } from '../../../../shared-logic/src/DataSet/types';
-import * as Types from './types';
+import * as Types from '../../../../shared-logic/src/CustomField/CustomMetric/types';
+import { AcceptedTypes } from '../../../../shared-logic/src/CustomField/types';
 export declare const CustomMetric: FunctionComponent<{
     dataSet: DataSet;
-    metric: Types.Metric;
+    metric: Types.Metric | undefined;
     onChange?: (metric: Types.Metric | undefined) => void;
+    isEditing?: boolean;
+    supportedTypes: AcceptedTypes[];
 }>;

package/dist/shared-ui/src/components/CustomMetric/CustomMetricField.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-import * as Types from './types';
+import * as Types from '../../../../shared-logic/src/CustomField/CustomMetric/types';
 import { DataSet as DataSetType } from '../../../../shared-logic/src/DataSet/types';
 export declare const CustomMetricField: FunctionComponent<{
     field: Types.Field;

package/dist/shared-ui/src/components/CustomMetric/CustomMetricVariable.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-import * as Types from './types';
+import * as Types from '../../../../shared-logic/src/CustomField/CustomMetric/types';
 export declare const CustomMetricVariable: FunctionComponent<{
     variable: Types.Variable;
     onDeleteItem: () => void;

package/dist/shared-ui/src/components/CustomMetric/MetricOverview.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-import * as Types from './types';
+import * as Types from '../../../../shared-logic/src/CustomField/CustomMetric/types';
 export declare const MetricOverview: FunctionComponent<{
     metric: Types.Metric | undefined;
 }>;

package/dist/shared-ui/src/components/CustomMetric/OperatorIcon.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-import { OperatorType } from './types';
+import { OperatorType } from '../../../../shared-logic/src/CustomField/CustomMetric/types';
 export declare const OperatorIcon: FunctionComponent<{
     op: OperatorType;
 }>;

package/dist/shared-ui/src/components/CustomMetric/buildCustomMetric.d.ts

@@ -1,5 +1,5 @@
 import { PickerThing } from '../ItemPicker/ItemPicker';
-import * as Types from './types';
+import * as Types from '../../../../shared-logic/src/CustomField/CustomMetric/types';
 export declare function updateOperatorValue(value: Types.Operator, index: number, item: Types.Operator | Types.NumberInput | Types.Field | Types.Variable | Types.IfLogic): {
     type: Types.PropertyType.Operator;
     op: Types.OperatorType;

package/dist/shared-ui/src/components/CustomMetric/formatFormula.d.ts

@@ -1,3 +1,3 @@
-import * as Types from './types';
+import * as Types from '../../../../shared-logic/src/CustomField/CustomMetric/types';
 import { TextOverride } from '../../../../shared-logic/src/Translations/types';
 export declare const formatFormula: (obj: Types.Operator | Types.NumberInput | Types.Field | Types.Variable | Types.IfLogic | undefined, isNested: boolean | undefined, textOverride: TextOverride) => string;

package/dist/shared-ui/src/components/CustomMetric/init.d.ts

@@ -1,4 +1,4 @@
-import * as Types from './types';
+import * as Types from '../../../../shared-logic/src/CustomField/CustomMetric/types';
 export declare const initMetric: (selected?: import("../../base/ListView/types").ListViewItem<{
     type?: string | undefined;
 }> | undefined) => Types.Metric | undefined;

package/dist/shared-ui/src/components/CustomMetric/{pickAvailableItems.d.ts → items.d.ts}

@@ -1,9 +1,19 @@
 /// <reference types="react" />
-import * as Types from './types';
-declare type Selection = {
+import * as Types from '../../../../shared-logic/src/CustomField/CustomMetric/types';
+import { AcceptedTypes } from '../../../../shared-logic/src/CustomField/types';
+export declare const getUsableItems: (supportedTypes: Array<AcceptedTypes>) => ({
+    things: any;
+    title: string;
+    id: string;
+} | {
+    things: any;
+    title: string;
+    id: string;
+})[];
+declare type ItemSelection = {
     [key: string]: (Types.OperatorType | Types.PropertyType)[];
 };
-export declare const pickAvailableItems: (selection: Selection) => ({
+export declare const pickAvailableItems: (selection: ItemSelection) => ({
     things: any;
     title: string;
     id: string;

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

@@ -3,5 +3,6 @@ import { BarChartProps } from '../BarChart/types';
 import { FunnelChartProps } from '../FunnelChart/types';
 import { AreaChartProps } from '../AreaChart/AreaChart';
 import { LineChartProps } from '../LineChart/LineChart';
-export declare type HeadlineStatsProps = LineChartProps | BarChartProps | AreaChartProps | FunnelChartProps;
+import { LineChartV2Props } from '../LineChartV2/LineChartV2';
+export declare type HeadlineStatsProps = LineChartProps | BarChartProps | AreaChartProps | FunnelChartProps | LineChartV2Props;
 export declare const HeadlineStats: FunctionComponent<HeadlineStatsProps>;

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

@@ -8,11 +8,11 @@ export declare type PickerItem = {
     title: string;
     things: Array<PickerThing>;
 };
-declare type Props = {
+export declare type ItemPickerProps = {
     show: boolean;
     title: string;
     items: Array<PickerItem>;
-    onClose: (selected?: PickerThing) => void;
+    onClose: () => void;
+    onSave: (selected: PickerThing) => void;
 };
-export declare const ItemPicker: FunctionComponent<Props>;
-export {};
+export declare const ItemPicker: FunctionComponent<ItemPickerProps>;

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

@@ -0,0 +1,22 @@
+/// <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';
+import { Result } from '../../../../shared-logic/src/Result/types';
+import { DashboardBehaviour, IdPrefix } from '../../contexts/DashboardBehaviour/types';
+import { AdditionalFilter } from '../../../../shared-logic/src/AdditionalFilter/types';
+export declare type LineChartV2Props = {
+    component: ComponentType<ComponentType.LineChartV2Attributes>;
+    runQueriesCallback: VizzlyComponents.runQueriesCallbackInternal;
+    setResults: (results: (Result | null)[]) => void;
+    setLocalFilters: (localFilters: ComponentType['localFilters']) => void;
+    setParameterUpdate: (payload: ComponentType['updatesFromParameters']) => void;
+    globalFilters: AdditionalFilter[];
+    dataSet: DataSetType;
+    id: string;
+    dashboardBehaviour: DashboardBehaviour;
+    library?: boolean;
+    updateComponentAttributes: (attributes: ComponentType.LineChartV2Attributes) => void;
+    idPrefix: IdPrefix;
+};
+export declare const LineChartV2: (props: LineChartV2Props) => JSX.Element;

package/dist/shared-ui/src/components/LineChartV2/LineChartV2View.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { VizzlyComponents } from '../../types';
+import { Component } from '../../../../shared-logic/src/Component/types';
+import { Dashboard } from '../../../../shared-logic/src/Dashboard/types';
+import { IdPrefix, DashboardBehaviour } from '../../contexts/DashboardBehaviour/types';
+import { HeadlineStatsProps } from '../HeadlineStats/HeadlineStats';
+export declare type LineChartV2ViewProps = Omit<VizzlyComponents.ViewProps<{
+    attributes: Component.LineChartV2Attributes;
+}>, 'supportedTimeTruncFunctions' | 'supportedTransformationFunctions' | 'supportedAggregates'>;
+export declare const LineChartV2View: (props: LineChartV2ViewProps & {
+    dashboard?: Dashboard;
+    library?: boolean;
+    numberFormatOptions: DashboardBehaviour['numberFormatOptions'];
+    dateTimeFormatOptions: DashboardBehaviour['dateTimeFormatOptions'];
+    propsForHeadline: HeadlineStatsProps;
+    idPrefix: IdPrefix;
+}) => JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './LineChartV2';
+export * from './LineChartV2View';

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

@@ -9,4 +9,4 @@ export declare const StudioModals: FunctionComponent<{
     modalIsOpen: boolean;
     modalNamespace: 'modal-library' | 'modal-editor' | undefined;
 }>;
-export declare const EditorModalRouting: FunctionComponent;
+export declare const ModalRouting: FunctionComponent;

package/dist/shared-ui/src/contexts/DashboardBehaviour/types.d.ts

@@ -24,7 +24,7 @@ declare type OverrideDeveloperInfo = {
 };
 export declare type IdPrefix = 'dashboard' | 'library' | 'editor';
 export declare type Mode = 'endUser' | 'admin';
-declare type DateTimeFormatter = {
+export declare type DateTimeFormatter = {
     formatter: (date: Date) => string;
     description: string;
 };

package/dist/shared-ui/src/contexts/DashboardContext/types.d.ts

@@ -23,6 +23,8 @@ import { ProgressModalProps } from '../../library/DataPanel/Progress/types';
 import { ConditionalFormattingModalProps } from '../../library/StylePanel/ConditionalFormatting/types';
 import { TrendLinesModalProps } from '../../library/DataPanel/Trends/types';
 import { GoalLineModalProps } from '../../library/StylePanel/GoalLine/types';
+import { ItemPickerProps } from '../../components/ItemPicker/ItemPicker';
+import { CustomMetricModalProps } from '../../library/DataPanel/CustomFieldInput/CustomMetric/types';
 export declare enum ModalType {
     Drilldown = "drilldown",
     AdvancedFilter = "advancedFilter",
@@ -38,7 +40,9 @@ export declare enum ModalType {
     Progress = "progress",
     ConditionalFormatting = "conditionalFormatting",
     TrendLines = "trendLines",
-    GoalLines = "goalLines"
+    GoalLines = "goalLines",
+    CalculatedField = "calculatedField",
+    ItemPicker = "itemPicker"
 }
 export declare type EditorModalPropsMap = {
     [ModalType.Drilldown]: DrilldownModalProps;
@@ -56,6 +60,8 @@ export declare type EditorModalPropsMap = {
     [ModalType.ConditionalFormatting]: ConditionalFormattingModalProps;
     [ModalType.TrendLines]: TrendLinesModalProps;
     [ModalType.GoalLines]: GoalLineModalProps;
+    [ModalType.CalculatedField]: CustomMetricModalProps;
+    [ModalType.ItemPicker]: ItemPickerProps;
 };
 declare type ModalChanges<T extends ModalType> = {
     modal: T;

package/dist/shared-ui/src/library/DataPanel/CustomFieldInput/CustomMetric/CustomMetricModal.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { CustomMetricModalProps } from './types';
+export declare const CustomMetricModal: FunctionComponent<CustomMetricModalProps>;

package/dist/shared-ui/src/library/DataPanel/CustomFieldInput/CustomMetric/types.d.ts

@@ -0,0 +1,3 @@
+import { AcceptedTypes, MetricField } from '../../../../../../shared-logic/src/CustomField/types';
+import { BaseCustomMetricModals } from '../types';
+export declare type CustomMetricModalProps = BaseCustomMetricModals<(MetricField & AcceptedTypes) | undefined | null>;

package/dist/shared-ui/src/library/DataPanel/CustomFieldInput/CustomMetric/useCustomMetric.d.ts

@@ -0,0 +1,16 @@
+import { Metric as MetricType } from '../../../../../../shared-logic/src/CustomField/CustomMetric/types';
+import { MetricField } from '../../../../../../shared-logic/src/CustomField/types';
+import { QueryEngineConfig } from '../../../../../../shared-logic/src/QueryEngineConfig/types';
+export declare type WipCustomMetricField = {
+    publicName: string;
+    metric?: MetricType;
+};
+export declare const useCustomMetric: (queryEngineConfig: QueryEngineConfig, initialField: MetricField | undefined, onNewCustomField: (customMetric: MetricField) => void) => {
+    publicName: string;
+    onChange: (partial: Partial<WipCustomMetricField>) => void;
+    resetState: () => void;
+    metric: import("../../../../../../shared-logic/src/CustomField/CustomMetric/types").Operator | import("../../../../../../shared-logic/src/CustomField/CustomMetric/types").IfLogic | undefined;
+    isEditing: boolean;
+    disabled: boolean;
+    handleUpsert: () => void;
+};

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

@@ -1,15 +1,7 @@
+import { CustomFieldCategory } from '../../../../../shared-logic/src/CustomField/types';
 import { TextOverride } from '../../../../../shared-logic/src/Translations/types';
-interface TextOverrideKeys {
-    math: string;
-    'rules-based_groups': string;
-    percentage: string;
-    conditional: string;
-    number_formatting: string;
-    date_difference: string;
-}
-export declare function customMetricText<K extends keyof TextOverrideKeys>(key: K, textOverride: TextOverride): {
+export declare function customMetricText(key: CustomFieldCategory, textOverride: TextOverride): {
     title: string;
     subtext: string;
 };
-export declare function buildCustomMetricTitle<K extends keyof TextOverrideKeys>(key: K, textOverride: TextOverride): string;
-export {};
+export declare function buildCustomMetricTitle(key: CustomFieldCategory, textOverride: TextOverride): string;

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

@@ -10,4 +10,4 @@ export declare const CustomMetricsInput: FunctionComponent<{
     queryEngineConfig: QueryEngineConfig;
     componentType: ComponentType;
 }>;
-export declare const mapCategoryToModalType: (category?: "rules" | "math" | "percentage" | "conditional" | "roundedNumber" | "dateCalculation" | undefined) => ModalType | undefined;
+export declare const mapCategoryToModalType: (category?: "rules" | "math" | "percentage" | "roundedNumber" | "dateCalculation" | "conditional" | "calculatedField" | undefined) => ModalType | undefined;

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

@@ -1,2 +1,2 @@
-declare const formatTitleWithAggregate: (name: string, aggregate?: string | boolean | undefined) => string;
+declare const formatTitleWithAggregate: (name: string, aggregateTitle?: string | boolean | undefined) => string;
 export default formatTitleWithAggregate;