@sisense/sdk-ui 2.14.0 → 2.16.0
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/ai.cjs +418 -28
- package/dist/ai.js +2080 -2112
- package/dist/analytics-composer/node.cjs +1 -1
- package/dist/analytics-composer/node.js +998 -1466
- package/dist/analytics-composer.cjs +51 -51
- package/dist/analytics-composer.js +556 -565
- package/dist/{derive-chart-family-D_bylSQy.js → derive-chart-family-DLwnWblo.js} +10833 -10690
- package/dist/derive-chart-family-d7eaC45K.cjs +190 -0
- package/dist/{dimensions-CdNGgk9I.cjs → dimensions-BUWtZxix.cjs} +1 -1
- package/dist/{dimensions-CTUJhW-M.js → dimensions-DvDgZ8RW.js} +1 -1
- package/dist/execute-query-CB4XfUng.cjs +1 -0
- package/dist/{execute-query-DyjkDYHG.js → execute-query-CFK2R_1S.js} +868 -813
- package/dist/index.cjs +1549 -32
- package/dist/index.js +14200 -13185
- package/dist/index.umd.js +2726 -380
- package/dist/packages/sdk-ui/src/analytics-composer/nlq-v3-translator/process-function/filter-processors.d.ts +9 -0
- package/dist/packages/sdk-ui/src/app/client-application.d.ts +32 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/cartesians/helpers/highchart-options/get-legacy-cartesian-chart-options.d.ts +2 -1
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/cartesians/stackable/streamgraph-chart/helpers/chart-data.d.ts +8 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/cartesians/stackable/streamgraph-chart/helpers/design-options.d.ts +12 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/cartesians/stackable/streamgraph-chart/highchart-options/axes.d.ts +13 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/cartesians/stackable/streamgraph-chart/highchart-options/highcharts-options-builder.d.ts +8 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/cartesians/stackable/streamgraph-chart/highchart-options/plot-options.d.ts +19 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/cartesians/stackable/streamgraph-chart/streamgraph-chart-builder.d.ts +8 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/cartesians/stackable/streamgraph-chart/types.d.ts +24 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/cartesians/types.d.ts +1 -1
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/funnel-chart/data-options/index.d.ts +0 -4
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/helpers/data-options.d.ts +4 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/pie-chart/data-options/index.d.ts +0 -4
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/sunburst-chart/design-options/index.d.ts +3 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/types.d.ts +1 -1
- package/dist/packages/sdk-ui/src/chart/restructured-charts/types.d.ts +7 -11
- package/dist/packages/sdk-ui/src/chart-options-processor/category-chart-options/sunburst-chart-options.d.ts +2 -2
- package/dist/packages/sdk-ui/src/chart-options-processor/chart-options-service.d.ts +27 -1
- package/dist/packages/sdk-ui/src/chart-options-processor/translations/design-options.d.ts +1 -0
- package/dist/packages/sdk-ui/src/chart-options-processor/translations/pie-plot-options.d.ts +11 -1
- package/dist/packages/sdk-ui/src/chart-options-processor/translations/sunburst/sunburst-levels.d.ts +28 -2
- package/dist/packages/sdk-ui/src/chart-options-processor/translations/sunburst/sunburst-options.d.ts +28 -2
- package/dist/packages/sdk-ui/src/chart-options-processor/translations/types.d.ts +6 -5
- package/dist/packages/sdk-ui/src/charts/table/styles/style-constants.d.ts +1 -1
- package/dist/packages/sdk-ui/src/common/icons/alert-icon.d.ts +2 -0
- package/dist/packages/sdk-ui/src/common-filters/selection-utils.d.ts +2 -2
- package/dist/packages/sdk-ui/src/dynamic-size-container/default-size.d.ts +20 -5
- package/dist/packages/sdk-ui/src/filters/components/filters-panel/constants.d.ts +9 -0
- package/dist/packages/sdk-ui/src/highcharts-renderer.d.ts +13 -0
- package/dist/packages/sdk-ui/src/index.d.ts +1 -0
- package/dist/packages/sdk-ui/src/no-results-overlay/images/index.d.ts +1 -1
- package/dist/packages/sdk-ui/src/pivot-table/hooks/use-render-pivot.d.ts +9 -1
- package/dist/packages/sdk-ui/src/pivot-table/pivot-table.d.ts +1 -0
- package/dist/packages/sdk-ui/src/props.d.ts +32 -1
- package/dist/packages/sdk-ui/src/query-execution/index.d.ts +1 -1
- package/dist/packages/sdk-ui/src/streamgraph-chart.d.ts +42 -0
- package/dist/packages/sdk-ui/src/styled/index.d.ts +4 -0
- package/dist/packages/sdk-ui/src/styled/with-css-selector-prefix.d.ts +2 -0
- package/dist/packages/sdk-ui/src/theme-provider/default-theme-settings.d.ts +1 -0
- package/dist/packages/sdk-ui/src/theme-provider/theme-context.d.ts +3 -1
- package/dist/packages/sdk-ui/src/theme-provider/utils.d.ts +8 -0
- package/dist/packages/sdk-ui/src/translation/resources/en.d.ts +6 -0
- package/dist/packages/sdk-ui/src/translation/resources/index.d.ts +12 -0
- package/dist/packages/sdk-ui/src/types.d.ts +172 -5
- package/dist/packages/sdk-ui/src/utils/gradient.d.ts +37 -0
- package/dist/packages/sdk-ui/src/widget-by-id/translate-widget-style-options/translate-widget-style-options.d.ts +2 -2
- package/dist/packages/sdk-ui/src/widget-by-id/types.d.ts +3 -0
- package/dist/packages/sdk-ui/src/widgets/common/drilldown-utils.d.ts +17 -2
- package/dist/packages/sdk-ui/src/widgets/hooks/use-drilldown.d.ts +2 -3
- package/dist/packages/sdk-ui/src/widgets/hooks/use-with-drilldown.d.ts +1 -1
- package/dist/{types-D1qM-ltg.cjs → types-Clbnx4mQ.cjs} +1 -1
- package/dist/{types-DglXXR-Q.js → types-D1mqt0Mg.js} +2 -8
- package/dist/use-common-filters-CkQznSEt.cjs +1325 -0
- package/dist/{use-common-filters-BGrn7zoW.js → use-common-filters-CxoO7TzT.js} +47215 -36504
- package/dist/{widget-composer-C24YJEek.cjs → widget-composer-BaOTPn5w.cjs} +1 -1
- package/dist/{widget-composer-lBv40CFf.js → widget-composer-Dhl_nmhq.js} +115 -111
- package/package.json +8 -9
- package/dist/derive-chart-family-DJUpWKOP.cjs +0 -175
- package/dist/execute-query-CNt566O5.cjs +0 -1
- package/dist/packages/sdk-ui/src/common/icons/edit-pencil-icon.d.ts +0 -3
- package/dist/packages/sdk-ui/src/highcharts-memorized.d.ts +0 -7
- package/dist/use-common-filters-DxzCHhgF.cjs +0 -846
|
@@ -35,3 +35,12 @@ export declare function processStringFilter(processedArgs: ProcessedArg[], conte
|
|
|
35
35
|
* @throws Error with descriptive message if validation fails
|
|
36
36
|
*/
|
|
37
37
|
export declare function processDateFilter(processedArgs: ProcessedArg[], context: FunctionContext): void;
|
|
38
|
+
/**
|
|
39
|
+
* Processes exclude filter to validate that it only accepts members filters
|
|
40
|
+
* Used by: exclude
|
|
41
|
+
*
|
|
42
|
+
* @param processedArgs - [filter, inputFilter?, config?]
|
|
43
|
+
* @param context - Processing context with error prefix and other metadata
|
|
44
|
+
* @throws Error with descriptive message if validation fails
|
|
45
|
+
*/
|
|
46
|
+
export declare function processExcludeFilter(processedArgs: ProcessedArg[], context: FunctionContext): void;
|
|
@@ -145,6 +145,38 @@ export type AppConfig = {
|
|
|
145
145
|
*/
|
|
146
146
|
enabled?: boolean;
|
|
147
147
|
};
|
|
148
|
+
/**
|
|
149
|
+
* Global configuration for some specific aspects of data visualizations.
|
|
150
|
+
*/
|
|
151
|
+
chartConfig?: {
|
|
152
|
+
/** `Table` and `PivotTable` configuration */
|
|
153
|
+
tabular?: {
|
|
154
|
+
/** Configuration for HTML content in `Table` and `PivotTable` */
|
|
155
|
+
htmlContent?: {
|
|
156
|
+
/**
|
|
157
|
+
* If true, the contents of table and pivot table cells are rendered as HTML instead of text.
|
|
158
|
+
*
|
|
159
|
+
* **Note**: The {@link StyledColumn.isHtml} property of columns in `dataOptions` are of higher precedence, and will therefore override this setting.
|
|
160
|
+
* @default true
|
|
161
|
+
* */
|
|
162
|
+
enabled?: boolean;
|
|
163
|
+
/**
|
|
164
|
+
* Enables sanitization of HTML content before rendering to prevent XSS attacks.
|
|
165
|
+
* @default true
|
|
166
|
+
* */
|
|
167
|
+
sanitizeContents?: boolean;
|
|
168
|
+
};
|
|
169
|
+
/**
|
|
170
|
+
* Boolean flag whether to always show the results per page select
|
|
171
|
+
*
|
|
172
|
+
* If `true`, the results per page select will be shown even if there is only one page of results.
|
|
173
|
+
* Currently only supported for `PivotTable`.
|
|
174
|
+
*
|
|
175
|
+
* @default false
|
|
176
|
+
*/
|
|
177
|
+
alwaysShowResultsPerPage?: boolean;
|
|
178
|
+
};
|
|
179
|
+
};
|
|
148
180
|
};
|
|
149
181
|
/**
|
|
150
182
|
* Stands for a Sisense Client Application which connects to a Sisense Environment
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { HighchartsOptionsInternal } from '../../../../../../chart-options-processor/chart-options-service';
|
|
1
2
|
import { BuildContext } from '../../../types';
|
|
2
3
|
import { CartesianChartTypes } from '../../types';
|
|
3
|
-
export declare const getLegacyCartesianChartOptions: (ctx: BuildContext<CartesianChartTypes>, chartType: CartesianChartTypes) =>
|
|
4
|
+
export declare const getLegacyCartesianChartOptions: (ctx: BuildContext<CartesianChartTypes>, chartType: CartesianChartTypes) => HighchartsOptionsInternal;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { CartesianChartData } from '../../../../../../../chart-data/types';
|
|
2
|
+
/**
|
|
3
|
+
* Get streamgraph chart data with normalized series values.
|
|
4
|
+
*
|
|
5
|
+
* Composes the base cartesian chart data loader with the streamgraph-specific
|
|
6
|
+
* normalization transformer to ensure continuous flow.
|
|
7
|
+
*/
|
|
8
|
+
export declare const getStreamgraphChartData: (chartDataOptions: import("../../../../../../..").CartesianChartDataOptionsInternal, dataTable: import("../../../../../../../chart-data-processor/table-processor").DataTable) => CartesianChartData;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { CartesianChartDataOptionsInternal } from '../../../../../../../chart-data-options/types';
|
|
2
|
+
import { ChartStyleOptions, StreamgraphStyleOptions } from '../../../../../../../types';
|
|
3
|
+
import { StreamgraphChartDesignOptions } from '../types';
|
|
4
|
+
/**
|
|
5
|
+
* Translates StreamgraphStyleOptions to StreamgraphChartDesignOptions using functional composition
|
|
6
|
+
*/
|
|
7
|
+
export declare function translateStreamgraphStyleOptionsToDesignOptions(styleOptions: StreamgraphStyleOptions, dataOptionsInternal: CartesianChartDataOptionsInternal): StreamgraphChartDesignOptions;
|
|
8
|
+
/**
|
|
9
|
+
* Type guard to check if chart style options are valid for streamgraph charts.
|
|
10
|
+
*/
|
|
11
|
+
export declare function isStreamgraphStyleOptions(styleOptions: ChartStyleOptions): styleOptions is StreamgraphStyleOptions;
|
|
12
|
+
export declare function getDefaultStreamgraphStyleOptions(): StreamgraphStyleOptions;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { AxisSettings } from '../../../../../../../chart-options-processor/translations/axis-section';
|
|
2
|
+
import { BuildContext } from '../../../../types';
|
|
3
|
+
/**
|
|
4
|
+
* Build X and Y axis configurations for streamgraph charts.
|
|
5
|
+
*
|
|
6
|
+
* Streamgraphs use:
|
|
7
|
+
* - Standard horizontal X-axis (like area/line charts)
|
|
8
|
+
* - Minimal or hidden Y-axis (values are relative, not absolute)
|
|
9
|
+
*/
|
|
10
|
+
export declare const getAxes: (ctx: BuildContext<'streamgraph'>) => {
|
|
11
|
+
xAxis: AxisSettings[];
|
|
12
|
+
yAxis: AxisSettings[];
|
|
13
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { HighchartsOptionsBuilder } from '../../../../types';
|
|
2
|
+
/**
|
|
3
|
+
* Highcharts options builder for Streamgraph charts.
|
|
4
|
+
*
|
|
5
|
+
* Follows the HighchartsOptionsBuilder interface to construct
|
|
6
|
+
* Highcharts configuration from processed chart data and design options.
|
|
7
|
+
*/
|
|
8
|
+
export declare const streamgraphHighchartsOptionsBuilder: HighchartsOptionsBuilder<'streamgraph'>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { HighchartsOptionsInternal } from '../../../../../../../chart-options-processor/chart-options-service';
|
|
2
|
+
import { BuildContext } from '../../../../types';
|
|
3
|
+
/**
|
|
4
|
+
* Build plot options for streamgraph charts.
|
|
5
|
+
*
|
|
6
|
+
* Configures series-level defaults including:
|
|
7
|
+
* - Series labels with adaptive sizing
|
|
8
|
+
* - Accessibility settings
|
|
9
|
+
* - Streamgraph-specific stacking
|
|
10
|
+
*/
|
|
11
|
+
/**
|
|
12
|
+
* Build plot options for streamgraph charts.
|
|
13
|
+
*
|
|
14
|
+
* Configures series-level defaults including:
|
|
15
|
+
* - Series labels with adaptive sizing
|
|
16
|
+
* - Accessibility settings
|
|
17
|
+
* - Streamgraph-specific stacking
|
|
18
|
+
*/
|
|
19
|
+
export declare const getPlotOptions: (ctx: BuildContext<'streamgraph'>) => HighchartsOptionsInternal['plotOptions'];
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ChartBuilder } from '../../../../types.js';
|
|
2
|
+
/**
|
|
3
|
+
* Chart builder for Streamgraph charts.
|
|
4
|
+
*
|
|
5
|
+
* Implements the ChartBuilder interface to provide all necessary
|
|
6
|
+
* functionality for data loading, processing, styling, and rendering.
|
|
7
|
+
*/
|
|
8
|
+
export declare const streamgraphChartBuilder: ChartBuilder<'streamgraph'>;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { CartesianChartDataOptionsInternal } from '../../../../../../chart-data-options/types';
|
|
2
|
+
import { StackableChartDesignOptions } from '../../../../../../chart-options-processor/translations/design-options';
|
|
3
|
+
import { TextStyle } from '../../../../../../chart-options-processor/translations/types';
|
|
4
|
+
/**
|
|
5
|
+
* Internal design options for Streamgraph charts.
|
|
6
|
+
*/
|
|
7
|
+
export interface StreamgraphChartDesignOptions extends Omit<StackableChartDesignOptions, 'stackType'> {
|
|
8
|
+
/** Configuration for titles of series */
|
|
9
|
+
seriesTitles?: {
|
|
10
|
+
/** Boolean flag that defines if titles of series should be shown */
|
|
11
|
+
enabled: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Text style for series titles
|
|
14
|
+
*
|
|
15
|
+
* Font size and weight are calculated automatically
|
|
16
|
+
* */
|
|
17
|
+
textStyle?: Omit<TextStyle, 'pointerEvents' | 'textOverflow' | 'fontSize' | 'fontWeight'>;
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Data options internal format for streamgraph.
|
|
22
|
+
* Uses the same structure as other Cartesian charts.
|
|
23
|
+
*/
|
|
24
|
+
export type StreamgraphChartDataOptionsInternal = CartesianChartDataOptionsInternal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type CartesianChartTypes = 'column' | 'bar' | 'line' | 'area' | 'polar';
|
|
1
|
+
export type CartesianChartTypes = 'column' | 'bar' | 'line' | 'area' | 'polar' | 'streamgraph';
|
|
@@ -17,10 +17,6 @@ export declare const dataOptionsTranslators: {
|
|
|
17
17
|
* Gets measures from funnel chart data options.
|
|
18
18
|
*/
|
|
19
19
|
getMeasures: (internalDataOptions: FunnelChartDataOptionsInternal) => Measure[];
|
|
20
|
-
/**
|
|
21
|
-
* Validates and cleans funnel chart data options.
|
|
22
|
-
*/
|
|
23
|
-
validateAndCleanDataOptions: (dataOptions: FunnelChartDataOptions) => FunnelChartDataOptions;
|
|
24
20
|
/**
|
|
25
21
|
* Type guard to check if data options are funnel chart data options.
|
|
26
22
|
*/
|
|
@@ -20,3 +20,7 @@ export declare function isCategoricalChartDataOptions(dataOptions: ChartDataOpti
|
|
|
20
20
|
* Type guard to check if internal data options are categorical chart data options.
|
|
21
21
|
*/
|
|
22
22
|
export declare function isCategoricalChartDataOptionsInternal(dataOptions: ChartDataOptionsInternal): dataOptions is CategoricalChartDataOptionsInternal;
|
|
23
|
+
export declare function withDataOptionsLimitations({ maxCategories, maxValues, }: {
|
|
24
|
+
maxCategories: number;
|
|
25
|
+
maxValues: number;
|
|
26
|
+
}): (dataOptions: CategoricalChartDataOptions) => CategoricalChartDataOptions;
|
|
@@ -17,10 +17,6 @@ export declare const dataOptionsTranslators: {
|
|
|
17
17
|
* Gets measures from pie chart data options.
|
|
18
18
|
*/
|
|
19
19
|
getMeasures: (internalDataOptions: PieChartDataOptionsInternal) => Measure[];
|
|
20
|
-
/**
|
|
21
|
-
* Validates and cleans pie chart data options.
|
|
22
|
-
*/
|
|
23
|
-
validateAndCleanDataOptions: (dataOptions: PieChartDataOptions) => PieChartDataOptions;
|
|
24
20
|
/**
|
|
25
21
|
* Type guard to check if data options are pie chart data options.
|
|
26
22
|
*/
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
+
import { DeepPartial } from 'ts-essentials';
|
|
1
2
|
import { type ChartStyleOptions } from '../../../../../../types';
|
|
2
3
|
import type { SunburstChartDesignOptions, SunburstChartStyleOptions } from '../types';
|
|
3
4
|
export declare const designOptionsTranslators: {
|
|
4
5
|
translateStyleOptionsToDesignOptions: (styleOptions: SunburstChartStyleOptions) => SunburstChartDesignOptions;
|
|
6
|
+
getDefaultStyleOptions: () => SunburstChartStyleOptions;
|
|
7
|
+
translateLegacyStyleOptionsToModern: (styleOptions?: DeepPartial<SunburstChartStyleOptions>) => DeepPartial<SunburstChartStyleOptions>;
|
|
5
8
|
isCorrectStyleOptions: (styleOptions: ChartStyleOptions) => styleOptions is import('../../../../../../types').SunburstStyleOptions;
|
|
6
9
|
};
|
package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/types.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { TFunction } from '@sisense/sdk-common';
|
|
|
2
2
|
import { HighchartsOptionsInternal } from '../../../chart-options-processor/chart-options-service';
|
|
3
3
|
import { CompleteThemeSettings } from '../../../types';
|
|
4
4
|
import { TypedChartData, TypedDataOptionsInternal, TypedDesignOptions } from '../types';
|
|
5
|
-
export type HighchartBasedChartTypes = 'column' | 'bar' | 'line' | 'area' | 'polar' | 'pie' | 'funnel' | 'treemap' | 'calendar-heatmap' | 'sunburst';
|
|
5
|
+
export type HighchartBasedChartTypes = 'column' | 'bar' | 'line' | 'area' | 'streamgraph' | 'polar' | 'pie' | 'funnel' | 'treemap' | 'calendar-heatmap' | 'sunburst';
|
|
6
6
|
export type HighchartsOptionsBuilder<CT extends HighchartBasedChartTypes> = {
|
|
7
7
|
getChart: (ctx: BuildContext<CT>) => HighchartsOptionsInternal['chart'];
|
|
8
8
|
getSeries: (ctx: BuildContext<CT>) => HighchartsOptionsInternal['series'];
|
|
@@ -11,23 +11,23 @@ import { DesignOptions } from '../../chart-options-processor/translations/types'
|
|
|
11
11
|
import { AreamapProps } from '../../chart/restructured-charts/areamap-chart/renderer';
|
|
12
12
|
import { ScattermapProps } from '../../charts/map-charts/scattermap/scattermap';
|
|
13
13
|
import { QueryDescription } from '../../query/execute-query';
|
|
14
|
-
import type { AreamapStyleOptions, AreaStyleOptions, CalendarHeatmapStyleOptions, ChartDataOptions, ChartStyleOptions, FunnelStyleOptions, LineStyleOptions, PieStyleOptions, PolarStyleOptions, ScattermapStyleOptions, StackableStyleOptions, SunburstStyleOptions, TreemapStyleOptions } from '../../types';
|
|
14
|
+
import type { AreamapStyleOptions, AreaStyleOptions, CalendarHeatmapStyleOptions, ChartDataOptions, ChartStyleOptions, FunnelStyleOptions, LineStyleOptions, PieStyleOptions, PolarStyleOptions, ScattermapStyleOptions, StackableStyleOptions, StreamgraphStyleOptions, SunburstStyleOptions, TreemapStyleOptions } from '../../types';
|
|
15
15
|
import { AreamapData } from './areamap-chart/types';
|
|
16
16
|
import { CalendarHeatmapChartData } from './highchart-based-charts/calendar-heatmap-chart/data';
|
|
17
17
|
import { HighchartsBasedChartRendererProps } from './highchart-based-charts/highcharts-based-chart-renderer/highcharts-based-chart-renderer';
|
|
18
|
-
export type SupportedChartType = 'areamap' | 'column' | 'bar' | 'line' | 'area' | 'polar' | 'pie' | 'funnel' | 'calendar-heatmap' | 'treemap' | 'sunburst';
|
|
19
|
-
export type TypedChartDataOptions<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapChartDataOptions : CT extends 'scattermap' ? ScattermapChartDataOptions : CT extends 'pie' | 'funnel' | 'treemap' | 'sunburst' ? CategoricalChartDataOptions : CT extends 'column' | 'bar' | 'line' | 'area' | 'polar' ? CartesianChartDataOptions : CT extends 'calendar-heatmap' ? CalendarHeatmapChartDataOptions : never;
|
|
20
|
-
export type TypedDataOptionsInternal<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapChartDataOptionsInternal : CT extends 'scattermap' ? ScattermapChartDataOptionsInternal : CT extends 'pie' | 'funnel' | 'treemap' | 'sunburst' ? CategoricalChartDataOptionsInternal : CT extends 'column' | 'bar' | 'line' | 'area' | 'polar' ? CartesianChartDataOptionsInternal : CT extends 'calendar-heatmap' ? CalendarHeatmapChartDataOptionsInternal : never;
|
|
21
|
-
export type TypedChartStyleOptions<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapStyleOptions : CT extends 'scattermap' ? ScattermapStyleOptions : CT extends 'pie' ? PieStyleOptions : CT extends 'funnel' ? FunnelStyleOptions : CT extends 'treemap' ? TreemapStyleOptions : CT extends 'sunburst' ? SunburstStyleOptions : CT extends 'column' | 'bar' ? StackableStyleOptions : CT extends 'line' ? LineStyleOptions : CT extends 'area' ? AreaStyleOptions : CT extends 'polar' ? PolarStyleOptions : CT extends 'calendar-heatmap' ? CalendarHeatmapStyleOptions : never;
|
|
18
|
+
export type SupportedChartType = 'areamap' | 'column' | 'bar' | 'line' | 'area' | 'polar' | 'pie' | 'funnel' | 'calendar-heatmap' | 'treemap' | 'sunburst' | 'streamgraph';
|
|
19
|
+
export type TypedChartDataOptions<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapChartDataOptions : CT extends 'scattermap' ? ScattermapChartDataOptions : CT extends 'pie' | 'funnel' | 'treemap' | 'sunburst' ? CategoricalChartDataOptions : CT extends 'column' | 'bar' | 'line' | 'area' | 'polar' | 'streamgraph' ? CartesianChartDataOptions : CT extends 'calendar-heatmap' ? CalendarHeatmapChartDataOptions : never;
|
|
20
|
+
export type TypedDataOptionsInternal<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapChartDataOptionsInternal : CT extends 'scattermap' ? ScattermapChartDataOptionsInternal : CT extends 'pie' | 'funnel' | 'treemap' | 'sunburst' ? CategoricalChartDataOptionsInternal : CT extends 'column' | 'bar' | 'line' | 'area' | 'polar' | 'streamgraph' ? CartesianChartDataOptionsInternal : CT extends 'calendar-heatmap' ? CalendarHeatmapChartDataOptionsInternal : never;
|
|
21
|
+
export type TypedChartStyleOptions<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapStyleOptions : CT extends 'scattermap' ? ScattermapStyleOptions : CT extends 'pie' ? PieStyleOptions : CT extends 'funnel' ? FunnelStyleOptions : CT extends 'treemap' ? TreemapStyleOptions : CT extends 'sunburst' ? SunburstStyleOptions : CT extends 'column' | 'bar' ? StackableStyleOptions : CT extends 'line' ? LineStyleOptions : CT extends 'area' ? AreaStyleOptions : CT extends 'polar' ? PolarStyleOptions : CT extends 'calendar-heatmap' ? CalendarHeatmapStyleOptions : CT extends 'streamgraph' ? StreamgraphStyleOptions : never;
|
|
22
22
|
export type TypedDesignOptions<CT extends SupportedChartType> = DesignOptions<CT>;
|
|
23
|
-
export type TypedChartData<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapData : CT extends 'scattermap' ? ScattermapChartData : CT extends 'pie' | 'funnel' | 'treemap' | 'sunburst' ? CategoricalChartData : CT extends 'column' | 'bar' | 'line' | 'area' | 'polar' ? CartesianChartData : CT extends 'calendar-heatmap' ? CalendarHeatmapChartData : never;
|
|
23
|
+
export type TypedChartData<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapData : CT extends 'scattermap' ? ScattermapChartData : CT extends 'pie' | 'funnel' | 'treemap' | 'sunburst' ? CategoricalChartData : CT extends 'column' | 'bar' | 'line' | 'area' | 'polar' | 'streamgraph' ? CartesianChartData : CT extends 'calendar-heatmap' ? CalendarHeatmapChartData : never;
|
|
24
24
|
export type TypedLoadDataFunction<CT extends SupportedChartType> = (options: {
|
|
25
25
|
app: ClientApplication;
|
|
26
26
|
chartDataOptionsInternal: TypedDataOptionsInternal<CT>;
|
|
27
27
|
queryDescription: QueryDescription;
|
|
28
28
|
executionConfig?: QueryExecutionConfig;
|
|
29
29
|
}) => Promise<QueryResultData>;
|
|
30
|
-
export type TypedChartRendererProps<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapProps : CT extends 'scattermap' ? ScattermapProps : CT extends 'column' | 'bar' | 'line' | 'area' | 'polar' | 'pie' | 'funnel' | 'calendar-heatmap' | 'treemap' | 'sunburst' ? HighchartsBasedChartRendererProps<CT> : never;
|
|
30
|
+
export type TypedChartRendererProps<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapProps : CT extends 'scattermap' ? ScattermapProps : CT extends 'column' | 'bar' | 'line' | 'area' | 'polar' | 'pie' | 'funnel' | 'calendar-heatmap' | 'treemap' | 'sunburst' | 'streamgraph' ? HighchartsBasedChartRendererProps<CT> : never;
|
|
31
31
|
/**
|
|
32
32
|
* Chart builder interface.
|
|
33
33
|
*/
|
|
@@ -48,10 +48,6 @@ export interface ChartBuilder<CT extends SupportedChartType = SupportedChartType
|
|
|
48
48
|
* Returns the measures from the internal data options.
|
|
49
49
|
*/
|
|
50
50
|
getMeasures: (internalDataOptions: TypedDataOptionsInternal<CT>) => Measure[];
|
|
51
|
-
/**
|
|
52
|
-
* Validates and cleans the data options if needed.
|
|
53
|
-
*/
|
|
54
|
-
validateAndCleanDataOptions?: (dataOptions: TypedChartDataOptions<CT>) => TypedChartDataOptions<CT>;
|
|
55
51
|
/**
|
|
56
52
|
* Checks if the data options are correct for the current chart type.
|
|
57
53
|
*/
|
|
@@ -3,7 +3,7 @@ import { CategoricalChartDataOptionsInternal } from '../../chart-data-options/ty
|
|
|
3
3
|
import { CategoricalChartData } from '../../chart-data/types';
|
|
4
4
|
import { CompleteThemeSettings, OptionsWithAlerts } from '../../types';
|
|
5
5
|
import { HighchartsOptionsInternal } from '../chart-options-service';
|
|
6
|
-
import {
|
|
6
|
+
import { SunburstChartDesignOptions } from '../translations/design-options';
|
|
7
7
|
/**
|
|
8
8
|
* Convert intermediate chart data, data options, and design options
|
|
9
9
|
* into pure highcharts config data for sunburst charts.
|
|
@@ -14,4 +14,4 @@ import { TreemapChartDesignOptions } from '../translations/design-options';
|
|
|
14
14
|
* @param translate - translation function
|
|
15
15
|
* @param themeSettings - theme settings
|
|
16
16
|
*/
|
|
17
|
-
export declare const getSunburstChartOptions: (chartData: CategoricalChartData, chartDesignOptions:
|
|
17
|
+
export declare const getSunburstChartOptions: (chartData: CategoricalChartData, chartDesignOptions: SunburstChartDesignOptions, dataOptions: CategoricalChartDataOptionsInternal, translate: TFunction, themeSettings?: CompleteThemeSettings) => OptionsWithAlerts<HighchartsOptionsInternal>;
|
|
@@ -85,7 +85,7 @@ type ChartPlotOptions = {
|
|
|
85
85
|
};
|
|
86
86
|
tooltip?: TooltipSettings;
|
|
87
87
|
};
|
|
88
|
-
export type Stacking = 'normal' | 'percent';
|
|
88
|
+
export type Stacking = 'normal' | 'percent' | 'stream';
|
|
89
89
|
export type PlotOptions = {
|
|
90
90
|
series: {
|
|
91
91
|
lineWidth?: number;
|
|
@@ -112,6 +112,17 @@ export type PlotOptions = {
|
|
|
112
112
|
animation?: {
|
|
113
113
|
duration?: number;
|
|
114
114
|
};
|
|
115
|
+
/** Series labels are automatically placed as close to the series as possible. */
|
|
116
|
+
label?: {
|
|
117
|
+
enabled?: boolean;
|
|
118
|
+
minFontSize?: number;
|
|
119
|
+
maxFontSize?: number;
|
|
120
|
+
style?: {
|
|
121
|
+
color?: string;
|
|
122
|
+
fontWeight?: string;
|
|
123
|
+
fontSize?: string;
|
|
124
|
+
};
|
|
125
|
+
};
|
|
115
126
|
};
|
|
116
127
|
line?: ChartPlotOptions;
|
|
117
128
|
area?: ChartPlotOptions;
|
|
@@ -125,6 +136,21 @@ export type PlotOptions = {
|
|
|
125
136
|
scatter?: ChartPlotOptions;
|
|
126
137
|
arearange?: ChartPlotOptions;
|
|
127
138
|
heatmap?: ChartPlotOptions;
|
|
139
|
+
streamgraph?: {
|
|
140
|
+
lineWidth?: number;
|
|
141
|
+
fillOpacity?: number;
|
|
142
|
+
label?: {
|
|
143
|
+
enabled?: boolean;
|
|
144
|
+
minFontSize?: number;
|
|
145
|
+
maxFontSize?: number;
|
|
146
|
+
style?: {
|
|
147
|
+
color?: string;
|
|
148
|
+
fontWeight?: string;
|
|
149
|
+
fontSize?: string;
|
|
150
|
+
};
|
|
151
|
+
};
|
|
152
|
+
dataLabels?: DataLabelsSettings;
|
|
153
|
+
};
|
|
128
154
|
};
|
|
129
155
|
/**
|
|
130
156
|
* Highcharts options internal
|
|
@@ -92,6 +92,7 @@ export type PieChartDesignOptions = BaseDesignOptionsType & {
|
|
|
92
92
|
pieType?: PieType;
|
|
93
93
|
convolution?: Convolution;
|
|
94
94
|
seriesLabels?: PieSeriesLabels;
|
|
95
|
+
semiCircle?: boolean;
|
|
95
96
|
};
|
|
96
97
|
export type FunnelChartDesignOptions = Omit<BaseDesignOptionsType, 'seriesLabels'> & {
|
|
97
98
|
funnelSize?: FunnelSize;
|
|
@@ -24,7 +24,17 @@ export type PieOptions = {
|
|
|
24
24
|
};
|
|
25
25
|
showInLegend: boolean;
|
|
26
26
|
innerSize?: InnerSize;
|
|
27
|
+
startAngle?: number;
|
|
28
|
+
endAngle?: number;
|
|
29
|
+
center?: [string | number, string | number];
|
|
27
30
|
};
|
|
28
31
|
type InnerSize = '0%' | '40%' | '80%';
|
|
29
|
-
export
|
|
32
|
+
export type GetPiePlotOptionsParams = {
|
|
33
|
+
pieType?: PieType;
|
|
34
|
+
seriesLabels?: PieSeriesLabels;
|
|
35
|
+
chartDataOptions: ChartDataOptionsInternal;
|
|
36
|
+
themeSettings?: CompleteThemeSettings;
|
|
37
|
+
semiCircle?: boolean;
|
|
38
|
+
};
|
|
39
|
+
export declare const getPiePlotOptions: ({ pieType, seriesLabels, chartDataOptions, themeSettings, semiCircle, }: GetPiePlotOptionsParams) => PlotOptions;
|
|
30
40
|
export {};
|
package/dist/packages/sdk-ui/src/chart-options-processor/translations/sunburst/sunburst-levels.d.ts
CHANGED
|
@@ -3,10 +3,36 @@ import { CategoricalChartDataOptionsInternal } from '../../../chart-data-options
|
|
|
3
3
|
import { CategoricalChartData } from '../../../chart-data/types';
|
|
4
4
|
import { CompleteThemeSettings } from '../../../types';
|
|
5
5
|
import { SunburstChartDesignOptions } from '../design-options';
|
|
6
|
-
export declare function prepareSunburstLevels(chartData: CategoricalChartData, dataOptions: CategoricalChartDataOptionsInternal, designOptions: SunburstChartDesignOptions, themeSettings?: CompleteThemeSettings): {
|
|
6
|
+
export declare function prepareSunburstLevels(chartData: CategoricalChartData, dataOptions: CategoricalChartDataOptionsInternal, designOptions: SunburstChartDesignOptions, themeSettings?: CompleteThemeSettings): ({
|
|
7
7
|
level: number;
|
|
8
|
+
color: string;
|
|
8
9
|
dataLabels: {
|
|
9
10
|
enabled: boolean;
|
|
11
|
+
useHTML: boolean;
|
|
12
|
+
className: string;
|
|
10
13
|
formatter(this: PointLabelObject): string;
|
|
11
14
|
};
|
|
12
|
-
|
|
15
|
+
levelSize: {
|
|
16
|
+
unit: string;
|
|
17
|
+
value: any;
|
|
18
|
+
};
|
|
19
|
+
} | {
|
|
20
|
+
level: number;
|
|
21
|
+
dataLabels: {
|
|
22
|
+
formatter(this: PointLabelObject): string;
|
|
23
|
+
enabled: boolean;
|
|
24
|
+
rotation?: number | undefined;
|
|
25
|
+
inside?: boolean | undefined;
|
|
26
|
+
align?: "center" | "left" | "right" | undefined;
|
|
27
|
+
verticalAlign?: "top" | "middle" | "bottom" | undefined;
|
|
28
|
+
style?: import("../types").TextStyle | undefined;
|
|
29
|
+
backgroundColor?: string | import("../../..").HighchartsGradientColorObject | undefined;
|
|
30
|
+
borderColor?: string | import("../../..").HighchartsGradientColorObject | undefined;
|
|
31
|
+
borderRadius?: number | undefined;
|
|
32
|
+
borderWidth?: number | undefined;
|
|
33
|
+
padding?: number | undefined;
|
|
34
|
+
x?: number | undefined;
|
|
35
|
+
y?: number | undefined;
|
|
36
|
+
useHTML: boolean;
|
|
37
|
+
};
|
|
38
|
+
})[];
|
package/dist/packages/sdk-ui/src/chart-options-processor/translations/sunburst/sunburst-options.d.ts
CHANGED
|
@@ -61,13 +61,39 @@ export declare function prepareSunburstSeries(chartData: CategoricalChartData, d
|
|
|
61
61
|
average: number;
|
|
62
62
|
} | undefined;
|
|
63
63
|
})[];
|
|
64
|
-
levels: {
|
|
64
|
+
levels: ({
|
|
65
65
|
level: number;
|
|
66
|
+
color: string;
|
|
66
67
|
dataLabels: {
|
|
67
68
|
enabled: boolean;
|
|
69
|
+
useHTML: boolean;
|
|
70
|
+
className: string;
|
|
68
71
|
formatter(this: import("highcharts").PointLabelObject): string;
|
|
69
72
|
};
|
|
70
|
-
|
|
73
|
+
levelSize: {
|
|
74
|
+
unit: string;
|
|
75
|
+
value: any;
|
|
76
|
+
};
|
|
77
|
+
} | {
|
|
78
|
+
level: number;
|
|
79
|
+
dataLabels: {
|
|
80
|
+
formatter(this: import("highcharts").PointLabelObject): string;
|
|
81
|
+
enabled: boolean;
|
|
82
|
+
rotation?: number | undefined;
|
|
83
|
+
inside?: boolean | undefined;
|
|
84
|
+
align?: "center" | "left" | "right" | undefined;
|
|
85
|
+
verticalAlign?: "top" | "middle" | "bottom" | undefined;
|
|
86
|
+
style?: import("../types").TextStyle | undefined;
|
|
87
|
+
backgroundColor?: string | import("../../..").HighchartsGradientColorObject | undefined;
|
|
88
|
+
borderColor?: string | import("../../..").HighchartsGradientColorObject | undefined;
|
|
89
|
+
borderRadius?: number | undefined;
|
|
90
|
+
borderWidth?: number | undefined;
|
|
91
|
+
padding?: number | undefined;
|
|
92
|
+
x?: number | undefined;
|
|
93
|
+
y?: number | undefined;
|
|
94
|
+
useHTML: boolean;
|
|
95
|
+
};
|
|
96
|
+
})[];
|
|
71
97
|
showInLegend: boolean;
|
|
72
98
|
turboThreshold: number;
|
|
73
99
|
type: string;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { AreamapChartDesignOptions } from '../../chart/restructured-charts/areamap-chart/types';
|
|
2
|
+
import { StreamgraphChartDesignOptions } from '../../chart/restructured-charts/highchart-based-charts/cartesians/stackable/streamgraph-chart/types';
|
|
2
3
|
import { ChartType } from '../../types';
|
|
3
|
-
import { AreaChartDesignOptions, AreaRangeChartDesignOptions, BarChartDesignOptions, BaseDesignOptionsType, BoxplotChartDesignOptions, CalendarHeatmapChartDesignOptions, ColumnChartDesignOptions, FunnelChartDesignOptions, IndicatorChartDesignOptions, LineChartDesignOptions, PieChartDesignOptions, PolarChartDesignOptions, ScatterChartDesignOptions, ScattermapChartDesignOptions, TreemapChartDesignOptions } from './design-options';
|
|
4
|
+
import { AreaChartDesignOptions, AreaRangeChartDesignOptions, BarChartDesignOptions, BaseDesignOptionsType, BoxplotChartDesignOptions, CalendarHeatmapChartDesignOptions, ColumnChartDesignOptions, FunnelChartDesignOptions, IndicatorChartDesignOptions, LineChartDesignOptions, PieChartDesignOptions, PolarChartDesignOptions, ScatterChartDesignOptions, ScattermapChartDesignOptions, SunburstChartDesignOptions, TreemapChartDesignOptions } from './design-options';
|
|
4
5
|
/**
|
|
5
6
|
* Style configuration for text elements in charts and UI components.
|
|
6
7
|
* Defines the visual appearance and behavior of text rendering.
|
|
@@ -52,7 +53,7 @@ export type TextStyle = {
|
|
|
52
53
|
};
|
|
53
54
|
export declare const POLAR_CHART_TYPES: readonly ["polar"];
|
|
54
55
|
export type PolarChartType = (typeof POLAR_CHART_TYPES)[number];
|
|
55
|
-
export declare const CARTESIAN_CHART_TYPES: readonly ["line", "area", "bar", "column", "polar"];
|
|
56
|
+
export declare const CARTESIAN_CHART_TYPES: readonly ["line", "area", "bar", "column", "streamgraph", "polar"];
|
|
56
57
|
/** Cartesian family of chart types @expandType */
|
|
57
58
|
export type CartesianChartType = (typeof CARTESIAN_CHART_TYPES)[number];
|
|
58
59
|
export declare const CATEGORICAL_CHART_TYPES: readonly ["pie", "funnel", "treemap", "sunburst"];
|
|
@@ -94,7 +95,7 @@ export type ChartDataType = 'cartesian' | 'categorical' | 'scatter' | 'table' |
|
|
|
94
95
|
/**
|
|
95
96
|
* Design options for a specific chart type
|
|
96
97
|
*/
|
|
97
|
-
export type DesignOptions<SpecificChartType extends ChartType = ChartType> = SpecificChartType extends 'line' ? LineChartDesignOptions : SpecificChartType extends 'area' ? AreaChartDesignOptions : SpecificChartType extends 'bar' ? BarChartDesignOptions : SpecificChartType extends 'column' ? ColumnChartDesignOptions : SpecificChartType extends 'pie' ? PieChartDesignOptions : SpecificChartType extends 'funnel' ? FunnelChartDesignOptions : SpecificChartType extends 'polar' ? PolarChartDesignOptions : SpecificChartType extends 'indicator' ? IndicatorChartDesignOptions : SpecificChartType extends 'scatter' ? ScatterChartDesignOptions : SpecificChartType extends 'treemap' ? TreemapChartDesignOptions : SpecificChartType extends 'sunburst' ?
|
|
98
|
+
export type DesignOptions<SpecificChartType extends ChartType = ChartType> = SpecificChartType extends 'line' ? LineChartDesignOptions : SpecificChartType extends 'area' ? AreaChartDesignOptions : SpecificChartType extends 'bar' ? BarChartDesignOptions : SpecificChartType extends 'column' ? ColumnChartDesignOptions : SpecificChartType extends 'streamgraph' ? StreamgraphChartDesignOptions : SpecificChartType extends 'pie' ? PieChartDesignOptions : SpecificChartType extends 'funnel' ? FunnelChartDesignOptions : SpecificChartType extends 'polar' ? PolarChartDesignOptions : SpecificChartType extends 'indicator' ? IndicatorChartDesignOptions : SpecificChartType extends 'scatter' ? ScatterChartDesignOptions : SpecificChartType extends 'treemap' ? TreemapChartDesignOptions : SpecificChartType extends 'sunburst' ? SunburstChartDesignOptions : SpecificChartType extends 'boxplot' ? BoxplotChartDesignOptions : SpecificChartType extends 'areamap' ? AreamapChartDesignOptions : SpecificChartType extends 'scattermap' ? ScattermapChartDesignOptions : SpecificChartType extends 'calendar-heatmap' ? CalendarHeatmapChartDesignOptions : SpecificChartType extends 'arearange' ? AreaRangeChartDesignOptions : never;
|
|
98
99
|
/** A unique identifier for a series to be found in {@link ChartDataOptionsInternal} */
|
|
99
100
|
type SeriesId = string;
|
|
100
101
|
/**
|
|
@@ -111,7 +112,7 @@ export type SeriesDesignOptions = Pick<BaseDesignOptionsType, 'marker'> & Pick<L
|
|
|
111
112
|
export type DesignPerSeries = {
|
|
112
113
|
designPerSeries: Record<SeriesId, SeriesDesignOptions>;
|
|
113
114
|
};
|
|
114
|
-
export declare const isCartesian: (chartType: ChartType) => chartType is "area" | "line" | "bar" | "column" | "polar";
|
|
115
|
+
export declare const isCartesian: (chartType: ChartType) => chartType is "area" | "line" | "bar" | "column" | "streamgraph" | "polar";
|
|
115
116
|
export declare const isCategorical: (chartType: ChartType) => chartType is "pie" | "funnel" | "treemap" | "sunburst";
|
|
116
117
|
export declare const isScatter: (chartType: ChartType) => chartType is "scatter";
|
|
117
118
|
export declare const isScattermap: (chartType: ChartType) => chartType is "scattermap";
|
|
@@ -122,6 +123,6 @@ export declare const isBoxplot: (chartType: ChartType) => chartType is "boxplot"
|
|
|
122
123
|
export declare const isAreamap: (chartType: ChartType) => chartType is "areamap";
|
|
123
124
|
export declare const isRange: (chartType: ChartType) => chartType is "arearange";
|
|
124
125
|
export declare const isCalendarHeatmap: (chartType: ChartType) => chartType is "calendar-heatmap";
|
|
125
|
-
export declare const ALL_CHART_TYPES: readonly ["line", "area", "bar", "column", "polar", "pie", "funnel", "treemap", "sunburst", "scatter", "table", "indicator", "boxplot", "areamap", "image", "scattermap", "calendar-heatmap", "arearange"];
|
|
126
|
+
export declare const ALL_CHART_TYPES: readonly ["line", "area", "bar", "column", "streamgraph", "polar", "pie", "funnel", "treemap", "sunburst", "scatter", "table", "indicator", "boxplot", "areamap", "image", "scattermap", "calendar-heatmap", "arearange"];
|
|
126
127
|
export type DynamicChartType = (typeof ALL_CHART_TYPES)[number];
|
|
127
128
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const HEADER_HEIGHT = 26;
|
|
2
2
|
export declare const ROW_HEIGHT = 26;
|
|
3
|
-
export declare const DEFAULT_PADDING =
|
|
3
|
+
export declare const DEFAULT_PADDING = 8;
|
|
4
4
|
export declare const HEADER_PADDING = 36;
|
|
5
5
|
export declare const HEADER_TYPE_ICON_SPACING = 29;
|
|
6
6
|
export declare const DATA_PADDING = 24;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Attribute, Filter } from '@sisense/sdk-data';
|
|
2
2
|
import { WidgetTypeInternal } from '../models/widget/types.js';
|
|
3
|
-
import { ChartDataOptions, ChartDataPoint, MenuItemSection } from '../types.js';
|
|
3
|
+
import { ChartDataOptions, ChartDataPoint, MenuItemSection, PivotTableDataPoint } from '../types.js';
|
|
4
4
|
import { PivotTableDataOptions } from '../chart-data-options/types.js';
|
|
5
5
|
export declare const SELECTION_TITLE_MAXIMUM_ITEMS = 2;
|
|
6
6
|
type DataSelection = {
|
|
@@ -8,7 +8,7 @@ type DataSelection = {
|
|
|
8
8
|
values: (string | number)[];
|
|
9
9
|
displayValues: string[];
|
|
10
10
|
};
|
|
11
|
-
export declare function getWidgetSelections(widgetType: WidgetTypeInternal, dataOptions: ChartDataOptions | PivotTableDataOptions, points: Array<ChartDataPoint>): DataSelection[];
|
|
11
|
+
export declare function getWidgetSelections(widgetType: WidgetTypeInternal, dataOptions: ChartDataOptions | PivotTableDataOptions, points: Array<ChartDataPoint | PivotTableDataPoint>): DataSelection[];
|
|
12
12
|
export declare function getSelectableWidgetAttributes(widgetType: WidgetTypeInternal, dataOptions: ChartDataOptions | PivotTableDataOptions): Attribute[];
|
|
13
13
|
type FiltersWithSelectionFlag = {
|
|
14
14
|
filters: Filter[];
|
|
@@ -1,18 +1,33 @@
|
|
|
1
1
|
import { TableType } from '../chart-options-processor/translations/types';
|
|
2
2
|
import { ChartType } from '../types';
|
|
3
3
|
export declare const DEFAULT_PIVOT_TABLE_SIZE: {
|
|
4
|
-
width:
|
|
5
|
-
height:
|
|
4
|
+
readonly width: 400;
|
|
5
|
+
readonly height: 500;
|
|
6
6
|
};
|
|
7
7
|
export declare const getChartDefaultSize: (chartType: ChartType | TableType) => {
|
|
8
|
-
width:
|
|
9
|
-
height:
|
|
8
|
+
readonly width: 400;
|
|
9
|
+
readonly height: 500;
|
|
10
|
+
} | {
|
|
11
|
+
readonly width: 200;
|
|
12
|
+
readonly height: 200;
|
|
13
|
+
} | {
|
|
14
|
+
readonly width: 400;
|
|
15
|
+
readonly height: 400;
|
|
10
16
|
};
|
|
11
17
|
type WidgetSizeOptions = {
|
|
12
18
|
hasHeader?: boolean;
|
|
13
19
|
};
|
|
14
20
|
export declare const getWidgetDefaultSize: (type: ChartType | TableType | 'pivot', { hasHeader }?: WidgetSizeOptions) => {
|
|
15
|
-
width:
|
|
21
|
+
readonly width: 400;
|
|
22
|
+
readonly height: 500;
|
|
23
|
+
} | {
|
|
24
|
+
readonly width: 200;
|
|
25
|
+
readonly height: 200;
|
|
26
|
+
} | {
|
|
27
|
+
readonly width: 400;
|
|
28
|
+
readonly height: 400;
|
|
29
|
+
} | {
|
|
30
|
+
width: 400 | 200;
|
|
16
31
|
height: number;
|
|
17
32
|
};
|
|
18
33
|
export {};
|
|
@@ -4,3 +4,12 @@ import { FiltersPanelConfig } from './types';
|
|
|
4
4
|
* Default configuration for the filters panel
|
|
5
5
|
*/
|
|
6
6
|
export declare const DEFAULT_FILTERS_PANEL_CONFIG: DeepRequired<FiltersPanelConfig>;
|
|
7
|
+
/**
|
|
8
|
+
* Border settings for the filters panel
|
|
9
|
+
*/
|
|
10
|
+
export declare const BORDER_COLOR = "#dadada";
|
|
11
|
+
export declare const BORDER_THICKNESS = "1px";
|
|
12
|
+
/**
|
|
13
|
+
* Minimum width for filter tiles in the filters panel
|
|
14
|
+
*/
|
|
15
|
+
export declare const FILTER_TILE_MIN_WIDTH = 214;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { HighchartsOptionsInternal } from './chart-options-processor/chart-options-service';
|
|
2
|
+
type HighchartsRendererProps = {
|
|
3
|
+
options: HighchartsOptionsInternal;
|
|
4
|
+
};
|
|
5
|
+
/**
|
|
6
|
+
* Renders a Highcharts chart with optimized behavior
|
|
7
|
+
*
|
|
8
|
+
* This component wraps the `HighchartsReact` component and ensures efficient re-renders
|
|
9
|
+
* by detecting key changes that require chart re-initialization.
|
|
10
|
+
* It also handles cases where Highcharts mutates input options by making deep clone.
|
|
11
|
+
*/
|
|
12
|
+
export declare const HighchartsRenderer: ({ options }: HighchartsRendererProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -24,6 +24,7 @@ export { DrilldownBreadcrumbs } from './widgets/common/drilldown-breadcrumbs';
|
|
|
24
24
|
export * from './line-chart';
|
|
25
25
|
export * from './column-chart';
|
|
26
26
|
export * from './area-chart';
|
|
27
|
+
export * from './streamgraph-chart';
|
|
27
28
|
export * from './pie-chart';
|
|
28
29
|
export * from './bar-chart';
|
|
29
30
|
export * from './funnel-chart';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { ChartType, TableType } from '../../types';
|
|
2
|
-
export declare function getNoResultOverlayImage(type: ChartType | TableType):
|
|
2
|
+
export declare function getNoResultOverlayImage(type: ChartType | TableType): any;
|