@sisense/sdk-ui 2.9.0 → 2.11.0

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/highcharts-based-chart-renderer/highcharts-based-chart-renderer.d.ts

@@ -4,18 +4,16 @@ import { TypedChartData, TypedDataOptionsInternal, TypedDesignOptions } from '..
 import { SisenseChartDataPointEventHandler, SisenseChartDataPointsEventHandler } from '../../../../sisense-chart/types';
 import { BeforeRenderHandler } from '../../../../props';
 import { ChartRendererProps } from '../../../../chart/types';
+import { ContainerSize } from '../../../../dynamic-size-container/dynamic-size-container.js';
 export type HighchartsBasedChartRendererProps<CT extends HighchartBasedChartTypes> = {
     chartData: TypedChartData<CT>;
     dataOptions: TypedDataOptionsInternal<CT>;
     designOptions: TypedDesignOptions<CT>;
+    size: ContainerSize;
     onDataPointClick?: SisenseChartDataPointEventHandler;
     onDataPointContextMenu?: SisenseChartDataPointEventHandler;
     onDataPointsSelected?: SisenseChartDataPointsEventHandler;
     onBeforeRender?: BeforeRenderHandler;
-    size?: {
-        width?: number;
-        height?: number;
-    };
 };
 /**
  * Creates a specific highcharts based chart renderer component

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/highcharts-based-chart-renderer/use-extra-config.d.ts

@@ -0,0 +1,2 @@
+import { BuildContext, HighchartBasedChartTypes } from '../types';
+export declare function useExtraConfig(): BuildContext<HighchartBasedChartTypes>['extraConfig'];

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/types.d.ts

@@ -2,7 +2,7 @@ import { HighchartsOptionsInternal } from '../../../chart-options-processor/char
 import { CompleteThemeSettings } from '../../../index-typedoc';
 import { TFunction } from '@sisense/sdk-common';
 import { TypedChartData, TypedDataOptionsInternal, TypedDesignOptions } from '../types';
-export type HighchartBasedChartTypes = 'column' | 'bar' | 'line' | 'area' | 'polar';
+export type HighchartBasedChartTypes = 'column' | 'bar' | 'line' | 'area' | 'polar' | 'pie' | 'funnel' | 'treemap' | 'calendar-heatmap' | 'sunburst';
 export type HighchartsOptionsBuilder<CT extends HighchartBasedChartTypes> = {
     getChart: (ctx: BuildContext<CT>) => HighchartsOptionsInternal['chart'];
     getSeries: (ctx: BuildContext<CT>) => HighchartsOptionsInternal['series'];

package/dist/packages/sdk-ui/src/chart/restructured-charts/types.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import { Attribute, Measure, QueryResultData } from '@sisense/sdk-data';
-import { QueryDescription, QueryExecutionConfig } from '@sisense/sdk-query-client';
-import type { AreaStyleOptions, AreamapStyleOptions, ChartDataOptions, ChartStyleOptions, LineStyleOptions, PolarStyleOptions, ScattermapStyleOptions, StackableStyleOptions } from '../../types';
+import { QueryExecutionConfig } from '@sisense/sdk-query-client';
+import type { AreaStyleOptions, AreamapStyleOptions, CalendarHeatmapStyleOptions, ChartDataOptions, ChartStyleOptions, LineStyleOptions, PieStyleOptions, PolarStyleOptions, ScattermapStyleOptions, StackableStyleOptions, FunnelStyleOptions, TreemapStyleOptions, SunburstStyleOptions } from '../../types';
 import type { ChartRendererProps } from '../../chart';
-import type { CartesianChartData, ScattermapChartData } from '../../chart-data/types';
-import { AreamapChartDataOptions, AreamapChartDataOptionsInternal, CartesianChartDataOptions, CartesianChartDataOptionsInternal, ChartDataOptionsInternal, ScattermapChartDataOptions, ScattermapChartDataOptionsInternal } from '../../chart-data-options/types';
+import type { CartesianChartData, CategoricalChartData, ScattermapChartData } from '../../chart-data/types';
+import { AreamapChartDataOptions, AreamapChartDataOptionsInternal, CalendarHeatmapChartDataOptions, CalendarHeatmapChartDataOptionsInternal, CartesianChartDataOptions, CartesianChartDataOptionsInternal, CategoricalChartDataOptions, CategoricalChartDataOptionsInternal, ChartDataOptionsInternal, ScattermapChartDataOptions, ScattermapChartDataOptionsInternal } from '../../chart-data-options/types';
 import { DesignOptions } from '../../chart-options-processor/translations/types';
 import { DataTable } from '../../chart-data-processor/table-processor';
 import { ClientApplication } from '../../app/client-application';
@@ -12,19 +12,21 @@ import { AreamapProps } from '../../chart/restructured-charts/areamap-chart/rend
 import { ScattermapProps } from '../../charts/map-charts/scattermap/scattermap';
 import { AreamapData } from './areamap-chart/types';
 import { HighchartsBasedChartRendererProps } from './highchart-based-charts/highcharts-based-chart-renderer/highcharts-based-chart-renderer';
-export type SupportedChartType = 'areamap' | 'column' | 'bar' | 'line' | 'area' | 'polar';
-export type TypedChartDataOptions<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapChartDataOptions : CT extends 'scattermap' ? ScattermapChartDataOptions : CT extends 'column' | 'bar' | 'line' | 'area' | 'polar' ? CartesianChartDataOptions : never;
-export type TypedDataOptionsInternal<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapChartDataOptionsInternal : CT extends 'scattermap' ? ScattermapChartDataOptionsInternal : CT extends 'column' | 'bar' | 'line' | 'area' | 'polar' ? CartesianChartDataOptionsInternal : never;
-export type TypedChartStyleOptions<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapStyleOptions : CT extends 'scattermap' ? ScattermapStyleOptions : CT extends 'column' | 'bar' ? StackableStyleOptions : CT extends 'line' ? LineStyleOptions : CT extends 'area' ? AreaStyleOptions : CT extends 'polar' ? PolarStyleOptions : never;
+import { QueryDescription } from '../../query/execute-query';
+import { CalendarHeatmapChartData } from './highchart-based-charts/calendar-heatmap-chart/data';
+export type SupportedChartType = 'areamap' | 'column' | 'bar' | 'line' | 'area' | 'polar' | 'pie' | 'funnel' | 'calendar-heatmap' | 'treemap' | 'sunburst';
+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;
+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;
+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;
 export type TypedDesignOptions<CT extends SupportedChartType> = DesignOptions<CT>;
-export type TypedChartData<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapData : CT extends 'scattermap' ? ScattermapChartData : CT extends 'column' | 'bar' | 'line' | 'area' | 'polar' ? CartesianChartData : never;
+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;
 export type TypedLoadDataFunction<CT extends SupportedChartType> = (options: {
     app: ClientApplication;
     chartDataOptionsInternal: TypedDataOptionsInternal<CT>;
     queryDescription: QueryDescription;
     executionConfig?: QueryExecutionConfig;
 }) => Promise<QueryResultData>;
-export type TypedChartRendererProps<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapProps : CT extends 'scattermap' ? ScattermapProps : CT extends 'column' | 'bar' | 'line' | 'area' | 'polar' ? HighchartsBasedChartRendererProps<CT> : never;
+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;
 /**
  * Chart builder interface.
  */

package/dist/packages/sdk-ui/src/chart-data/types.d.ts

@@ -3,6 +3,7 @@ import { IndicatorChartType } from '../chart-options-processor/translations/type
 import { ComparableData, Value } from '../chart-data-processor/table-processor';
 import { Coordinates } from '../charts/map-charts/scattermap/types';
 import { AreamapData } from '../chart/restructured-charts/areamap-chart/types';
+import { CalendarHeatmapChartData } from '../chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/data';
 export type CategoricalXValues = {
     key: string;
     xValues: string[];
@@ -140,5 +141,5 @@ export type BoxplotChartData = {
  *
  * @internal
  */
-export type ChartData = CartesianChartData | CategoricalChartData | ScatterChartData | IndicatorChartData | BoxplotChartData | AreamapData | ScattermapChartData | RangeChartData;
+export type ChartData = CartesianChartData | CategoricalChartData | ScatterChartData | IndicatorChartData | BoxplotChartData | AreamapData | ScattermapChartData | RangeChartData | CalendarHeatmapChartData;
 export {};

package/dist/packages/sdk-ui/src/chart-data-options/translate-data-options.d.ts

@@ -1,7 +1,8 @@
 import { Attribute, Measure } from '@sisense/sdk-data';
 import { ChartType } from '../types';
-import { ChartDataOptions, ChartDataOptionsInternal, TableDataOptionsInternal, TableDataOptions, PivotTableDataOptions, PivotTableDataOptionsInternal } from './types';
+import { ChartDataOptions, CategoricalChartDataOptions, CategoricalChartDataOptionsInternal, ChartDataOptionsInternal, TableDataOptionsInternal, TableDataOptions, PivotTableDataOptions, PivotTableDataOptionsInternal } from './types';
 export declare function translateChartDataOptions(chartType: ChartType, dataOptions: ChartDataOptions): ChartDataOptionsInternal;
+export declare const translateCategoricalChartDataOptions: (categorical: CategoricalChartDataOptions) => CategoricalChartDataOptionsInternal;
 export declare function getAttributes(dataOptions: ChartDataOptionsInternal, chartType: ChartType): Attribute[];
 export declare function getMeasures(dataOptions: ChartDataOptionsInternal, chartType: ChartType): Measure[];
 export declare function translateTableDataOptions(dataOptions: TableDataOptions): TableDataOptionsInternal;

package/dist/packages/sdk-ui/src/chart-data-options/types.d.ts

@@ -285,6 +285,8 @@ export interface CategoricalChartDataOptions {
     value: (MeasureColumn | CalculatedMeasureColumn | StyledMeasureColumn)[];
     /**
      * Columns (or attributes) whose values represent categories in the chart.
+     *
+     * For funnel charts, only the first 50 categories will be used.
      */
     category: (Column | StyledColumn)[];
     /**
@@ -372,6 +374,16 @@ export interface AreamapChartDataOptions {
     /** Measure column (or measure) encoded by the color of the countries (or states) on the map. */
     color?: [MeasureColumn | CalculatedMeasureColumn | StyledMeasureColumn];
 }
+/**
+ * Configuration for how to query aggregate data and assign data
+ * to a calendar-heatmap chart.
+ */
+export interface CalendarHeatmapChartDataOptions {
+    /** Date column representing dates on the calendar heatmap. */
+    date: Column | StyledColumn;
+    /** Measure column (or measure) assigned to the calendar cells. */
+    value: MeasureColumn | CalculatedMeasureColumn | StyledMeasureColumn;
+}
 /**
  * Configuration for how to query data and assign data to Table.
  */
@@ -555,7 +567,7 @@ export type ChartDataOptions = RegularChartDataOptions | TabularChartDataOptions
 /**
  * Configuration for how to query aggregate data and assigning data to chart encodings of regular charts.
  */
-export type RegularChartDataOptions = CartesianChartDataOptions | CategoricalChartDataOptions | ScatterChartDataOptions | IndicatorChartDataOptions | BoxplotChartDataOptions | BoxplotChartCustomDataOptions | AreamapChartDataOptions | ScattermapChartDataOptions | RangeChartDataOptions;
+export type RegularChartDataOptions = CartesianChartDataOptions | CategoricalChartDataOptions | ScatterChartDataOptions | IndicatorChartDataOptions | BoxplotChartDataOptions | BoxplotChartCustomDataOptions | AreamapChartDataOptions | ScattermapChartDataOptions | RangeChartDataOptions | CalendarHeatmapChartDataOptions;
 /** @internal */
 export interface CartesianChartDataOptionsInternal {
     x: StyledColumn[];
@@ -629,7 +641,7 @@ export interface PivotTableDataOptionsInternal {
     grandTotals?: PivotGrandTotals;
 }
 /** @internal */
-export type ChartDataOptionsInternal = CartesianChartDataOptionsInternal | CategoricalChartDataOptionsInternal | ScatterChartDataOptionsInternal | IndicatorChartDataOptionsInternal | BoxplotChartDataOptionsInternal | AreamapChartDataOptionsInternal | ScattermapChartDataOptionsInternal | RangeChartDataOptionsInternal;
+export type ChartDataOptionsInternal = CartesianChartDataOptionsInternal | CategoricalChartDataOptionsInternal | ScatterChartDataOptionsInternal | IndicatorChartDataOptionsInternal | BoxplotChartDataOptionsInternal | AreamapChartDataOptionsInternal | ScattermapChartDataOptionsInternal | RangeChartDataOptionsInternal | CalendarHeatmapChartDataOptionsInternal;
 /** @internal */
 export type IndicatorChartDataOptionsInternal = {
     value?: StyledMeasureColumn[];
@@ -654,3 +666,8 @@ export type AreamapChartDataOptionsInternal = {
     geo: StyledColumn;
     color?: StyledMeasureColumn;
 };
+/** @internal */
+export type CalendarHeatmapChartDataOptionsInternal = {
+    date: StyledColumn;
+    value: StyledMeasureColumn;
+};

package/dist/packages/sdk-ui/src/chart-data-options/utils.d.ts

@@ -41,7 +41,7 @@ export declare function isMeasureColumn(arg: AnyColumn): arg is MeasureColumn |
  * @param name - The name of the column.
  * @returns The title of the column.
  */
-export declare const getDataOptionTitle: ({ column, name }: StyledColumn | StyledMeasureColumn) => string;
+export declare const getDataOptionTitle: (styledColumn: StyledColumn | StyledMeasureColumn) => string;
 export declare const getDataOptionGranularity: ({ column, granularity }: StyledColumn) => string;
 /** @internal */
 export declare const translateColumnToAttribute: (c: Column | StyledColumn) => Attribute;
@@ -60,7 +60,7 @@ export declare function isStyledColumn(targetColumn: AnyColumn): targetColumn is
  * @internal
  */
 export declare function isCategoryStyle(category: Column | CategoryStyle): category is CategoryStyle;
-export declare function normalizeColumn(targetColumn: Column | StyledColumn): StyledColumn;
-export declare function normalizeMeasureColumn(targetColumn: MeasureColumn | CalculatedMeasureColumn | StyledMeasureColumn): StyledMeasureColumn;
-export declare function normalizeAnyColumn(targetColumn: AnyColumn): StyledColumn | StyledMeasureColumn;
+export declare function normalizeColumn(targetColumn: Column | StyledColumn, defaultStyle?: CategoryStyle): StyledColumn;
+export declare function normalizeMeasureColumn(targetColumn: MeasureColumn | CalculatedMeasureColumn | StyledMeasureColumn, defaultStyle?: ValueStyle): StyledMeasureColumn;
+export declare function normalizeAnyColumn(targetColumn: AnyColumn, defaultStyle?: CategoryStyle | ValueStyle): StyledColumn | StyledMeasureColumn;
 export {};

package/dist/packages/sdk-ui/src/chart-data-options/validate-data-options/validate-categorical-data-options.d.ts

@@ -1,3 +1,17 @@
 import { CategoricalChartType } from '../../types';
 import { CategoricalChartDataOptions } from '../types';
 export declare function validateCategoricalChartDataOptions(chartType: CategoricalChartType, dataOptions: CategoricalChartDataOptions): CategoricalChartDataOptions;
+/**
+ * Creates a transformer that limits the number of categories in chart data options.
+ *
+ * @param maxCategories - Maximum allowed number of categories
+ * @returns Transformer function that limits categories
+ */
+export declare function withCategoryLimitation(maxCategories: number): (dataOptions: CategoricalChartDataOptions) => CategoricalChartDataOptions;
+/**
+ * Creates a transformer that limits the number of values in chart data options.
+ *
+ * @param maxValues - Maximum allowed number of values
+ * @returns Transformer function that limits values
+ */
+export declare function withValueLimitation(maxValues: number): (dataOptions: CategoricalChartDataOptions) => CategoricalChartDataOptions;

package/dist/packages/sdk-ui/src/chart-options-processor/cartesian/utils/series-processor.d.ts

@@ -33,12 +33,34 @@ interface SeriesProcessingConfig {
  * Process and format series data for the chart
  */
 export declare function processSeries(config: SeriesProcessingConfig): {
+    borderRadius?: string | number | undefined;
+    groupPadding?: number | undefined;
+    pointPadding?: number | undefined;
+    shadow?: boolean | undefined;
+    linecap?: string | undefined;
+    dashStyle?: import("../../../types").DashStyle | undefined;
+    lineWidth?: number | undefined;
     dataLabels: {
         formatter: (this: import("../../tooltip").HighchartsDataPointContext) => string;
+        animation?: {
+            defer: number;
+        } | undefined;
+        y?: number | undefined;
+        x?: number | undefined;
+        padding?: number | undefined;
+        borderWidth?: number | undefined;
+        borderRadius?: number | undefined;
+        borderColor?: string | undefined;
+        backgroundColor?: string | undefined;
+        style?: import("../../../types").SeriesLabelsTextStyle | undefined;
+        verticalAlign?: "top" | "middle" | "bottom" | undefined;
+        align?: "center" | "left" | "right" | undefined;
+        inside?: boolean | undefined;
+        rotation?: number | undefined;
+        enabled: boolean;
     };
     connectNulls: boolean;
     marker: import("../../translations/marker-section").MarkerSettings;
-    lineWidth: number;
     type?: string | undefined;
     showInNavigator: boolean;
     stickyTracking: boolean;

package/dist/packages/sdk-ui/src/chart-options-processor/{category-chart-options.d.ts → category-chart-options/category-chart-options.d.ts}

@@ -1,9 +1,13 @@
-import { ChartDesignOptions } from './translations/types';
-import { ChartType, OptionsWithAlerts, CompleteThemeSettings } from '../types';
-import { CategoricalChartData } from '../chart-data/types';
-import { HighchartsOptionsInternal } from './chart-options-service';
-import { ChartDataOptionsInternal } from '../chart-data-options/types';
+import { ChartDesignOptions } from '../translations/types';
+import { ChartType, OptionsWithAlerts, CompleteThemeSettings } from '../../types';
+import { CategoricalChartData } from '../../chart-data/types';
+import { HighchartsOptionsInternal } from '../chart-options-service';
+import { ChartDataOptionsInternal } from '../../chart-data-options/types';
 import { TFunction } from '@sisense/sdk-common';
+export { getPieChartOptions } from './pie-chart-options';
+export { getFunnelChartOptions } from './funnel-chart-options';
+export { getTreemapChartOptions } from './treemap-chart-options';
+export { getSunburstChartOptions } from './sunburst-chart-options';
 /**
  * Convert intermediate chart data, data options, and design options
  * into pure highcharts config data.

package/dist/packages/sdk-ui/src/chart-options-processor/category-chart-options/funnel-chart-options.d.ts

@@ -0,0 +1,15 @@
+import { FunnelChartDesignOptions } from '../translations/design-options';
+import { OptionsWithAlerts, CompleteThemeSettings } from '../../types';
+import { CategoricalChartData } from '../../chart-data/types';
+import { HighchartsOptionsInternal } from '../chart-options-service';
+import { CategoricalChartDataOptionsInternal } from '../../chart-data-options/types';
+/**
+ * Convert intermediate chart data, data options, and design options
+ * into pure highcharts config data for funnel charts.
+ *
+ * @param chartData - the data for the chart in an intermediate format
+ * @param chartDesignOptions - funnel chart specific design options
+ * @param dataOptions - chart data options
+ * @param themeSettings - theme settings
+ */
+export declare const getFunnelChartOptions: (chartData: CategoricalChartData, chartDesignOptions: FunnelChartDesignOptions, dataOptions: CategoricalChartDataOptionsInternal, themeSettings?: CompleteThemeSettings) => OptionsWithAlerts<HighchartsOptionsInternal>;

package/dist/packages/sdk-ui/src/chart-options-processor/category-chart-options/pie-chart-options.d.ts

@@ -0,0 +1,15 @@
+import { PieChartDesignOptions } from '../translations/design-options';
+import { OptionsWithAlerts, CompleteThemeSettings } from '../../types';
+import { CategoricalChartData } from '../../chart-data/types';
+import { HighchartsOptionsInternal } from '../chart-options-service';
+import { CategoricalChartDataOptionsInternal } from '../../chart-data-options/types';
+/**
+ * Convert intermediate chart data, data options, and design options
+ * into pure highcharts config data for pie charts.
+ *
+ * @param chartData - the data for the chart in an intermediate format
+ * @param chartDesignOptions - pie chart specific design options
+ * @param dataOptions - chart data options
+ * @param themeSettings - theme settings
+ */
+export declare const getPieChartOptions: (chartData: CategoricalChartData, chartDesignOptions: PieChartDesignOptions, dataOptions: CategoricalChartDataOptionsInternal, themeSettings?: CompleteThemeSettings) => OptionsWithAlerts<HighchartsOptionsInternal>;

package/dist/packages/sdk-ui/src/chart-options-processor/category-chart-options/sunburst-chart-options.d.ts

@@ -0,0 +1,17 @@
+import { TreemapChartDesignOptions } from '../translations/design-options';
+import { OptionsWithAlerts, CompleteThemeSettings } from '../../types';
+import { CategoricalChartData } from '../../chart-data/types';
+import { HighchartsOptionsInternal } from '../chart-options-service';
+import { CategoricalChartDataOptionsInternal } from '../../chart-data-options/types';
+import { TFunction } from '@sisense/sdk-common';
+/**
+ * Convert intermediate chart data, data options, and design options
+ * into pure highcharts config data for sunburst charts.
+ *
+ * @param chartData - the data for the chart in an intermediate format
+ * @param chartDesignOptions - sunburst chart specific design options
+ * @param dataOptions - chart data options
+ * @param translate - translation function
+ * @param themeSettings - theme settings
+ */
+export declare const getSunburstChartOptions: (chartData: CategoricalChartData, chartDesignOptions: TreemapChartDesignOptions, dataOptions: CategoricalChartDataOptionsInternal, translate: TFunction, themeSettings?: CompleteThemeSettings) => OptionsWithAlerts<HighchartsOptionsInternal>;

package/dist/packages/sdk-ui/src/chart-options-processor/category-chart-options/treemap-chart-options.d.ts

@@ -0,0 +1,17 @@
+import { TreemapChartDesignOptions } from '../translations/design-options';
+import { OptionsWithAlerts, CompleteThemeSettings } from '../../types';
+import { CategoricalChartData } from '../../chart-data/types';
+import { HighchartsOptionsInternal } from '../chart-options-service';
+import { CategoricalChartDataOptionsInternal } from '../../chart-data-options/types';
+import { TFunction } from '@sisense/sdk-common';
+/**
+ * Convert intermediate chart data, data options, and design options
+ * into pure highcharts config data for treemap charts.
+ *
+ * @param chartData - the data for the chart in an intermediate format
+ * @param chartDesignOptions - treemap chart specific design options
+ * @param dataOptions - chart data options
+ * @param translate - translation function
+ * @param themeSettings - theme settings
+ */
+export declare const getTreemapChartOptions: (chartData: CategoricalChartData, chartDesignOptions: TreemapChartDesignOptions, dataOptions: CategoricalChartDataOptionsInternal, translate: TFunction, themeSettings?: CompleteThemeSettings) => OptionsWithAlerts<HighchartsOptionsInternal>;

package/dist/packages/sdk-ui/src/chart-options-processor/chart-options-service.d.ts

@@ -3,7 +3,7 @@ import { TFunction } from '@sisense/sdk-common';
 import { ChartData } from '../chart-data/types';
 import { ChartDesignOptions } from './translations/types';
 import { LegendSettings } from './translations/legend-section';
-import { ValueLabelSettings } from './translations/value-label-section';
+import { DataLabelsSettings } from './translations/value-label-section';
 import { MarkerSettings } from './translations/marker-section';
 import { AxisSettings } from './translations/axis-section';
 import { HighchartsType, HighchartsSeriesValues } from './translations/translations-to-highcharts';
@@ -57,9 +57,15 @@ export type SeriesType = HighchartsSeriesValues & {
     dashStyle?: string;
     lineWidth?: number;
     zIndex?: number;
+    keys?: string[];
+    nullColor?: string;
+    borderWidth?: number;
+    borderColor?: string;
+    colsize?: number;
+    rowsize?: number;
 };
 type ChartPlotOptions = {
-    dataLabels?: ValueLabelSettings;
+    dataLabels?: DataLabelsSettings;
     groupPadding?: number;
     pointPadding?: number;
     pointPlacement?: null;
@@ -83,7 +89,7 @@ export type Stacking = 'normal' | 'percent';
 export type PlotOptions = {
     series: {
         lineWidth?: number;
-        dataLabels?: ValueLabelSettings;
+        dataLabels?: DataLabelsSettings;
         marker?: MarkerSettings;
         stacking?: Stacking;
         stickyTracking?: boolean;
@@ -118,6 +124,7 @@ export type PlotOptions = {
     boxplot?: ChartPlotOptions;
     scatter?: ChartPlotOptions;
     arearange?: ChartPlotOptions;
+    heatmap?: ChartPlotOptions;
 };
 /**
  * Highcharts options internal
@@ -146,6 +153,13 @@ export type HighchartsOptionsInternal = {
         zooming?: {
             type: string;
         };
+        plotBorderWidth?: number;
+        backgroundColor?: string;
+        marginBottom?: number;
+        marginLeft?: number;
+        marginRight?: number;
+        width?: number;
+        height?: number;
     };
     title?: {
         text: string | null;
@@ -176,6 +190,18 @@ export type HighchartsOptionsInternal = {
         enabled: boolean;
     };
     drilldown?: DrilldownOptions;
+    accessibility?: {
+        enabled?: boolean;
+        landmarkVerbosity?: 'one' | 'all';
+    };
+    colorAxis?: {
+        min?: number;
+        max?: number;
+        stops?: [number, string][];
+        labels?: {
+            format: string;
+        };
+    };
 };
 type Navigator = {
     series: {

package/dist/packages/sdk-ui/src/chart-options-processor/scatter-chart-options.d.ts

@@ -1,14 +1,14 @@
 import { ChartDesignOptions } from './translations/types';
-import { ChartType, OptionsWithAlerts, CompleteThemeSettings } from '../types';
+import { ChartType, OptionsWithAlerts, CompleteThemeSettings, LegendOptions } from '../types';
 import { ScatterChartData } from '../chart-data/types';
 import { HighchartsOptionsInternal } from './chart-options-service';
 import { ChartDataOptionsInternal } from '../chart-data-options/types';
-import { LegendPosition, LegendSettings } from './translations/legend-section';
+import { LegendSettings } from './translations/legend-section';
 /**
  * @param position
  * @internal
  */
-export declare const getScatterLegendSettings: (position: LegendPosition) => LegendSettings;
+export declare const getScatterLegendSettings: (legend?: LegendOptions) => LegendSettings;
 /**
  * Convert intermediate chart data, data options, and design options
  * into pure highcharts config data.

package/dist/packages/sdk-ui/src/chart-options-processor/series-labels.d.ts

@@ -0,0 +1,19 @@
+import { SeriesLabels } from '..';
+export declare const prepareDataLabelsOptions: (seriesLabels?: SeriesLabels) => {
+    animation?: {
+        defer: number;
+    } | undefined;
+    y?: number | undefined;
+    x?: number | undefined;
+    padding?: number | undefined;
+    borderWidth?: number | undefined;
+    borderRadius?: number | undefined;
+    borderColor?: string | undefined;
+    backgroundColor?: string | undefined;
+    style?: import("..").SeriesLabelsTextStyle | undefined;
+    verticalAlign?: "top" | "middle" | "bottom" | undefined;
+    align?: "center" | "left" | "right" | undefined;
+    inside?: boolean | undefined;
+    rotation?: number | undefined;
+    enabled: boolean;
+};

package/dist/packages/sdk-ui/src/chart-options-processor/style-to-design-options-translator/translate-to-highcharts-options.d.ts

@@ -1,10 +1,8 @@
-import { Legend, PolarStyleOptions, PieStyleOptions, StackableStyleOptions, LineStyleOptions, AreaStyleOptions, FunnelStyleOptions, ScatterStyleOptions, BaseStyleOptions, TreemapStyleOptions, SunburstStyleOptions, BoxplotStyleOptions, ScattermapStyleOptions, BaseAxisStyleOptions, ChartStyleOptions, ChartType } from '../../types';
+import { PolarStyleOptions, PieStyleOptions, StackableStyleOptions, LineStyleOptions, AreaStyleOptions, FunnelStyleOptions, ScatterStyleOptions, BaseStyleOptions, TreemapStyleOptions, SunburstStyleOptions, BoxplotStyleOptions, ScattermapStyleOptions, BaseAxisStyleOptions, ChartStyleOptions, ChartType } from '../../types';
 import { StackableChartDesignOptions, LineChartDesignOptions, PieChartDesignOptions, FunnelChartDesignOptions, PolarChartDesignOptions, ScatterChartDesignOptions, AreaChartDesignOptions, TreemapChartDesignOptions, SunburstChartDesignOptions, BoxplotChartDesignOptions, ScattermapChartDesignOptions, BaseDesignOptionsType } from '../translations/design-options';
-import { LegendPosition } from '../translations/legend-section';
 import { StackType } from '../translations/translations-to-highcharts';
 import { CartesianChartType, SeriesDesignOptions } from '../translations/types';
 import { CartesianChartDataOptionsInternal } from '../../chart-data-options/types';
-export declare const getLegend: (legend?: Legend) => LegendPosition;
 export declare const DefaultStackType: StackType;
 export declare const getCartesianChartStyle: (styleOptions: BaseStyleOptions & BaseAxisStyleOptions, shouldHaveY2Axis: boolean) => BaseDesignOptionsType;
 export declare const getStackableChartDesignOptions: (styleOptions: AreaStyleOptions | StackableStyleOptions, dataOptions: CartesianChartDataOptionsInternal, hasY2Axis: boolean, chartType: CartesianChartType) => StackableChartDesignOptions;

package/dist/packages/sdk-ui/src/chart-options-processor/translations/axis-section.d.ts

@@ -36,12 +36,14 @@ export type AxisSettings = {
     tickWidth?: number;
     lineColor?: string;
     lineWidth?: number;
+    offset?: number;
     labels?: {
         overflow?: 'none' | 'justify';
         enabled?: boolean;
         autoRotation?: number[];
         style?: TextStyle;
         rotation?: number;
+        y?: number;
         formatter?: (this: AxisLabelsFormatterContextObject) => string;
     };
     min?: number | null;
@@ -67,6 +69,10 @@ export type AxisSettings = {
     stackLabels?: StackLabel;
     showLastLabel?: boolean;
     visible?: boolean;
+    accessibility?: {
+        description?: string;
+        rangeDescription?: string;
+    };
 };
 export type StackLabel = {
     style: TextStyle;

package/dist/packages/sdk-ui/src/chart-options-processor/translations/boxplot/boxplot-plot-options.d.ts

@@ -1,3 +1,3 @@
 import { PlotOptions } from '../../chart-options-service.js';
-import { ValueLabelOptions } from '../value-label-section.js';
-export declare const getBoxplotPlotOptions: (valueLabel: ValueLabelOptions) => PlotOptions;
+import { SeriesLabels } from '../../../types.js';
+export declare const getBoxplotPlotOptions: (seriesLabels: SeriesLabels | undefined) => PlotOptions;

package/dist/packages/sdk-ui/src/chart-options-processor/translations/design-options.d.ts

@@ -1,21 +1,24 @@
-import { ValueLabelOptions } from './value-label-section';
 import { Axis } from './axis-section';
 import { Marker } from './marker-section';
-import { LegendPosition } from './legend-section';
 import { LineType, StackType } from './translations-to-highcharts';
 import { PieType, PieLabels } from './pie-plot-options';
 import { FunnelSize, FunnelType, FunnelDirection, FunnelLabels } from './funnel-plot-options';
-import { Convolution, ScattermapMarkers, SunburstStyleOptions, TreemapStyleOptions } from '../../types';
+import { CalendarHeatmapViewType, Convolution, LineOptions, LegendOptions, SeriesLabels, ScattermapMarkers, SunburstStyleOptions, TreemapStyleOptions } from '../../types';
 import { ScatterMarkerSize } from './scatter-plot-options';
-import { DesignPerSeries } from './types';
+import { DesignPerSeries, TextStyle } from './types';
+import { CalendarDayOfWeek } from '../../chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/utils';
 type DataLimits = {
     seriesCapacity: number;
     categoriesCapacity: number;
 };
 export type BaseDesignOptionsType = {
-    legend: LegendPosition;
-    valueLabel: ValueLabelOptions;
+    legend?: LegendOptions;
+    seriesLabels?: SeriesLabels;
     lineType: LineType;
+    /**
+     * @deprecated
+     * Use line.width instead
+     */
     lineWidth: number;
     marker: Marker;
     xAxis: Axis;
@@ -33,17 +36,47 @@ export type BaseDesignOptionsType = {
 };
 export type CartesianChartDesignOptions = BaseDesignOptionsType & DesignPerSeries;
 export type StackableChartDesignOptions = CartesianChartDesignOptions & {
+    line?: LineOptions;
     stackType: StackType;
     showTotal?: boolean;
     totalLabelRotation?: number;
+    itemPadding?: number;
+    groupPadding?: number;
+    borderRadius?: number | string;
 };
 export type LineChartDesignOptions = CartesianChartDesignOptions & {
     /** Step type for step line charts: left, center, or right */
     step?: 'left' | 'center' | 'right';
+    line?: LineOptions;
 };
 export type AreaChartDesignOptions = StackableChartDesignOptions;
 export type BarChartDesignOptions = StackableChartDesignOptions;
 export type ColumnChartDesignOptions = StackableChartDesignOptions;
+export type CalendarHeatmapChartDesignOptions = BaseDesignOptionsType & {
+    width?: number;
+    height?: number;
+    viewType: CalendarHeatmapViewType;
+    cellSize?: number;
+    startOfWeek: CalendarDayOfWeek;
+    cellLabels: {
+        enabled: boolean;
+        style?: TextStyle;
+    };
+    dayLabels: {
+        enabled: boolean;
+        style?: TextStyle;
+    };
+    monthLabels: {
+        enabled: boolean;
+        style?: TextStyle;
+    };
+    weekends: {
+        enabled: boolean;
+        days: CalendarDayOfWeek[];
+        cellColor?: string;
+        hideValues: boolean;
+    };
+};
 export type PolarType = 'line' | 'area' | 'column';
 export type PolarChartDesignOptions = CartesianChartDesignOptions & {
     polarType: PolarType;
@@ -185,5 +218,8 @@ export type BoxplotChartDesignOptions = BaseDesignOptionsType & {
 export type ScattermapChartDesignOptions = BaseDesignOptionsType & {
     markers: Required<ScattermapMarkers>;
 };
-export type AreaRangeChartDesignOptions = BaseDesignOptionsType;
+export type AreaRangeChartDesignOptions = BaseDesignOptionsType & {
+    /** Configuration that defines line style */
+    line?: LineOptions;
+};
 export {};

package/dist/packages/sdk-ui/src/chart-options-processor/translations/funnel-plot-options.d.ts

@@ -1,5 +1,5 @@
 import { PlotOptions } from '../chart-options-service';
-import { ValueLabelSettings } from './value-label-section';
+import { DataLabelsSettings } from './value-label-section';
 import { CompleteThemeSettings } from '../../types';
 import { FunnelChartDesignOptions } from './design-options';
 import { ChartDataOptionsInternal } from '../../chart-data-options/types';
@@ -26,7 +26,7 @@ export type FunnelDirection = (typeof funnelDirections)[number];
 export type FunnelOptions = {
     allowPointSelect: boolean;
     cursor: 'pointer';
-    dataLabels: ValueLabelSettings & {
+    dataLabels: DataLabelsSettings & {
         funnelMinimumFontSizeToTextLabel: number;
         formatter?: () => string;
     };

package/dist/packages/sdk-ui/src/chart-options-processor/translations/funnel-series.d.ts

@@ -12,3 +12,11 @@ import { CategoricalChartDataOptionsInternal } from '../../chart-data-options/ty
  * @param themeSettings
  */
 export declare const formatFunnelChartData: (chartData: CategoricalChartData, dataOptions: CategoricalChartDataOptionsInternal, designOptions: FunnelChartDesignOptions, themeSettings?: CompleteThemeSettings) => SeriesWithAlerts<SeriesType[]>;
+/**
+ * Calculate alerts for funnel chart based on data limits.
+ *
+ * @param chartData - The categorical chart data
+ * @param designOptions - The funnel chart design options
+ * @returns Array of alert messages
+ */
+export declare function getAlerts(chartData: CategoricalChartData, designOptions: FunnelChartDesignOptions): string[];