@databrainhq/plugin 0.12.26 → 0.12.28
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/components/Chart/index.d.ts +2 -1
- package/dist/components/MetricList/MetricList.d.ts +1 -0
- package/dist/components/MetricList/components/MetricCards/MetricCard.d.ts +2 -1
- package/dist/components/Select/index.d.ts +1 -0
- package/dist/containers/Dashboard/Dashboard.d.ts +3 -1
- package/dist/containers/Dashboard/EmbededDashboard.d.ts +1 -0
- package/dist/containers/Metric/EmbeddedMetric.d.ts +2 -1
- package/dist/containers/Metric/index.d.ts +2 -0
- package/dist/helpers/getModifiedQuery.d.ts +1 -0
- package/dist/helpers/timeseries.d.ts +4 -3
- package/dist/hooks/useMetricCard.d.ts +3 -0
- package/dist/types/app.d.ts +4 -0
- package/dist/utils/getChartAttributes.d.ts +3 -1
- package/dist/utils/getChartOptions.d.ts +2 -1
- package/dist/utils/index.d.ts +1 -0
- package/dist/webcomponents.es.js +32993 -32715
- package/dist/webcomponents.umd.js +171 -171
- package/package.json +1 -1
|
@@ -7,6 +7,7 @@ export type ChartProps = {
|
|
|
7
7
|
config?: Record<string, any>;
|
|
8
8
|
className?: string;
|
|
9
9
|
colors?: string[];
|
|
10
|
+
selectedSeries?: string[];
|
|
10
11
|
};
|
|
11
12
|
/**
|
|
12
13
|
* @name Chart - The metric visualization component.
|
|
@@ -18,4 +19,4 @@ export type ChartProps = {
|
|
|
18
19
|
* @prop colors (optional) - the admin provided chart color palettes.
|
|
19
20
|
* @returns JSX - chart visaulization content.
|
|
20
21
|
*/
|
|
21
|
-
export declare const Chart: React.MemoExoticComponent<({ chartOptions, data, events, colors, config, className }: ChartProps) => React.JSX.Element>;
|
|
22
|
+
export declare const Chart: React.MemoExoticComponent<({ chartOptions, data, events, colors, config, className, selectedSeries, }: ChartProps) => React.JSX.Element>;
|
|
@@ -29,5 +29,6 @@ export type MetricCardProps = {
|
|
|
29
29
|
metricFilterOptions?: MetricFilterOptionsType;
|
|
30
30
|
onDownloadRawCsv?: (filterValues?: Record<string, any>) => void;
|
|
31
31
|
enableDownloadCsv?: boolean;
|
|
32
|
+
enableMultiMetricFilters?: boolean;
|
|
32
33
|
};
|
|
33
|
-
export declare const MetricCard: ({ globalFilters, metricItem, onMaximize, client, colors, param, companyTenancyType, renderHeaderName, isDisableCardClick, onArchive, chartRendererType, isDisableMorePopup, appFilters, isInternalApp, setCrossDashboardFilters, crossDashboardFilters, metricFilterOptions, onDownloadRawCsv, enableDownloadCsv, }: MetricCardProps) => React.JSX.Element;
|
|
34
|
+
export declare const MetricCard: ({ globalFilters, metricItem, onMaximize, client, colors, param, companyTenancyType, renderHeaderName, isDisableCardClick, onArchive, chartRendererType, isDisableMorePopup, appFilters, isInternalApp, setCrossDashboardFilters, crossDashboardFilters, metricFilterOptions, onDownloadRawCsv, enableDownloadCsv, enableMultiMetricFilters, }: MetricCardProps) => React.JSX.Element;
|
|
@@ -45,6 +45,7 @@ type MultiSelectProps = {
|
|
|
45
45
|
labelVariant?: 'floating' | 'static';
|
|
46
46
|
isSearchEnabled?: boolean;
|
|
47
47
|
icon?: JSX.Element;
|
|
48
|
+
isDisableShowSelectedTag?: boolean;
|
|
48
49
|
};
|
|
49
50
|
export declare const OldMultiSelect: React.FC<MultiSelectProps>;
|
|
50
51
|
export declare const MultiSelect: React.FC<MultiSelectProps>;
|
|
@@ -28,6 +28,7 @@ export interface DashboardProps extends HTMLAttributes<HTMLElement> {
|
|
|
28
28
|
isHideTablePreview?: boolean;
|
|
29
29
|
enableDownloadCsv?: boolean;
|
|
30
30
|
enableEmailCsv?: boolean;
|
|
31
|
+
enableMultiMetricFilters?: boolean;
|
|
31
32
|
}
|
|
32
33
|
/**
|
|
33
34
|
* @name Dashboard - A react component to display the dashboard.
|
|
@@ -38,6 +39,7 @@ export interface DashboardProps extends HTMLAttributes<HTMLElement> {
|
|
|
38
39
|
* @prop {boolean} isHideChartSettings (optional) - Whether to hide chart settings in full screen view.
|
|
39
40
|
* @prop {boolean} enableDownloadCsv (optional) - Whether to show download csv option in metric card.
|
|
40
41
|
* @prop {boolean} enableEmailCsv (optional) - Whether to show email csv option in metric card.
|
|
42
|
+
* @prop {boolean} enableMultiMetricFilters (optional) - Whether to allow multiple metric filters in metric card.
|
|
41
43
|
* @prop {object} theme (optional) - A theme object to customize the theme.
|
|
42
44
|
*/
|
|
43
|
-
export declare const Dashboard: ({ token, options, theme, dashboardId, isHideChartSettings, isHideTablePreview, enableDownloadCsv, enableEmailCsv, }: DashboardProps) => React.JSX.Element;
|
|
45
|
+
export declare const Dashboard: ({ token, options, theme, dashboardId, isHideChartSettings, isHideTablePreview, enableDownloadCsv, enableEmailCsv, enableMultiMetricFilters, }: DashboardProps) => React.JSX.Element;
|
|
@@ -11,6 +11,7 @@ export interface EmbeddedMetricProps {
|
|
|
11
11
|
isHideTablePreview?: boolean;
|
|
12
12
|
enableDownloadCsv?: boolean;
|
|
13
13
|
enableEmailCsv?: boolean;
|
|
14
|
+
enableMultiMetricFilters?: boolean;
|
|
14
15
|
metricFilterOptions?: MetricFilterOptionsType;
|
|
15
16
|
}
|
|
16
|
-
export declare const EmbeddedMetric: React.MemoExoticComponent<({ token, chartColors, metricId, chartRendererType, variant, onMinimize, isHideChartSettings, isHideTablePreview, enableDownloadCsv, enableEmailCsv, metricFilterOptions, }: EmbeddedMetricProps) => React.JSX.Element>;
|
|
17
|
+
export declare const EmbeddedMetric: React.MemoExoticComponent<({ token, chartColors, metricId, chartRendererType, variant, onMinimize, isHideChartSettings, isHideTablePreview, enableDownloadCsv, enableEmailCsv, metricFilterOptions, enableMultiMetricFilters, }: EmbeddedMetricProps) => React.JSX.Element>;
|
|
@@ -30,6 +30,7 @@ export interface MetricProps extends HTMLAttributes<HTMLElement> {
|
|
|
30
30
|
className?: string;
|
|
31
31
|
style?: React.CSSProperties;
|
|
32
32
|
metricFilterOptions?: MetricFilterOptionsType;
|
|
33
|
+
enableMultiMetricFilters?: boolean;
|
|
33
34
|
}
|
|
34
35
|
/**
|
|
35
36
|
* @name Metric - A react component to display a single metric card.
|
|
@@ -39,6 +40,7 @@ export interface MetricProps extends HTMLAttributes<HTMLElement> {
|
|
|
39
40
|
* @prop {boolean} isHideTablePreview - Whether to hide the table preview in full screen view.
|
|
40
41
|
* @prop {boolean} enableDownloadCsv (optional) - Whether to show download csv option in metric card.
|
|
41
42
|
* @prop {boolean} enableEmailCsv (optional) - Whether to show email csv option in metric card.
|
|
43
|
+
* @prop {boolean} enableMultiMetricFilters (optional) - Whether to allow multiple metric filters in metric card.
|
|
42
44
|
* @prop {string} variant (optional) - The variant to render the metric it can be card (fullscreen included) or fullscreen.
|
|
43
45
|
* @prop {object} metricFilterOptions (optional) - An optional metric filter options to be displayed in the metric filters.
|
|
44
46
|
* @prop {function} onMinimize (optional) - An optional callback when minimize button is clicked.
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { RlsCondition } from '@/types/app';
|
|
2
|
+
export declare const nameSpaceSpecification: (parentAlias: string, columnName: string, dbName: string) => string;
|
|
2
3
|
export declare const getModifiedQuery: ({ rlsConditions, dbName, query, }: {
|
|
3
4
|
rlsConditions: RlsCondition[];
|
|
4
5
|
dbName: string;
|
|
@@ -4,7 +4,7 @@ interface TimeSeriesData {
|
|
|
4
4
|
valuekeys: string[];
|
|
5
5
|
data: Record<string, any>[];
|
|
6
6
|
}
|
|
7
|
-
export declare const getTimeSeriesData: ({ dataArray, timeStampKey, type, valuekeys, groupBy, labelSettings, customSettings, backGroundColor, fillXAxis, }: {
|
|
7
|
+
export declare const getTimeSeriesData: ({ dataArray, timeStampKey, type, valuekeys, groupBy, labelSettings, customSettings, backGroundColor, fillXAxis, isCumulativeBar, }: {
|
|
8
8
|
dataArray: Record<string, any>[];
|
|
9
9
|
timeStampKey: string;
|
|
10
10
|
valuekeys: string[];
|
|
@@ -14,6 +14,7 @@ export declare const getTimeSeriesData: ({ dataArray, timeStampKey, type, valuek
|
|
|
14
14
|
customSettings: CustomSettings;
|
|
15
15
|
backGroundColor: BackgroundSettings;
|
|
16
16
|
fillXAxis: boolean;
|
|
17
|
+
isCumulativeBar: boolean;
|
|
17
18
|
}) => ({
|
|
18
19
|
stack?: string | undefined;
|
|
19
20
|
barWidth?: string | undefined;
|
|
@@ -27,7 +28,7 @@ export declare const getTimeSeriesData: ({ dataArray, timeStampKey, type, valuek
|
|
|
27
28
|
areaStyle: {
|
|
28
29
|
opacity?: undefined;
|
|
29
30
|
};
|
|
30
|
-
data:
|
|
31
|
+
data: any;
|
|
31
32
|
type: "line" | "bar";
|
|
32
33
|
name: string;
|
|
33
34
|
label: {
|
|
@@ -50,7 +51,7 @@ export declare const getTimeSeriesData: ({ dataArray, timeStampKey, type, valuek
|
|
|
50
51
|
areaStyle: {
|
|
51
52
|
opacity: number;
|
|
52
53
|
};
|
|
53
|
-
data:
|
|
54
|
+
data: any;
|
|
54
55
|
type: "line" | "bar";
|
|
55
56
|
name: string;
|
|
56
57
|
label: {
|
|
@@ -60,5 +60,8 @@ export declare const useMetricCard: ({ metric, globalFilters, rlsFilters, client
|
|
|
60
60
|
hasNumberKeys: boolean;
|
|
61
61
|
isEnableGauge: boolean;
|
|
62
62
|
updateFilter: (filter: RlsCondition) => void;
|
|
63
|
+
metricFilters: RlsCondition[];
|
|
64
|
+
leftPositionedMetricFilters: RlsCondition[];
|
|
65
|
+
rightPositionedMetricFilters: RlsCondition[];
|
|
63
66
|
};
|
|
64
67
|
export {};
|
package/dist/types/app.d.ts
CHANGED
|
@@ -117,6 +117,9 @@ export type CustomSettings = {
|
|
|
117
117
|
labelPrefix?: string;
|
|
118
118
|
labelSuffix?: string;
|
|
119
119
|
cumulativeBar?: boolean;
|
|
120
|
+
showFunnelShadow?: boolean;
|
|
121
|
+
stepPadding?: number;
|
|
122
|
+
showSelectLegend?: boolean;
|
|
120
123
|
};
|
|
121
124
|
export type TableSettings = {
|
|
122
125
|
contentAlignment?: string;
|
|
@@ -195,6 +198,7 @@ export type ChartSettingsType = {
|
|
|
195
198
|
singleValue?: string;
|
|
196
199
|
sankeyValues?: string[];
|
|
197
200
|
percentageSize?: number;
|
|
201
|
+
selectedSeries?: string[];
|
|
198
202
|
legendSettings?: LegendSettings;
|
|
199
203
|
labelSettings?: LabelSettings;
|
|
200
204
|
customSettings?: CustomSettings;
|
|
@@ -11,8 +11,10 @@ type Params = {
|
|
|
11
11
|
fillXAxis: boolean;
|
|
12
12
|
isDynamicXaxis: boolean;
|
|
13
13
|
isCumulativeBar: boolean;
|
|
14
|
+
chartType: string;
|
|
15
|
+
seriesType: string;
|
|
14
16
|
};
|
|
15
|
-
export declare const getChartAttributes: ({ data, measure, singleValue, step, xAxis, yAxisList, seriesField, isTimeSeries, selectedFormat, fillXAxis, isDynamicXaxis, isCumulativeBar, }: Params) => {
|
|
17
|
+
export declare const getChartAttributes: ({ data, measure, singleValue, step, xAxis, yAxisList, seriesField, isTimeSeries, selectedFormat, fillXAxis, isDynamicXaxis, isCumulativeBar, chartType, seriesType, }: Params) => {
|
|
16
18
|
labels: string[];
|
|
17
19
|
datasets: any;
|
|
18
20
|
funnelData: {
|
|
@@ -4,5 +4,6 @@ export type GetChartOptionsParams = {
|
|
|
4
4
|
chartOptions: ChartSettingsType;
|
|
5
5
|
data: Record<string, any>[];
|
|
6
6
|
colors?: string[];
|
|
7
|
+
selectedSeries?: string[];
|
|
7
8
|
};
|
|
8
|
-
export declare const getChartOptions: ({ chartOptions, data, colors, }: GetChartOptionsParams) => Record<string, any>;
|
|
9
|
+
export declare const getChartOptions: ({ chartOptions, data, colors, selectedSeries, }: GetChartOptionsParams) => Record<string, any>;
|
package/dist/utils/index.d.ts
CHANGED