@vizzly/dashboard 0.14.4 → 0.15.0-dev-4c548c2a9cdc29d779838ea3325029fe7e640235

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

@@ -1,46 +1,7 @@
-/// <reference types="react" />
-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: ItemSelection) => ({
-    things: any;
-    title: string;
-    id: string;
-} | {
-    things: any;
-    title: string;
-    id: string;
-})[];
-export declare const availableItems: () => ({
-    title: string;
-    id: string;
-    things: {
-        id: Types.OperatorType;
-        type: Types.PropertyType;
-        title: string;
-        icon: JSX.Element;
-        subtext: string;
-    }[];
-} | {
-    title: string;
-    id: string;
-    things: {
-        id: Types.PropertyType;
-        type: Types.PropertyType;
-        title: string;
-        icon: JSX.Element;
-        subtext: string;
-    }[];
-})[];
-export {};
+import { DataSet } from '../../../../shared-logic/src/DataSet/types';
+export declare const getInitialUsableItems: (supportedTypes: Array<AcceptedTypes>, dataSet: DataSet) => (import("../ItemPicker/ItemPicker").PickerItem | undefined)[];
+export declare const getUsableMathItems: (supportedTypes: Array<AcceptedTypes>) => import("../ItemPicker/ItemPicker").PickerItem | undefined;
+export declare const getUsableAggregateItems: (supportedTypes: Array<AcceptedTypes>, dataSet: DataSet) => import("../ItemPicker/ItemPicker").PickerItem | undefined;
+export declare const getUsableFieldItems: (dataSet: DataSet) => import("../ItemPicker/ItemPicker").PickerItem;
+export declare const getUsableLogicItems: (supportedTypes: Array<AcceptedTypes>) => import("../ItemPicker/ItemPicker").PickerItem | undefined;

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

@@ -1,5 +1,6 @@
 import { Component } from '../../../../shared-logic/src/Component/types';
 import { Result as ResultType } from '../../../../shared-logic/src/Result/types';
+import * as ConditionalFormatting from '../../../../shared-logic/src/ConditionalFormatting/utils';
 export declare type ConditionalFormattingBoundary = Component.ConditionalFormatting.Rule & {
     boundaries?: number[];
 };

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

@@ -6,8 +6,9 @@ import { Component } from '../../../../shared-logic/src/Component/types';
 import { TextOverride } from '../../../../shared-logic/src/Translations/types';
 import { DashboardBehaviour } from '../../contexts/DashboardBehaviour/types';
 import { DataTableViewProps } from './DataTableView';
+import { ValueAlias } from '../../../../shared-logic/src/ValueAlias/types';
 export * from './headerFormatting';
-export declare const buildTableRepresentation: ({ type, result, exportNames, prefixes, dateTimeFormat, dateTimeFormatOptions, numberFormat, numberFormatOptions, supportedAggregates, supportedTimeTruncFunctions, labelFormat, nullReplacement, measure, xMeasure, yMeasure, dimension, viewId, dataSetId, nullValueAlias, textOverride, hiddenFields, }: {
+export declare const buildTableRepresentation: ({ type, result, exportNames, prefixes, dateTimeFormat, dateTimeFormatOptions, numberFormat, numberFormatOptions, supportedAggregates, supportedTimeTruncFunctions, labelFormat, nullReplacement, measure, xMeasure, yMeasure, dimension, viewId, dataSetId, textOverride, hiddenFields, valueAlias, }: {
     type: string;
     result: ResultType | null | undefined;
     exportNames: DataTableViewProps['exportNames'] | undefined;
@@ -26,12 +27,11 @@ export declare const buildTableRepresentation: ({ type, result, exportNames, pre
     dimension?: QueryAttributes.Dimension[] | undefined;
     viewId?: string | undefined;
     dataSetId: string;
-    nullValueAlias?: ((params: {
-        dataSetId: string;
-        fieldId: string;
-    }) => string | null | undefined) | undefined;
     textOverride?: TextOverride | undefined;
     hiddenFields?: string[] | undefined;
+    valueAlias?: {
+        [id: string]: string | number;
+    } | import("../../../../shared-logic/src/ValueAlias/types").ValueAliasFunction | undefined;
 }) => TableRepresentation | null;
 export declare const formatTableContent: (fields: Array<{
     id: string;

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

@@ -1,7 +1,5 @@
 export declare function buildDefaultColumnWidth(tableWidth: number, numberOfColumns: number): number;
-export declare const useResizingColumn: () => {
-    [x: string]: number;
-} | undefined;
+export declare const useResizingColumn: () => void;
 export declare function buildColumnWidth(datumKey: string, sizing: {
     [keyId: string]: {
         width?: number | undefined;

package/dist/shared-ui/src/components/DragAndDrop/DndWrapper.d.ts

@@ -1,16 +1,5 @@
 import React, { FunctionComponent } from 'react';
-import { DragDropManager } from 'dnd-core';
-import { HTML5BackendImpl } from '@vizzly/dnd-backend';
-import { HTML5BackendContext, HTML5BackendOptions } from '@vizzly/dnd-backend';
-export declare const HTML5Backend: (manager: DragDropManager, context: HTML5BackendContext, options: HTML5BackendOptions | undefined) => HTML5BackendImpl;
-export declare const DndProvider: FunctionComponent<{
-    children: React.ReactNode;
-    id: string;
-}>;
 export declare const ComponentDndWrapper: FunctionComponent<{
     children: React.ReactNode;
     disable: boolean;
 }>;
-export declare const DndModal: FunctionComponent<{
-    children: React.ReactNode;
-}>;

package/dist/shared-ui/src/components/DragAndDrop/WidthChangingDnd.d.ts

@@ -1,8 +1,6 @@
 /// <reference types="react" />
-import { DisplayRow } from '../../../../shared-logic/src/Display/types';
 export declare const WidthChangingDnd: (props: {
     dropIndex: number;
     colWidth: number;
     active: boolean;
-    onDrop: (cellIndex: number, moved: number, displayRow: DisplayRow) => void;
 }) => JSX.Element;

package/dist/shared-ui/src/components/Drilldown/useDrilldownSelection.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 import { Component } from '../../../../shared-logic/src/Component/types';
 import { DataSet } from '../../../../shared-logic/src/DataSet/types';
-import { Result } from '../../../../shared-logic/src/Result/types';
 import * as Drilldown from '../../../../shared-logic/src/Drilldown/Drilldown';
-export declare type AcceptedDrilldownAttributes = Component.PieChartAttributes | Component.BarChartAttributes | Component.HorizontalBarChartAttributes;
-export declare function useDrilldownSelection(results: (Result | null)[], attributes: AcceptedDrilldownAttributes, setAttributes: (newAttributes: AcceptedDrilldownAttributes) => void, dataSet: DataSet): {
+import { QueryEngineConfig } from '../../../../shared-logic/src/QueryEngineConfig/types';
+import { Result } from '../../../../shared-logic/src/Result/types';
+export declare type AcceptedDrilldownAttributes = Component.PieChartAttributes | Component.BarChartAttributes | Component.HorizontalBarChartAttributes | Component.BarChartV2Attributes;
+export declare function useDrilldownSelection(results: (Result | null)[], attributes: AcceptedDrilldownAttributes, setAttributes: (newAttributes: AcceptedDrilldownAttributes) => void, dataSet: DataSet, queryEngineConfig: QueryEngineConfig, hasDateTimeInDimension?: boolean): {
     onDrilldownChange: ({ existingField, newField }: Drilldown.SelectedDrilldown) => void;
     setDrilldownSelections: import("react").Dispatch<import("react").SetStateAction<Drilldown.SelectedDrilldown[]>>;
     drilldownSelections: Drilldown.SelectedDrilldown[];

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

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-import { AreaChartProps, BarChartProps, FunnelChartProps, LineChartProps, LineChartV2Props } from '../Component/types';
-export declare type HeadlineStatsProps = LineChartProps | BarChartProps | AreaChartProps | FunnelChartProps | LineChartV2Props;
+import { AreaChartProps, AreaChartV2Props, BarChartProps, BarChartV2Props, FunnelChartProps, LineChartProps, LineChartV2Props, BubbleChartV2Props } from '../Component/types';
+export declare type HeadlineStatsProps = LineChartProps | BarChartProps | AreaChartProps | FunnelChartProps | LineChartV2Props | BarChartV2Props | BubbleChartV2Props | AreaChartV2Props;
 export declare const HeadlineStats: FunctionComponent<HeadlineStatsProps>;

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

@@ -2,17 +2,21 @@
 export declare const RichText: (props: any) => JSX.Element;
 export declare const AreaChart: (props: any) => JSX.Element;
 export declare const PieChart: (props: any) => JSX.Element;
+export declare const SunburstChart: (props: any) => JSX.Element;
 export declare const BarChart: (props: any) => JSX.Element;
 export declare const HorizontalBarChart: (props: any) => JSX.Element;
 export declare const DataTable: (props: any) => JSX.Element;
 export declare const LineChart: (props: any) => JSX.Element;
 export declare const RouteMap: (props: any) => JSX.Element;
 export declare const ScatterChart: (props: any) => JSX.Element;
+export declare const BubbleChart: (props: any) => JSX.Element;
 export declare const Funnel: (props: any) => JSX.Element;
 export declare const SelectFilter: (props: any) => JSX.Element;
 export declare const SingleStat: (props: any) => JSX.Element;
 export declare const ComboChart: (props: any) => JSX.Element;
+export declare const RadarChart: (props: any) => JSX.Element;
 export declare const MercatorMap: (props: any) => JSX.Element;
 export declare const ProgressIcon: (props?: {
     color?: string | undefined;
 } | undefined) => JSX.Element;
+export declare const WaterfallChart: (props: any) => JSX.Element;

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

@@ -1,8 +1,11 @@
 import { FunctionComponent } from 'react';
 import { ListViewItem } from '../../base/ListView/types';
+import * as Types from '../../../../shared-logic/src/CustomField/CustomMetric/types';
 export declare type PickerThing = ListViewItem<{
     type?: string;
-}>;
+}> & {
+    type: Types.PropertyType;
+};
 export declare type PickerItem = {
     id: string;
     title: string;

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

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

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

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

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

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

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

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

package/dist/shared-ui/src/components/RadarChart/RadarChartView.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { VizzlyComponents } from '../../types';
+import { Component } from '../../../../shared-logic/src/Component/types';
+export declare type RadarChartViewProps = VizzlyComponents.ViewProps<Component.RadarChartAttributes> & {
+    headline?: string;
+    parameters?: any;
+};
+declare const _default: React.NamedExoticComponent<RadarChartViewProps>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export * from './RadarChart';
+export * from './RadarChartView';

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

@@ -35,6 +35,7 @@ declare type PopulatedCellProps = {
     cellIndex: number;
     height?: number;
     generatingPDF: boolean;
+    colWidth: number;
 };
 export declare const PopulatedCell: (props: PopulatedCellProps) => JSX.Element;
 export {};

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

@@ -1,7 +1,6 @@
 import { FunctionComponent, CSSProperties } from 'react';
-import { ConnectDragSource } from 'react-dnd';
 declare type Props = {
-    dragSource?: ConnectDragSource;
+    dragSource?: any;
     active: boolean;
     enabled: boolean;
     top?: number;
@@ -10,12 +9,4 @@ declare type Props = {
 };
 export declare const MoveComponentDragHandle: (props: Props) => JSX.Element;
 export declare const DragHandle: FunctionComponent<Omit<Props, 'dragSource' | 'enabled'>>;
-export declare const useMoveComponentDrag: (rowIndex: number, cellIndex: number) => [{
-    adjust: import("react-dnd").XYCoord | null;
-    isDragging: boolean;
-}, import("react-dnd").DragElementWrapper<import("react-dnd").DragSourceOptions>, import("react-dnd").DragElementWrapper<import("react-dnd").DragPreviewOptions>];
-export declare const useMoveRow: (currentRowIndex: number) => [{
-    adjust: import("react-dnd").XYCoord | null;
-    isDragging: boolean;
-}, import("react-dnd").DragElementWrapper<import("react-dnd").DragSourceOptions>, import("react-dnd").DragElementWrapper<import("react-dnd").DragPreviewOptions>];
 export {};

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

@@ -1,3 +1,3 @@
-import { Display } from '../../../../../shared-logic/src/Display/types';
+import { Display as DisplayType } from '../../../../../shared-logic/src/Display/types';
 import { VizzlyTheming } from '../../../../../shared-logic/src/Theme/types';
-export declare function canShowInsertAboveOption(theme: VizzlyTheming.Base | undefined, display: Display): boolean | 0 | undefined;
+export declare function canShowInsertAboveOption(theme: VizzlyTheming.Base | undefined, display: DisplayType): boolean | 0 | undefined;

package/dist/shared-ui/src/components/SunburstChart/Partition.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+declare type PartitionProps = {
+    top?: number;
+    left?: number;
+    className?: string;
+    root: any;
+    size?: [number, number];
+    round?: boolean;
+    padding?: number;
+    children?: React.ReactNode;
+};
+export default function Partition({ top, left, className, root, size, round, padding, children }: PartitionProps): JSX.Element;
+export {};

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

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

package/dist/shared-ui/src/components/SunburstChart/SunburstChartView.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Component } from '../../../../shared-logic/src/Component/types';
+import { FormatResultArgs } from '../../../../shared-logic/src/Result/formatResult';
+import { VizzlyComponents } from '../../types';
+export declare type SunburstProps = Pick<VizzlyComponents.ViewProps<{
+    attributes: Component.SunburstChartAttributes;
+}>, 'attributes' | 'result' | 'dataSet' | 'localFilters' | 'setLocalFilters' | 'setPartialAttributes' | 'library'> & {
+    formatResultParams: FormatResultArgs;
+    width: number;
+    height: number;
+};
+export declare const SunburstChartView: (props: SunburstProps) => JSX.Element;
+declare const memoized: React.MemoExoticComponent<(props: SunburstProps) => JSX.Element>;
+export default memoized;

package/dist/shared-ui/src/components/SunburstChart/convertDataToSunburstData.d.ts

@@ -0,0 +1,11 @@
+import { FormattedResult } from '../../../../shared-logic/src/Result/types';
+declare type SunburstNode = {
+    name: string;
+    children?: SunburstNode[];
+    hierarchy: string;
+    value?: number;
+    parents: string[];
+    color: string;
+};
+export declare const convertDataToSunburstData: (formattedData: FormattedResult) => SunburstNode;
+export {};

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

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

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

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

package/dist/shared-ui/src/components/WaterfallChart/WaterfallChartView.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { VizzlyComponents } from '../../types';
+import { Component } from '../../../../shared-logic/src/Component/types';
+export declare type WaterfallChartViewProps = VizzlyComponents.ViewProps<Component.WaterfallChartAttributes>;
+declare const _default: React.NamedExoticComponent<VizzlyComponents.ViewProps<Component.WaterfallChartAttributes, import("../../../../shared-logic/src/Component/types").Component.Attributes>>;
+export default _default;

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

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

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

@@ -27,7 +27,6 @@ export interface DashboardBehaviourProps {
     valueAlias?: DashboardBehaviourType['valueAlias'];
     componentOverrides: Partial<VizzlyComponents.ComponentOverrides>;
     variables?: UseVariableState;
-    nullValueAlias?: DashboardBehaviourType['nullValueAlias'];
     scheduledReports?: DashboardBehaviourType['scheduledReports'];
     onScheduledReportChange?: DashboardBehaviourType['onScheduledReportChange'];
 }

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

@@ -116,10 +116,6 @@ export declare type DashboardBehaviour = {
     onSave: (dashboard: Dashboard, abortSignal?: AbortSignal) => void;
     onOpenConfigManagerUi: undefined | (() => void);
     dashboardFilters: (dataSets: Array<DataSet>, userDefinedDashboardFilters: DashboardFilters) => DashboardFilters;
-    nullValueAlias?: (params: {
-        dataSetId: string;
-        fieldId: string;
-    }) => string | null | undefined;
     onDashboardFilterChange: (additionalFilters: AdditionalFilter[]) => void;
     onDashboardLoad?: (dashboard: DashboardCallback) => void;
     onViewClick?: (data: Component.OnViewClick, loadUnderlyingData?: Component.OnViewClickQuery) => void;

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

@@ -23,7 +23,6 @@ import { ConditionalFormattingModalProps } from '../../library/StylePanel/Condit
 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",
@@ -40,8 +39,8 @@ export declare enum ModalType {
     ConditionalFormatting = "conditionalFormatting",
     TrendLines = "trendLines",
     GoalLines = "goalLines",
-    CalculatedField = "calculatedField",
-    ItemPicker = "itemPicker"
+    ItemPicker = "itemPicker",
+    CustomMetricBuilder = "customMetricBuilder"
 }
 export declare type EditorModalPropsMap = {
     [ModalType.Drilldown]: DrilldownModalProps;
@@ -59,8 +58,8 @@ export declare type EditorModalPropsMap = {
     [ModalType.ConditionalFormatting]: ConditionalFormattingModalProps;
     [ModalType.TrendLines]: TrendLinesModalProps;
     [ModalType.GoalLines]: GoalLineModalProps;
-    [ModalType.CalculatedField]: CustomMetricModalProps;
     [ModalType.ItemPicker]: ItemPickerProps;
+    [ModalType.CustomMetricBuilder]: BaseCustomMetricModals<CustomField>;
 };
 declare type ModalChanges<T extends ModalType> = {
     modal: T;

package/dist/shared-ui/src/contexts/ThemeProvider/default.theme.d.ts

@@ -1,5 +1,6 @@
 import { ThemeVersion } from '../../../../shared-logic/src/Theme/types';
 import { VizzlyTheming } from '../../types';
+export declare const DEFAULT_CHART_COLORS: string[];
 export declare const loadDefaultTheme: (version: ThemeVersion) => VizzlyTheming.Base;
 export declare const COMMON_BORDER_COLOR: string;
 export declare const defaultThemeV2: VizzlyTheming.Base;

package/dist/shared-ui/src/hooks/useDraggable.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+declare type Moved = {
+    x: number;
+    y: number;
+};
+export declare type useDraggableParams = {
+    initialData?: any;
+    onMoved?: (moved: Moved, initialData: any) => void;
+    onStart?: (initialData: any) => void;
+    onEnd?: (initialData: any) => void;
+};
+export declare const useDraggable: (params: useDraggableParams) => {
+    draggableRef: import("react").MutableRefObject<HTMLDivElement | null>;
+    isDragging: boolean;
+    moved: Moved | null;
+};
+export {};

package/dist/shared-ui/src/hooks/useMoveComponentDrag.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare type useDraggableParams = {
+    initialData: {
+        rowIndex: number;
+        cellIndex: number;
+    };
+};
+export declare const useMoveComponentDrag: (params: useDraggableParams) => {
+    dragContentRef: import("react").MutableRefObject<HTMLDivElement | null>;
+    dragHandleRef: import("react").MutableRefObject<HTMLDivElement | null>;
+};

package/dist/shared-ui/src/hooks/useResizableRow.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { DisplayRow } from '../../../shared-logic/src/Display/types';
+declare type params = {
+    displayRow: DisplayRow;
+    colWidth: number;
+    onColSpanChange: (colSpans: Array<{
+        colSpan: number;
+    }>) => void;
+    persistRowHeight: (rowHeight: number) => void;
+};
+export declare const useResizableRow: (params: params) => {
+    activeCell: number | null;
+    setActiveCell: import("react").Dispatch<import("react").SetStateAction<number | null>>;
+    activeRow: number | null;
+    setActiveRow: import("react").Dispatch<import("react").SetStateAction<number | null>>;
+    isDraggingComponentWidth: boolean;
+    setIsDraggingComponentWidth: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    widthAdjustments: {
+        [cell: number]: number;
+    };
+    setWidthAdjustments: import("react").Dispatch<import("react").SetStateAction<{
+        [cell: number]: number;
+    }>>;
+    rowHeightAdjustment: number;
+    setRowHeightAdjustment: import("react").Dispatch<import("react").SetStateAction<number>>;
+    onCellWidthChangeFinalised: (cellIndex: number) => void;
+    moveType: string | null;
+    persistRowHeight: () => void;
+};
+export {};

package/dist/shared-ui/src/hooks/useSubscription.d.ts

@@ -1,2 +1,2 @@
 import { SubscriberOptions } from '../../../shared-logic/src/VizzlyState';
-export declare function useSubscription(callback: (data: SubscriberOptions) => void, idOverride?: string): void;
+export declare function useSubscription(callback: (data: SubscriberOptions) => void, idOverride?: string, deps?: any[]): void;

package/dist/shared-ui/src/library/ConditionalFormatting.d.ts

@@ -1,14 +1,8 @@
 import React from 'react';
 import { Component } from '../../../shared-logic/src/Component/types';
-import { QueryAttributes } from '../../../shared-logic/src/QueryAttributes/types';
+import * as ConditionalFormatting from '../../../shared-logic/src/ConditionalFormatting/utils';
 export declare function getFormattedByRule({ type, value }: Component.ConditionalFormatting.DisplayRule): React.CSSProperties;
-export declare type ComparisonFilter = {
-    op: QueryAttributes.Operator;
-    value: QueryAttributes.Filter['value'];
-};
-export declare const compare: (filter: ComparisonFilter, recordValue: unknown) => any;
-export declare const conditionIsMet: (filter: ComparisonFilter, value: number | string | boolean) => boolean;
 export declare function getFormattedCellClass({ filter, cellValue, type, value, }: Component.ConditionalFormatting.DisplayRule & {
     cellValue: number | string;
-    filter: ComparisonFilter;
+    filter: ConditionalFormatting.ComparisonFilter;
 }): React.CSSProperties;

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

@@ -9,7 +9,7 @@ export declare const useCustomMetric: (queryEngineConfig: QueryEngineConfig, ini
     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;
+    metric: import("../../../../../../shared-logic/src/CustomField/CustomMetric/types").Operator | import("../../../../../../shared-logic/src/CustomField/CustomMetric/types").IfLogic | import("../../../../../../shared-logic/src/CustomField/CustomMetric/types").Aggregate | import("../../../../../../shared-logic/src/CustomField/CustomMetric/types").NumberInput | import("../../../../../../shared-logic/src/CustomField/CustomMetric/types").Field | undefined;
     isEditing: boolean;
     disabled: boolean;
     handleUpsert: () => void;

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" | "roundedNumber" | "dateCalculation" | "conditional" | "calculatedField" | undefined) => ModalType | undefined;
+export declare const mapCategoryToModalType: (category?: "rules" | "math" | "percentage" | "roundedNumber" | "dateCalculation" | "conditional" | "customBuildMetric" | undefined) => ModalType | undefined;

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

@@ -1,15 +1,15 @@
 /// <reference types="react" />
-import * as Field from '../../../../shared-logic/src/Field';
+import { SupportedTimeTruncFunctions } from '@vizzly/semantic-layer-public';
 import { Component } from '../../../../shared-logic/src/Component/types';
 import { FieldCollectorOptions } from '../../../../shared-logic/src/DataPanelConfig/types';
-import { QueryEngineConfig } from '../../../../shared-logic/src/QueryEngineConfig/types';
 import { DataSet as DataSetType } from '../../../../shared-logic/src/DataSet/types';
-import { FieldFilterOptions } from '../../../../shared-logic/src/DataSet/fieldFilterOptions';
+import * as Field from '../../../../shared-logic/src/Field';
 import { QueryAttributes } from '../../../../shared-logic/src/QueryAttributes/types';
-import { SupportedTimeTruncFunctions } from '@vizzly/semantic-layer-public';
+import { QueryEngineConfig } from '../../../../shared-logic/src/QueryEngineConfig/types';
+import { FieldFilterOptions } from '../../../../shared-logic/src/DataSet/fieldFilterOptions';
 import { InitValue } from '../../base/ListView/ListView';
-import { VizzlyComponents } from '../../types';
 import { ListViewItem } from '../../base/ListView/types';
+import { VizzlyComponents } from '../../types';
 declare type FieldCollectorInputFieldValue = QueryAttributes['measure'][number] | QueryAttributes['dimension'][number];
 declare type SelectOptionType = {
     value: any;
@@ -26,7 +26,7 @@ declare type Props = VizzlyComponents.ManagePartialAttributes<Component.Attribut
 export declare const FieldCollectorInput: (inputProps: Props) => JSX.Element;
 export declare const getDateTimeSelectOptions: (allowedGranularities: string[], supportedTimeTruncFunctions: SupportedTimeTruncFunctions) => SelectOptionType[];
 export declare function handleCreateNewField(values: (QueryAttributes.Dimension | QueryAttributes.Measure)[], purpose: string, queryEngineConfig: QueryEngineConfig, onChange: (values: FieldCollectorInputFieldValue[]) => void): (field: DataSetType.Field) => void;
-export declare function buildDimensionFromField(purpose: string, field: DataSetType.Field, queryEngineConfig: QueryEngineConfig): QueryAttributes.Measure | QueryAttributes.Dimension;
+export declare function buildDimensionFromField(purpose: string, field: DataSetType.Field, queryEngineConfig: QueryEngineConfig): QueryAttributes.Dimension | QueryAttributes.Measure;
 export declare function buildFieldsToPickFrom(dataSet: DataSetType, fieldFilterOptions: FieldFilterOptions | undefined, preventDuplicates: boolean | undefined, values: (QueryAttributes.Measure | QueryAttributes.Dimension)[]): InitValue<DataSetType.Field>[];
-export declare function buildFieldCollectorItems(values: (QueryAttributes.Measure | QueryAttributes.Dimension)[], dataSet: DataSetType, purpose: string, queryEngineConfig: QueryEngineConfig, onChange: (values: FieldCollectorInputFieldValue[]) => void): ListViewItem<any>[];
+export declare function buildFieldCollectorItems(values: (QueryAttributes.Measure | QueryAttributes.Dimension)[], dataSet: DataSetType, purpose: string, queryEngineConfig: QueryEngineConfig, onChange: (values: FieldCollectorInputFieldValue[]) => void, supportedAggregations?: string[]): ListViewItem<any>[];
 export {};

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

@@ -10,7 +10,7 @@ import { ListViewItem } from '../../base/ListView/types';
 declare type Props = VizzlyComponents.ManagePartialAttributes<{
     [key: string]: any;
 }> & {
-    propKey?: 'xMeasure' | 'yMeasure' | 'measure' | 'barMeasure' | 'lineMeasure';
+    propKey?: 'xMeasure' | 'yMeasure' | 'zMeasure' | 'measure' | 'barMeasure' | 'lineMeasure';
     allowsMultiple?: boolean;
     maxAllowed?: number;
     supportedAggregates: DashboardBehaviour['queryEngineConfig']['supportedAggregates'];
@@ -23,6 +23,7 @@ declare type Props = VizzlyComponents.ManagePartialAttributes<{
     onNewMeasureFilterAggregate?: (field: DataSetType.Field) => SupportedAggregates;
     label?: string;
     disableRemove?: boolean;
+    onDeleteItem?: () => void;
 };
 export declare const MeasuresInput: (inputProps: Props) => JSX.Element;
 export declare const isMeasureInProtectedFields: (fieldToCheck: QueryAttributes.Measure, arrayToSearch?: QueryAttributes.Measure[] | undefined) => boolean;

package/dist/shared-ui/src/library/ResizableRowCell.d.ts

@@ -11,5 +11,6 @@ export declare type ResizableRowCellProps = {
     isBeingSizeAdjusted: boolean;
     height?: number;
     generatingPDF: boolean;
+    colWidth: number;
 };
 export declare const ResizableRowCell: (props: ResizableRowCellProps) => JSX.Element;

package/dist/shared-ui/src/library/StylePanel/WaterfallColorsSection.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+import { VizzlyComponents } from '../../types';
+import { WaterfallColorsSection as WaterfallColorsSectionType } from '../../../../shared-logic/src/FormatPanelConfig/types';
+import { Component } from '../../../../shared-logic/src/Component/types';
+declare type Props = VizzlyComponents.ComponentOverrides.Props.SectionProps<WaterfallColorsSectionType> & VizzlyComponents.EditorSectionProps<Component.Attributes>;
+export declare const WaterfallColorsSection: FunctionComponent<Props>;
+export {};