@sisense/sdk-ui 2.13.0 → 2.14.0

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

@@ -5,6 +5,8 @@ import { ViewType } from './types';
 export declare const CALENDAR_HEATMAP_DEFAULTS: {
     /** Default view type */
     readonly VIEW_TYPE: ViewType.MONTH;
+    /** Default subtype */
+    readonly SUBTYPE: "calendar-heatmap/split";
     /** Default color for days without data */
     readonly NO_DATA_COLOR: "#f5f5f5";
     /** Default border width for cells */
@@ -23,12 +25,14 @@ export declare const CALENDAR_HEATMAP_DEFAULTS: {
     readonly SHOW_DAY_LABEL: true;
     /** Show month labels by default */
     readonly SHOW_MONTH_LABEL: true;
-    /** Minimum сhart size threshold for using short month names */
-    readonly SHORT_MONTH_NAME_CHART_SIZE_THRESHOLD: 120;
+    /** Maximum width for using short month names in split layout */
+    readonly SHORT_MONTH_NAME_SPLIT_LAYOUT_WIDTH_THRESHOLD: 120;
+    /** Maximum width for using short month names in continues layout */
+    readonly SHORT_MONTH_NAME_CONTINUES_LAYOUT_WIDTH_THRESHOLD: 70;
     /** Minimum сhart size threshold for showing day labels */
     readonly SHOW_DAY_LABEL_CHART_SIZE_THRESHOLD: 120;
-    /** Minimum сhart size threshold for showing cell labels */
-    readonly SHOW_CELL_LABEL_CHART_SIZE_THRESHOLD: 120;
+    /** Minimum сhart cell size threshold for showing cell labels */
+    readonly SHOW_CELL_LABEL_SIZE_THRESHOLD: 16;
     /** Default weekend enabled state */
     readonly WEEKEND_ENABLED: false;
     /** Default weekend days */
@@ -114,6 +118,10 @@ export declare const SHORT_MONTH_DATE_FORMAT = "MMM";
  * Single letter day abbreviation format
  */
 export declare const SINGLE_LETTER_DAY_DATE_FORMAT = "EEEEE";
+/**
+ * Three letter day abbreviation format
+ */
+export declare const THREE_LETTER_DAY_DATE_FORMAT = "EEE";
 /**
  * Reference Sunday date
  */

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/highchart-options-builder/index.d.ts

@@ -1 +1,25 @@
-export { calendarHeatmapHighchartsOptionsBuilder } from './highcharts-options-builder.js';
+import { CalendarHeatmapSubtype } from '../../../../../types.js';
+import { HighchartsOptionsBuilder } from '../../types.js';
+/**
+ * Highcharts options builder for split calendar heatmap charts
+ *
+ * Combines all individual configuration builders to create complete
+ * Highcharts options for split calendar heatmap visualization.
+ */
+declare const splitCalendarHeatmapHighchartsOptionsBuilder: HighchartsOptionsBuilder<'calendar-heatmap'>;
+/**
+ * Highcharts options builder for continuous calendar heatmap charts
+ *
+ * Combines all individual configuration builders to create complete
+ * Highcharts options for continuous calendar heatmap visualization.
+ */
+declare const continuousCalendarHeatmapHighchartsOptionsBuilder: HighchartsOptionsBuilder<'calendar-heatmap'>;
+/**
+ * Returns the appropriate Highcharts options builder based on calendar heatmap subtype
+ *
+ * @param subtype - Calendar heatmap subtype ('calendar-heatmap/split' or 'calendar-heatmap/continuous')
+ * @returns Highcharts options builder for the specified subtype
+ */
+export declare function getCalendarHeatmapHighchartsOptionsBuilder(subtype: CalendarHeatmapSubtype): HighchartsOptionsBuilder<'calendar-heatmap'>;
+export { continuousCalendarHeatmapHighchartsOptionsBuilder };
+export { splitCalendarHeatmapHighchartsOptionsBuilder };

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/highchart-options-builder/options/axes-options/continuous-axes-options.d.ts

@@ -0,0 +1,12 @@
+import { HighchartsOptionsInternal } from '../../../../../../../chart-options-processor/chart-options-service.js';
+import { BuildContext } from '../../../../types.js';
+/**
+ * Prepares the Highcharts's axes options for continuous calendar heatmap
+ *
+ * @param ctx - The highcharts options builder context
+ * @returns Axes configuration object with xAxis and yAxis
+ */
+export declare function getContinuousAxesOptions(ctx: BuildContext<'calendar-heatmap'>): {
+    xAxis: HighchartsOptionsInternal['xAxis'];
+    yAxis: HighchartsOptionsInternal['yAxis'];
+};

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/highchart-options-builder/options/axes-options/helpers.d.ts

@@ -0,0 +1,24 @@
+import { BuildContext } from '../../../../types.js';
+/**
+ * Calculates axis font size based on cell size
+ *
+ * @param cellSize - The size of each calendar cell
+ * @returns Calculated font size for axis labels
+ */
+export declare function calculateAxisFontSize(cellSize: number): number;
+/**
+ * Calculates label Y position based on cell size
+ *
+ * @param cellSize - The size of each calendar cell
+ * @returns Calculated Y position for axis labels
+ */
+export declare function calculateLabelYPosition(cellSize: number): number;
+/**
+ * Generates month labels with their correct X-axis positions for continuous layout
+ *
+ * @param chartData - The calendar heatmap chart data
+ * @param dateFormatter - Date formatter function
+ * @param startOfWeek - Week start preference
+ * @returns X-axis categories array for month positioning
+ */
+export declare function generateContinuousMonthLabels(chartData: BuildContext<'calendar-heatmap'>['chartData'], dateFormatter: BuildContext<'calendar-heatmap'>['extraConfig']['dateFormatter'], startOfWeek: BuildContext<'calendar-heatmap'>['designOptions']['startOfWeek'], cellSize?: number): string[];

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/highchart-options-builder/options/axes-options/index.d.ts

@@ -0,0 +1,2 @@
+export { getContinuousAxesOptions } from './continuous-axes-options.js';
+export { getSplitAxesOptions } from './split-axes-options.js';

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/highchart-options-builder/options/axes-options/split-axes-options.d.ts

@@ -0,0 +1,12 @@
+import { HighchartsOptionsInternal } from '../../../../../../../chart-options-processor/chart-options-service.js';
+import { BuildContext } from '../../../../types.js';
+/**
+ * Prepares the Highcharts's axes options for split calendar heatmap
+ *
+ * @param ctx - The highcharts options builder context
+ * @returns Axes configuration object with xAxis and yAxis
+ */
+export declare function getSplitAxesOptions(ctx: BuildContext<'calendar-heatmap'>): {
+    xAxis: HighchartsOptionsInternal['xAxis'];
+    yAxis: HighchartsOptionsInternal['yAxis'];
+};

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/highchart-options-builder/options/chart-options.d.ts

@@ -1,9 +1,16 @@
 import { HighchartsOptionsInternal } from '../../../../../../chart-options-processor/chart-options-service.js';
 import { BuildContext } from '../../../types.js';
 /**
- * Prepares the Highcharts's chart options for calendar heatmap
+ * Prepares the Highcharts's chart options for split calendar heatmap
  *
  * @param ctx - The highcharts options builder context
  * @returns Highchart's chart options object
  */
-export declare function getChartOptions(ctx: BuildContext<'calendar-heatmap'>): HighchartsOptionsInternal['chart'];
+export declare function getSplitChartOptions(ctx: BuildContext<'calendar-heatmap'>): HighchartsOptionsInternal['chart'];
+/**
+ * Prepares the Highcharts's chart options for continuous calendar heatmap
+ *
+ * @param ctx - The highcharts options builder context
+ * @returns Highchart's chart options object
+ */
+export declare function getContinuousChartOptions(ctx: BuildContext<'calendar-heatmap'>): HighchartsOptionsInternal['chart'];

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/highchart-options-builder/options/index.d.ts

@@ -1,7 +1,7 @@
-export { getAxesOptions } from './axes-options.js';
-export { getChartOptions } from './chart-options.js';
+export { getSplitAxesOptions, getContinuousAxesOptions } from './axes-options';
+export { getSplitChartOptions, getContinuousChartOptions } from './chart-options.js';
 export { getExtrasOptions } from './extras-options.js';
 export { getLegendOptions } from './legend-options.js';
 export { getPlotOptions } from './plot-options.js';
-export { getSeriesOptions } from './series-options';
+export { getSplitSeriesOptions, getContinuousSeriesOptions } from './series-options';
 export { getTooltipOptions } from './tooltip-options.js';

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

@@ -31,7 +31,7 @@ export interface CalendarChartDataPoint {
     };
 }
 /**
- * Generates calendar chart data for an entire month with provided data values
+ * Generates calendar chart data for a single month with provided data values (split view)
  *
  * @param data - Array of data points with dates and values
  * @param dateFormatter - Date formatter function
@@ -39,4 +39,14 @@ export interface CalendarChartDataPoint {
  * @param weekendsConfig - Weekend configuration (days, cellColor, hideValues)
  * @returns Array of calendar chart data points formatted for Highcharts
  */
-export declare function generateCalendarChartData(data: CalendarHeatmapChartData, dateFormatter: DateFormatter, startOfWeek: CalendarDayOfWeek, weekendsConfig: CalendarHeatmapChartDesignOptions['weekends']): CalendarChartDataPoint[];
+export declare function generateSplitCalendarChartData(data: CalendarHeatmapChartData, dateFormatter: DateFormatter, startOfWeek: CalendarDayOfWeek, weekendsConfig: CalendarHeatmapChartDesignOptions['weekends']): CalendarChartDataPoint[];
+/**
+ * Generates calendar chart data for multiple months in continuous layout (GitHub-like layout)
+ *
+ * @param data - Array of data points with dates and values from multiple months
+ * @param dateFormatter - Date formatter function
+ * @param startOfWeek - Week start preference
+ * @param weekendsConfig - Weekend configuration (days, cellColor, hideValues)
+ * @returns Array of calendar chart data points formatted for continuous Highcharts layout
+ */
+export declare function generateContinuousCalendarChartData(data: CalendarHeatmapChartData, dateFormatter: DateFormatter, startOfWeek: CalendarDayOfWeek, weekendsConfig: CalendarHeatmapChartDesignOptions['weekends']): CalendarChartDataPoint[];

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/highchart-options-builder/options/series-options/index.d.ts

@@ -1 +1 @@
-export { getSeriesOptions } from './series-options.js';
+export { getSplitSeriesOptions, getContinuousSeriesOptions } from './series-options.js';

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/highchart-options-builder/options/series-options/series-options.d.ts

@@ -1,9 +1,16 @@
 import { HighchartsOptionsInternal } from '../../../../../../../chart-options-processor/chart-options-service.js';
 import { BuildContext } from '../../../../types.js';
 /**
- * Prepares the Highcharts's series options for calendar heatmap
+ * Prepares the Highcharts's series options for split calendar heatmap
  *
  * @param ctx - The highcharts options builder context
  * @returns Array of series options
  */
-export declare function getSeriesOptions(ctx: BuildContext<'calendar-heatmap'>): HighchartsOptionsInternal['series'];
+export declare function getSplitSeriesOptions(ctx: BuildContext<'calendar-heatmap'>): HighchartsOptionsInternal['series'];
+/**
+ * Prepares the Highcharts's series options for continuous calendar heatmap
+ *
+ * @param ctx - The highcharts options builder context
+ * @returns Array of series options
+ */
+export declare function getContinuousSeriesOptions(ctx: BuildContext<'calendar-heatmap'>): HighchartsOptionsInternal['series'];

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { HighchartsOptionsInternal } from '../../../../../chart-options-processor/chart-options-service';
 import { ContainerSize } from '../../../../../dynamic-size-container/dynamic-size-container';
-import { CalendarHeatmapViewType, TextStyle } from '../../../../../types';
+import { CalendarHeatmapSubtype, CalendarHeatmapViewType, TextStyle } from '../../../../../types';
 import { MonthData, MonthInfo } from './helpers/view-helpers.js';
 export declare const ChartsContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
@@ -23,6 +23,7 @@ interface CalendarHeatmapChartsGridProps {
     monthCharts: (HighchartsOptionsInternal | null)[];
     availableMonths: MonthInfo[];
     currentMonth: MonthData;
+    subtype: CalendarHeatmapSubtype;
     viewType: CalendarHeatmapViewType;
     size: ContainerSize;
     monthLabels?: {

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/renderer/helpers/data-helpers.d.ts

@@ -1,2 +1,3 @@
 import { CalendarHeatmapChartData } from '../../data.js';
-export declare function filterChartDataForMonth(chartData: CalendarHeatmapChartData, targetYear: number, targetMonth: number): CalendarHeatmapChartData;
+import { MonthData } from './view-helpers.js';
+export declare function prepareChartDataForMonth(chartData: CalendarHeatmapChartData, targetMonth: MonthData): CalendarHeatmapChartData;

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/renderer/helpers/data-per-chart-instance.d.ts

@@ -0,0 +1,13 @@
+import { CalendarHeatmapSubtype, CalendarHeatmapViewType } from '../../../../../../types.js';
+import { CalendarHeatmapChartData } from '../../data.js';
+import { MonthInfo } from './view-helpers.js';
+/**
+ * Generates data per chart instance based on subtype and view type
+ *
+ * @param subtype - Calendar heatmap subtype
+ * @param viewType - View type that determines how many months to display
+ * @param monthsToDisplay - Array of months to display
+ * @param chartData - Full chart data
+ * @returns Array of chart data objects, one for each chart instance
+ */
+export declare function getDataPerChartInstance(subtype: CalendarHeatmapSubtype, viewType: CalendarHeatmapViewType, monthsToDisplay: MonthInfo[], chartData: CalendarHeatmapChartData): CalendarHeatmapChartData[];

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/renderer/helpers/sizing-helpers.d.ts

@@ -1,9 +1,11 @@
 import { ContainerSize } from '../../../../../../dynamic-size-container/dynamic-size-container';
-import { CalendarHeatmapViewType } from '../../../../../../types.js';
+import { CalendarHeatmapSubtype, CalendarHeatmapViewType } from '../../../../../../types.js';
+import { CalendarHeatmapChartData } from '../../data';
+import { CalendarDayOfWeek } from '../../utils';
 export interface CalendarSize extends ContainerSize {
     cellSize: number;
 }
-export declare function getViewGridInfo(viewType: CalendarHeatmapViewType, size: ContainerSize): {
+export declare function getViewGridInfo(viewType: CalendarHeatmapViewType, size: ContainerSize, subtype?: CalendarHeatmapSubtype): {
     cols: number;
     rows: number;
 };
@@ -11,4 +13,15 @@ export declare function getViewGridInfo(viewType: CalendarHeatmapViewType, size:
  * Calculate optimal calendar size based on available container space
  * Ensures calendar cells are perfectly square (width = height)
  */
-export declare function calculateCalendarSize(containerSize: ContainerSize, viewType: CalendarHeatmapViewType): CalendarSize;
+export declare function calculateCalendarSize(containerSize: ContainerSize, subtype: CalendarHeatmapSubtype, viewType: CalendarHeatmapViewType): CalendarSize;
+/**
+ * Calculates chart size for a specific chart instance based on its data
+ *
+ * @param containerSize - Available container size
+ * @param subtype - Calendar heatmap subtype
+ * @param viewType - View type that determines layout
+ * @param chartData - Chart data for this specific instance
+ * @param startOfWeek - Week start preference (CalendarDayOfWeek)
+ * @returns Calculated chart size with optimal cell dimensions
+ */
+export declare function calculateChartInstanceSize(containerSize: ContainerSize, subtype: CalendarHeatmapSubtype, viewType: CalendarHeatmapViewType, chartData: CalendarHeatmapChartData, startOfWeek: CalendarDayOfWeek): CalendarSize;

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/renderer/helpers/view-helpers.d.ts

@@ -1,12 +1,12 @@
 import { CalendarHeatmapViewType } from '../../../../../../types';
 import { CalendarHeatmapChartData } from '../../data';
-import { CalendarSize } from './sizing-helpers';
 export interface MonthData {
     year: number;
     month: number;
 }
 export interface MonthInfo extends MonthData {
     monthName: string;
+    shortMonthName: string;
 }
 /**
  * Creates a Date from MonthData
@@ -21,9 +21,9 @@ export declare function convertDateToMonthData(date: Date): MonthData;
  * @returns negative if a < b, positive if a > b, zero if equal
  */
 export declare function compareMonthData(a: MonthData, b: MonthData): number;
-export declare function shouldUseShortMonthNames(calendarSize: CalendarSize): boolean;
-export declare function generateAvailableMonthsFromData(chartData: CalendarHeatmapChartData, monthDateFormatter: (date: Date) => string): MonthInfo[];
-export declare function getAvailableMonths(chartData: CalendarHeatmapChartData, dateFormatter: (date: Date, format: string) => string, useShortMonthNames?: boolean, initialMonth?: MonthData, viewType?: CalendarHeatmapViewType): MonthInfo[];
+export declare function shouldUseShortMonthNames(width: number): boolean;
+export declare function generateAvailableMonthsFromData(chartData: CalendarHeatmapChartData, dateFormatter: (date: Date, format: string) => string): MonthInfo[];
+export declare function getAvailableMonths(chartData: CalendarHeatmapChartData, dateFormatter: (date: Date, format: string) => string, initialMonth?: MonthData, viewType?: CalendarHeatmapViewType): MonthInfo[];
 export declare function getInitialViewIndex(availableMonths: MonthInfo[], initialDate?: Date): number;
 export declare function getMonthsPerView(viewType: CalendarHeatmapViewType): number;
 export declare function getGridLayout(viewType: CalendarHeatmapViewType): {

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/renderer/hooks/use-calendar-heatmap-chart-options.d.ts

@@ -1,11 +1,11 @@
 import { CalendarHeatmapChartDataOptionsInternal } from '../../../../../../chart-data-options/types';
 import { HighchartsOptionsInternal } from '../../../../../../chart-options-processor/chart-options-service';
 import { CalendarHeatmapChartDesignOptions } from '../../../../../../chart-options-processor/translations/design-options';
+import { ContainerSize } from '../../../../../../dynamic-size-container/dynamic-size-container';
 import { BeforeRenderHandler } from '../../../../../../props';
 import { CalendarHeatmapChartEventProps } from '../../../../../../props.jsx';
-import { CalendarHeatmapViewType } from '../../../../../../types.js';
+import { CalendarHeatmapSubtype, CalendarHeatmapViewType } from '../../../../../../types.js';
 import { CalendarHeatmapChartData } from '../../data.js';
-import { CalendarSize } from '../helpers/sizing-helpers.js';
 import { MonthData, MonthInfo } from '../helpers/view-helpers.js';
 export interface UseCalendarHeatmapChartOptionsParams {
     chartData: CalendarHeatmapChartData;
@@ -13,8 +13,9 @@ export interface UseCalendarHeatmapChartOptionsParams {
     designOptions: CalendarHeatmapChartDesignOptions;
     availableMonths: MonthInfo[];
     currentMonth: MonthData;
+    subtype: CalendarHeatmapSubtype;
     viewType: CalendarHeatmapViewType;
-    chartSize: CalendarSize;
+    containerSize: ContainerSize;
     eventHandlers: Pick<CalendarHeatmapChartEventProps, 'onDataPointClick' | 'onDataPointContextMenu' | 'onDataPointsSelected'>;
     onBeforeRender?: BeforeRenderHandler;
 }
@@ -32,7 +33,7 @@ export interface UseCalendarHeatmapChartOptionsParams {
  * @param params.availableMonths - Array of all available months
  * @param params.currentMonth - Current month
  * @param params.viewType - View type that determines how many months to display
- * @param params.chartSizes - Array of size configurations for each chart
+ * @param params.containerSize - Container size for calculating optimal chart dimensions
  * @param params.eventHandlers - Event handlers for data point interactions
  * @param params.onBeforeRender - Optional callback executed before chart rendering
  * @returns Array of Highcharts options objects, one for each month in the current view
@@ -46,10 +47,10 @@ export interface UseCalendarHeatmapChartOptionsParams {
  *   availableMonths,
  *   currentMonth,
  *   viewType,
- *   chartSize,
+ *   containerSize,
  *   eventHandlers: { onDataPointClick: handleClick },
  *   onBeforeRender
  * });
  * ```
  */
-export declare function useCalendarHeatmapChartOptions({ chartData, dataOptions, designOptions, availableMonths, currentMonth, viewType, chartSize, eventHandlers, onBeforeRender, }: UseCalendarHeatmapChartOptionsParams): HighchartsOptionsInternal[];
+export declare function useCalendarHeatmapChartOptions({ chartData, dataOptions, designOptions, availableMonths, currentMonth, subtype, viewType, containerSize, eventHandlers, onBeforeRender, }: UseCalendarHeatmapChartOptionsParams): HighchartsOptionsInternal[];

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

@@ -30,4 +30,4 @@ export declare function getDayOfWeek(index: number): CalendarDayOfWeek;
  * @param dateFormatter - Date formatter function for consistent formatting
  * @returns Array of localized weekday abbreviations
  */
-export declare function getWeekdayLabels(startOfWeek: CalendarDayOfWeek, dateFormatter: DateFormatter): readonly string[];
+export declare function getWeekdayLabels(startOfWeek: CalendarDayOfWeek, dateFormatter: DateFormatter, format?: string): string[];

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/funnel-chart/design-options/index.d.ts

@@ -1,3 +1,4 @@
+import { DeepPartial } from 'ts-essentials';
 import { ChartStyleOptions } from '../../../../../../types';
 import { FunnelChartDesignOptions, FunnelChartStyleOptions } from '../types';
 /**
@@ -8,10 +9,23 @@ export declare function translateStyleOptionsToDesignOptions(styleOptions: Funne
  * Checks if the style options are correct for funnel charts.
  */
 export declare function isCorrectStyleOptions(styleOptions: ChartStyleOptions): styleOptions is FunnelChartStyleOptions;
+/**
+ * Gets default style options for funnel charts.
+ */
+export declare function getDefaultStyleOptions(): FunnelChartStyleOptions;
+/**
+ * Translates legacy style options (with deprecated labels property) to modern style options (with seriesLabels).
+ *
+ * @param legacyStyleOptions - The legacy style options containing the deprecated properties
+ * @returns The modern style options without deprecated properties
+ */
+export declare function translateLegacyStyleOptionsToModern(legacyStyleOptions?: DeepPartial<FunnelChartStyleOptions>): DeepPartial<FunnelChartStyleOptions>;
 /**
  * Design options translators for funnel charts.
  */
 export declare const designOptionsTranslators: {
     translateStyleOptionsToDesignOptions: typeof translateStyleOptionsToDesignOptions;
     isCorrectStyleOptions: typeof isCorrectStyleOptions;
+    getDefaultStyleOptions: typeof getDefaultStyleOptions;
+    translateLegacyStyleOptionsToModern: typeof translateLegacyStyleOptionsToModern;
 };

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/categoricals/treemap-chart/design-options/index.d.ts

@@ -1,6 +1,9 @@
+import { DeepPartial } from 'ts-essentials';
 import { type ChartStyleOptions } from '../../../../../../types';
 import type { TreemapChartDesignOptions, TreemapChartStyleOptions } from '../types';
 export declare const designOptionsTranslators: {
     translateStyleOptionsToDesignOptions: (styleOptions: TreemapChartStyleOptions) => TreemapChartDesignOptions;
+    getDefaultStyleOptions: () => TreemapChartStyleOptions;
+    translateLegacyStyleOptionsToModern: (styleOptions?: DeepPartial<TreemapChartStyleOptions>) => DeepPartial<TreemapChartStyleOptions>;
     isCorrectStyleOptions: (styleOptions: ChartStyleOptions) => styleOptions is import('../../../../../../types').TreemapStyleOptions;
 };

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { Attribute, Measure, QueryResultData } from '@sisense/sdk-data';
 import { QueryExecutionConfig } from '@sisense/sdk-query-client';
+import { DeepPartial } from 'ts-essentials';
 import { ClientApplication } from '../../app/client-application';
 import type { ChartRendererProps } from '../../chart';
 import { AreamapChartDataOptions, AreamapChartDataOptionsInternal, CalendarHeatmapChartDataOptions, CalendarHeatmapChartDataOptionsInternal, CartesianChartDataOptions, CartesianChartDataOptionsInternal, CategoricalChartDataOptions, CategoricalChartDataOptionsInternal, ChartDataOptionsInternal, ScattermapChartDataOptions, ScattermapChartDataOptionsInternal } from '../../chart-data-options/types';
@@ -89,6 +90,10 @@ export interface ChartBuilder<CT extends SupportedChartType = SupportedChartType
          * Returns the default style options for the current chart type.
          */
         getDefaultStyleOptions?: () => TypedChartStyleOptions<CT>;
+        /**
+         * Translates legacy style options to modern style options.
+         */
+        translateLegacyStyleOptionsToModern?: (styleOptions?: DeepPartial<TypedChartStyleOptions<CT>>) => DeepPartial<TypedChartStyleOptions<CT>>;
     };
     /**
      * Chart renderer component and related utils

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

@@ -55,9 +55,6 @@ export declare function processSeries(config: SeriesProcessingConfig): {
         padding?: number | undefined;
         x?: number | undefined;
         y?: number | undefined;
-        animation?: {
-            defer?: number | undefined;
-        } | undefined;
     };
     connectNulls: boolean;
     marker: import("../../translations/marker-section").MarkerSettings;

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

@@ -14,9 +14,6 @@ type DataLabelsOptions = {
     padding?: number;
     x?: number;
     y?: number;
-    animation?: {
-        defer?: number;
-    };
 };
 export declare const prepareDataLabelsOptions: (seriesLabels?: SeriesLabels) => DataLabelsOptions;
 export {};

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

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

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

@@ -1,7 +1,7 @@
 import { CalendarDayOfWeek } from '../../chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/utils';
-import { CalendarHeatmapViewType, Convolution, LegendOptions, LineOptions, PieSeriesLabels, ScattermapMarkers, SeriesLabels, SunburstStyleOptions, TotalLabels, TreemapStyleOptions } from '../../types';
+import { CalendarHeatmapSubtype, CalendarHeatmapViewType, Convolution, FunnelSeriesLabels, LegendOptions, LineOptions, PieSeriesLabels, ScattermapMarkers, SeriesLabels, SunburstStyleOptions, TotalLabels, TreemapStyleOptions } from '../../types';
 import { Axis } from './axis-section';
-import { FunnelDirection, FunnelLabels, FunnelSize, FunnelType } from './funnel-plot-options';
+import { FunnelDirection, FunnelSize, FunnelType } from './funnel-plot-options';
 import { Marker } from './marker-section';
 import { PieType } from './pie-plot-options';
 import { ScatterMarkerSize } from './scatter-plot-options';
@@ -54,6 +54,7 @@ export type ColumnChartDesignOptions = StackableChartDesignOptions;
 export type CalendarHeatmapChartDesignOptions = BaseDesignOptionsType & {
     width?: number;
     height?: number;
+    subtype: CalendarHeatmapSubtype;
     viewType: CalendarHeatmapViewType;
     cellSize?: number;
     startOfWeek: CalendarDayOfWeek;
@@ -92,11 +93,11 @@ export type PieChartDesignOptions = BaseDesignOptionsType & {
     convolution?: Convolution;
     seriesLabels?: PieSeriesLabels;
 };
-export type FunnelChartDesignOptions = BaseDesignOptionsType & {
+export type FunnelChartDesignOptions = Omit<BaseDesignOptionsType, 'seriesLabels'> & {
     funnelSize?: FunnelSize;
     funnelType?: FunnelType;
     funnelDirection?: FunnelDirection;
-    funnelLabels?: FunnelLabels;
+    seriesLabels?: FunnelSeriesLabels;
 };
 export type TreemapChartDesignOptions = BaseDesignOptionsType & TreemapStyleOptions;
 export type SunburstChartDesignOptions = BaseDesignOptionsType & SunburstStyleOptions;

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

@@ -1,16 +1,13 @@
 import { ChartDataOptionsInternal } from '../../chart-data-options/types';
-import { CompleteThemeSettings } from '../../types';
+import { FunnelSeriesLabels } from '../../types';
 import { PlotOptions } from '../chart-options-service';
 import { FunnelChartDesignOptions } from './design-options';
 import { DataLabelsSettings } from './value-label-section';
-export declare const DefaultFunnelLabels: FunnelLabels;
-export type FunnelLabels = {
-    enabled: boolean;
-    showCategories: boolean;
-    showValue: boolean;
-    showPercent: boolean;
-    showDecimals: boolean;
-};
+/**
+ * Default configuration for funnel chart series labels.
+ * Enables all label components (category, value, percentage) by default.
+ */
+export declare const DefaultFunnelSeriesLabels: FunnelSeriesLabels;
 export declare const DefaultFunnelSize: FunnelSize;
 export declare const funnelSizes: readonly ["wide", "regular", "narrow"];
 /** Visual size of the lowest slice (degree of funnel narrowing from highest to lowest slices)*/
@@ -23,13 +20,14 @@ export declare const DefaultFunnelDirection: FunnelDirection;
 export declare const funnelDirections: readonly ["regular", "inverted"];
 /** Direction of Funnel chart narrowing */
 export type FunnelDirection = (typeof funnelDirections)[number];
+/** Funnel-specific data labels settings extending the base data labels configuration. */
+export type FunnelDataLabelsSettings = DataLabelsSettings & {
+    funnelMinimumFontSizeToTextLabel: number;
+};
 export type FunnelOptions = {
     allowPointSelect: boolean;
     cursor: 'pointer';
-    dataLabels: DataLabelsSettings & {
-        funnelMinimumFontSizeToTextLabel: number;
-        formatter?: () => string;
-    };
+    dataLabels: FunnelDataLabelsSettings;
     showInLegend: boolean;
     reversed: boolean;
     neckWidth: string | number;
@@ -37,9 +35,6 @@ export type FunnelOptions = {
     width: string | number;
 };
 export declare const isFunnelReversed: (direction: FunnelDirection) => boolean;
-export declare const seriesDataLabels: (labels: FunnelLabels) => {
-    enabled: boolean;
-};
 export type RenderTo = {
     clientWidth: number;
     clientHeight: number;
@@ -51,4 +46,4 @@ export declare const DEFAULT_SHIFT = 50;
 export declare const funnelWidthPercentage: (renderTo: RenderTo | null) => number;
 export declare const funnelNeckWidth: (widthPercentage: number, funnelSize: FunnelSize) => number;
 export declare const funnelNeckHeight: (type: FunnelType) => number;
-export declare const getFunnelPlotOptions: (funnelDesignOptions: FunnelChartDesignOptions, chartDataOptions: ChartDataOptionsInternal, themeSettings?: CompleteThemeSettings) => PlotOptions;
+export declare const getFunnelPlotOptions: (funnelDesignOptions: FunnelChartDesignOptions, chartDataOptions: ChartDataOptionsInternal) => PlotOptions;

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

@@ -1,6 +1,6 @@
 import Highcharts, { PointLabelObject } from '@sisense/sisense-charts';
 import { CategoricalChartDataOptionsInternal } from '../../../chart-data-options/types';
-import { CompleteThemeSettings } from '../../../types';
+import { CompleteThemeSettings, TreemapSeriesLabels } from '../../../types';
 import { TreemapChartDesignOptions } from '../design-options';
 export declare function prepareTreemapLevels(dataOptions: CategoricalChartDataOptionsInternal, chartDesignOptions: TreemapChartDesignOptions, themeSettings?: CompleteThemeSettings): Highcharts.PlotTreegraphLevelsOptions[];
-export declare function treemapLabelFormatter(this: PointLabelObject): string;
+export declare function prepareTreemapLabelFormatter(level: number, seriesLabels: TreemapSeriesLabels): (this: PointLabelObject) => string;

package/dist/packages/sdk-ui/src/common/components/menu/context-menu/context-menu.d.ts

@@ -1,4 +1,5 @@
 import { ContextMenuProps } from '../../../../props';
+export declare const CONTEXT_MENU_SELECTED_WITH_DOT_CLASS = "csdk-context-menu-selected-with-dot";
 /**
  * Context menu
  *

package/dist/packages/sdk-ui/src/dashboard/components/editable-layout/helpers.d.ts

@@ -97,6 +97,17 @@ export declare const distributeEqualWidthInRow: (layout: WidgetsPanelLayout, col
  * @internal
  */
 export declare function updateLayoutAfterDragAndDrop(layout: WidgetsPanelLayout, dragData: EditableLayoutDragData, dropData: EditableLayoutDropData): WidgetsPanelColumnLayout;
+/**
+ * Updates the layout based on column change.
+ *
+ * @param layout - The current layout to modify
+ * @param columnCount - The number of columns to update
+ *
+ * @returns A new layout with the columns updated
+ *
+ * @internal
+ */
+export declare function updateColumnsCountInLayout(layout: WidgetsPanelLayout, columnCount: number): WidgetsPanelColumnLayout;
 export declare function getRowHeight(row: WidgetsPanelRow, widgets: WidgetProps[]): number;
 export declare function getRowMaxHeight(row: WidgetsPanelRow): number;
 export declare function getRowMinHeight(row: WidgetsPanelRow): number;

package/dist/packages/sdk-ui/src/dashboard/dashboard.d.ts

@@ -1,35 +1,5 @@
 /// <reference types="react" />
-import { Filter, FilterRelations } from '@sisense/sdk-data';
 import { DashboardProps } from '../dashboard/types';
-import { WidgetsPanelLayout } from '../models';
-export declare enum DashboardChangeType {
-    /** Dashboard filters have been updated */
-    FILTERS_UPDATE = "FILTERS.UPDATE",
-    /** Filters panel collapsed state changed */
-    UI_FILTERS_PANEL_COLLAPSE = "UI.FILTERS.PANEL.COLLAPSE",
-    /** Widgets panel layout updated */
-    WIDGETS_PANEL_LAYOUT_UPDATE = "WIDGETS_PANEL_LAYOUT.UPDATE",
-    /** Edit mode isEditing changed */
-    WIDGETS_PANEL_LAYOUT_IS_EDITING_CHANGE = "WIDGETS_PANEL.EDIT_MODE.IS_EDITING.CHANGE",
-    /** Widgets deleted from the dashboard */
-    WIDGETS_DELETE = "WIDGETS.DELETE"
-}
-export type DashboardChangeAction = {
-    type: DashboardChangeType.FILTERS_UPDATE;
-    payload: Filter[] | FilterRelations;
-} | {
-    type: DashboardChangeType.UI_FILTERS_PANEL_COLLAPSE;
-    payload: boolean;
-} | {
-    type: DashboardChangeType.WIDGETS_PANEL_LAYOUT_UPDATE;
-    payload: WidgetsPanelLayout;
-} | {
-    type: DashboardChangeType.WIDGETS_PANEL_LAYOUT_IS_EDITING_CHANGE;
-    payload: boolean;
-} | {
-    type: DashboardChangeType.WIDGETS_DELETE;
-    payload: string[];
-};
 /**
  * React component that renders a dashboard whose elements are customizable. It includes internal logic of applying common filters to widgets.
  *