@sisense/sdk-ui 2.15.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-DHOhho50.js → derive-chart-family-DLwnWblo.js} +7991 -7878
- package/dist/derive-chart-family-d7eaC45K.cjs +190 -0
- package/dist/{dimensions-CtINdhqK.cjs → dimensions-BUWtZxix.cjs} +1 -1
- package/dist/{dimensions-Biz7anQc.js → dimensions-DvDgZ8RW.js} +1 -1
- package/dist/{execute-query-k_ytd_Rf.cjs → execute-query-CB4XfUng.cjs} +1 -1
- package/dist/{execute-query-D1JOjJ8n.js → execute-query-CFK2R_1S.js} +681 -643
- package/dist/index.cjs +1549 -32
- package/dist/index.js +14125 -13178
- package/dist/index.umd.js +2724 -393
- 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 +9 -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/types.d.ts +1 -1
- package/dist/packages/sdk-ui/src/chart/restructured-charts/types.d.ts +7 -7
- 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/types.d.ts +5 -4
- package/dist/packages/sdk-ui/src/charts/table/styles/style-constants.d.ts +1 -1
- package/dist/packages/sdk-ui/src/common-filters/selection-utils.d.ts +2 -2
- package/dist/packages/sdk-ui/src/filters/components/filters-panel/constants.d.ts +9 -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 +5 -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/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/types.d.ts +84 -4
- 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 +1 -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-B8jkBXCe.cjs → types-Clbnx4mQ.cjs} +1 -1
- package/dist/{types-DZhBEm3K.js → types-D1mqt0Mg.js} +2 -8
- package/dist/use-common-filters-CkQznSEt.cjs +1325 -0
- package/dist/{use-common-filters-8MsC7-0N.js → use-common-filters-CxoO7TzT.js} +44085 -33463
- package/dist/{widget-composer-DBwcb3ao.cjs → widget-composer-BaOTPn5w.cjs} +1 -1
- package/dist/{widget-composer-D-ktDgUE.js → widget-composer-Dhl_nmhq.js} +115 -111
- package/package.json +8 -9
- package/dist/derive-chart-family-0J_WPLDy.cjs +0 -190
- package/dist/packages/sdk-ui/src/common/icons/edit-pencil-icon.d.ts +0 -3
- package/dist/use-common-filters-DlP4xqST.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;
|
|
@@ -166,6 +166,15 @@ export type AppConfig = {
|
|
|
166
166
|
* */
|
|
167
167
|
sanitizeContents?: boolean;
|
|
168
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;
|
|
169
178
|
};
|
|
170
179
|
};
|
|
171
180
|
};
|
|
@@ -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';
|
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
|
*/
|
|
@@ -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 {};
|
|
@@ -1,4 +1,5 @@
|
|
|
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
4
|
import { AreaChartDesignOptions, AreaRangeChartDesignOptions, BarChartDesignOptions, BaseDesignOptionsType, BoxplotChartDesignOptions, CalendarHeatmapChartDesignOptions, ColumnChartDesignOptions, FunnelChartDesignOptions, IndicatorChartDesignOptions, LineChartDesignOptions, PieChartDesignOptions, PolarChartDesignOptions, ScatterChartDesignOptions, ScattermapChartDesignOptions, SunburstChartDesignOptions, TreemapChartDesignOptions } from './design-options';
|
|
4
5
|
/**
|
|
@@ -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' ? SunburstChartDesignOptions : SpecificChartType extends 'boxplot' ? BoxplotChartDesignOptions : SpecificChartType extends 'areamap' ? AreamapChartDesignOptions : SpecificChartType extends 'scattermap' ? ScattermapChartDesignOptions : SpecificChartType extends 'calendar-heatmap' ? CalendarHeatmapChartDesignOptions : SpecificChartType extends 'arearange' ? AreaRangeChartDesignOptions : never;
|
|
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[];
|
|
@@ -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;
|
|
@@ -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;
|
|
@@ -30,11 +30,15 @@ type PivotRenderOptions = {
|
|
|
30
30
|
pageSize: number;
|
|
31
31
|
/** Callback to handle page size. */
|
|
32
32
|
onPageSizeChange: (newPageSize: number) => void;
|
|
33
|
+
/** The list of image columns */
|
|
34
|
+
imageColumns?: number[];
|
|
35
|
+
/** Boolean flag whether to always show the results per page select */
|
|
36
|
+
alwaysShowResultsPerPage?: boolean;
|
|
33
37
|
};
|
|
34
38
|
/**
|
|
35
39
|
* A hook that renders the pivot table.
|
|
36
40
|
*/
|
|
37
|
-
export declare function useRenderPivot({ pivotBuilder, dataOptions, styleOptions, themeSettings, size, allowHtml, sanitizeHtml, onTotalHeightChange, onDataPointClick, onDataPointContextMenu, pageSize, onPageSizeChange, isFullWidth, }: PivotRenderOptions): {
|
|
41
|
+
export declare function useRenderPivot({ pivotBuilder, dataOptions, styleOptions, themeSettings, size, allowHtml, sanitizeHtml, onTotalHeightChange, onDataPointClick, onDataPointContextMenu, pageSize, onPageSizeChange, isFullWidth, imageColumns, alwaysShowResultsPerPage, }: PivotRenderOptions): {
|
|
38
42
|
pivotElement: JSX.Element | null;
|
|
39
43
|
};
|
|
40
44
|
export {};
|
|
@@ -9,7 +9,7 @@ import { Hierarchy } from './models';
|
|
|
9
9
|
import { type CustomDataCellFormatter, type CustomHeaderCellFormatter } from './pivot-table/formatters/types';
|
|
10
10
|
import { ExecuteQueryParams, QueryByWidgetIdState } from './query-execution';
|
|
11
11
|
import { ExecuteQueryResult } from './query-execution/types';
|
|
12
|
-
import { AreamapDataPoint, AreamapStyleOptions, AreaRangeStyleOptions, AreaStyleOptions, BoxplotDataPoint, BoxplotStyleOptions, CalendarHeatmapDataPoint, CalendarHeatmapStyleOptions, CartesianChartDataOptions, CategoricalChartDataOptions, ChartDataOptions, ChartDataPoints, ChartStyleOptions, ChartType, ChartWidgetStyleOptions, CustomDrilldownResult, CustomWidgetStyleOptions, DataPoint, DrilldownOptions, DrilldownSelection, FunnelStyleOptions, GenericDataOptions, IndicatorDataPoint, IndicatorRenderOptions, IndicatorStyleOptions, LineStyleOptions, MenuAlignment, MenuItemSection, MenuPosition, PieStyleOptions, PivotTableDataPoint, PivotTableStyleOptions, PivotTableWidgetStyleOptions, PolarStyleOptions, RegularChartStyleOptions, RegularChartType, ScatterDataPoint, ScattermapDataPoint, ScattermapStyleOptions, ScatterStyleOptions, StackableStyleOptions, SunburstStyleOptions, TableStyleOptions, TableWidgetStyleOptions, TabularChartStyleOptions, TextWidgetDataPoint, TextWidgetStyleOptions, ThemeOid, ThemeSettings, TreemapStyleOptions, WidgetByIdStyleOptions } from './types';
|
|
12
|
+
import { AreamapDataPoint, AreamapStyleOptions, AreaRangeStyleOptions, AreaStyleOptions, BoxplotDataPoint, BoxplotStyleOptions, CalendarHeatmapDataPoint, CalendarHeatmapStyleOptions, CartesianChartDataOptions, CategoricalChartDataOptions, ChartDataOptions, ChartDataPoints, ChartStyleOptions, ChartType, ChartWidgetStyleOptions, CustomDrilldownResult, CustomWidgetStyleOptions, DataPoint, DrilldownOptions, DrilldownSelection, FunnelStyleOptions, GenericDataOptions, IndicatorDataPoint, IndicatorRenderOptions, IndicatorStyleOptions, LineStyleOptions, MenuAlignment, MenuItemSection, MenuPosition, PieStyleOptions, PivotTableDataPoint, PivotTableStyleOptions, PivotTableWidgetStyleOptions, PolarStyleOptions, RegularChartStyleOptions, RegularChartType, ScatterDataPoint, ScattermapDataPoint, ScattermapStyleOptions, ScatterStyleOptions, StackableStyleOptions, StreamgraphStyleOptions, SunburstStyleOptions, TableStyleOptions, TableWidgetStyleOptions, TabularChartStyleOptions, TextWidgetDataPoint, TextWidgetStyleOptions, ThemeConfig, ThemeOid, ThemeSettings, TreemapStyleOptions, WidgetByIdStyleOptions } from './types';
|
|
13
13
|
import { DistributiveOmit } from './utils/utility-types/distributive-omit';
|
|
14
14
|
import { FiltersMergeStrategy } from './widget-by-id/types';
|
|
15
15
|
export type { TabberButtonsWidgetProps } from './widgets/tabber/types';
|
|
@@ -184,6 +184,8 @@ export type ThemeProviderProps = PropsWithChildren<{
|
|
|
184
184
|
* @internal
|
|
185
185
|
*/
|
|
186
186
|
skipTracking?: boolean;
|
|
187
|
+
/** @internal */
|
|
188
|
+
config?: ThemeConfig;
|
|
187
189
|
}>;
|
|
188
190
|
/**
|
|
189
191
|
* A handler function that allows you to customize the underlying chart element before it is
|
|
@@ -706,6 +708,35 @@ export interface AreaChartProps extends BaseChartProps, RegularChartEventProps,
|
|
|
706
708
|
*/
|
|
707
709
|
styleOptions?: AreaStyleOptions;
|
|
708
710
|
}
|
|
711
|
+
/**
|
|
712
|
+
* Props of the {@link StreamgraphChart} component.
|
|
713
|
+
*
|
|
714
|
+
* A streamgraph is a type of stacked area chart where areas are displaced around
|
|
715
|
+
* a central axis. It is often used for displaying compound volume across different
|
|
716
|
+
* categories or over time with a relative scale that emphasizes overall patterns
|
|
717
|
+
* and trends.
|
|
718
|
+
*/
|
|
719
|
+
export interface StreamgraphChartProps extends BaseChartProps, RegularChartEventProps, HighchartsBasedChartEventProps {
|
|
720
|
+
/**
|
|
721
|
+
* Configurations for how to interpret and present a chart's data.
|
|
722
|
+
*
|
|
723
|
+
* Streamgraph requires at least one category (X-axis) and one or more value measures.
|
|
724
|
+
* Multiple series can be created using the `breakBy` property or by providing multiple
|
|
725
|
+
* value measures.
|
|
726
|
+
*
|
|
727
|
+
* To learn more about using data options,
|
|
728
|
+
* see the [Compose SDK Charts Guide](/guides/sdk/guides/charts/guide-compose-sdk-charts.html#dataoptions).
|
|
729
|
+
*
|
|
730
|
+
* @category Chart
|
|
731
|
+
*/
|
|
732
|
+
dataOptions: CartesianChartDataOptions;
|
|
733
|
+
/**
|
|
734
|
+
* Configurations for how to style and present a chart's data.
|
|
735
|
+
*
|
|
736
|
+
* @category Chart
|
|
737
|
+
*/
|
|
738
|
+
styleOptions?: StreamgraphStyleOptions;
|
|
739
|
+
}
|
|
709
740
|
/**
|
|
710
741
|
* Props of the {@link BarChart} component.
|
|
711
742
|
*/
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { StreamgraphChartProps } from './props';
|
|
3
|
+
/**
|
|
4
|
+
* A React component that displays a streamgraph chart.
|
|
5
|
+
*
|
|
6
|
+
* A streamgraph is a type of stacked area chart where areas are displaced around
|
|
7
|
+
* a central axis. It is particularly effective for displaying volume across
|
|
8
|
+
* different categories or over time with a relative scale that emphasizes
|
|
9
|
+
* overall patterns and trends.
|
|
10
|
+
|
|
11
|
+
* ## Example
|
|
12
|
+
*
|
|
13
|
+
* Streamgraph displaying revenue by category over time.
|
|
14
|
+
*
|
|
15
|
+
* ```tsx
|
|
16
|
+
* import { StreamgraphChart } from '@sisense/sdk-ui';
|
|
17
|
+
* import { measureFactory } from '@sisense/sdk-data';
|
|
18
|
+
* import * as DM from './sample-ecommerce';
|
|
19
|
+
*
|
|
20
|
+
* function RevenueByCategoryStreamgraph() {
|
|
21
|
+
* return (
|
|
22
|
+
* <StreamgraphChart
|
|
23
|
+
* dataSet={DM.DataSource}
|
|
24
|
+
* dataOptions={{
|
|
25
|
+
* category: [DM.Commerce.Date.Quarters],
|
|
26
|
+
* value: [measureFactory.sum(DM.Commerce.Revenue, 'Revenue')],
|
|
27
|
+
* breakBy: [DM.Category.Category],
|
|
28
|
+
* }}
|
|
29
|
+
* styleOptions={{
|
|
30
|
+
* width: 1200,
|
|
31
|
+
* height: 500,
|
|
32
|
+
* }}
|
|
33
|
+
* />
|
|
34
|
+
* );
|
|
35
|
+
* }
|
|
36
|
+
* ```
|
|
37
|
+
*
|
|
38
|
+
* @param props - Streamgraph chart properties
|
|
39
|
+
* @returns Streamgraph Chart component
|
|
40
|
+
* @group Charts
|
|
41
|
+
*/
|
|
42
|
+
export declare const StreamgraphChart: import("react").FunctionComponent<StreamgraphChartProps>;
|
|
@@ -11,6 +11,7 @@ export declare const DEFAULT_FILTER_PANEL_BORDER_COLOR = "#DADADA";
|
|
|
11
11
|
export declare const DEFAULT_FILTER_PANEL_BORDER_WIDTH = 1;
|
|
12
12
|
export declare const DEFAULT_TITLE_FONT_SIZE = 15;
|
|
13
13
|
export declare const DEFAULT_HYPERLINK_COLOR = "#1FAFF3";
|
|
14
|
+
export declare const DEFAULT_HYPERLINK_HOVER_COLOR = "#1FCCF3";
|
|
14
15
|
/**
|
|
15
16
|
* Returns default theme settings, which can be used as base for custom theme options.
|
|
16
17
|
*
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { CompleteThemeSettings } from '../types';
|
|
2
|
+
import { CompleteThemeSettings, ThemeConfig } from '../types';
|
|
3
3
|
export declare const ThemeContext: import("react").Context<{
|
|
4
4
|
themeSettings: CompleteThemeSettings;
|
|
5
|
+
config?: ThemeConfig | undefined;
|
|
5
6
|
}>;
|
|
6
7
|
/**
|
|
7
8
|
* Hook to get the current theme settings.
|
|
@@ -11,4 +12,5 @@ export declare const ThemeContext: import("react").Context<{
|
|
|
11
12
|
*/
|
|
12
13
|
export declare const useThemeContext: () => {
|
|
13
14
|
themeSettings: CompleteThemeSettings;
|
|
15
|
+
config?: ThemeConfig | undefined;
|
|
14
16
|
};
|
|
@@ -1,4 +1,12 @@
|
|
|
1
1
|
import { ElementStateColors, ElementStates } from '../types';
|
|
2
|
+
/**
|
|
3
|
+
* Type guard to check if a value is an ElementStateColors object
|
|
4
|
+
*
|
|
5
|
+
* @param value - The value to check
|
|
6
|
+
* @returns True if the value is an ElementStateColors object, false if it's a string
|
|
7
|
+
* @internal
|
|
8
|
+
*/
|
|
9
|
+
export declare const isElementStateColors: (value: string | ElementStateColors) => value is ElementStateColors;
|
|
2
10
|
/**
|
|
3
11
|
* @internal
|
|
4
12
|
*/
|