@databrainhq/plugin 0.15.13 → 0.15.14
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/FilterDropDown/index.d.ts +2 -0
- package/dist/components/FloatingDropDown/index.d.ts +2 -1
- package/dist/components/GlobalFilters/Filters.d.ts +1 -0
- package/dist/components/GlobalFilters/HorizontalFilters.d.ts +1 -0
- package/dist/components/GlobalFilters/index.d.ts +2 -0
- package/dist/components/MetricList/components/FullScreenView/ChartPropertiesPanel.d.ts +12 -0
- package/dist/components/MultiSelectDropdown/index.d.ts +4 -1
- package/dist/components/PopoverMenu/index.d.ts +2 -0
- package/dist/consts/metricOptions.d.ts +2 -0
- package/dist/helpers/autoCompleteHelpers.d.ts +2 -0
- package/dist/helpers/createMetric.d.ts +2 -0
- package/dist/hooks/useDashboardContext.d.ts +1 -0
- package/dist/hooks/useMetricCard.d.ts +4 -0
- package/dist/hooks/useNewEmbeddedDashboard.d.ts +1 -0
- package/dist/types/app.d.ts +16 -1
- package/dist/types/metricCreate.d.ts +2 -0
- package/dist/types/queryTypes.d.ts +1 -0
- package/dist/webcomponents.es.js +1771 -933
- package/dist/webcomponents.umd.js +12 -12
- package/package.json +2 -2
|
@@ -24,5 +24,7 @@ export type MultiFilterDropDownProps = Pick<FilterDropDownProps, 'autoSelected'
|
|
|
24
24
|
isDisablelabel?: boolean;
|
|
25
25
|
radius?: string;
|
|
26
26
|
isFilter?: boolean;
|
|
27
|
+
isSelectAllEnabled?: boolean;
|
|
28
|
+
isSelectAllOn?: boolean;
|
|
27
29
|
};
|
|
28
30
|
export declare const MultiFilterDropdown: React.FC<MultiFilterDropDownProps>;
|
|
@@ -32,6 +32,7 @@ export type FloatingDropDownProps = {
|
|
|
32
32
|
isLoadingData?: boolean;
|
|
33
33
|
hasOnlyColumnName?: boolean;
|
|
34
34
|
error?: string;
|
|
35
|
+
menuZIndex?: number;
|
|
35
36
|
};
|
|
36
|
-
export declare const FloatingDropDown: ({ id, label, labelVariant, selectedOption, onChange, button, options, isDisabled, customButton, icon, buttonWidth, buttonHeight, menuWidth, size, isSearchEnabled, searchPlaceholder, placeholder, children, radius, isFilter, disableAutoClose, isClearEnabled, className, menuMaxHeight, isImportant, dataTestTitle, isAutoSelectOption, onSearch, isLoadingData, error, }: FloatingDropDownProps) => React.JSX.Element;
|
|
37
|
+
export declare const FloatingDropDown: ({ id, label, labelVariant, selectedOption, onChange, button, options, isDisabled, customButton, icon, buttonWidth, buttonHeight, menuWidth, size, isSearchEnabled, searchPlaceholder, placeholder, children, radius, isFilter, disableAutoClose, isClearEnabled, className, menuMaxHeight, isImportant, dataTestTitle, isAutoSelectOption, onSearch, isLoadingData, error, menuZIndex, }: FloatingDropDownProps) => React.JSX.Element;
|
|
37
38
|
export declare const FloatingDropDownWithSubValues: ({ label, labelVariant, selectedOption, onChange, button, options, isDisabled, customButton, icon, buttonWidth, menuWidth, isSearchEnabled, searchPlaceholder, placeholder, children, radius, isFilter, disableAutoClose, isClearEnabled, isImportant, hasOnlyColumnName, }: FloatingDropDownProps) => React.JSX.Element;
|
|
@@ -39,6 +39,7 @@ type GlobalFiltersProps = {
|
|
|
39
39
|
hideDatePickerOptions?: string[];
|
|
40
40
|
filterIconColor?: string;
|
|
41
41
|
filterButtonBgColor?: string;
|
|
42
|
+
isEndUserApp?: boolean;
|
|
42
43
|
};
|
|
43
44
|
export declare const getFormattedFilterValue: (obj: {
|
|
44
45
|
operator: string;
|
|
@@ -72,6 +73,7 @@ type FilterPopupProps = {
|
|
|
72
73
|
hideDatePickerOptions?: string[];
|
|
73
74
|
filterIconColor?: string;
|
|
74
75
|
filterButtonBgColor?: string;
|
|
76
|
+
isEndUserApp?: boolean;
|
|
75
77
|
};
|
|
76
78
|
export declare const FilterPopup: React.FC<FilterPopupProps>;
|
|
77
79
|
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ChartSettingsType } from '@/types';
|
|
3
|
+
type Props = {
|
|
4
|
+
isOpen: boolean;
|
|
5
|
+
onClose: () => void;
|
|
6
|
+
zIndex: number;
|
|
7
|
+
chartSettings: ChartSettingsType;
|
|
8
|
+
columnList: string[];
|
|
9
|
+
setChartSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
|
|
10
|
+
};
|
|
11
|
+
declare const ChartPropertiesPanel: ({ isOpen, onClose, zIndex, chartSettings, setChartSettings, columnList, }: Props) => React.JSX.Element;
|
|
12
|
+
export default ChartPropertiesPanel;
|
|
@@ -31,6 +31,9 @@ export type MultiSelectDropdownProps = Omit<MultiSelectAccordianDropdownProps, '
|
|
|
31
31
|
isAutoSelectOption?: boolean;
|
|
32
32
|
isLoadingData?: boolean;
|
|
33
33
|
error?: string;
|
|
34
|
+
menuZIndex?: number;
|
|
35
|
+
isSelectAllEnabled?: boolean;
|
|
36
|
+
isSelectAllOn?: boolean;
|
|
34
37
|
};
|
|
35
38
|
export declare const MultiSelectAccordianDropdown: ({ label, labelVariant, selectedOption, onChange, button, options, isDisabled, icon, buttonWidth, menuWidth, isSearchEnabled, searchIcon, closeControl, searchPlaceholder, radius, }: MultiSelectAccordianDropdownProps) => React.JSX.Element;
|
|
36
|
-
export declare const MultiSelectDropdown: ({ id, label, labelVariant, selectedOption, onChange, button, options, isDisabled, icon, buttonWidth, menuWidth, isSearchEnabled, searchIcon, closeControl, searchPlaceholder, isShowSelectedOptions, radius, isFilter, dataTestTitle, isAutoSelectOption, isLoadingData, error, }: MultiSelectDropdownProps) => React.JSX.Element;
|
|
39
|
+
export declare const MultiSelectDropdown: ({ id, label, labelVariant, selectedOption: selectedOption_temp, onChange, button, options, isDisabled, icon, buttonWidth, menuWidth, isSearchEnabled, searchIcon, closeControl, searchPlaceholder, isShowSelectedOptions, radius, isFilter, dataTestTitle, isAutoSelectOption, isLoadingData, error, menuZIndex, isSelectAllEnabled, isSelectAllOn, }: MultiSelectDropdownProps) => React.JSX.Element;
|
|
@@ -29,6 +29,8 @@ export type PopoverMenuProps = React.PropsWithChildren & {
|
|
|
29
29
|
isMenuOpen?: boolean;
|
|
30
30
|
setMenuOpen?: React.Dispatch<React.SetStateAction<boolean>>;
|
|
31
31
|
dataTestTitle?: string;
|
|
32
|
+
menuZIndex?: number;
|
|
33
|
+
popoverButtonId?: string;
|
|
32
34
|
};
|
|
33
35
|
export declare const PopoverMenu: React.FC<PopoverMenuProps>;
|
|
34
36
|
export {};
|
|
@@ -44,6 +44,8 @@ export declare const DEFAULT_COMPARISON_LAG_SETTINGS: {
|
|
|
44
44
|
value: string;
|
|
45
45
|
label: string;
|
|
46
46
|
};
|
|
47
|
+
differenceType: "PERCENTAGE_DIFFERENCE" | "DIFFERENCE";
|
|
48
|
+
timeColumnLabel: string;
|
|
47
49
|
periodLag: number;
|
|
48
50
|
};
|
|
49
51
|
export declare const DEFAULT_FORECAST_VALUES: {
|
|
@@ -50,6 +50,8 @@ export declare const getChartDimensions: (columns: SqlColumns, chartType: string
|
|
|
50
50
|
xAxis: string;
|
|
51
51
|
singleValue: string;
|
|
52
52
|
progressData: string;
|
|
53
|
+
progressMaxData: string;
|
|
54
|
+
progressMinData: string;
|
|
53
55
|
};
|
|
54
56
|
export declare const getEnabledCharts: (data: Record<string, any>[], columns: SqlColumns) => string[];
|
|
55
57
|
export declare const getColumns: ({ columns, data, dbName, }: {
|
|
@@ -14,3 +14,5 @@ export declare const isDateStringValid: (dateString: string) => boolean;
|
|
|
14
14
|
export declare const getSavedChartFields: (optionList: string[], newData?: any[]) => string[];
|
|
15
15
|
export declare const setChartFields: ({ chartType, chartDimensions, chartMetrics, chartAggregateColumns, resultData, configAggregates, pivotHeaderColumns, chartTimeColumns, setChartSettings, chartSettings, configuration, }: SetChartFieldParams) => void;
|
|
16
16
|
export declare const getDatabaseName: (name: string) => "bigquery" | "mysql" | "postgresql";
|
|
17
|
+
export declare const getWordCount: (text: string) => number;
|
|
18
|
+
export declare const generateRandomId: (length?: number) => string;
|
|
@@ -13,6 +13,7 @@ interface DashboardContextType {
|
|
|
13
13
|
externalDashboard: any;
|
|
14
14
|
rlsSettings: any | undefined;
|
|
15
15
|
appFilters: any | undefined;
|
|
16
|
+
dashboardAppFilters: any | undefined;
|
|
16
17
|
companyTenancyType: any;
|
|
17
18
|
isAllowedToCreateMetrics: boolean | undefined;
|
|
18
19
|
isAllowedToDeleteMetrics: boolean | undefined;
|
|
@@ -100,5 +100,9 @@ export declare const useMetricCard: ({ metric, globalFilters, rlsFilters, client
|
|
|
100
100
|
setSummary: import("react").Dispatch<import("react").SetStateAction<ChartReportStateType>>;
|
|
101
101
|
dataMartRelationships: any;
|
|
102
102
|
onChartChange: (chartType: ChartSettingsType['chartType']) => void;
|
|
103
|
+
isCompareValue: boolean;
|
|
104
|
+
isShowChartPropertyPanel: boolean;
|
|
105
|
+
setShowChartPropertyPanel: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
106
|
+
columnList: string[];
|
|
103
107
|
};
|
|
104
108
|
export {};
|
package/dist/types/app.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
2
|
import { ColumnSizingState } from '@tanstack/react-table';
|
|
3
|
-
import { SelectedColumn, TableObjectType, Aggregate } from './metricCreate';
|
|
3
|
+
import { SelectedColumn, TableObjectType, Aggregate, ComparisonLagSettings } from './metricCreate';
|
|
4
4
|
import { CHART_TYPES, ICONS_LIST } from '@/consts';
|
|
5
5
|
export type ChildrenProps = {
|
|
6
6
|
children: ReactNode;
|
|
@@ -114,6 +114,15 @@ export type CustomSettings = {
|
|
|
114
114
|
isEnableValue?: boolean;
|
|
115
115
|
isEnableLabel?: boolean;
|
|
116
116
|
size?: string;
|
|
117
|
+
isEnableLabels?: boolean;
|
|
118
|
+
isEnableRange?: boolean;
|
|
119
|
+
labelSize?: number;
|
|
120
|
+
labelWeight?: number;
|
|
121
|
+
isEnableLegend?: boolean;
|
|
122
|
+
isEnableLegendRange?: boolean;
|
|
123
|
+
legendSize?: number;
|
|
124
|
+
legendWeight?: number;
|
|
125
|
+
legendPosition?: string;
|
|
117
126
|
};
|
|
118
127
|
gaugeV2?: {
|
|
119
128
|
isEnableMarkerRange?: boolean;
|
|
@@ -160,7 +169,9 @@ export type CustomSettings = {
|
|
|
160
169
|
enableSingleValueTruncate?: boolean;
|
|
161
170
|
truncateValue?: number;
|
|
162
171
|
comparisonTimeColumn?: string;
|
|
172
|
+
comparisonTimeLabel?: string;
|
|
163
173
|
comparisonTimePeriod?: number;
|
|
174
|
+
comparisonDifferenceType?: ComparisonLagSettings['differenceType'];
|
|
164
175
|
comparisonTimeGrain?: string;
|
|
165
176
|
comparisonTableName?: string;
|
|
166
177
|
comparisonValueFontSize?: number;
|
|
@@ -388,6 +399,8 @@ export type ChartSettingsType = {
|
|
|
388
399
|
yAxisList?: string[];
|
|
389
400
|
numberColumns?: string[];
|
|
390
401
|
progressColumn?: string;
|
|
402
|
+
progressMaxColumn?: string;
|
|
403
|
+
progressMinColumn?: string;
|
|
391
404
|
dateColumns?: string[];
|
|
392
405
|
chartColors?: string[];
|
|
393
406
|
stackTableCols?: string[];
|
|
@@ -563,6 +576,8 @@ export type GlobalFilterColumn = {
|
|
|
563
576
|
isAutoSelectFilterValue?: boolean;
|
|
564
577
|
isEnableClearSelection?: boolean;
|
|
565
578
|
restrictedMetrics?: FloatingDropDownOption[];
|
|
579
|
+
isAppFilter?: boolean;
|
|
580
|
+
isSelectAllMultiSelect?: boolean;
|
|
566
581
|
};
|
|
567
582
|
export type GlobalFilterType = {
|
|
568
583
|
tableName: string;
|
|
@@ -389,6 +389,8 @@ export type ComparisonLagSettings = {
|
|
|
389
389
|
column: FloatingDropDownOption;
|
|
390
390
|
timeGrain: FloatingDropDownOption;
|
|
391
391
|
periodLag: number;
|
|
392
|
+
differenceType: 'PERCENTAGE_DIFFERENCE' | 'DIFFERENCE';
|
|
393
|
+
timeColumnLabel: string;
|
|
392
394
|
};
|
|
393
395
|
export type CreatedNewColumn = {
|
|
394
396
|
columnName: FloatingDropDownOption;
|
|
@@ -36,6 +36,7 @@ export type UseDashboardDataQueryOutputType = {
|
|
|
36
36
|
externalMetrics?: (any | null)[] | null;
|
|
37
37
|
rlsSettings?: any | null;
|
|
38
38
|
appFilters?: any | null;
|
|
39
|
+
dashboardAppFilters?: any | null;
|
|
39
40
|
workspace?: any | null;
|
|
40
41
|
sharingSettingsId?: string | null;
|
|
41
42
|
error?: {
|