@vizzly/dashboard 0.15.0-dev-22a3a4d82d007a71e3d303cc3550ce20bed7a1e9 → 0.15.0-dev-f6507ed8045dad10d9fb36c61aa24ece44161d7f
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/dashboard.cjs.development.js +669 -109
- package/dist/dashboard.cjs.production.min.js +1 -1
- package/dist/dashboard.esm.js +672 -109
- package/dist/shared-logic/src/Component/types.d.ts +2 -0
- package/dist/shared-logic/src/ComponentInterface/types/namespaces.types.d.ts +2 -0
- package/dist/shared-logic/src/FormatPanelConfig/types.d.ts +3 -1
- package/dist/shared-ui/src/base/Table/Table.d.ts +2 -0
- package/dist/shared-ui/src/base/Table/TableComponents.d.ts +2 -0
- package/dist/shared-ui/src/components/DataTable/DataTableRow.d.ts +2 -0
- package/dist/shared-ui/src/components/DataTable/DataTableTR.d.ts +2 -0
- package/dist/shared-ui/src/components/DataTable/DataTableView.d.ts +8 -0
- package/dist/shared-ui/src/components/DataTable/KPISummaryHeader.d.ts +17 -0
- package/dist/shared-ui/src/components/DataTable/VisualFormatCell.d.ts +12 -0
- package/dist/shared-ui/src/components/DataTable/getPivotTableGroupTitles.d.ts +1 -1
- package/dist/shared-ui/src/contexts/GlobalProvider/useGlobalProvider.d.ts +12 -12
- package/dist/shared-ui/src/library/StylePanel/KPISummarisationSection.d.ts +5 -0
- package/dist/shared-ui/src/library/StylePanel/VisualFormatSection.d.ts +6 -0
- package/package.json +1 -1
|
@@ -377,6 +377,8 @@ export declare namespace Component {
|
|
|
377
377
|
};
|
|
378
378
|
export type DataTableAttributes = BaseAttributes & Omit<BaseQueryAttributes, 'timeDimension'> & TableAttributes & {
|
|
379
379
|
type: 'dataTable';
|
|
380
|
+
summarizeKPIs?: boolean;
|
|
381
|
+
visualFormatColumns?: string[];
|
|
380
382
|
protectedFields?: ProtectedFields;
|
|
381
383
|
/**
|
|
382
384
|
* @deprecated
|
|
@@ -119,6 +119,8 @@ export interface FormatPanelNamespaces {
|
|
|
119
119
|
};
|
|
120
120
|
};
|
|
121
121
|
quadrants?: Section<'quadrants'>;
|
|
122
|
+
visual_format?: Section<'visualFormat'>;
|
|
123
|
+
kpi_summarisation?: Section<'kpiSummarisation'>;
|
|
122
124
|
}
|
|
123
125
|
export declare type ComponentNamespace = 'area_chart' | 'bar_chart' | 'basic_table' | 'bubble_chart' | 'combo_chart' | 'custom' | 'fields' | 'funnel_chart' | 'headline' | 'horizontal_bar_chart' | 'line_chart' | 'mercator_map' | 'pie_chart' | 'sunburst_chart' | 'pivot_table' | 'progress' | 'rich_text' | 'scatter_chart' | 'single_stat' | 'waterfall_chart' | 'radar_chart';
|
|
124
126
|
export {};
|
|
@@ -29,6 +29,8 @@ export declare type MapColorsSection = Section<'mapColors'>;
|
|
|
29
29
|
export declare type WaterfallColorsSection = Section<'waterfallColors'>;
|
|
30
30
|
export declare type HeadlineSection = Section<'headline'>;
|
|
31
31
|
export declare type RichTextFormatSection = Section<'richText'>;
|
|
32
|
+
export declare type VisualFormatSection = Section<'visualFormat'>;
|
|
33
|
+
export declare type KPISummarisationSection = Section<'kpiSummarisation'>;
|
|
32
34
|
export interface QuadrantsSection extends Section<'quadrants'> {
|
|
33
35
|
}
|
|
34
36
|
export interface ConditionalFormattingSection extends Section<'conditionalFormatting'> {
|
|
@@ -44,5 +46,5 @@ export interface ProgressTypeSection<T> extends Omit<Section<T>, 'type'> {
|
|
|
44
46
|
progressType?: Omit<Section<T>, 'type'>;
|
|
45
47
|
}
|
|
46
48
|
export declare type ProgressTypesSection = Section<'progressType'> & ProgressTypeSection<'progressType'>;
|
|
47
|
-
export declare type FormatPanelSection = HeadingSection | FormatSection | ChartStylesSection | PrefixSection | AxisLabelsSection | LabelsSection | MapColorsSection | WaterfallColorsSection | QuadrantsSection | ConditionalFormattingSection | GoalLineSection | ProgressTypesSection | HeadlineSection | RichTextFormatSection | Section<'trends'>;
|
|
49
|
+
export declare type FormatPanelSection = HeadingSection | FormatSection | ChartStylesSection | PrefixSection | AxisLabelsSection | LabelsSection | MapColorsSection | WaterfallColorsSection | QuadrantsSection | ConditionalFormattingSection | GoalLineSection | ProgressTypesSection | HeadlineSection | RichTextFormatSection | VisualFormatSection | KPISummarisationSection | Section<'trends'>;
|
|
48
50
|
export declare type FormatPanelConfig = Array<FormatPanelSection>;
|
|
@@ -16,6 +16,7 @@ export declare const Table: import("react").ForwardRefExoticComponent<{
|
|
|
16
16
|
odd?: boolean | undefined;
|
|
17
17
|
even?: boolean | undefined;
|
|
18
18
|
expanded?: boolean | undefined;
|
|
19
|
+
hover?: boolean | undefined;
|
|
19
20
|
level?: number | undefined;
|
|
20
21
|
}>;
|
|
21
22
|
TD: import("react").FunctionComponent<{
|
|
@@ -50,6 +51,7 @@ export declare const Table: import("react").ForwardRefExoticComponent<{
|
|
|
50
51
|
lastGroupColumn?: boolean | undefined;
|
|
51
52
|
firstGroupColumn?: boolean | undefined;
|
|
52
53
|
simple?: boolean | undefined;
|
|
54
|
+
rowSpan?: number | undefined;
|
|
53
55
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
54
56
|
THLabel: import("react").FunctionComponent<{
|
|
55
57
|
children?: import("react").ReactNode;
|
|
@@ -26,6 +26,7 @@ export declare const TableComponents: (() => null) & {
|
|
|
26
26
|
odd?: boolean | undefined;
|
|
27
27
|
even?: boolean | undefined;
|
|
28
28
|
expanded?: boolean | undefined;
|
|
29
|
+
hover?: boolean | undefined;
|
|
29
30
|
level?: number | undefined;
|
|
30
31
|
}>;
|
|
31
32
|
TD: React.FunctionComponent<{
|
|
@@ -60,6 +61,7 @@ export declare const TableComponents: (() => null) & {
|
|
|
60
61
|
lastGroupColumn?: boolean | undefined;
|
|
61
62
|
firstGroupColumn?: boolean | undefined;
|
|
62
63
|
simple?: boolean | undefined;
|
|
64
|
+
rowSpan?: number | undefined;
|
|
63
65
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
64
66
|
THButton: React.ForwardRefExoticComponent<THButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
65
67
|
THLabel: React.FunctionComponent<{
|
|
@@ -33,6 +33,8 @@ export declare type DataTableRowProps = {
|
|
|
33
33
|
cellStyles: React.CSSProperties;
|
|
34
34
|
setShowMore: React.Dispatch<React.SetStateAction<string | null>>;
|
|
35
35
|
queriesAreChanging?: boolean;
|
|
36
|
+
visualFormatColumns?: string[];
|
|
37
|
+
rowSpan: (number | undefined)[];
|
|
36
38
|
};
|
|
37
39
|
export declare const DataTableRow: FunctionComponent<DataTableRowProps & {
|
|
38
40
|
drilldown?: ComponentType.TableDrilldown[];
|
|
@@ -10,4 +10,6 @@ export declare const DataTableTR: FunctionComponent<DataTableRowProps & {
|
|
|
10
10
|
subsetTableRepresentation?: TableRepresentation;
|
|
11
11
|
onViewClick: (rowIndex: number, cellIndex: number, value: string | number, datumKey: string) => void;
|
|
12
12
|
renderTableCell: (rowIndex: number, cellIndex: number, value: string | number, datumKey: string) => ReactNode | string;
|
|
13
|
+
visualFormatColumns?: string[];
|
|
14
|
+
rowSpan: (number | undefined)[];
|
|
13
15
|
}>;
|
|
@@ -6,6 +6,7 @@ import { QueryAttributes } from '../../../../shared-logic/src/QueryAttributes/ty
|
|
|
6
6
|
import { VizzlyComponents } from '../../types';
|
|
7
7
|
import { QueryEngineConfig } from '../../../../shared-logic/src/QueryEngineConfig/types';
|
|
8
8
|
import { DrilldownRowInputProps } from './DataTableRow';
|
|
9
|
+
import { Result as ResultType } from '../../../../shared-logic/src/Result/types';
|
|
9
10
|
export declare type DataTableViewProps = Omit<VizzlyComponents.ViewProps<Component.DataTableAttributes>, 'supportedTimeTruncFunctions' | 'supportedTransformationFunctions'> & {
|
|
10
11
|
onPrevious?: () => void;
|
|
11
12
|
onNext?: () => void;
|
|
@@ -28,6 +29,13 @@ export declare type DataTableViewProps = Omit<VizzlyComponents.ViewProps<Compone
|
|
|
28
29
|
renderTableCell?: (data: Component.RenderTableCell) => React.ReactNode | string | undefined;
|
|
29
30
|
supportedTimeTruncFunctions: QueryEngineConfig['supportedTimeTruncFunctions'];
|
|
30
31
|
drilldownInputProps?: DrilldownRowInputProps;
|
|
32
|
+
pivotTablePagination?: {
|
|
33
|
+
totalRows: number;
|
|
34
|
+
pageSize: number;
|
|
35
|
+
paginationStartIndex: number;
|
|
36
|
+
paginationEndIndex: number;
|
|
37
|
+
};
|
|
38
|
+
KPIResults?: ResultType | null;
|
|
31
39
|
};
|
|
32
40
|
declare const _default: (props: DataTableViewProps) => JSX.Element;
|
|
33
41
|
export default _default;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TableRepresentation } from '../../../../shared-logic/src/DataTable/types';
|
|
3
|
+
import { Result as ResultType } from '../../../../shared-logic/src/Result/types';
|
|
4
|
+
import { DashboardBehaviour } from '../../contexts/DashboardBehaviour/types';
|
|
5
|
+
interface KPISummaryHeaderProps {
|
|
6
|
+
tableRepresentation: TableRepresentation;
|
|
7
|
+
numberFormat: {
|
|
8
|
+
[resultFieldId: string]: string;
|
|
9
|
+
};
|
|
10
|
+
numberFormatOptions: DashboardBehaviour['numberFormatOptions'];
|
|
11
|
+
supportedAggregates: DashboardBehaviour['queryEngineConfig']['supportedAggregates'];
|
|
12
|
+
supportedTimeTruncFunctions: DashboardBehaviour['queryEngineConfig']['supportedTimeTruncFunctions'];
|
|
13
|
+
KPIResults?: ResultType | null;
|
|
14
|
+
dimensionXFields: string[];
|
|
15
|
+
}
|
|
16
|
+
export declare const KPISummaryHeader: React.FC<KPISummaryHeaderProps>;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TableContent } from '../../../../shared-logic/src/DataTable/types';
|
|
3
|
+
interface VisualFormatCellProps {
|
|
4
|
+
value: TableContent['value'];
|
|
5
|
+
displayValue: TableContent['displayValue'];
|
|
6
|
+
columnName: string;
|
|
7
|
+
visualFormatColumns: string[];
|
|
8
|
+
columnValues: number[];
|
|
9
|
+
conditionalFormattingColor?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const VisualFormatCell: React.FC<VisualFormatCellProps>;
|
|
12
|
+
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import { GroupedTitle, TableRepresentation } from '../../../../shared-logic/src/DataTable/types';
|
|
1
2
|
import { QueryAttributes } from '../../../../shared-logic/src/QueryAttributes/types';
|
|
2
3
|
import { Result as ResultType } from '../../../../shared-logic/src/Result/types';
|
|
3
|
-
import { GroupedTitle, TableRepresentation } from '../../../../shared-logic/src/DataTable/types';
|
|
4
4
|
import { DashboardBehaviour } from '../../contexts/DashboardBehaviour/types';
|
|
5
5
|
export declare const getPivotTableGroupTitles: (result: ResultType | null, dimension: QueryAttributes['dimension'], tableRepresentationFields: TableRepresentation['fields'], dateTimeFormatOptions: DashboardBehaviour['dateTimeFormatOptions'], supportedTimeTruncFunctions: DashboardBehaviour['queryEngineConfig']['supportedTimeTruncFunctions']) => {
|
|
6
6
|
consolidated: Array<GroupedTitle>;
|