@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.
Files changed (62) hide show
  1. package/dist/ai.cjs +418 -28
  2. package/dist/ai.js +2080 -2112
  3. package/dist/analytics-composer/node.cjs +1 -1
  4. package/dist/analytics-composer/node.js +998 -1466
  5. package/dist/analytics-composer.cjs +51 -51
  6. package/dist/analytics-composer.js +556 -565
  7. package/dist/{derive-chart-family-DHOhho50.js → derive-chart-family-DLwnWblo.js} +7991 -7878
  8. package/dist/derive-chart-family-d7eaC45K.cjs +190 -0
  9. package/dist/{dimensions-CtINdhqK.cjs → dimensions-BUWtZxix.cjs} +1 -1
  10. package/dist/{dimensions-Biz7anQc.js → dimensions-DvDgZ8RW.js} +1 -1
  11. package/dist/{execute-query-k_ytd_Rf.cjs → execute-query-CB4XfUng.cjs} +1 -1
  12. package/dist/{execute-query-D1JOjJ8n.js → execute-query-CFK2R_1S.js} +681 -643
  13. package/dist/index.cjs +1549 -32
  14. package/dist/index.js +14125 -13178
  15. package/dist/index.umd.js +2724 -393
  16. package/dist/packages/sdk-ui/src/analytics-composer/nlq-v3-translator/process-function/filter-processors.d.ts +9 -0
  17. package/dist/packages/sdk-ui/src/app/client-application.d.ts +9 -0
  18. 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
  19. package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/cartesians/stackable/streamgraph-chart/helpers/chart-data.d.ts +8 -0
  20. package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/cartesians/stackable/streamgraph-chart/helpers/design-options.d.ts +12 -0
  21. package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/cartesians/stackable/streamgraph-chart/highchart-options/axes.d.ts +13 -0
  22. 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
  23. package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/cartesians/stackable/streamgraph-chart/highchart-options/plot-options.d.ts +19 -0
  24. package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/cartesians/stackable/streamgraph-chart/streamgraph-chart-builder.d.ts +8 -0
  25. package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/cartesians/stackable/streamgraph-chart/types.d.ts +24 -0
  26. package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/cartesians/types.d.ts +1 -1
  27. package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/types.d.ts +1 -1
  28. package/dist/packages/sdk-ui/src/chart/restructured-charts/types.d.ts +7 -7
  29. package/dist/packages/sdk-ui/src/chart-options-processor/chart-options-service.d.ts +27 -1
  30. package/dist/packages/sdk-ui/src/chart-options-processor/translations/design-options.d.ts +1 -0
  31. package/dist/packages/sdk-ui/src/chart-options-processor/translations/pie-plot-options.d.ts +11 -1
  32. package/dist/packages/sdk-ui/src/chart-options-processor/translations/types.d.ts +5 -4
  33. package/dist/packages/sdk-ui/src/charts/table/styles/style-constants.d.ts +1 -1
  34. package/dist/packages/sdk-ui/src/common-filters/selection-utils.d.ts +2 -2
  35. package/dist/packages/sdk-ui/src/filters/components/filters-panel/constants.d.ts +9 -0
  36. package/dist/packages/sdk-ui/src/index.d.ts +1 -0
  37. package/dist/packages/sdk-ui/src/no-results-overlay/images/index.d.ts +1 -1
  38. package/dist/packages/sdk-ui/src/pivot-table/hooks/use-render-pivot.d.ts +5 -1
  39. package/dist/packages/sdk-ui/src/pivot-table/pivot-table.d.ts +1 -0
  40. package/dist/packages/sdk-ui/src/props.d.ts +32 -1
  41. package/dist/packages/sdk-ui/src/streamgraph-chart.d.ts +42 -0
  42. package/dist/packages/sdk-ui/src/styled/index.d.ts +4 -0
  43. package/dist/packages/sdk-ui/src/styled/with-css-selector-prefix.d.ts +2 -0
  44. package/dist/packages/sdk-ui/src/theme-provider/default-theme-settings.d.ts +1 -0
  45. package/dist/packages/sdk-ui/src/theme-provider/theme-context.d.ts +3 -1
  46. package/dist/packages/sdk-ui/src/theme-provider/utils.d.ts +8 -0
  47. package/dist/packages/sdk-ui/src/types.d.ts +84 -4
  48. package/dist/packages/sdk-ui/src/widget-by-id/translate-widget-style-options/translate-widget-style-options.d.ts +2 -2
  49. package/dist/packages/sdk-ui/src/widget-by-id/types.d.ts +1 -0
  50. package/dist/packages/sdk-ui/src/widgets/common/drilldown-utils.d.ts +17 -2
  51. package/dist/packages/sdk-ui/src/widgets/hooks/use-drilldown.d.ts +2 -3
  52. package/dist/packages/sdk-ui/src/widgets/hooks/use-with-drilldown.d.ts +1 -1
  53. package/dist/{types-B8jkBXCe.cjs → types-Clbnx4mQ.cjs} +1 -1
  54. package/dist/{types-DZhBEm3K.js → types-D1mqt0Mg.js} +2 -8
  55. package/dist/use-common-filters-CkQznSEt.cjs +1325 -0
  56. package/dist/{use-common-filters-8MsC7-0N.js → use-common-filters-CxoO7TzT.js} +44085 -33463
  57. package/dist/{widget-composer-DBwcb3ao.cjs → widget-composer-BaOTPn5w.cjs} +1 -1
  58. package/dist/{widget-composer-D-ktDgUE.js → widget-composer-Dhl_nmhq.js} +115 -111
  59. package/package.json +8 -9
  60. package/dist/derive-chart-family-0J_WPLDy.cjs +0 -190
  61. package/dist/packages/sdk-ui/src/common/icons/edit-pencil-icon.d.ts +0 -3
  62. 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) => import("../../../../../../chart-options-processor/chart-options-service").HighchartsOptionsInternal;
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';
@@ -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 declare const getPiePlotOptions: (pieType: "classic" | "donut" | "ring" | undefined, seriesLabels: PieSeriesLabels | undefined, chartDataOptions: ChartDataOptionsInternal, themeSettings?: CompleteThemeSettings) => PlotOptions;
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 = 20;
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): string;
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 {};
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { PivotTableProps } from '../props';
3
+ export declare const PIVOT_WIDGET_PADDING = 8;
3
4
  /**
4
5
  * Pivot table with pagination.
5
6
  *
@@ -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>;
@@ -0,0 +1,4 @@
1
+ import { CreateStyled } from '@emotion/styled';
2
+ declare const styled: CreateStyled;
3
+ export type { CreateStyled };
4
+ export default styled;
@@ -0,0 +1,2 @@
1
+ import type { CreateStyled } from '@emotion/styled';
2
+ export declare function withCssSelectorPrefix<T extends CreateStyled = CreateStyled>(baseStyled: T): T;
@@ -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
  */