@sisense/sdk-ui 2.10.0 → 2.11.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 +15 -15
- package/dist/ai.js +408 -401
- package/dist/analytics-composer/node.cjs +1 -1
- package/dist/analytics-composer/node.js +17 -17
- package/dist/analytics-composer.cjs +1 -1
- package/dist/analytics-composer.js +6 -6
- package/dist/{derive-chart-family-B1on_xkS.cjs → derive-chart-family-BauaWEEc.cjs} +49 -49
- package/dist/{derive-chart-family-BllGhqsW.js → derive-chart-family-BhAFg8OE.js} +10056 -9990
- package/dist/{dimensions-D-Z9sitz.js → dimensions-Bk74slQe.js} +1 -1
- package/dist/{dimensions-BYqdB-Q8.cjs → dimensions-DCxjxuyH.cjs} +1 -1
- package/dist/{execute-query-CGLL9vXX.js → execute-query-CxMSGp-J.js} +41 -40
- package/dist/{execute-query-CABqVn7C.cjs → execute-query-uQ2s1ZNz.cjs} +1 -1
- package/dist/index.cjs +22 -22
- package/dist/index.js +11201 -10704
- package/dist/index.umd.js +312 -311
- package/dist/packages/sdk-ui/src/ai/chart/nlq-chart-widget.d.ts +7 -1
- package/dist/packages/sdk-ui/src/app/client-application.d.ts +2 -2
- package/dist/packages/sdk-ui/src/calendar-heatmap-chart.d.ts +17 -3
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/constants.d.ts +67 -36
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/data-options/data-options.d.ts +2 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/data.d.ts +1 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/highchart-options-builder/options/extras-options.d.ts +1 -2
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/highchart-options-builder/options/series-options/calendar-data-generator.d.ts +14 -7
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/renderer/calendar-heatmap-charts-grid.d.ts +9 -1
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/renderer/calendar-heatmap.d.ts +2 -4
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/renderer/calendar-pagination/calendar-pagination.d.ts +2 -1
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/renderer/helpers/sizing-helpers.d.ts +6 -17
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/renderer/helpers/view-helpers.d.ts +3 -1
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/utils/calendar-utils.d.ts +33 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/utils/index.d.ts +2 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/utils/with-calendar-heatmap-data-coloring.d.ts +17 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/funnel-chart/alerts/index.d.ts +5 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/funnel-chart/data/index.d.ts +21 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/funnel-chart/data-options/index.d.ts +32 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/funnel-chart/design-options/index.d.ts +17 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/funnel-chart/funnel-chart-builder.d.ts +2 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/funnel-chart/highchart-options/highcharts-options-builder.d.ts +2 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/funnel-chart/types.d.ts +12 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/helpers/data-options.d.ts +2 -2
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/sunburst-chart/alerts/index.d.ts +1 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/sunburst-chart/data/index.d.ts +7 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/sunburst-chart/data-options/index.d.ts +11 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/sunburst-chart/design-options/index.d.ts +6 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/sunburst-chart/highchart-options/highcharts-options-builder.d.ts +2 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/sunburst-chart/sunburst-chart-builder.d.ts +2 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/sunburst-chart/types.d.ts +12 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/treemap-chart/alerts/index.d.ts +1 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/treemap-chart/data/index.d.ts +7 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/treemap-chart/data-options/index.d.ts +11 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/treemap-chart/design-options/index.d.ts +6 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/treemap-chart/highchart-options/highcharts-options-builder.d.ts +2 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/treemap-chart/treemap-chart-builder.d.ts +2 -0
- package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/treemap-chart/types.d.ts +12 -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 +9 -8
- package/dist/packages/sdk-ui/src/chart-data-options/types.d.ts +3 -3
- package/dist/packages/sdk-ui/src/chart-options-processor/cartesian/utils/series-processor.d.ts +19 -0
- package/dist/packages/sdk-ui/src/chart-options-processor/chart-options-service.d.ts +3 -3
- package/dist/packages/sdk-ui/src/chart-options-processor/series-labels.d.ts +19 -0
- package/dist/packages/sdk-ui/src/chart-options-processor/translations/boxplot/boxplot-plot-options.d.ts +2 -2
- package/dist/packages/sdk-ui/src/chart-options-processor/translations/design-options.d.ts +26 -4
- package/dist/packages/sdk-ui/src/chart-options-processor/translations/funnel-plot-options.d.ts +2 -2
- package/dist/packages/sdk-ui/src/chart-options-processor/translations/funnel-series.d.ts +8 -0
- package/dist/packages/sdk-ui/src/chart-options-processor/translations/pie-plot-options.d.ts +2 -2
- package/dist/packages/sdk-ui/src/chart-options-processor/translations/scatter-series.d.ts +2 -1
- package/dist/packages/sdk-ui/src/chart-options-processor/translations/sunburst/sunburst-options.d.ts +78 -0
- package/dist/packages/sdk-ui/src/chart-options-processor/translations/tooltip-utils.d.ts +6 -5
- package/dist/packages/sdk-ui/src/chart-options-processor/translations/types.d.ts +2 -2
- package/dist/packages/sdk-ui/src/chart-options-processor/translations/value-label-section.d.ts +14 -11
- package/dist/packages/sdk-ui/src/common/components/modal/modal-context.d.ts +1 -2
- package/dist/packages/sdk-ui/src/dashboard/components/jtd-dashboard.d.ts +5 -4
- package/dist/packages/sdk-ui/src/dashboard/dashboard-helpers.d.ts +109 -0
- package/dist/packages/sdk-ui/src/dashboard/hooks/index.d.ts +7 -0
- package/dist/packages/sdk-ui/src/dashboard/hooks/jtd/index.d.ts +20 -5
- package/dist/packages/sdk-ui/src/dashboard/hooks/jtd/jtd-config-transformers.d.ts +85 -0
- package/dist/packages/sdk-ui/src/dashboard/hooks/jtd/jtd-filters.d.ts +3 -2
- package/dist/packages/sdk-ui/src/dashboard/hooks/jtd/jtd-formatters.d.ts +64 -2
- package/dist/packages/sdk-ui/src/dashboard/hooks/jtd/jtd-handlers.d.ts +4 -5
- package/dist/packages/sdk-ui/src/dashboard/hooks/jtd/jtd-menu.d.ts +1 -0
- package/dist/packages/sdk-ui/src/dashboard/hooks/jtd/jtd-types.d.ts +260 -5
- package/dist/packages/sdk-ui/src/dashboard/hooks/use-dashboard-header-toolbar.d.ts +7 -0
- package/dist/packages/sdk-ui/src/dashboard/hooks/use-edit-mode-toolbar.d.ts +3 -0
- package/dist/packages/sdk-ui/src/dashboard/hooks/use-jtd-widget.d.ts +68 -0
- package/dist/packages/sdk-ui/src/dashboard/hooks/use-jtd.d.ts +33 -7
- package/dist/packages/sdk-ui/src/dashboard/hooks/use-tabber.d.ts +13 -0
- package/dist/packages/sdk-ui/src/dashboard/index.d.ts +1 -0
- package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/utils.d.ts +1 -3
- package/dist/packages/sdk-ui/src/index.d.ts +9 -1
- package/dist/packages/sdk-ui/src/models/dashboard/translate-dashboard-utils.d.ts +25 -2
- package/dist/packages/sdk-ui/src/models/dashboard/types.d.ts +8 -4
- package/dist/packages/sdk-ui/src/props.d.ts +0 -6
- package/dist/packages/sdk-ui/src/types.d.ts +195 -21
- package/dist/packages/sdk-ui/src/utils/create-level-attribute.d.ts +11 -0
- package/dist/packages/sdk-ui/src/widget-by-id/translate-widget-style-options.d.ts +9 -0
- package/dist/packages/sdk-ui/src/widget-by-id/types.d.ts +45 -72
- package/dist/{types-Ds0KtTJF.cjs → types-DhvOgfXa.cjs} +1 -1
- package/dist/{types-BRtWk8uC.js → types-Dxieyr4A.js} +1 -1
- package/dist/{use-common-filters-D8tEa9zb.js → use-common-filters-DJyYvdev.js} +17387 -16944
- package/dist/{use-common-filters-hw1WKPCY.cjs → use-common-filters-Qj9249s0.cjs} +227 -226
- package/dist/{widget-composer-DL0xPtlC.js → widget-composer-azihIMsw.js} +3 -3
- package/dist/{widget-composer-B7zeAa_D.cjs → widget-composer-omIEhWNL.cjs} +1 -1
- package/package.json +11 -16
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { CategoricalChartData } from '../../../../../chart-data/types';
|
|
2
|
+
import { CategoricalChartDataOptions, CategoricalChartDataOptionsInternal } from '../../../../../chart-data-options/types';
|
|
3
|
+
import { SunburstStyleOptions } from '../../../../../types';
|
|
4
|
+
import { SunburstChartDesignOptions as SunburstDesignOptions } from '../../../../../chart-options-processor/translations/design-options';
|
|
5
|
+
/**
|
|
6
|
+
* Sunburst chart specific type aliases for better readability.
|
|
7
|
+
*/
|
|
8
|
+
export type SunburstChartData = CategoricalChartData;
|
|
9
|
+
export type SunburstChartDataOptions = CategoricalChartDataOptions;
|
|
10
|
+
export type SunburstChartDataOptionsInternal = CategoricalChartDataOptionsInternal;
|
|
11
|
+
export type SunburstChartStyleOptions = SunburstStyleOptions;
|
|
12
|
+
export type SunburstChartDesignOptions = SunburstDesignOptions;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function getTreemapAlerts(): string[];
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { loadDataBySingleQuery } from '../../../../helpers/data-loading';
|
|
2
|
+
import type { TreemapChartData, TreemapChartDataOptionsInternal } from '../types';
|
|
3
|
+
import { DataTable } from '../../../../../../chart-data-processor/table-processor';
|
|
4
|
+
export declare const dataTranslators: {
|
|
5
|
+
loadData: typeof loadDataBySingleQuery;
|
|
6
|
+
getChartData: (dataOptions: TreemapChartDataOptionsInternal, dataTable: DataTable) => TreemapChartData;
|
|
7
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type ChartDataOptions } from '../../../../../../types';
|
|
2
|
+
import { getCategoricalAttributes, getCategoricalMeasures } from '../../helpers/data-options';
|
|
3
|
+
import type { TreemapChartDataOptions, TreemapChartDataOptionsInternal } from '../types';
|
|
4
|
+
import { ChartDataOptionsInternal } from '../../../../../../chart-data-options/types';
|
|
5
|
+
export declare const dataOptionsTranslators: {
|
|
6
|
+
translateDataOptionsToInternal: (dataOptions: TreemapChartDataOptions) => TreemapChartDataOptionsInternal;
|
|
7
|
+
getAttributes: typeof getCategoricalAttributes;
|
|
8
|
+
getMeasures: typeof getCategoricalMeasures;
|
|
9
|
+
isCorrectDataOptions: (dataOptions: ChartDataOptions) => dataOptions is import('../../../../../../types').CategoricalChartDataOptions;
|
|
10
|
+
isCorrectDataOptionsInternal: (dataOptions: ChartDataOptionsInternal) => dataOptions is import('../../../../../../chart-data-options/types').CategoricalChartDataOptionsInternal;
|
|
11
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type ChartStyleOptions } from '../../../../../../types';
|
|
2
|
+
import type { TreemapChartStyleOptions, TreemapChartDesignOptions } from '../types';
|
|
3
|
+
export declare const designOptionsTranslators: {
|
|
4
|
+
translateStyleOptionsToDesignOptions: (styleOptions: TreemapChartStyleOptions) => TreemapChartDesignOptions;
|
|
5
|
+
isCorrectStyleOptions: (styleOptions: ChartStyleOptions) => styleOptions is import('../../../../../../types').TreemapStyleOptions;
|
|
6
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { CategoricalChartData } from '../../../../../chart-data/types';
|
|
2
|
+
import { CategoricalChartDataOptions, CategoricalChartDataOptionsInternal } from '../../../../../chart-data-options/types';
|
|
3
|
+
import { TreemapStyleOptions } from '../../../../../types';
|
|
4
|
+
import { TreemapChartDesignOptions as TreemapDesignOptions } from '../../../../../chart-options-processor/translations/design-options';
|
|
5
|
+
/**
|
|
6
|
+
* Treemap chart specific type aliases for better readability.
|
|
7
|
+
*/
|
|
8
|
+
export type TreemapChartData = CategoricalChartData;
|
|
9
|
+
export type TreemapChartDataOptions = CategoricalChartDataOptions;
|
|
10
|
+
export type TreemapChartDataOptionsInternal = CategoricalChartDataOptionsInternal;
|
|
11
|
+
export type TreemapChartStyleOptions = TreemapStyleOptions;
|
|
12
|
+
export type TreemapChartDesignOptions = TreemapDesignOptions;
|
package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/types.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { HighchartsOptionsInternal } from '../../../chart-options-processor/char
|
|
|
2
2
|
import { CompleteThemeSettings } from '../../../index-typedoc';
|
|
3
3
|
import { TFunction } from '@sisense/sdk-common';
|
|
4
4
|
import { TypedChartData, TypedDataOptionsInternal, TypedDesignOptions } from '../types';
|
|
5
|
-
export type HighchartBasedChartTypes = 'column' | 'bar' | 'line' | 'area' | 'polar' | 'pie' | 'calendar-heatmap';
|
|
5
|
+
export type HighchartBasedChartTypes = 'column' | 'bar' | 'line' | 'area' | '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'];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Attribute, Measure, QueryResultData } from '@sisense/sdk-data';
|
|
3
|
-
import {
|
|
4
|
-
import type { AreaStyleOptions, AreamapStyleOptions, CalendarHeatmapStyleOptions, ChartDataOptions, ChartStyleOptions, LineStyleOptions, PieStyleOptions, PolarStyleOptions, ScattermapStyleOptions, StackableStyleOptions } from '../../types';
|
|
3
|
+
import { QueryExecutionConfig } from '@sisense/sdk-query-client';
|
|
4
|
+
import type { AreaStyleOptions, AreamapStyleOptions, CalendarHeatmapStyleOptions, ChartDataOptions, ChartStyleOptions, LineStyleOptions, PieStyleOptions, PolarStyleOptions, ScattermapStyleOptions, StackableStyleOptions, FunnelStyleOptions, TreemapStyleOptions, SunburstStyleOptions } from '../../types';
|
|
5
5
|
import type { ChartRendererProps } from '../../chart';
|
|
6
6
|
import type { CartesianChartData, CategoricalChartData, ScattermapChartData } from '../../chart-data/types';
|
|
7
7
|
import { AreamapChartDataOptions, AreamapChartDataOptionsInternal, CalendarHeatmapChartDataOptions, CalendarHeatmapChartDataOptionsInternal, CartesianChartDataOptions, CartesianChartDataOptionsInternal, CategoricalChartDataOptions, CategoricalChartDataOptionsInternal, ChartDataOptionsInternal, ScattermapChartDataOptions, ScattermapChartDataOptionsInternal } from '../../chart-data-options/types';
|
|
@@ -12,20 +12,21 @@ import { AreamapProps } from '../../chart/restructured-charts/areamap-chart/rend
|
|
|
12
12
|
import { ScattermapProps } from '../../charts/map-charts/scattermap/scattermap';
|
|
13
13
|
import { AreamapData } from './areamap-chart/types';
|
|
14
14
|
import { HighchartsBasedChartRendererProps } from './highchart-based-charts/highcharts-based-chart-renderer/highcharts-based-chart-renderer';
|
|
15
|
+
import { QueryDescription } from '../../query/execute-query';
|
|
15
16
|
import { CalendarHeatmapChartData } from './highchart-based-charts/calendar-heatmap-chart/data';
|
|
16
|
-
export type SupportedChartType = 'areamap' | 'column' | 'bar' | 'line' | 'area' | 'polar' | 'pie' | 'calendar-heatmap';
|
|
17
|
-
export type TypedChartDataOptions<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapChartDataOptions : CT extends 'scattermap' ? ScattermapChartDataOptions : CT extends 'pie' ? CategoricalChartDataOptions : CT extends 'column' | 'bar' | 'line' | 'area' | 'polar' ? CartesianChartDataOptions : CT extends 'calendar-heatmap' ? CalendarHeatmapChartDataOptions : never;
|
|
18
|
-
export type TypedDataOptionsInternal<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapChartDataOptionsInternal : CT extends 'scattermap' ? ScattermapChartDataOptionsInternal : CT extends 'pie' ? CategoricalChartDataOptionsInternal : CT extends 'column' | 'bar' | 'line' | 'area' | 'polar' ? CartesianChartDataOptionsInternal : CT extends 'calendar-heatmap' ? CalendarHeatmapChartDataOptionsInternal : never;
|
|
19
|
-
export type TypedChartStyleOptions<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapStyleOptions : CT extends 'scattermap' ? ScattermapStyleOptions : CT extends 'pie' ? PieStyleOptions : CT extends 'column' | 'bar' ? StackableStyleOptions : CT extends 'line' ? LineStyleOptions : CT extends 'area' ? AreaStyleOptions : CT extends 'polar' ? PolarStyleOptions : CT extends 'calendar-heatmap' ? CalendarHeatmapStyleOptions : never;
|
|
17
|
+
export type SupportedChartType = 'areamap' | 'column' | 'bar' | 'line' | 'area' | 'polar' | 'pie' | 'funnel' | 'calendar-heatmap' | 'treemap' | 'sunburst';
|
|
18
|
+
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;
|
|
19
|
+
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;
|
|
20
|
+
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;
|
|
20
21
|
export type TypedDesignOptions<CT extends SupportedChartType> = DesignOptions<CT>;
|
|
21
|
-
export type TypedChartData<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapData : CT extends 'scattermap' ? ScattermapChartData : CT extends 'pie' ? CategoricalChartData : CT extends 'column' | 'bar' | 'line' | 'area' | 'polar' ? CartesianChartData : CT extends 'calendar-heatmap' ? CalendarHeatmapChartData : never;
|
|
22
|
+
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;
|
|
22
23
|
export type TypedLoadDataFunction<CT extends SupportedChartType> = (options: {
|
|
23
24
|
app: ClientApplication;
|
|
24
25
|
chartDataOptionsInternal: TypedDataOptionsInternal<CT>;
|
|
25
26
|
queryDescription: QueryDescription;
|
|
26
27
|
executionConfig?: QueryExecutionConfig;
|
|
27
28
|
}) => Promise<QueryResultData>;
|
|
28
|
-
export type TypedChartRendererProps<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapProps : CT extends 'scattermap' ? ScattermapProps : CT extends 'column' | 'bar' | 'line' | 'area' | 'polar' | 'pie' | 'calendar-heatmap' ? HighchartsBasedChartRendererProps<CT> : never;
|
|
29
|
+
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;
|
|
29
30
|
/**
|
|
30
31
|
* Chart builder interface.
|
|
31
32
|
*/
|
|
@@ -285,6 +285,8 @@ export interface CategoricalChartDataOptions {
|
|
|
285
285
|
value: (MeasureColumn | CalculatedMeasureColumn | StyledMeasureColumn)[];
|
|
286
286
|
/**
|
|
287
287
|
* Columns (or attributes) whose values represent categories in the chart.
|
|
288
|
+
*
|
|
289
|
+
* For funnel charts, only the first 50 categories will be used.
|
|
288
290
|
*/
|
|
289
291
|
category: (Column | StyledColumn)[];
|
|
290
292
|
/**
|
|
@@ -374,9 +376,7 @@ export interface AreamapChartDataOptions {
|
|
|
374
376
|
}
|
|
375
377
|
/**
|
|
376
378
|
* Configuration for how to query aggregate data and assign data
|
|
377
|
-
* to a
|
|
378
|
-
*
|
|
379
|
-
* @alpha
|
|
379
|
+
* to a calendar-heatmap chart.
|
|
380
380
|
*/
|
|
381
381
|
export interface CalendarHeatmapChartDataOptions {
|
|
382
382
|
/** Date column representing dates on the calendar heatmap. */
|
package/dist/packages/sdk-ui/src/chart-options-processor/cartesian/utils/series-processor.d.ts
CHANGED
|
@@ -33,12 +33,31 @@ interface SeriesProcessingConfig {
|
|
|
33
33
|
* Process and format series data for the chart
|
|
34
34
|
*/
|
|
35
35
|
export declare function processSeries(config: SeriesProcessingConfig): {
|
|
36
|
+
borderRadius?: string | number | undefined;
|
|
37
|
+
groupPadding?: number | undefined;
|
|
38
|
+
pointPadding?: number | undefined;
|
|
36
39
|
shadow?: boolean | undefined;
|
|
37
40
|
linecap?: string | undefined;
|
|
38
41
|
dashStyle?: import("../../../types").DashStyle | undefined;
|
|
39
42
|
lineWidth?: number | undefined;
|
|
40
43
|
dataLabels: {
|
|
41
44
|
formatter: (this: import("../../tooltip").HighchartsDataPointContext) => string;
|
|
45
|
+
animation?: {
|
|
46
|
+
defer: number;
|
|
47
|
+
} | undefined;
|
|
48
|
+
y?: number | undefined;
|
|
49
|
+
x?: number | undefined;
|
|
50
|
+
padding?: number | undefined;
|
|
51
|
+
borderWidth?: number | undefined;
|
|
52
|
+
borderRadius?: number | undefined;
|
|
53
|
+
borderColor?: string | undefined;
|
|
54
|
+
backgroundColor?: string | undefined;
|
|
55
|
+
style?: import("../../../types").SeriesLabelsTextStyle | undefined;
|
|
56
|
+
verticalAlign?: "top" | "middle" | "bottom" | undefined;
|
|
57
|
+
align?: "center" | "left" | "right" | undefined;
|
|
58
|
+
inside?: boolean | undefined;
|
|
59
|
+
rotation?: number | undefined;
|
|
60
|
+
enabled: boolean;
|
|
42
61
|
};
|
|
43
62
|
connectNulls: boolean;
|
|
44
63
|
marker: import("../../translations/marker-section").MarkerSettings;
|
|
@@ -3,7 +3,7 @@ import { TFunction } from '@sisense/sdk-common';
|
|
|
3
3
|
import { ChartData } from '../chart-data/types';
|
|
4
4
|
import { ChartDesignOptions } from './translations/types';
|
|
5
5
|
import { LegendSettings } from './translations/legend-section';
|
|
6
|
-
import {
|
|
6
|
+
import { DataLabelsSettings } from './translations/value-label-section';
|
|
7
7
|
import { MarkerSettings } from './translations/marker-section';
|
|
8
8
|
import { AxisSettings } from './translations/axis-section';
|
|
9
9
|
import { HighchartsType, HighchartsSeriesValues } from './translations/translations-to-highcharts';
|
|
@@ -65,7 +65,7 @@ export type SeriesType = HighchartsSeriesValues & {
|
|
|
65
65
|
rowsize?: number;
|
|
66
66
|
};
|
|
67
67
|
type ChartPlotOptions = {
|
|
68
|
-
dataLabels?:
|
|
68
|
+
dataLabels?: DataLabelsSettings;
|
|
69
69
|
groupPadding?: number;
|
|
70
70
|
pointPadding?: number;
|
|
71
71
|
pointPlacement?: null;
|
|
@@ -89,7 +89,7 @@ export type Stacking = 'normal' | 'percent';
|
|
|
89
89
|
export type PlotOptions = {
|
|
90
90
|
series: {
|
|
91
91
|
lineWidth?: number;
|
|
92
|
-
dataLabels?:
|
|
92
|
+
dataLabels?: DataLabelsSettings;
|
|
93
93
|
marker?: MarkerSettings;
|
|
94
94
|
stacking?: Stacking;
|
|
95
95
|
stickyTracking?: boolean;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { SeriesLabels } from '..';
|
|
2
|
+
export declare const prepareDataLabelsOptions: (seriesLabels?: SeriesLabels) => {
|
|
3
|
+
animation?: {
|
|
4
|
+
defer: number;
|
|
5
|
+
} | undefined;
|
|
6
|
+
y?: number | undefined;
|
|
7
|
+
x?: number | undefined;
|
|
8
|
+
padding?: number | undefined;
|
|
9
|
+
borderWidth?: number | undefined;
|
|
10
|
+
borderRadius?: number | undefined;
|
|
11
|
+
borderColor?: string | undefined;
|
|
12
|
+
backgroundColor?: string | undefined;
|
|
13
|
+
style?: import("..").SeriesLabelsTextStyle | undefined;
|
|
14
|
+
verticalAlign?: "top" | "middle" | "bottom" | undefined;
|
|
15
|
+
align?: "center" | "left" | "right" | undefined;
|
|
16
|
+
inside?: boolean | undefined;
|
|
17
|
+
rotation?: number | undefined;
|
|
18
|
+
enabled: boolean;
|
|
19
|
+
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { PlotOptions } from '../../chart-options-service.js';
|
|
2
|
-
import {
|
|
3
|
-
export declare const getBoxplotPlotOptions: (
|
|
2
|
+
import { SeriesLabels } from '../../../types.js';
|
|
3
|
+
export declare const getBoxplotPlotOptions: (seriesLabels: SeriesLabels | undefined) => PlotOptions;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { ValueLabelOptions } from './value-label-section';
|
|
2
1
|
import { Axis } from './axis-section';
|
|
3
2
|
import { Marker } from './marker-section';
|
|
4
3
|
import { LineType, StackType } from './translations-to-highcharts';
|
|
5
4
|
import { PieType, PieLabels } from './pie-plot-options';
|
|
6
5
|
import { FunnelSize, FunnelType, FunnelDirection, FunnelLabels } from './funnel-plot-options';
|
|
7
|
-
import { CalendarHeatmapViewType, Convolution, LineOptions, LegendOptions, ScattermapMarkers, SunburstStyleOptions, TreemapStyleOptions } from '../../types';
|
|
6
|
+
import { CalendarHeatmapViewType, Convolution, LineOptions, LegendOptions, SeriesLabels, ScattermapMarkers, SunburstStyleOptions, TreemapStyleOptions } from '../../types';
|
|
8
7
|
import { ScatterMarkerSize } from './scatter-plot-options';
|
|
9
|
-
import { DesignPerSeries } from './types';
|
|
8
|
+
import { DesignPerSeries, TextStyle } from './types';
|
|
9
|
+
import { CalendarDayOfWeek } from '../../chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/utils';
|
|
10
10
|
type DataLimits = {
|
|
11
11
|
seriesCapacity: number;
|
|
12
12
|
categoriesCapacity: number;
|
|
13
13
|
};
|
|
14
14
|
export type BaseDesignOptionsType = {
|
|
15
15
|
legend?: LegendOptions;
|
|
16
|
-
|
|
16
|
+
seriesLabels?: SeriesLabels;
|
|
17
17
|
lineType: LineType;
|
|
18
18
|
/**
|
|
19
19
|
* @deprecated
|
|
@@ -40,6 +40,9 @@ export type StackableChartDesignOptions = CartesianChartDesignOptions & {
|
|
|
40
40
|
stackType: StackType;
|
|
41
41
|
showTotal?: boolean;
|
|
42
42
|
totalLabelRotation?: number;
|
|
43
|
+
itemPadding?: number;
|
|
44
|
+
groupPadding?: number;
|
|
45
|
+
borderRadius?: number | string;
|
|
43
46
|
};
|
|
44
47
|
export type LineChartDesignOptions = CartesianChartDesignOptions & {
|
|
45
48
|
/** Step type for step line charts: left, center, or right */
|
|
@@ -54,6 +57,25 @@ export type CalendarHeatmapChartDesignOptions = BaseDesignOptionsType & {
|
|
|
54
57
|
height?: number;
|
|
55
58
|
viewType: CalendarHeatmapViewType;
|
|
56
59
|
cellSize?: number;
|
|
60
|
+
startOfWeek: CalendarDayOfWeek;
|
|
61
|
+
cellLabels: {
|
|
62
|
+
enabled: boolean;
|
|
63
|
+
style?: TextStyle;
|
|
64
|
+
};
|
|
65
|
+
dayLabels: {
|
|
66
|
+
enabled: boolean;
|
|
67
|
+
style?: TextStyle;
|
|
68
|
+
};
|
|
69
|
+
monthLabels: {
|
|
70
|
+
enabled: boolean;
|
|
71
|
+
style?: TextStyle;
|
|
72
|
+
};
|
|
73
|
+
weekends: {
|
|
74
|
+
enabled: boolean;
|
|
75
|
+
days: CalendarDayOfWeek[];
|
|
76
|
+
cellColor?: string;
|
|
77
|
+
hideValues: boolean;
|
|
78
|
+
};
|
|
57
79
|
};
|
|
58
80
|
export type PolarType = 'line' | 'area' | 'column';
|
|
59
81
|
export type PolarChartDesignOptions = CartesianChartDesignOptions & {
|
package/dist/packages/sdk-ui/src/chart-options-processor/translations/funnel-plot-options.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PlotOptions } from '../chart-options-service';
|
|
2
|
-
import {
|
|
2
|
+
import { DataLabelsSettings } from './value-label-section';
|
|
3
3
|
import { CompleteThemeSettings } from '../../types';
|
|
4
4
|
import { FunnelChartDesignOptions } from './design-options';
|
|
5
5
|
import { ChartDataOptionsInternal } from '../../chart-data-options/types';
|
|
@@ -26,7 +26,7 @@ export type FunnelDirection = (typeof funnelDirections)[number];
|
|
|
26
26
|
export type FunnelOptions = {
|
|
27
27
|
allowPointSelect: boolean;
|
|
28
28
|
cursor: 'pointer';
|
|
29
|
-
dataLabels:
|
|
29
|
+
dataLabels: DataLabelsSettings & {
|
|
30
30
|
funnelMinimumFontSizeToTextLabel: number;
|
|
31
31
|
formatter?: () => string;
|
|
32
32
|
};
|
|
@@ -12,3 +12,11 @@ import { CategoricalChartDataOptionsInternal } from '../../chart-data-options/ty
|
|
|
12
12
|
* @param themeSettings
|
|
13
13
|
*/
|
|
14
14
|
export declare const formatFunnelChartData: (chartData: CategoricalChartData, dataOptions: CategoricalChartDataOptionsInternal, designOptions: FunnelChartDesignOptions, themeSettings?: CompleteThemeSettings) => SeriesWithAlerts<SeriesType[]>;
|
|
15
|
+
/**
|
|
16
|
+
* Calculate alerts for funnel chart based on data limits.
|
|
17
|
+
*
|
|
18
|
+
* @param chartData - The categorical chart data
|
|
19
|
+
* @param designOptions - The funnel chart design options
|
|
20
|
+
* @returns Array of alert messages
|
|
21
|
+
*/
|
|
22
|
+
export declare function getAlerts(chartData: CategoricalChartData, designOptions: FunnelChartDesignOptions): string[];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PlotOptions } from '../chart-options-service';
|
|
2
|
-
import {
|
|
2
|
+
import { DataLabelsSettings } from './value-label-section';
|
|
3
3
|
import { ChartDataOptionsInternal } from '../../chart-data-options/types';
|
|
4
4
|
import { CompleteThemeSettings } from '../../types';
|
|
5
5
|
export declare const DefaultPieLabels: PieLabels;
|
|
@@ -16,7 +16,7 @@ export type PieType = (typeof pieTypes)[number];
|
|
|
16
16
|
export type PieOptions = {
|
|
17
17
|
allowPointSelect: boolean;
|
|
18
18
|
cursor?: string;
|
|
19
|
-
dataLabels:
|
|
19
|
+
dataLabels: DataLabelsSettings & {
|
|
20
20
|
showPercentLabels: boolean;
|
|
21
21
|
showDecimals: boolean;
|
|
22
22
|
pieMinimumFontSizeToTextLabel: number;
|
|
@@ -3,6 +3,7 @@ import { SeriesType } from '../chart-options-service';
|
|
|
3
3
|
import { ScatterAxisCategoriesMap, ScatterDataTable } from '../../chart-data/types';
|
|
4
4
|
import { ComparableData } from '../../chart-data-processor/table-processor';
|
|
5
5
|
import { SeriesWithAlerts, CompleteThemeSettings } from '../../types';
|
|
6
|
+
import { ChartDesignOptions } from './types';
|
|
6
7
|
export type ScatterSeriesColor = {
|
|
7
8
|
index: number;
|
|
8
9
|
color: string;
|
|
@@ -21,4 +22,4 @@ export interface AxisComputedProperties {
|
|
|
21
22
|
selected?: boolean;
|
|
22
23
|
}
|
|
23
24
|
export declare const handleNumberValue: (cell: ComparableData) => number | null;
|
|
24
|
-
export declare const buildScatterSeries: (data: ScatterDataTable, categoriesMap: ScatterAxisCategoriesMap, dataOptions?: ScatterChartDataOptionsInternal, themeSettings?: CompleteThemeSettings, seriesCapacity?: number) => SeriesWithAlerts<SeriesType[]>;
|
|
25
|
+
export declare const buildScatterSeries: (data: ScatterDataTable, categoriesMap: ScatterAxisCategoriesMap, dataOptions?: ScatterChartDataOptionsInternal, designOptions?: ChartDesignOptions, themeSettings?: CompleteThemeSettings, seriesCapacity?: number) => SeriesWithAlerts<SeriesType[]>;
|
package/dist/packages/sdk-ui/src/chart-options-processor/translations/sunburst/sunburst-options.d.ts
CHANGED
|
@@ -4,4 +4,82 @@ import { CategoricalChartDataOptionsInternal } from '../../../chart-data-options
|
|
|
4
4
|
import { CompleteThemeSettings } from '../../../types';
|
|
5
5
|
import { SunburstChartDesignOptions } from '../design-options';
|
|
6
6
|
import { TFunction } from '@sisense/sdk-common';
|
|
7
|
+
/**
|
|
8
|
+
* Prepares the series configuration for sunburst chart
|
|
9
|
+
*/
|
|
10
|
+
export declare function prepareSunburstSeries(chartData: CategoricalChartData, dataOptions: CategoricalChartDataOptionsInternal, designOptions: SunburstChartDesignOptions, themeSettings?: CompleteThemeSettings): ({
|
|
11
|
+
name: string;
|
|
12
|
+
showInLegend: boolean;
|
|
13
|
+
color: string;
|
|
14
|
+
data: never[];
|
|
15
|
+
states: {
|
|
16
|
+
hover: {
|
|
17
|
+
enabled: boolean;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
} | {
|
|
21
|
+
name: string;
|
|
22
|
+
data: ({
|
|
23
|
+
id: string;
|
|
24
|
+
name: string;
|
|
25
|
+
custom: {
|
|
26
|
+
level: number;
|
|
27
|
+
levelsCount: number;
|
|
28
|
+
};
|
|
29
|
+
} | {
|
|
30
|
+
color: any;
|
|
31
|
+
name?: string | undefined;
|
|
32
|
+
y?: number | null | undefined;
|
|
33
|
+
x?: number | null | undefined;
|
|
34
|
+
z?: number | null | undefined;
|
|
35
|
+
marker?: {
|
|
36
|
+
enabled?: boolean | undefined;
|
|
37
|
+
isIsolatedPoint?: boolean | undefined;
|
|
38
|
+
lineColor?: string | undefined;
|
|
39
|
+
lineWidth?: number | undefined;
|
|
40
|
+
} | undefined;
|
|
41
|
+
selected?: boolean | undefined;
|
|
42
|
+
sliced?: boolean | undefined;
|
|
43
|
+
custom?: {
|
|
44
|
+
[k: string]: unknown;
|
|
45
|
+
number1?: number | undefined;
|
|
46
|
+
string1?: string | undefined;
|
|
47
|
+
level?: number | undefined;
|
|
48
|
+
maskedBreakByPoint?: string | undefined;
|
|
49
|
+
maskedBreakByColor?: string | undefined;
|
|
50
|
+
} | undefined;
|
|
51
|
+
value?: number | null | undefined;
|
|
52
|
+
id?: string | undefined;
|
|
53
|
+
drilldown?: string | undefined;
|
|
54
|
+
parent?: string | undefined;
|
|
55
|
+
low?: number | null | undefined;
|
|
56
|
+
high?: number | null | undefined;
|
|
57
|
+
trend?: {
|
|
58
|
+
min: number;
|
|
59
|
+
max: number;
|
|
60
|
+
median: number;
|
|
61
|
+
average: number;
|
|
62
|
+
} | undefined;
|
|
63
|
+
})[];
|
|
64
|
+
levels: {
|
|
65
|
+
level: number;
|
|
66
|
+
dataLabels: {
|
|
67
|
+
enabled: boolean;
|
|
68
|
+
formatter(this: import("highcharts").PointLabelObject): string;
|
|
69
|
+
};
|
|
70
|
+
}[];
|
|
71
|
+
showInLegend: boolean;
|
|
72
|
+
turboThreshold: number;
|
|
73
|
+
type: string;
|
|
74
|
+
borderWidth: number;
|
|
75
|
+
dataLabels: {
|
|
76
|
+
style: {
|
|
77
|
+
textOutline: string;
|
|
78
|
+
};
|
|
79
|
+
};
|
|
80
|
+
})[];
|
|
81
|
+
/**
|
|
82
|
+
* Prepares the tooltip configuration for sunburst chart
|
|
83
|
+
*/
|
|
84
|
+
export declare function prepareSunburstTooltip(dataOptions: CategoricalChartDataOptionsInternal, designOptions: SunburstChartDesignOptions, translate: TFunction): import("../tooltip-utils").TooltipSettings;
|
|
7
85
|
export declare function prepareSunburstOptions(chartData: CategoricalChartData, dataOptions: CategoricalChartDataOptionsInternal, designOptions: SunburstChartDesignOptions, translate: TFunction, themeSettings?: CompleteThemeSettings): HighchartsOptionsInternal;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { StyledMeasureColumn, StyledColumn } from '../../chart-data-options/types.js';
|
|
2
|
-
import { TooltipFormatterContextObject } from '@sisense/sisense-charts';
|
|
2
|
+
import { TooltipFormatterContextObject, CSSObject } from '@sisense/sisense-charts';
|
|
3
3
|
export declare const isValueNumeric: (value: StyledMeasureColumn | StyledColumn | undefined) => boolean | "";
|
|
4
4
|
export declare const formatTooltipValue: (dataOption: StyledMeasureColumn | StyledColumn | undefined, value: number | string | undefined, displayValue: string) => string;
|
|
5
5
|
export declare function isTooltipPercentValueSupported(options: StyledMeasureColumn | undefined): boolean;
|
|
@@ -14,11 +14,13 @@ export type TooltipSettings = {
|
|
|
14
14
|
crosshairs?: boolean;
|
|
15
15
|
shared?: boolean;
|
|
16
16
|
formatter?: (this: HighchartsDataPointContext) => string | false;
|
|
17
|
-
style?:
|
|
18
|
-
fontFamily?: string;
|
|
19
|
-
};
|
|
17
|
+
style?: CSSObject;
|
|
20
18
|
padding?: number;
|
|
21
19
|
outside?: boolean;
|
|
20
|
+
position?: {
|
|
21
|
+
relativeTo?: 'chart';
|
|
22
|
+
};
|
|
23
|
+
followPointer?: boolean;
|
|
22
24
|
};
|
|
23
25
|
export type HighchartsDataPointContextNode = {
|
|
24
26
|
val: number;
|
|
@@ -54,7 +56,6 @@ export type HighchartsDataPointContext = {
|
|
|
54
56
|
string1?: string;
|
|
55
57
|
xDisplayValue?: string;
|
|
56
58
|
xValue?: (number | string)[];
|
|
57
|
-
empty?: boolean;
|
|
58
59
|
monthDay?: number;
|
|
59
60
|
hasData?: boolean;
|
|
60
61
|
};
|
|
@@ -85,7 +85,6 @@ export declare const CALENDAR_HEATMAP_CHART_TYPES: readonly ["calendar-heatmap"]
|
|
|
85
85
|
* Calendar heatmap chart types
|
|
86
86
|
*
|
|
87
87
|
* @expandType
|
|
88
|
-
* @alpha
|
|
89
88
|
*/
|
|
90
89
|
export type CalendarHeatmapChartType = (typeof CALENDAR_HEATMAP_CHART_TYPES)[number];
|
|
91
90
|
export declare const RANGE_CHART_TYPES: readonly ["arearange"];
|
|
@@ -95,7 +94,7 @@ export type ChartDataType = 'cartesian' | 'categorical' | 'scatter' | 'table' |
|
|
|
95
94
|
/**
|
|
96
95
|
* Design options for a specific chart type
|
|
97
96
|
*/
|
|
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 'pie' ? PieChartDesignOptions : SpecificChartType extends 'funnel' ? FunnelChartDesignOptions : SpecificChartType extends 'polar' ? PolarChartDesignOptions : SpecificChartType extends 'indicator' ? IndicatorChartDesignOptions : SpecificChartType extends 'scatter' ? ScatterChartDesignOptions : SpecificChartType extends 'treemap' ? TreemapChartDesignOptions : SpecificChartType extends 'boxplot' ? BoxplotChartDesignOptions : SpecificChartType extends 'areamap' ? AreamapChartDesignOptions : SpecificChartType extends 'scattermap' ? ScattermapChartDesignOptions : SpecificChartType extends 'calendar-heatmap' ? CalendarHeatmapChartDesignOptions : SpecificChartType extends 'arearange' ? AreaRangeChartDesignOptions : never;
|
|
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' ? TreemapChartDesignOptions : SpecificChartType extends 'boxplot' ? BoxplotChartDesignOptions : SpecificChartType extends 'areamap' ? AreamapChartDesignOptions : SpecificChartType extends 'scattermap' ? ScattermapChartDesignOptions : SpecificChartType extends 'calendar-heatmap' ? CalendarHeatmapChartDesignOptions : SpecificChartType extends 'arearange' ? AreaRangeChartDesignOptions : never;
|
|
99
98
|
/** A unique identifier for a series to be found in {@link ChartDataOptionsInternal} */
|
|
100
99
|
type SeriesId = string;
|
|
101
100
|
/**
|
|
@@ -122,6 +121,7 @@ export declare const isTable: (chartType: ChartType | TableType) => chartType is
|
|
|
122
121
|
export declare const isBoxplot: (chartType: ChartType) => chartType is "boxplot";
|
|
123
122
|
export declare const isAreamap: (chartType: ChartType) => chartType is "areamap";
|
|
124
123
|
export declare const isRange: (chartType: ChartType) => chartType is "arearange";
|
|
124
|
+
export declare const isCalendarHeatmap: (chartType: ChartType) => chartType is "calendar-heatmap";
|
|
125
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
126
|
export type DynamicChartType = (typeof ALL_CHART_TYPES)[number];
|
|
127
127
|
export {};
|
package/dist/packages/sdk-ui/src/chart-options-processor/translations/value-label-section.d.ts
CHANGED
|
@@ -3,17 +3,12 @@ import { TextStyle } from './types';
|
|
|
3
3
|
import { AxisOrientation } from './axis-section';
|
|
4
4
|
import { HighchartsDataPointContext } from './tooltip-utils';
|
|
5
5
|
import { PolarType } from './design-options';
|
|
6
|
-
import { NumberFormatConfig } from '../../types';
|
|
7
|
-
export type ValueLabelOptions = {
|
|
8
|
-
enabled?: boolean;
|
|
9
|
-
rotation?: number;
|
|
10
|
-
showValue?: boolean;
|
|
11
|
-
showPercentage?: boolean;
|
|
12
|
-
};
|
|
6
|
+
import { NumberFormatConfig, SeriesLabels } from '../../types';
|
|
13
7
|
export type RotationType = 'horizontal' | 'diagonal' | 'vertical';
|
|
14
|
-
export type
|
|
8
|
+
export type DataLabelsSettings = {
|
|
15
9
|
enabled?: boolean;
|
|
16
10
|
align?: string;
|
|
11
|
+
inside?: boolean;
|
|
17
12
|
crop?: boolean;
|
|
18
13
|
rotation?: number;
|
|
19
14
|
y?: number;
|
|
@@ -23,6 +18,14 @@ export type ValueLabelSettings = {
|
|
|
23
18
|
allowOverlap?: boolean;
|
|
24
19
|
verticalAlign?: 'bottom' | 'middle' | 'top';
|
|
25
20
|
padding?: number;
|
|
21
|
+
color?: 'contrast' | string;
|
|
22
|
+
backgroundColor?: string;
|
|
23
|
+
borderColor?: string;
|
|
24
|
+
borderRadius?: number;
|
|
25
|
+
borderWidth?: number;
|
|
26
|
+
animation?: {
|
|
27
|
+
defer?: boolean | number;
|
|
28
|
+
};
|
|
26
29
|
types?: {
|
|
27
30
|
count: boolean;
|
|
28
31
|
relative: boolean;
|
|
@@ -30,7 +33,7 @@ export type ValueLabelSettings = {
|
|
|
30
33
|
};
|
|
31
34
|
formatter?: (this: HighchartsDataPointContext, options?: DataLabelsOptions, valuePropName?: string) => string;
|
|
32
35
|
};
|
|
33
|
-
export declare const
|
|
36
|
+
export declare const createDataLabelsFormatter: (numberFormatConfig?: NumberFormatConfig, options?: SeriesLabels) => (this: HighchartsDataPointContext) => string;
|
|
34
37
|
export declare const getRotationType: (rotation: number) => RotationType;
|
|
35
|
-
export declare const
|
|
36
|
-
export declare const
|
|
38
|
+
export declare const getDataLabelsSettings: (xAxisOrientation: AxisOrientation, seriesLabels?: SeriesLabels, inside?: boolean) => DataLabelsSettings;
|
|
39
|
+
export declare const getPolarDataLabelsSettings: (seriesLabels: SeriesLabels | undefined, polarType: PolarType) => DataLabelsSettings;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { SizeMeasurement } from '../../../types';
|
|
3
2
|
export interface ModalOptions {
|
|
4
3
|
title?: string;
|
|
5
4
|
content: React.ReactNode;
|
|
6
5
|
width?: number;
|
|
7
6
|
height?: number;
|
|
8
|
-
measurement?:
|
|
7
|
+
measurement?: '%' | 'px';
|
|
9
8
|
}
|
|
10
9
|
export type ModalInstance = {
|
|
11
10
|
id: string;
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { type Filter } from '@sisense/sdk-data';
|
|
3
|
+
import { DashboardConfig, DashboardProps } from '../../dashboard/types';
|
|
4
|
+
import { DashboardId } from '../../models/dashboard/types';
|
|
3
5
|
interface JtdDashboardProps {
|
|
4
|
-
|
|
6
|
+
dashboard: DashboardId | DashboardProps;
|
|
5
7
|
filters: Filter[];
|
|
6
8
|
mergeTargetDashboardFilters: boolean;
|
|
7
|
-
|
|
8
|
-
displayFilterPane: boolean;
|
|
9
|
+
dashboardConfig?: DashboardConfig;
|
|
9
10
|
}
|
|
10
11
|
/**
|
|
11
12
|
* JTD-specific Dashboard component that handles runtime filters
|
|
12
|
-
* This component
|
|
13
|
+
* This component can render either by dashboard ID or with provided dashboard props
|
|
13
14
|
* @internal
|
|
14
15
|
*/
|
|
15
16
|
export declare const JtdDashboard: import("react").FunctionComponent<JtdDashboardProps>;
|