@vizzly/dashboard 0.12.11 → 0.12.12

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

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

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

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

package/dist/shared-ui/src/components/FunnelChart/FunnelChartView.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { VizzlyComponents } from '../../types';
+import 'twin.macro';
+import { Component } from '../../../../shared-logic/src/Component/types';
+import { DashboardBehaviour, IdPrefix } from '../../contexts/DashboardBehaviour/types';
+import { HeadlineStatsProps } from '../HeadlineStats/HeadlineStats';
+export declare type FunnelChartViewProps = VizzlyComponents.ViewProps<Component.FunnelChartAttributes>;
+export declare const defaultProps: Omit<Component.FunnelChartAttributes, 'dataSetId'>;
+declare type ExtendedProps = FunnelChartViewProps & {
+    library?: boolean;
+    numberFormatOptions: DashboardBehaviour['numberFormatOptions'];
+    dateTimeFormatOptions: DashboardBehaviour['dateTimeFormatOptions'];
+    onViewClick: (data: Component.ChartOnViewClick) => void;
+    propsForHeadline: HeadlineStatsProps;
+    idPrefix: IdPrefix;
+};
+declare const _default: React.NamedExoticComponent<ExtendedProps>;
+export default _default;

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

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

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

@@ -0,0 +1,22 @@
+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 FunnelChartProps = {
+    runQueriesCallback: VizzlyComponents.runQueriesCallbackInternal;
+    component: ComponentType<ComponentType.FunnelChartAttributes>;
+    setResults: (results: (Result | null)[]) => void;
+    setLocalFilters: (localFilters: ComponentType['localFilters']) => void;
+    setParameterUpdate: (payload: ComponentType['updatesFromParameters']) => void;
+    globalFilters: AdditionalFilter[];
+    dataSet: DataSetType;
+    id: string;
+    dashboardBehaviour: DashboardBehaviour;
+    sm?: boolean;
+    library?: boolean;
+    onViewClick?: (data: ComponentType.ChartOnViewClick) => void;
+    updateComponentAttributes: (attributes: ComponentType.FunnelChartAttributes) => void;
+    idPrefix: IdPrefix;
+};

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

@@ -1,6 +1,7 @@
 import { FunctionComponent } from 'react';
 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;
+export declare type HeadlineStatsProps = LineChartProps | BarChartProps | AreaChartProps | FunnelChartProps;
 export declare const HeadlineStats: FunctionComponent<HeadlineStatsProps>;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import 'twin.macro';
+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 BarChart: (props: any) => JSX.Element;
@@ -8,6 +9,7 @@ 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 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;

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

@@ -14,6 +14,7 @@ declare const pathMap: {
     basicTable: string;
     comboChart: string;
     mercatorMap: string;
+    funnelChart: string;
     progress: string;
 };
 export {};

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

@@ -29,7 +29,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.Dimension | QueryAttributes.TimeDimension | null | undefined)[];
+            [x: string]: (QueryAttributes.TimeDimension | QueryAttributes.Dimension | null | undefined)[];
         };
         measure?: Component.ParameterMeasure | undefined;
     };

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

@@ -9,6 +9,6 @@ export declare type PieChartViewProps = VizzlyComponents.ViewProps<Component.Pie
 export declare const defaultProps: Omit<Component.PieChartAttributes, 'dataSetId'>;
 declare const memoized: React.MemoExoticComponent<{
     (props: PieChartViewProps): JSX.Element;
-    defaultProps: Pick<Component.PieChartAttributes, "filter" | "order" | "offset" | "measure" | "dimension" | "timeDimension" | "limit" | "type" | "viewId" | "displayTitle" | "displaySubject" | "protectedByOrganisation" | "tags" | "conditionalFormattingRules" | "legend" | "parameters" | "labelsAsPercentage" | "labelFormat">;
+    defaultProps: Pick<Component.PieChartAttributes, "filter" | "order" | "offset" | "measure" | "dimension" | "timeDimension" | "limit" | "type" | "viewId" | "displayTitle" | "displaySubject" | "protectedByOrganisation" | "tags" | "conditionalFormattingRules" | "legend" | "parameters" | "labelFormat" | "labelsAsPercentage">;
 }>;
 export default memoized;

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

@@ -8,7 +8,7 @@ declare type QueryType = QueryAttributes & {
 export declare const toKeyValueResults: (result: Result) => {
     [key: string]: any;
 }[];
-export declare const resultSet: (result: Result, pivotConfig: PivotConfig, query: QueryType, as100PercentResultSet?: boolean) => Array<TimeSeriesResultSet>;
+export declare const resultSet: (result: Result, pivotConfig: PivotConfig, query: QueryType, as100PercentResultSet?: boolean, nullReplacement?: string | undefined) => Array<TimeSeriesResultSet>;
 declare type Series = {
     key: string;
     name: string;

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

@@ -9,6 +9,6 @@ export declare type ProgressViewProps = Omit<VizzlyComponents.ViewProps<Componen
 export declare const defaultProps: Omit<Component.ProgressAttributes, 'dataSetId'>;
 declare const ProgressView: {
     (props: ProgressViewProps): JSX.Element;
-    defaultProps: Pick<Component.ProgressAttributes, "filter" | "offset" | "measure" | "limit" | "type" | "viewId" | "displayTitle" | "displaySubject" | "protectedByOrganisation" | "tags" | "conditionalFormattingRules" | "parameters" | "prefixes" | "postfixes" | "formatter" | "goals" | "progressType">;
+    defaultProps: Pick<Component.ProgressAttributes, "filter" | "offset" | "measure" | "limit" | "type" | "viewId" | "displayTitle" | "displaySubject" | "protectedByOrganisation" | "tags" | "conditionalFormattingRules" | "parameters" | "prefixes" | "goals" | "progressType" | "postfixes" | "formatter">;
 };
 export default ProgressView;

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

@@ -0,0 +1,21 @@
+/// <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 } from '../../contexts/DashboardBehaviour/types';
+import { AdditionalFilter } from '../../../../shared-logic/src/AdditionalFilter/types';
+export declare type RichTextProps = {
+    runQueriesCallback: VizzlyComponents.runQueriesCallbackInternal;
+    component: ComponentType<ComponentType.RichTextAttributes>;
+    setResults: (results: (Result | null)[]) => void;
+    setLocalFilters: (localFilters: ComponentType['localFilters']) => void;
+    globalFilters: AdditionalFilter[];
+    dataSet: DataSetType;
+    id: string;
+    dashboardBehaviour: DashboardBehaviour;
+    library?: boolean;
+    editor?: boolean;
+    updateComponentAttributes: (attributes: ComponentType.RichTextAttributes) => void;
+};
+export declare const RichText: (_props: RichTextProps) => JSX.Element;

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

@@ -113,6 +113,7 @@ export declare type DashboardBehaviour = {
     filterLibrary?: FilterLibrary;
     pdfSettings?: PDFSettings;
     labelFormat: LabelFormat;
+    timeZone?: string;
 };
 export declare type TextOverride = (key: string, defaultValue: string, options?: TranslationOptions) => string;
 export declare type FilterLibrary = (data: Component[]) => Component[];

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

@@ -14,6 +14,7 @@ declare type Props = {
     id?: string;
     labelWidth?: number;
     formatLabel: (label: string | number) => string | number;
+    noValueLabel?: string;
 };
 export declare const Combobox: (props: Props) => JSX.Element;
 export {};

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

@@ -21,7 +21,7 @@ declare type Props<Attrs> = VizzlyComponents.ManagePartialAttributes<Attrs> & Fi
 export declare const FieldCollectorInput: <Attrs extends Component.Attributes>(inputProps: Props<Attrs>) => 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: FieldValue[]) => void): (field: DataSetType.Field) => void;
-export declare function buildDimensionFromField(purpose: string, field: DataSetType.Field, queryEngineConfig: QueryEngineConfig): QueryAttributes.Dimension | QueryAttributes.Measure;
+export declare function buildDimensionFromField(purpose: string, field: DataSetType.Field, queryEngineConfig: QueryEngineConfig): QueryAttributes.Measure | QueryAttributes.Dimension;
 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: FieldValue[]) => void): ListViewItem<any>[];
 export {};

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { RichTextFormatSection as RichTextFormatSectionType } from '../../../../shared-logic/src/FormatPanelConfig/types';
+import { VizzlyComponents } from '../../types';
+declare type Props = VizzlyComponents.ComponentOverrides.Props.SectionProps<RichTextFormatSectionType> & VizzlyComponents.EditorSectionProps<any>;
+export declare const RichTextFormatSection: (props: Props) => JSX.Element;
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vizzly/dashboard",
   "author": "james@vizzly.co",
-  "version": "0.12.11",
+  "version": "0.12.12",
   "source": "src/index.tsx",
   "types": "./dist/dashboard/src/index.d.ts",
   "main": "dist/index.js",
@@ -28,6 +28,13 @@
     "react-dom": ">=17"
   },
   "dependencies": {
+    "@tiptap/extension-color": "2.5.1",
+    "@tiptap/extension-text-style": "2.5.1",
+    "@tiptap/extension-underline": "2.5.1",
+    "@tiptap/pm": "2.5.1",
+    "@tiptap/react": "2.5.1",
+    "@tiptap/starter-kit": "2.5.1",
+    "liquidjs": "^10.15.0",
     "@emotion/cache": "^11.11.0",
     "@emotion/css": "^11.10.6",
     "@emotion/react": "^11.11.1",
@@ -39,8 +46,8 @@
     "@vizzly/api-client": "0.0.38",
     "@vizzly/dnd-backend": "0.0.4",
     "@vizzly/joi": "^17.7.0",
-    "@vizzly/semantic-layer-public": "0.0.96",
-    "@vizzly/sqlbuilder-public": "0.0.86",
+    "@vizzly/semantic-layer-public": "0.0.105",
+    "@vizzly/sqlbuilder-public": "0.1.1",
     "chroma-js": "^2.4.2",
     "copy-to-clipboard": "^3.3.3",
     "cross-fetch": "^4.0.0",
@@ -74,7 +81,7 @@
     "@types/react-dom": "^18.0.6",
     "@types/topojson-client": "^3.1.1",
     "@types/uuid": "^8.3.4",
-    "@vizzly/in-memory-db": "0.8.18",
+    "@vizzly/in-memory-db": "0.8.19",
     "babel-jest": "^29.2.0",
     "babel-loader": "^8.2.5",
     "babel-plugin-macros": "^3.1.0",