@sisense/sdk-ui 2.8.0 → 2.10.0

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

@@ -0,0 +1,155 @@
+import { ChartType, CompleteThemeSettings } from '../../../../types';
+import { CartesianChartData } from '../../../../chart-data/types';
+import { CartesianChartDataOptionsInternal } from '../../../../chart-data-options/types';
+import { StackableChartDesignOptions, PolarChartDesignOptions } from '../../../translations/design-options';
+import { ChartDesignOptions } from '../../../translations/types';
+import { Axis, AxisSettings, AxisMinMax, PlotBand } from '../../../translations/axis-section';
+import { withChartSpecificAxisSettings, withPolarSpecificAxisSettings, withStacking } from './axis-utils';
+export { withChartSpecificAxisSettings, withPolarSpecificAxisSettings, withStacking };
+import { AxisClipped } from '../../../translations/translations-to-highcharts';
+import { Stacking } from '../../../chart-options-service';
+/**
+ * X-axis orientation type
+ */
+export type XAxisOrientation = 'horizontal' | 'vertical';
+/**
+ * Y-axis metadata containing all Y-axis related configuration
+ */
+export interface YAxisMeta {
+    side: number[];
+    chartType: (string | undefined)[];
+    treatNullAsZero: boolean[];
+    connectNulls: boolean[];
+}
+/**
+ * Categories metadata containing categories, index mapping, and plot bands
+ */
+export interface CategoriesMeta {
+    categories: string[];
+    indexMap: number[];
+    plotBands: PlotBand[];
+}
+/**
+ * Parameters for building X-axis settings
+ */
+export interface BuildXAxisSettingsParams {
+    designOptions: ChartDesignOptions;
+    dataOptions: CartesianChartDataOptionsInternal;
+    chartData: CartesianChartData;
+    categoriesMeta: CategoriesMeta;
+    orientation: XAxisOrientation;
+    isContinuous: boolean;
+    dateFormatter?: (date: Date, format: string) => string;
+}
+/**
+ * Stacking configuration metadata
+ */
+export interface StackingMeta {
+    stacking?: Stacking;
+    showTotal?: boolean;
+}
+/**
+ * Y-axis settings result containing both settings and clipping information
+ */
+export interface YAxisSettingsResult {
+    settings: AxisSettings[];
+    clipped: AxisClipped[];
+}
+/**
+ * Determines if the X-axis should use continuous datetime scale
+ *
+ * @param xDataOptions - X-axis data options
+ * @returns true if continuous datetime X-axis should be used
+ */
+export declare const isContinuousDatetimeXAxis: (xDataOptions: CartesianChartDataOptionsInternal['x']) => boolean;
+/**
+ * Builds Y-axis metadata from chart data and options
+ *
+ * @param chartData - Cartesian chart data
+ * @param dataOptions - Chart data options
+ * @returns Y-axis metadata object
+ */
+export declare const buildYAxisMeta: (chartData: CartesianChartData, dataOptions: CartesianChartDataOptionsInternal) => YAxisMeta;
+/**
+ * Determines X-axis orientation based on chart type and Y-axis chart types
+ *
+ * @param chartType - Main chart type
+ * @param yAxisChartTypes - Array of Y-axis chart types
+ * @returns X-axis orientation
+ */
+export declare const getXAxisOrientation: (chartType: ChartType, yAxisChartTypes: (string | undefined)[]) => XAxisOrientation;
+/**
+ * Builds categories metadata including categories, index map, and plot bands
+ *
+ * @param chartData - Chart data
+ * @param dataOptions - Chart data options
+ * @param designOptions - Chart design options
+ * @param isContinuous - Whether X-axis is continuous
+ * @returns Categories metadata object
+ */
+export declare const buildCategoriesMeta: (chartData: CartesianChartData, dataOptions: CartesianChartDataOptionsInternal, designOptions: ChartDesignOptions, isContinuous: boolean) => CategoriesMeta;
+/**
+ * Builds X-axis settings based on whether it's continuous datetime or categorical
+ *
+ * @param params - Parameters object containing all required data
+ * @param params.designOptions - Chart design options
+ * @param params.dataOptions - Chart data options
+ * @param params.chartData - Chart data
+ * @param params.categoriesMeta - Categories metadata
+ * @param params.orientation - X-axis orientation
+ * @param params.isContinuous - Whether X-axis is continuous
+ * @param params.dateFormatter - Optional date formatter function
+ * @returns X-axis settings array
+ */
+export declare const buildXAxisSettings: ({ designOptions, dataOptions, chartData, categoriesMeta, orientation, isContinuous, dateFormatter, }: BuildXAxisSettingsParams) => AxisSettings[];
+/**
+ * Calculates Y-axis min/max values for a specific axis side
+ *
+ * @param axisIndex - Axis index (0 for left/primary, 1 for right/secondary)
+ * @param chartType - Chart type
+ * @param chartData - Chart data
+ * @param designOptions - Chart design options
+ * @param yAxisSide - Array indicating which side each series belongs to
+ * @param treatNullAsZero - Array indicating null treatment for each series
+ * @returns Axis min/max values
+ */
+export declare const buildYAxisMinMax: (axisIndex: 0 | 1, chartType: ChartType, chartData: CartesianChartData, designOptions: ChartDesignOptions, yAxisSide: number[], treatNullAsZero: boolean[]) => AxisMinMax;
+/**
+ * Builds stacking configuration metadata
+ *
+ * @param chartType - Chart type
+ * @param designOptions - Stackable chart design options
+ * @returns Stacking metadata
+ */
+export declare const buildStackingMeta: (chartType: ChartType, designOptions: StackableChartDesignOptions) => StackingMeta;
+/**
+ * Contextless transformer that normalizes Y-axis configuration for polar charts.
+ * Disables Y-axis titles which are not meaningful in polar coordinate system.
+ *
+ * @param designOptions - Polar chart design options to normalize
+ * @returns Normalized polar chart design options with Y-axis title disabled
+ * @example
+ * const normalizedOptions = withYAxisNormalizationForPolar(polarDesignOptions);
+ */
+export declare const withYAxisNormalizationForPolar: (designOptions: Readonly<PolarChartDesignOptions>) => PolarChartDesignOptions;
+/**
+ * Builds Y-axis settings and clipping information
+ *
+ * @param yAxis - Primary Y-axis configuration
+ * @param y2Axis - Secondary Y-axis configuration
+ * @param primaryMinMax - Primary axis min/max values
+ * @param secondaryMinMax - Secondary axis min/max values (optional)
+ * @param stackingMeta - Stacking configuration
+ * @param totalLabelRotation - Total label rotation angle
+ * @param dataOptions - Chart data options
+ * @param themeSettings - Theme settings (optional)
+ * @returns Y-axis settings and clipping information
+ */
+export declare const buildYAxisSettings: (yAxis: Axis, y2Axis: Axis | undefined, primaryMinMax: AxisMinMax, secondaryMinMax: AxisMinMax | undefined, stackingMeta: StackingMeta, totalLabelRotation: number, dataOptions: CartesianChartDataOptionsInternal, themeSettings?: CompleteThemeSettings) => YAxisSettingsResult;
+/**
+ * Determines if a secondary Y-axis is needed based on Y-axis side configuration
+ *
+ * @param yAxisSide - Array indicating which side each series belongs to
+ * @returns true if secondary Y-axis is needed
+ */
+export declare const hasSecondaryYAxis: (yAxisSide: number[]) => boolean;

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

@@ -0,0 +1,39 @@
+import { ChartDataOptionsInternal } from '../../../../chart-data-options/types';
+import { CompleteThemeSettings } from '../../../../types';
+import { AxisClipped } from '../../../translations/translations-to-highcharts';
+import { Axis, AxisMinMax, AxisOrientation, AxisSettings, PlotBand } from '../../../translations/axis-section';
+/**
+ * Builds X-axis settings for categorical axes
+ *
+ * @param axis - Primary X-axis configuration
+ * @param axis2 - Secondary X-axis configuration (optional)
+ * @param categories - Array of category labels
+ * @param plotBands - Array of plot band configurations
+ * @param xAxisOrientation - X-axis orientation ('horizontal' or 'vertical')
+ * @param dataOptions - Chart data options
+ * @returns Array of X-axis settings
+ */
+export declare const getXAxisSettings: (axis: Axis, axis2: Axis | undefined, categories: string[], plotBands: PlotBand[], xAxisOrientation: AxisOrientation, dataOptions: ChartDataOptionsInternal) => AxisSettings[];
+/**
+ * Creates Y-axis clipping information for cartesian charts.
+ *
+ * @param axis - Primary Y-axis configuration
+ * @param axis2 - Secondary Y-axis configuration (optional)
+ * @param axis2MinMax - Min/max values for secondary axis (optional)
+ * @returns Array of axis clipping information
+ */
+export declare const getYClippings: (axis: Axis, axis2: Axis | undefined, axis2MinMax: AxisMinMax | undefined) => AxisClipped[];
+/**
+ * Creates basic Y-axis settings configuration for cartesian charts.
+ * This function provides core Y-axis functionality without stacking-specific features.
+ * Use the withStacking transformer to add stacking capabilities when needed.
+ *
+ * @param axis - Primary Y-axis configuration
+ * @param axis2 - Secondary Y-axis configuration (optional)
+ * @param axisMinMax - Min/max values for primary axis
+ * @param axis2MinMax - Min/max values for secondary axis (optional)
+ * @param dataOptions - Chart data options
+ * @param themeSettings - Theme settings for styling (optional)
+ * @returns Array of basic axis settings
+ */
+export declare const getYAxisSettings: (axis: Axis, axis2: Axis | undefined, axisMinMax: AxisMinMax, axis2MinMax: AxisMinMax | undefined, dataOptions: ChartDataOptionsInternal, themeSettings?: CompleteThemeSettings) => AxisSettings[];

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

@@ -0,0 +1,45 @@
+import { Stacking } from '../../../chart-options-service';
+import { ChartDataOptionsInternal } from '../../../../chart-data-options/types';
+import { ChartType, CompleteThemeSettings } from '../../../../types';
+import { AxisSettings } from '../../../translations/axis-section';
+/**
+ * Configuration interface for stacking transformer
+ */
+export interface StackingConfig {
+    stacking?: Stacking;
+    showTotal?: boolean;
+    totalLabelRotation?: number;
+    dataOptions: ChartDataOptionsInternal;
+    themeSettings?: CompleteThemeSettings;
+}
+/**
+ * Transformer that combines polar-specific axis transformations
+ * Applies both top title positioning and removes label rotation
+ */
+export declare const withPolarSpecificAxisSettings: (axisSettings: AxisSettings[]) => AxisSettings[];
+/**
+ * Transformer that applies stacking-specific enhancements to Y-axis settings.
+ * This transformer adds stacking-related properties (stack labels, total labels, formatting)
+ * to basic Y-axis settings for stackable charts.
+ *
+ * @param config - Stacking configuration containing stacking type, showTotal, rotation, and formatting options
+ * @returns A function that transforms basic Y-axis settings to include stacking support
+ *
+ * @example
+ * ```typescript
+ * // Apply stacking enhancements to basic Y-axis
+ * const stackedYAxis = flow(
+ *   getYAxisSettings,
+ *   withStacking({ stacking: 'normal', showTotal: true, totalLabelRotation: 0, dataOptions, themeSettings }),
+ * )(axis, axis2, axisMinMax, axis2MinMax, dataOptions, themeSettings);
+ * ```
+ */
+export declare const withStacking: (config: StackingConfig) => (axisSettings: AxisSettings[]) => AxisSettings[];
+/**
+ * Applies chart-specific axis settings to the axis settings array
+ *
+ * @param chartType - Chart type
+ * @param axisSettings - Array of axis settings
+ * @returns Array of axis settings with chart-specific settings applied
+ */
+export declare const withChartSpecificAxisSettings: (chartType: ChartType) => (axisSettings: AxisSettings[]) => AxisSettings[];

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

@@ -0,0 +1 @@
+export * from './index';

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

@@ -0,0 +1,27 @@
+import { StyledColumn } from '../../../../chart-data-options/types';
+import { Axis, AxisSettings } from '../../../translations/axis-section';
+/**
+ * Maps date granularity levels to their corresponding intervals in milliseconds
+ *
+ * @param granularity - The date granularity level
+ * @returns Interval in milliseconds for the given granularity
+ */
+export declare const getInterval: (granularity: string) => number;
+/**
+ * Creates a date formatter function for chart axis labels
+ *
+ * @param category - The styled column containing date formatting information
+ * @param dateFormatter - Optional external date formatter function
+ * @returns A function that formats timestamps as strings
+ */
+export declare const getDateFormatter: (category: StyledColumn, dateFormatter?: ((date: Date, format: string) => string) | undefined) => (time: number) => string;
+/**
+ * Builds X-axis settings for datetime axes with continuous data
+ *
+ * @param axis - Primary axis configuration
+ * @param category - The styled column for date formatting
+ * @param values - Array of numeric timestamp values
+ * @param dateFormatter - Optional date formatter function
+ * @returns Array of axis settings for datetime X-axis
+ */
+export declare const getXAxisDatetimeSettings: (axis: Axis, category: StyledColumn, values: number[], dateFormatter?: ((date: Date, format: string) => string) | undefined) => AxisSettings[];

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

@@ -0,0 +1,3 @@
+export { getInterval, getDateFormatter, getXAxisDatetimeSettings } from './date-utils';
+export { getXAxisSettings, getYAxisSettings, getYClippings } from './axis-settings';
+export { withStacking, withPolarSpecificAxisSettings, withChartSpecificAxisSettings, type StackingConfig, } from './axis-transformers';

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

@@ -1,13 +1,43 @@
+import { ChartDesignOptions } from '../../../chart-options-processor/translations/types';
 import { AxisSettings } from '../../translations/axis-section';
 /**
- * Apply label positioning adjustments based on spacing calculations
+ * Configuration for Y-axis label positioning adjustments
  */
-export declare function applyLabelPositioning(xAxisSettings: AxisSettings[], yAxisSettings: AxisSettings[], rightShift: number, topShift: number, totalLabelRightSpacing: number, totalLabelTopSpacing: number): void;
+type YAxisLabelPositioningConfig = {
+    readonly rightShift: number;
+    readonly topShift: number;
+};
+/**
+ * Configuration for X-axis label positioning adjustments
+ */
+type XAxisLabelPositioningConfig = {
+    readonly totalLabelRightSpacing: number;
+    readonly totalLabelTopSpacing: number;
+};
+/**
+ * Higher-order function for Y-axis label positioning adjustments.
+ * Returns a function that transforms Y-axis settings without mutating the input parameters.
+ *
+ * @example
+ * const positionYAxisLabels = withYAxisLabelPositioning({ rightShift: 10, topShift: 20 });
+ * const updatedSettings = positionYAxisLabels(yAxisSettings);
+ */
+export declare function withYAxisLabelPositioning(config: YAxisLabelPositioningConfig): (yAxisSettings: AxisSettings[]) => AxisSettings[];
+/**
+ * Higher-order function for X-axis label positioning adjustments.
+ * Returns a function that transforms X-axis settings without mutating the input parameters.
+ *
+ * @example
+ * const positionXAxisLabels = withXAxisLabelPositioning({ totalLabelRightSpacing: 15, totalLabelTopSpacing: 25 });
+ * const updatedSettings = positionXAxisLabels(xAxisSettings);
+ */
+export declare function withXAxisLabelPositioning(config: XAxisLabelPositioningConfig): (xAxisSettings: AxisSettings[]) => AxisSettings[];
 /**
  * Determine chart state information
  */
-export declare function determineChartState(chartType: string, chartDesignOptions: any, stacking?: string): {
+export declare function determineChartState(chartType: string, chartDesignOptions: ChartDesignOptions, stacking?: string): {
     treatNullDataAsZeros: boolean;
     isPolarChart: boolean;
     polarType?: any;
 };
+export {};

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

@@ -33,12 +33,15 @@ interface SeriesProcessingConfig {
  * Process and format series data for the chart
  */
 export declare function processSeries(config: SeriesProcessingConfig): {
+    shadow?: boolean | undefined;
+    linecap?: string | undefined;
+    dashStyle?: import("../../../types").DashStyle | undefined;
+    lineWidth?: number | undefined;
     dataLabels: {
         formatter: (this: import("../../tooltip").HighchartsDataPointContext) => string;
     };
     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

@@ -57,6 +57,12 @@ 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;
@@ -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,16 +190,18 @@ export type HighchartsOptionsInternal = {
         enabled: boolean;
     };
     drilldown?: DrilldownOptions;
-};
-export type Style = {
-    fontFamily?: string;
-    fontSize?: string;
-    fontWeight?: string;
-    color?: string;
-    textOutline?: string;
-    pointerEvents?: string;
-    textOverflow?: string;
-    width?: string;
+    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/defaults/cartesian.d.ts

@@ -1,10 +1,11 @@
 import { AxisSettings } from '../translations/axis-section';
-import { Style, HighchartsOptionsInternal, Stacking } from '../chart-options-service';
+import { HighchartsOptionsInternal, Stacking } from '../chart-options-service';
+import { TextStyle } from '../translations/types';
 import { ChartType } from '../../types';
 import { PolarType } from '../translations/design-options';
 export declare const lineColorDefault = "#d1d1d7";
-export declare const fontStyleDefault: Style;
-export declare const stackTotalFontStyleDefault: Style;
+export declare const fontStyleDefault: TextStyle;
+export declare const stackTotalFontStyleDefault: TextStyle;
 export declare const xAxisDefaults: AxisSettings;
 export declare const yAxisDefaults: AxisSettings;
 export declare const chartOptionsDefaults: (chartType: ChartType, polarType?: PolarType, stacking?: Stacking) => HighchartsOptionsInternal;

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/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

@@ -1,8 +1,5 @@
-import { Stacking, Style } from '../chart-options-service';
-import { ChartDataOptionsInternal, StyledColumn } from '../../chart-data-options/types';
-import { ChartType, CompleteThemeSettings } from '../../types';
+import { TextStyle } from './types';
 import { CategoricalXValues } from '../../chart-data/types';
-import { AxisClipped } from './translations-to-highcharts';
 export type Axis = {
     enabled?: boolean;
     titleEnabled?: boolean;
@@ -31,7 +28,7 @@ export type AxisSettings = {
         text?: string | null;
         enabled?: boolean;
         margin?: number;
-        style?: Style;
+        style?: TextStyle;
     };
     gridLineDashStyle?: 'Dot';
     gridLineWidth?: number;
@@ -39,12 +36,14 @@ export type AxisSettings = {
     tickWidth?: number;
     lineColor?: string;
     lineWidth?: number;
+    offset?: number;
     labels?: {
         overflow?: 'none' | 'justify';
         enabled?: boolean;
         autoRotation?: number[];
-        style?: Style;
+        style?: TextStyle;
         rotation?: number;
+        y?: number;
         formatter?: (this: AxisLabelsFormatterContextObject) => string;
     };
     min?: number | null;
@@ -70,9 +69,13 @@ export type AxisSettings = {
     stackLabels?: StackLabel;
     showLastLabel?: boolean;
     visible?: boolean;
+    accessibility?: {
+        description?: string;
+        rangeDescription?: string;
+    };
 };
 export type StackLabel = {
-    style: Style;
+    style: TextStyle;
     crop: boolean;
     allowOverlap: boolean;
     enabled: boolean;
@@ -100,12 +103,8 @@ export type AxisPlotBand = {
         text: string;
         x: number;
         y: number;
-        style?: Style;
+        style?: TextStyle;
     };
 };
 export declare const getCategoricalCompareValue: (value: CategoricalXValues) => number;
 export declare const getDefaultDateFormat: (granularity?: string) => "HH:mm:ss" | "yyyy" | "yyyy Q" | "MM/yyyy" | "ww yyyy" | "M/d/yy" | "HH" | "M/d/yy HH" | "HH:mm" | undefined;
-export declare const getDateFormatter: (category: StyledColumn, dateFormatter?: ((date: Date, format: string) => string) | undefined) => (time: number) => string;
-export declare const getXAxisDatetimeSettings: (axis: Axis, category: StyledColumn, values: number[], dateFormatter?: ((date: Date, format: string) => string) | undefined) => AxisSettings[];
-export declare const getXAxisSettings: (axis: Axis, axis2: Axis | undefined, categories: string[], plotBands: PlotBand[], xAxisOrientation: AxisOrientation, dataOptions: ChartDataOptionsInternal, chartType: ChartType) => AxisSettings[];
-export declare const getYAxisSettings: (axis: Axis, axis2: Axis | undefined, axisMinMax: AxisMinMax, axis2MinMax: AxisMinMax | undefined, showTotal: boolean, totalLabelRotation: number, dataOptions: ChartDataOptionsInternal, stacking: Stacking | undefined, themeSettings?: CompleteThemeSettings) => [AxisSettings[], AxisClipped[]];