@vizzly/dashboard 0.12.7 → 0.12.8

package/dist/services/src/index.d.ts

@@ -1,5 +1,5 @@
 import { QueryEngineConfig, QueryEngineEndpoint } from '../../shared-logic/src/QueryEngineConfig/types';
-import { identityCallback, loadDataSetsCallback, loadQueryEngineConfigCallback, programmaticDashboardCallback } from '../../shared-logic/src/Callbacks/types';
+import { identityCallback, loadDataCallback, loadDataSetsCallback, loadQueryEngineConfigCallback, programmaticDashboardCallback } from '../../shared-logic/src/Callbacks/types';
 import { IdentityConfig } from '../../shared-logic/src/IdentityConfig/types';
 import { DashboardStorageStrategy } from '../../shared-logic/src/DashboardAPI/types';
 import { DataSet } from '../../shared-logic/src/DataSet/types';
@@ -11,6 +11,10 @@ import { Row, Cell, Dashboard, Header, Library, Editor } from './Services';
 import * as Views from './Services/View';
 import { ViewConfiguration } from '../../shared-logic/src/ViewConfiguration/types';
 import { EventBus, EventBusParams } from './eventbus.types';
+import { QueryAttributes } from '../../shared-logic/src/QueryAttributes/types';
+import { CustomDriver } from '../../results-driver/src/types';
+import { Result } from '../../shared-logic/src/Result/types';
+import { DateTimeFilterOptions } from '../../shared-logic/src/DateTime/types';
 export type { ViewConfiguration } from '../../shared-logic/src/ViewConfiguration/types';
 export { VizzlyInstanceNotLoaded } from './errors/VizzlyInstanceNotLoaded';
 export declare type Options = {
@@ -31,6 +35,7 @@ export declare type VizzlyServicesProperties = {
 };
 declare class VizzlyServices {
     private queryEngineConfig;
+    static queryEngine: QueryEngineEndpoint | loadQueryEngineConfigCallback | undefined;
     private dataSets;
     private identityConfig;
     private vizzlyAPIClient;
@@ -70,6 +75,14 @@ declare class VizzlyServices {
      */
     getViewConfiguration(): ViewConfiguration;
     getIdentityConfig(): IdentityConfig;
+    query(queries: Query[], params?: {
+        abortController?: AbortController;
+        instanceId?: string;
+        runQueries?: CustomDriver['runQueries'];
+        data?: loadDataCallback;
+        queryEngineEndpoint?: QueryEngineEndpoint;
+        dateFilterOptions?: DateTimeFilterOptions;
+    }): Promise<QueryResponse>;
     static upcastDashboard(dashboard: DashboardFromAPI, dataSets: DataSet[], queryEngineConfig: QueryEngineConfig): Array<DashboardLogic.Dashboard>;
     static filterDashboards(dashboards: DashboardLogic.Dashboard[], options: FilterDashboardOptions): DashboardLogic.Dashboard[];
     static validateDashboard(dashboard: unknown): void;
@@ -139,5 +152,9 @@ export declare type CreateDashboardParams = {
     parentDashboardId: string;
     abortSignal?: AbortSignal;
 };
+export declare type Query = QueryAttributes;
+export declare type QueryResponse = {
+    results: (Result | null)[] | (any[][] | null)[] | null;
+};
 export declare type Vizzly = VizzlyServices;
 export declare const Vizzly: typeof VizzlyServices;

package/dist/services/src/schemaValidations/index.d.ts

@@ -0,0 +1,2 @@
+export * from './query';
+export * from './dashboard';

package/dist/services/src/schemaValidations/query.d.ts

@@ -0,0 +1,3 @@
+import { Query } from 'src';
+import { QueryEngineConfig } from '../../../shared-logic/src/QueryEngineConfig/types';
+export declare const validateQuery: (params: Query[], queryEngineConfig: QueryEngineConfig) => void;

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

@@ -19,15 +19,17 @@ export declare const baseAttributesSchema: (attributeSchemaOptions: ComponentInt
     protectedByOrganisation: Joi.BooleanSchema<boolean>;
 };
 export declare const approxAxisLabelCountSchema: Joi.AnySchema<any>;
-export declare const timeDimensionQuerySchema: (queryEngineConfig: QueryEngineConfig, attributeSchemaOptions: ComponentInterfaceConfig['attributesSchemaOptions']) => {
+export declare const querySchema: (queryEngineConfig: QueryEngineConfig, attributeSchemaOptions: ComponentInterfaceConfig['attributesSchemaOptions']) => {
     measure: Joi.ArraySchema<any[]>;
     dimension: Joi.ArraySchema<any[]>;
-    drilldown: Joi.AlternativesSchema<string | any[]>;
     order: Joi.ArraySchema<any[]>;
-    timeDimension: Joi.AlternativesSchema<any>;
     limit: Joi.NumberSchema<number>;
     offset: Joi.NumberSchema<number>;
     filter: Joi.ArraySchema<any[]>;
+};
+export declare const timeDimensionQuerySchema: (queryEngineConfig: QueryEngineConfig, attributeSchemaOptions: ComponentInterfaceConfig['attributesSchemaOptions']) => {
+    timeDimension: Joi.AlternativesSchema<any>;
+    drilldown: Joi.AlternativesSchema<string | any[]>;
     xAxisPrefix: Joi.StringSchema<string>;
     yAxisPrefix: Joi.StringSchema<string>;
     xAxisPostfix: Joi.StringSchema<string>;
@@ -36,6 +38,12 @@ export declare const timeDimensionQuerySchema: (queryEngineConfig: QueryEngineCo
     xAxisFormat: Joi.AlternativesSchema<any>;
     approxYAxisLabelCount: Joi.AnySchema<any>;
     approxXAxisLabelCount: Joi.AnySchema<any>;
+    measure: Joi.ArraySchema<any[]>;
+    dimension: Joi.ArraySchema<any[]>;
+    order: Joi.ArraySchema<any[]>;
+    limit: Joi.NumberSchema<number>;
+    offset: Joi.NumberSchema<number>;
+    filter: Joi.ArraySchema<any[]>;
 };
 export declare const lineCurveSchema: Joi.StringSchema<string>;
 export declare const protectedFieldsMeasure: (queryEngineConfig: QueryEngineConfig) => Joi.ArraySchema<any[]>;

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

@@ -11,6 +11,7 @@ export declare type getNumberFormatter = (formatterId: string | undefined | null
 export declare type FormatType = string | null;
 export declare type ApproxAxisLabelCount = 'auto' | number;
 export declare type ComponentType = 'barChart' | 'horizontalBarChart' | 'areaChart' | 'lineChart' | 'scatterChart' | 'pieChart' | 'singleStat' | 'dataTable' | 'basicTable' | 'comboChart' | 'mercatorMap' | 'custom' | 'progress';
+export declare const componentTypes: string[];
 export declare namespace Component {
     export type LineCurve = 'natural' | 'straight' | 'step' | 'stepBefore' | 'stepAfter';
     export type RawComponent = Omit<Component, 'queries' | 'results' | 'span'> & {
@@ -69,7 +70,8 @@ export declare namespace Component {
     };
     export type CustomComponentAttributes = BaseAttributes & {
         type: 'custom';
-        id: string;
+        viewId: string;
+        customComponentId: string;
     };
     export type AxisTitles = {
         x?: string;

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

@@ -37,8 +37,8 @@ export interface DataPanelNamespaces {
     field_x_axis?: Section<'fieldCollector'>;
     field_country?: Section<'fieldCollector'>;
     sort?: Section<'sort'>;
-    filter: Section<'filter'>;
-    custom_metrics: Section<'customMetrics'>;
+    filter?: Section<'filter'>;
+    custom_metrics?: Section<'customMetrics'>;
     limit?: Section<'limit'>;
     pagination?: Section<'pagination'>;
     combo_chart_dimension?: Section<'comboChartDimension'>;

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

@@ -0,0 +1,5 @@
+import { CustomComponent, SelectableCustomComponent, StaticCustomComponent } from './types';
+export declare const isStatic: (component: CustomComponent) => component is StaticCustomComponent;
+export declare const isSelectable: (component: CustomComponent) => component is SelectableCustomComponent;
+export declare const getSelectableComponents: (components: CustomComponent[]) => SelectableCustomComponent[];
+export declare const findSelectableById: (components: CustomComponent[], id: string) => SelectableCustomComponent | undefined;

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

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

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

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

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

@@ -1,4 +1,5 @@
 import { Component } from '../Component/types';
-import { ComponentInterface } from '../ComponentInterface/types';
-declare const CustomChart: ComponentInterface<Component.CustomComponentAttributes, Component.CustomComponentAttributes>;
+import { LoadComponentInterface } from '../ComponentInterface/types';
+import { DumpedCustomComponentAttributes } from './types';
+declare const CustomChart: LoadComponentInterface<Component.CustomComponentAttributes, DumpedCustomComponentAttributes>;
 export default CustomChart;

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { Component } from '../Component/types';
+export declare type CustomComponent = StaticCustomComponent | SelectableCustomComponent;
+export declare type BaseCustomComponent = {
+    id: string;
+};
+export declare type StaticCustomComponent = BaseCustomComponent & {
+    rowIndex: number;
+    cellIndex: number;
+    Component: () => JSX.Element | string;
+    options?: {
+        disableAddCell?: boolean;
+        raw?: boolean;
+    };
+    attributes?: {
+        displayTitle?: string;
+        displaySubject?: string;
+    };
+};
+export declare type SelectableCustomComponent = BaseCustomComponent & {
+    title: string;
+    Icon: () => JSX.Element;
+    Component: ({ attributes }: {
+        attributes: Component.CustomComponentAttributes;
+    }) => JSX.Element | string;
+};
+export declare type DumpedCustomComponentAttributes = Component.CustomComponentAttributes;

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

@@ -61,6 +61,9 @@ export declare namespace QueryNameSpace {
         value: string;
     } | {
         type: 'null';
+    } | {
+        type: 'boolean';
+        value: boolean | null;
     };
     type ComplexType<SupportedFunction = string, ComparisonOperator = string, MathsOp = string> = {
         type: 'field';

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

@@ -2,7 +2,7 @@ import { SupportedAggregates } from '../Aggregate';
 import { SupportedTimeTruncFunctions } from '../TimeDimension/types';
 import { SupportedOperators } from '../QueryAttributes/types';
 import { SupportedTransformationFunctions } from '../Functions/types';
-export declare type SupportedFeature = 'subquery' | 'simpleMaths' | 'aggregateMaths' | 'switchField' | 'configManagerUi' | 'roundedNumbers' | 'sqlDefinedDataSet' | 'encryptedDashboards' | 'sqlViews' | 'dateMaths' | 'conditional';
+export declare type SupportedFeature = 'subquery' | 'simpleMaths' | 'aggregateMaths' | 'switchField' | 'configManagerUi' | 'roundedNumbers' | 'sqlDefinedDataSet' | 'encryptedDashboards' | 'sqlViews' | 'dateMaths';
 export declare type QueryEngineConfig = {
     origin?: 'in-browser' | 'query-engine' | 'custom';
     supportedFeatures: SupportedFeature[];

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

@@ -0,0 +1,29 @@
+import { AdditionalFilter, FilterConfig, TimeRangeOptions } from '../../../../shared-logic/src/AdditionalFilter/types';
+import { loadDataCallback } from '../../../../shared-logic/src/Callbacks/types';
+import { QueryEngineConfig as QueryEngineConfigType } from '../../../../shared-logic/src/QueryEngineConfig/types';
+import { Component } from '../../../../shared-logic/src/Component/types';
+import { QueryAttributes } from '../../../../shared-logic/src/QueryAttributes/types';
+import { PreparedQuery } from '../../../../shared-logic/src/Query/types';
+import { Result } from '../../../../shared-logic/src/Result/types';
+import { DataSet } from '../../../../shared-logic/src/DataSet/types';
+import { IdentityConfig as IdentityConfigType } from '../../../../shared-logic/src/IdentityConfig/types';
+declare type CallbackError = null;
+export declare type runQueriesCallback = (queries: Component.Attributes | AdditionalFilter | QueryAttributes[] | [PreparedQuery], params: {
+    dataSets: DataSet[];
+    abortSignal?: AbortSignal;
+    dataAccessToken?: string;
+    filterConfig?: FilterConfig;
+}) => Promise<(Result | null)[] | Array<Result['content'] | null> | CallbackError>;
+declare const getRunQueriesCallback: (identityConfig: IdentityConfigType, queryEngineConfig: QueryEngineConfigType, timeRangeOptions: TimeRangeOptions, runQueries?: ((queries: import("../../../../shared-logic/src/Query/types").Query<string, string, string>[], params: {
+    dataSets: DataSet<DataSet.Field>[];
+    abortSignal?: AbortSignal | undefined;
+    dataAccessToken?: string | undefined;
+    filterConfig?: FilterConfig | undefined;
+}) => Promise<(Result | any[][] | null)[] | null>) | undefined, data?: loadDataCallback | undefined, queryEngineEndpoint?: string | {
+    endpoint: string;
+    dynamicConfig?: Object | undefined;
+    customHeaders?: (() => {
+        [headerKey: string]: string;
+    }) | undefined;
+} | undefined) => runQueriesCallback;
+export default getRunQueriesCallback;

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

@@ -26,6 +26,7 @@ export declare const ModalBody: React.FunctionComponent<{
     children?: React.ReactNode;
     vizzlyPrefix: string;
     'data-component'?: string;
+    disableDnD?: boolean;
 }>;
 export declare const ModalOverlay: React.FunctionComponent<{
     dark?: boolean;

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

@@ -1,6 +1,7 @@
 import { FunctionComponent } from 'react';
 import { TextOverride } from '../../../shared-logic/src/Translations/types';
 import { FreeTextOptions } from './Dropdown/Dropdown.types';
+import { ValueAlias } from '../contexts/DashboardBehaviour/types';
 export declare type MultiSelectOptions = {
     hide?: boolean;
     value: any;
@@ -24,6 +25,7 @@ export declare const MultiSelect: FunctionComponent<{
     dropdownForFilter?: boolean;
     onFreeTextSelected?: (() => void) | undefined;
     freeTextOptions?: FreeTextOptions;
+    valueAlias?: ValueAlias;
 }>;
 export declare function getSelectedIndices<T extends {
     value: string;

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

@@ -3,6 +3,7 @@ import { CustomThemeClassNamespaces } from '../classNames';
 import { VizzlyComponents } from '../../types';
 import { SelectOption } from '../Select/Select.types';
 import { TextOverride } from '../../../../shared-logic/src/Translations/types';
+import { ValueAlias } from '../../contexts/DashboardBehaviour/types';
 declare type Props = VizzlyComponents.ComponentOverrides.Props.Select & {
     testId?: string;
     'data-component'?: string;
@@ -19,6 +20,7 @@ declare type Props = VizzlyComponents.ComponentOverrides.Props.Select & {
     dropdownForFilter?: boolean;
     onFreeTextSelected?: () => void;
     onClick?: (() => void) | undefined;
+    valueAlias?: ValueAlias;
 };
 export declare const PROPS_AS_CLASSNAMES: CustomThemeClassNamespaces[];
 declare const _default: (props: Props) => JSX.Element;

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

@@ -3,6 +3,7 @@ import { SelectOption } from './Select/Select.types';
 import { LabelTooltip } from './Label/Label';
 import { AsyncSelectOptions } from './Select/types';
 import { TextOverride } from '../../../shared-logic/src/Translations/types';
+import { ValueAlias } from '../contexts/DashboardBehaviour/types';
 declare type Props = {
     options: SelectOption[] | AsyncSelectOptions;
     selected?: any;
@@ -35,6 +36,7 @@ declare type Props = {
     fixedWidth?: number;
     dropdownForFilter?: boolean;
     hasFreeText?: boolean;
+    valueAlias?: ValueAlias;
     onClick?: () => void;
 };
 export declare const Select: (props: Props) => JSX.Element;

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

@@ -46,6 +46,7 @@ declare type CustomThemeClassNamespaceDescriptionMap = {
     populated: string;
     error: string;
     accordion: string;
+    'custom-component': string;
 };
 export declare const namespaceDescriptions: CustomThemeClassNamespaceDescriptionMap;
 export declare type CustomThemeClassNamespaces = keyof CustomThemeClassNamespaceDescriptionMap;

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

@@ -1,3 +1,4 @@
+import { ValueAlias } from '../contexts/DashboardBehaviour/types';
 declare type Provided<T> = {
     values: Array<{
         item: T;
@@ -6,5 +7,5 @@ declare type Provided<T> = {
     searchString: string;
     setSearch: (searchValue: string) => void;
 };
-declare const _default: <T>(arr: T[], includeKeys: (keyof T)[]) => Provided<T>;
+declare const _default: <T extends Record<string, any>>(arr: T[], includeKeys: (keyof T)[], valueAlias?: ValueAlias | undefined) => Provided<T>;
 export default _default;

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

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

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

@@ -22,7 +22,7 @@ declare type Datum = {
 };
 export declare const getExplanationsOfConditionFormattingRulesThatApplyToSeries: (dimensions: QueryAttributesType.Dimension[], conditionalFormattingRules: ActualComponent.ConditionalFormatting.Rule[], seriesKey: string, supportedAggregates: DashboardBehaviour['queryEngineConfig']['supportedAggregates'], dataSet: DataSetType) => Array<ConditionalFormattingOption>;
 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 formatXAxisLabel: (timeDimension: QueryAttributesType.TimeDimension | null, supportedTimeTruncFunctions: QueryEngineConfig['supportedTimeTruncFunctions'], axisLabelConfig: AxisLabelConfig, valueAlias?: DashboardBehaviour['valueAlias']) => (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, type: ComponentType, id: string, labelFormat: LabelFormat) => (key: string) => string | undefined;
 export declare const convertValueToFormat: (value: any, numberFormatOptions?: {

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
+import { FunctionComponent } from 'react';
 import { Component } from '../../../../shared-logic/src/Component/types';
-declare type Props = {
+export declare const CustomComponent: FunctionComponent<{
     component: Component<Component.CustomComponentAttributes>;
-};
-export declare const CustomComponent: (props: Props) => JSX.Element;
-export {};
+}>;
+export declare const customComponentClassName: string | undefined;

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

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'react';
+import { StaticCustomComponent as StaticCustomComponentType } from '../../../../shared-logic/src/CustomComponent/types';
+export declare const StaticCustomComponent: FunctionComponent<{
+    customComponent: StaticCustomComponentType;
+}>;

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

@@ -0,0 +1,5 @@
+import { DataSet as DataSetType } from '../../../../shared-logic/src/DataSet/types';
+import { DashboardBehaviour } from '../../contexts/DashboardBehaviour/types';
+import { QueryEngineConfig } from '../../../../shared-logic/src/QueryEngineConfig/types';
+import { SelectableCustomComponent } from '../../../../shared-logic/src/CustomComponent/types';
+export declare const buildInitialSelectableCustomComponent: (queryEngineConfig: QueryEngineConfig, dataSet: DataSetType, component: SelectableCustomComponent, onEditorUpdate: DashboardBehaviour['onEditorUpdate']) => import("../../../../shared-logic/src/Component/types").Component<import("../../../../shared-logic/src/Component/types").Component.CustomComponentAttributes>;

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

@@ -1,4 +1,12 @@
-import { FunctionComponent } from 'react';
-export declare const DndWrapper: FunctionComponent<{
+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 DndModal: FunctionComponent<{
     children: React.ReactNode;
 }>;

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

@@ -17,7 +17,7 @@ export declare type ViewHeaderProps = {
     library: boolean;
     setLocalFilters: (localFilters: AdditionalFilter[]) => void;
     setParameterUpdate?: (payload: UpdatedMetrics) => void;
-    dataSet: DataSet;
+    dataSet?: DataSet;
     parameters?: Component.Parameters;
     componentType: ComponentType;
     measure?: QueryAttributes.Measure[];

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

@@ -23,6 +23,7 @@ export interface DashboardBehaviourProps {
     filterLibrary?: FilterLibrary;
     pdfSettings?: DashboardBehaviourType['pdfSettings'];
     id?: string;
+    valueAlias?: DashboardBehaviourType['valueAlias'];
 }
 declare type ProvidedValues = DashboardBehaviourType & {
     setOverrideDeveloperInfo: (developerInfo: DashboardBehaviourType['overrideDeveloperInfo']) => void;

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

@@ -13,6 +13,7 @@ import { VizzlyTranslations } from '../../../../shared-logic/src/Translations/tr
 import { PDFSettings } from '../../../../shared-logic/src/PDFGenerator/types';
 import { programmaticDashboardCallback } from '../../../../shared-logic/src/Callbacks/types';
 import React from 'react';
+import { CustomComponent } from '../../../../shared-logic/src/CustomComponent/types';
 declare type OverrideDeveloperInfo = {
     overrideKey: string;
     componentProps: any;
@@ -27,6 +28,9 @@ export declare type NumberFormatter = {
     formatter: (number: number | undefined | null, noValueReplacement?: string) => string;
     description: string;
 };
+export declare type ValueAlias = {
+    [id: string]: string | number;
+};
 export declare type DeveloperTools = {
     theme?: boolean;
     componentOverride?: boolean;
@@ -51,7 +55,7 @@ export declare type DashboardBehaviour = {
     featureToggles: FeatureToggles;
     developerTools: boolean | DeveloperTools;
     componentOverrides: Partial<VizzlyComponents.ComponentOverrides>;
-    customComponents: VizzlyComponents.ComponentOverrides.CustomComponent[];
+    customComponents: CustomComponent[];
     onlyViewTypes: (dataSet: DataSet) => ComponentType[];
     reportScheduleOptions: Array<{
         cron: string;
@@ -60,6 +64,7 @@ export declare type DashboardBehaviour = {
     numberFormatOptions: {
         [id: string]: NumberFormatter;
     };
+    valueAlias?: ValueAlias;
     dateTimeFormatOptions: {
         [id: string]: DateTimeFormatter;
     };

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

@@ -1,3 +1,4 @@
 import { DataSet } from '../../../../../../shared-logic/src/DataSet/types';
 import { QueryAttributes } from '../../../../../../shared-logic/src/QueryAttributes/types';
-export declare function buildGroupedFilterValue(dataSet: DataSet, filterGroup: QueryAttributes.Filter[][]): string;
+import { ValueAlias } from '../../../../contexts/DashboardBehaviour/types';
+export declare function buildGroupedFilterValue(dataSet: DataSet, filterGroup: QueryAttributes.Filter[][], valueAlias?: ValueAlias): string;

package/dist/shared-ui/src/library/Editor/useEditor.d.ts

@@ -9,6 +9,7 @@ import { DashboardBehaviour, TextOverride } from '../../contexts/DashboardBehavi
 import { Dashboard } from '../../../../shared-logic/src/Dashboard/types';
 import { Result } from '../../../../shared-logic/src/Result/types';
 import { StudioAction, StudioState } from '../../contexts/DashboardContext/types';
+import { SelectableCustomComponent } from '../../../../shared-logic/src/CustomComponent/types';
 export declare type EditorHookValues = {
     queryEngineConfig: QueryEngineConfig;
     selectedComponent: ComponentType['attributes']['type'];
@@ -20,7 +21,9 @@ export declare type EditorHookValues = {
     setDataSets: (dataSets: DataSetType[]) => void;
     dataSet: DataSetType;
     viewOptions: DashboardBehaviour['onlyViewTypes'];
-    onSelectViewType: (viewType: ComponentType['attributes']['type']) => void;
+    onSelectViewType: (viewType: ComponentType['attributes']['type'], params?: {
+        customComponent?: SelectableCustomComponent;
+    }) => void;
     numberFormatOptions: DashboardBehaviour['numberFormatOptions'];
     setAttributes: (attributes: ComponentType.Attributes) => void;
     setLocalFilters: (localFilters: Component['localFilters']) => void;

package/dist/shared-ui/src/library/Library/types.d.ts

@@ -10,5 +10,4 @@ export declare type ViewsInLibraryProps = {
     selectedIndex: number;
     onEdit: (index: number) => void;
     onDelete: (index: number) => void;
-    onlyDataSetIds: string[];
 };

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

@@ -14,6 +14,8 @@ import { AdditionalFilter, FilterConfig } from '../../shared-logic/src/Additiona
 import { QueryAttributes } from '../../shared-logic/src/QueryAttributes/types';
 import { GlobalFilterViewProps } from './components/GlobalFilters/types';
 import { api } from '../../shared-logic/src/api';
+import { CustomComponent as CustomComponentType } from '../../shared-logic/src/CustomComponent/types';
+import { runQueriesCallback as runQueriesCallbackImported } from '../../shared-logic/src/api/queryEngine/getRunQueriesCallback';
 declare global {
     var disableViewCheck: boolean;
     var disableResizing: boolean;
@@ -40,12 +42,7 @@ export declare namespace VizzlyComponents {
     };
     export type PivotConfig = PivotConfigImported;
     export namespace ComponentOverrides {
-        type CustomComponent = {
-            id: string;
-            title: string;
-            Icon: () => JSX.Element;
-            Component: () => JSX.Element;
-        };
+        type CustomComponent = CustomComponentType;
         namespace Props {
             type PickDataSet = {
                 previewDataSetId: string;
@@ -333,12 +330,7 @@ export declare namespace VizzlyComponents {
     type CallbackError = null;
     export type loadQueryEngineConfigCallback = loadQueryEngineConfigCallbackImported;
     export type loadDataSetsCallback = loadDataSetsCallbackImported;
-    export type runQueriesCallback = (queries: Component.Attributes | AdditionalFilter | QueryAttributes[] | [PreparedQuery], params: {
-        dataSets: DataSet[];
-        abortSignal?: AbortSignal;
-        dataAccessToken?: string;
-        filterConfig?: FilterConfig;
-    }) => Promise<(Result | null)[] | Array<Result['content'] | null> | CallbackError>;
+    export type runQueriesCallback = runQueriesCallbackImported;
     export type runQueriesCallbackInternal = (queries: Component.Attributes | AdditionalFilter | Array<QueryAttributes> | [PreparedQuery], abortSignal?: AbortSignal, filterConfig?: FilterConfig) => Promise<Result[] | CallbackError>;
     export type identityCallback = identityCallbackImported;
     export type loadDataCallback = loadDataCallbackImported;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vizzly/dashboard",
   "author": "james@vizzly.co",
-  "version": "0.12.7",
+  "version": "0.12.8",
   "source": "src/index.tsx",
   "types": "./dist/dashboard/src/index.d.ts",
   "main": "dist/index.js",
@@ -50,14 +50,14 @@
     "lodash-es": "^4.17.21",
     "react-dates-17": "22.0.8",
     "react-dnd": "^15.1",
-    "react-dnd-html5-backend": "^15.0.1",
+    "@vizzly/dnd-backend": "0.0.3-alpha.1",
     "react-popper": "^2.3.0",
     "react-visibility-sensor": "^5.1.1",
     "topojson-client": "^3.1.0",
     "twin.macro": "^3.0.0-rc.3",
     "uuid": "^9.0.0",
     "@vizzly/semantic-layer-public": "^0.0.76",
-    "@vizzly/sqlbuilder-public": "0.0.77"
+    "@vizzly/sqlbuilder-public": "0.0.79"
   },
   "devDependencies": {
     "@babel/core": "^7.19.3",

package/dist/dashboard/src/getRunQueriesCallback.d.ts

@@ -1,6 +0,0 @@
-import { TimeRangeOptions } from '../../shared-logic/src/AdditionalFilter/types';
-import { SessionSuccessProvidedValues } from './contexts/SessionContext/useSessionContext';
-import { DashboardProps } from './types';
-import { StudioProps } from '../../shared-ui/src/components/Studio/StudioContexts';
-declare const getRunQueriesCallback: (props: DashboardProps, session: SessionSuccessProvidedValues, timeRangeOptions: TimeRangeOptions) => StudioProps['runQueriesCallback'];
-export default getRunQueriesCallback;

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

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';

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

@@ -1,3 +0,0 @@
-import { FunctionComponent } from 'react';
-declare const TestComponent: FunctionComponent;
-export default TestComponent;