@sisense/sdk-ui 2.9.0 → 2.10.0

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,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/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/design-options.d.ts

@@ -1,11 +1,10 @@
 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, ScattermapMarkers, SunburstStyleOptions, TreemapStyleOptions } from '../../types';
 import { ScatterMarkerSize } from './scatter-plot-options';
 import { DesignPerSeries } from './types';
 type DataLimits = {
@@ -13,9 +12,13 @@ type DataLimits = {
     categoriesCapacity: number;
 };
 export type BaseDesignOptionsType = {
-    legend: LegendPosition;
+    legend?: LegendOptions;
     valueLabel: ValueLabelOptions;
     lineType: LineType;
+    /**
+     * @deprecated
+     * Use line.width instead
+     */
     lineWidth: number;
     marker: Marker;
     xAxis: Axis;
@@ -33,6 +36,7 @@ export type BaseDesignOptionsType = {
 };
 export type CartesianChartDesignOptions = BaseDesignOptionsType & DesignPerSeries;
 export type StackableChartDesignOptions = CartesianChartDesignOptions & {
+    line?: LineOptions;
     stackType: StackType;
     showTotal?: boolean;
     totalLabelRotation?: number;
@@ -40,10 +44,17 @@ export type StackableChartDesignOptions = CartesianChartDesignOptions & {
 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;
+};
 export type PolarType = 'line' | 'area' | 'column';
 export type PolarChartDesignOptions = CartesianChartDesignOptions & {
     polarType: PolarType;
@@ -185,5 +196,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/legend-section.d.ts

@@ -1,28 +1,42 @@
-import { TextStyle } from './types';
+import type { LegendOptions } from '../../types';
+import type { TextStyle } from './types';
 export type LegendPosition = 'top' | 'left' | 'right' | 'bottom' | null;
 export type LegendSettings = {
     enabled: boolean;
     align?: 'center' | 'left' | 'right';
     verticalAlign?: 'top' | 'middle' | 'bottom';
-    layout?: 'horizontal' | 'vertical';
-    itemStyle?: TextStyle & {
-        cursor?: string;
-    };
-    symbolRadius?: number;
-    symbolHeight?: number;
-    symbolWidth?: number;
     borderWidth?: number;
     borderColor?: string;
+    borderRadius?: number;
     backgroundColor?: string;
+    margin?: number;
+    padding?: number;
+    maxHeight?: number;
+    shadow?: boolean;
+    reversed?: boolean;
+    rtl?: boolean;
+    floating?: boolean;
+    width?: number | string;
+    x?: number;
+    y?: number;
+    layout?: 'horizontal' | 'vertical' | 'proximate';
+    itemDistance?: number;
+    itemWidth?: number;
+    itemStyle?: TextStyle;
+    itemHoverStyle?: TextStyle;
+    itemHiddenStyle?: TextStyle;
     itemMarginBottom?: number;
     itemMarginTop?: number;
-    margin?: number;
+    symbolRadius?: number;
+    symbolHeight?: number;
+    symbolWidth?: number;
+    symbolPadding?: number;
+    squareSymbol?: boolean;
     title?: {
-        style?: {
-            [key: string]: string | number;
-        };
+        text?: string;
+        style?: TextStyle;
     };
-    maxHeight?: number;
 };
 export declare const legendItemStyleDefault: LegendSettings['itemStyle'];
-export declare const getLegendSettings: (position: LegendPosition) => LegendSettings;
+export declare const getLegendSettings: (legend?: LegendOptions) => LegendSettings;
+export declare const isLegendOnRight: (legend?: LegendOptions) => boolean;

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

@@ -1,18 +1,46 @@
-import { SeriesWithAlerts, CompleteThemeSettings } from '../../types';
+import { Convolution, SeriesWithAlerts, CompleteThemeSettings } from '../../types';
 import { CategoricalChartDataOptionsInternal } from '../../chart-data-options/types';
 import { SeriesType } from '../chart-options-service';
 import { PieChartDesignOptions } from './design-options';
 import { CategoricalChartData } from '../../chart-data/types';
+import { SeriesPieOptions } from '@sisense/sisense-charts';
 type FormattedPieChartData = SeriesWithAlerts<SeriesType[]> & {
-    convolutionSeries: SeriesType[];
+    convolutionSeries: SeriesPieOptions[];
 };
+/**
+ * Pure function that generates alerts for data limit warnings based on series capacity.
+ */
+export declare const getPieAlerts: (chartData: CategoricalChartData, seriesCapacity: number) => SeriesWithAlerts<SeriesType[]>['alerts'];
+/**
+ * Creates pie chart series with convolution applied.
+ * Returns the complete series ready for chart rendering.
+ */
+export declare const getPieSeries: ({ chartData, dataOptions, seriesCapacity, convolution, themeSettings, }: {
+    chartData: CategoricalChartData;
+    dataOptions: CategoricalChartDataOptionsInternal;
+    seriesCapacity: number;
+    convolution?: Convolution | undefined;
+    themeSettings?: CompleteThemeSettings | undefined;
+}) => SeriesType[];
+/**
+ * Returns only the convolution series (breakdown of "Others" slice).
+ * This is separate data for drill-down functionality.
+ */
+export declare const getPieConvolutionSeries: ({ chartData, dataOptions, seriesCapacity, convolution, themeSettings, }: {
+    chartData: CategoricalChartData;
+    dataOptions: CategoricalChartDataOptionsInternal;
+    seriesCapacity: number;
+    convolution?: Convolution | undefined;
+    themeSettings?: CompleteThemeSettings | undefined;
+}) => SeriesPieOptions[];
 /**
  * Convert categorical chart data into renderable highcharts pie series.
  *
- * @param chartData
- * @param dataOptions
- * @param designOptions
- * @param themeSettings
+ * @param chartData - The source categorical chart data
+ * @param dataOptions - Chart data configuration options
+ * @param designOptions - Design and styling options including convolution settings
+ * @param themeSettings - Theme configuration for colors and styling
+ * @returns Formatted pie chart data with series, alerts, and convolution series
  */
 export declare const formatCategoricalChartData: (chartData: CategoricalChartData, dataOptions: CategoricalChartDataOptionsInternal, designOptions: PieChartDesignOptions, themeSettings?: CompleteThemeSettings) => FormattedPieChartData;
 export {};

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

@@ -54,6 +54,9 @@ export type HighchartsDataPointContext = {
             string1?: string;
             xDisplayValue?: string;
             xValue?: (number | string)[];
+            empty?: boolean;
+            monthDay?: number;
+            hasData?: boolean;
         };
         upperPointName?: string;
         lowerPointName?: string;
@@ -65,6 +68,8 @@ export type HighchartsDataPointContext = {
         };
         options?: TooltipFormatterContextObject['point']['options'];
         node?: HighchartsDataPointContextNode;
+        date?: string | number | Date;
+        value?: number;
     };
     percentage?: number;
     color?: string;

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

@@ -7,7 +7,7 @@ import { Stacking } from '../chart-options-service';
 import { DesignOptions } from './types';
 export type LineType = 'straight' | 'smooth';
 export type StackType = 'classic' | 'stacked' | 'stack100';
-export type HighchartsType = ChartType | 'spline' | 'areaspline' | 'bubble';
+export type HighchartsType = ChartType | 'spline' | 'areaspline' | 'bubble' | 'heatmap';
 export type HighchartsSeriesValues = {
     name: string;
     data: SeriesPointStructure[];

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

@@ -1,18 +1,54 @@
 import { AreamapChartDesignOptions } from '../../chart/restructured-charts/areamap-chart/types';
 import { ChartType } from '../../types';
-import { LineChartDesignOptions, AreaChartDesignOptions, BarChartDesignOptions, ColumnChartDesignOptions, PieChartDesignOptions, FunnelChartDesignOptions, IndicatorChartDesignOptions, PolarChartDesignOptions, ScatterChartDesignOptions, TreemapChartDesignOptions, BoxplotChartDesignOptions, ScattermapChartDesignOptions, AreaRangeChartDesignOptions, BaseDesignOptionsType } from './design-options';
+import { LineChartDesignOptions, AreaChartDesignOptions, BarChartDesignOptions, ColumnChartDesignOptions, CalendarHeatmapChartDesignOptions, PieChartDesignOptions, FunnelChartDesignOptions, IndicatorChartDesignOptions, PolarChartDesignOptions, ScatterChartDesignOptions, TreemapChartDesignOptions, BoxplotChartDesignOptions, ScattermapChartDesignOptions, AreaRangeChartDesignOptions, BaseDesignOptionsType } from './design-options';
 /**
- * Style configuration for text elements
+ * Style configuration for text elements in charts and UI components.
+ * Defines the visual appearance and behavior of text rendering.
  */
 export type TextStyle = {
+    /**
+     * Font family name for the text.
+     * Examples: 'Arial', 'Helvetica', 'Times New Roman', 'sans-serif'
+     */
     fontFamily?: string;
+    /**
+     * Font size in CSS units (px, em, rem, pt, etc.).
+     * Examples: '12px', '1.2em', '16pt'
+     */
     fontSize?: string;
+    /**
+     * Font weight for text rendering.
+     * Examples: 'normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900'
+     */
     fontWeight?: string;
+    /**
+     * Font style for text rendering.
+     * Examples: 'normal', 'italic', 'oblique'
+     */
+    fontStyle?: string;
+    /**
+     * Text color in any valid CSS color format.
+     * Examples: '#FF0000', 'rgb(255, 0, 0)', 'red', 'rgba(255, 0, 0, 0.5)'
+     */
     color?: string;
+    /**
+     * Text outline/stroke configuration.
+     * Defines the outline color and width for text rendering.
+     * Examples: '1px solid black', '2px #333'
+     */
     textOutline?: string;
+    /**
+     * CSS pointer-events property for text interaction.
+     * Controls how the text responds to mouse events.
+     * Examples: 'auto', 'none', 'visible', 'visibleFill', 'visibleStroke'
+     */
     pointerEvents?: string;
+    /**
+     * Text overflow handling behavior.
+     * Controls how text is displayed when it exceeds its container.
+     * Examples: 'clip', 'ellipsis', 'visible', 'hidden'
+     */
     textOverflow?: string;
-    width?: string;
 };
 export declare const POLAR_CHART_TYPES: readonly ["polar"];
 export type PolarChartType = (typeof POLAR_CHART_TYPES)[number];
@@ -44,6 +80,14 @@ export type ImageChartType = (typeof IMAGE_CHART_TYPES)[number];
 export declare const SCATTERMAP_CHART_TYPES: readonly ["scattermap"];
 /** Scattermap chart types  @expandType */
 export type ScattermapChartType = (typeof SCATTERMAP_CHART_TYPES)[number];
+export declare const CALENDAR_HEATMAP_CHART_TYPES: readonly ["calendar-heatmap"];
+/**
+ * Calendar heatmap chart types
+ *
+ * @expandType
+ * @alpha
+ */
+export type CalendarHeatmapChartType = (typeof CALENDAR_HEATMAP_CHART_TYPES)[number];
 export declare const RANGE_CHART_TYPES: readonly ["arearange"];
 /** AreaRange chart types  @expandType */
 export type RangeChartType = (typeof RANGE_CHART_TYPES)[number];
@@ -51,7 +95,7 @@ export type ChartDataType = 'cartesian' | 'categorical' | 'scatter' | 'table' |
 /**
  * Design options for a specific chart type
  */
-export type DesignOptions<SpecificChartType extends ChartType = ChartType> = SpecificChartType extends 'line' ? LineChartDesignOptions : SpecificChartType extends 'area' ? AreaChartDesignOptions : SpecificChartType extends 'bar' ? BarChartDesignOptions : SpecificChartType extends 'column' ? ColumnChartDesignOptions : SpecificChartType extends 'pie' ? PieChartDesignOptions : SpecificChartType extends 'funnel' ? FunnelChartDesignOptions : SpecificChartType extends 'polar' ? PolarChartDesignOptions : SpecificChartType extends 'indicator' ? IndicatorChartDesignOptions : SpecificChartType extends 'scatter' ? ScatterChartDesignOptions : SpecificChartType extends 'treemap' ? TreemapChartDesignOptions : SpecificChartType extends 'boxplot' ? BoxplotChartDesignOptions : SpecificChartType extends 'areamap' ? AreamapChartDesignOptions : SpecificChartType extends 'scattermap' ? ScattermapChartDesignOptions : SpecificChartType extends 'arearange' ? AreaRangeChartDesignOptions : never;
+export type DesignOptions<SpecificChartType extends ChartType = ChartType> = SpecificChartType extends 'line' ? LineChartDesignOptions : SpecificChartType extends 'area' ? AreaChartDesignOptions : SpecificChartType extends 'bar' ? BarChartDesignOptions : SpecificChartType extends 'column' ? ColumnChartDesignOptions : SpecificChartType extends 'pie' ? PieChartDesignOptions : SpecificChartType extends 'funnel' ? FunnelChartDesignOptions : SpecificChartType extends 'polar' ? PolarChartDesignOptions : SpecificChartType extends 'indicator' ? IndicatorChartDesignOptions : SpecificChartType extends 'scatter' ? ScatterChartDesignOptions : SpecificChartType extends 'treemap' ? TreemapChartDesignOptions : SpecificChartType extends 'boxplot' ? BoxplotChartDesignOptions : SpecificChartType extends 'areamap' ? AreamapChartDesignOptions : SpecificChartType extends 'scattermap' ? ScattermapChartDesignOptions : SpecificChartType extends 'calendar-heatmap' ? CalendarHeatmapChartDesignOptions : SpecificChartType extends 'arearange' ? AreaRangeChartDesignOptions : never;
 /** A unique identifier for a series to be found in {@link ChartDataOptionsInternal} */
 type SeriesId = string;
 /**
@@ -64,7 +108,7 @@ export type ChartDesignOptions<SpecificChartType extends ChartType = ChartType>
  *
  * @internal
  */
-export type SeriesDesignOptions = Pick<BaseDesignOptionsType, 'lineWidth' | 'marker'>;
+export type SeriesDesignOptions = Pick<BaseDesignOptionsType, 'marker'> & Pick<LineChartDesignOptions, 'line'>;
 export type DesignPerSeries = {
     designPerSeries: Record<SeriesId, SeriesDesignOptions>;
 };
@@ -78,6 +122,6 @@ export declare const isTable: (chartType: ChartType | TableType) => chartType is
 export declare const isBoxplot: (chartType: ChartType) => chartType is "boxplot";
 export declare const isAreamap: (chartType: ChartType) => chartType is "areamap";
 export declare const isRange: (chartType: ChartType) => chartType is "arearange";
-export declare const ALL_CHART_TYPES: readonly ["line", "area", "bar", "column", "polar", "pie", "funnel", "treemap", "sunburst", "scatter", "table", "indicator", "boxplot", "areamap", "image", "scattermap", "arearange"];
+export declare const ALL_CHART_TYPES: readonly ["line", "area", "bar", "column", "polar", "pie", "funnel", "treemap", "sunburst", "scatter", "table", "indicator", "boxplot", "areamap", "image", "scattermap", "calendar-heatmap", "arearange"];
 export type DynamicChartType = (typeof ALL_CHART_TYPES)[number];
 export {};

package/dist/packages/sdk-ui/src/common/formatters/create-date-formatter.d.ts

@@ -0,0 +1,10 @@
+import { DateConfig } from '../../query/date-formats';
+export type DateFormatter = (date: Date, format: string) => string;
+/**
+ * Creates a date formatter function
+ *
+ * @param locale - The locale to use for formatting
+ * @param cfg - The date configuration to use for formatting
+ * @returns A function that formats dates
+ */
+export declare function createDateFormatter(locale?: Locale, cfg?: DateConfig): DateFormatter;

package/dist/packages/sdk-ui/src/common/hooks/useDateFormatter.d.ts

@@ -0,0 +1,7 @@
+import { DateFormatter } from '../formatters/create-date-formatter';
+/**
+ * A hook that returns a date formatter function
+ *
+ * @returns A function that formats dates
+ */
+export declare function useDateFormatter(): DateFormatter;

package/dist/packages/sdk-ui/src/common/icons/double-arrow-end-icon.d.ts

@@ -0,0 +1,6 @@
+import { Themable } from '../../theme-provider/types';
+import type { SVGProps } from 'react';
+export declare const DoubleArrowEndIcon: (props: Pick<SVGProps<SVGElement>, 'className' | 'width' | 'height' | 'fill' | 'onClick'> & {
+    direction: 'left' | 'right';
+    disabled?: boolean;
+} & Themable) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,24 +1,5 @@
 import { EditableLayoutDragData, EditableLayoutDropData } from '../../../dashboard/components/editable-layout/types';
 import { DragStartEvent } from '@dnd-kit/core';
-import { RenderTitleHandler, RenderToolbarHandler, TextWidgetRenderToolbarHandler } from '../../../types';
 export declare const isEditableLayoutDragData: (data: any | undefined) => data is EditableLayoutDragData;
 export declare const isEditableLayoutDropData: (data: any) => data is EditableLayoutDropData;
 export declare const getDraggingWidgetId: (event: DragStartEvent) => string | null;
-/**
- * Compose multiple RenderToolbarHandler functions into one.
- * Each handler gets a chance to modify the toolbar.
- * If it returns `null`, the previous toolbar is passed to the next handler.
- */
-export declare function composeToolbarHandlers(...handlers: (RenderToolbarHandler | undefined)[]): RenderToolbarHandler;
-/**
- * Compose multiple TextWidgetRenderToolbarHandler functions into one.
- * Each handler gets a chance to modify the toolbar.
- * If it returns `null`, the previous toolbar is passed to the next handler.
- */
-export declare function composeTextWidgetToolbarHandlers(...handlers: (TextWidgetRenderToolbarHandler | undefined)[]): TextWidgetRenderToolbarHandler;
-/**
- * Compose multiple RenderTitleHandler functions into one.
- * Each handler gets a chance to modify the title.
- * If it returns `null`, the previous tile is passed to the next handler.
- */
-export declare function composeTitleHandlers(...handlers: (RenderTitleHandler | undefined)[]): RenderTitleHandler;

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

@@ -1,5 +1,5 @@
 export { getFiltersFromDataPoint, getFormulaContextFilters, filterByAllowedDimensions, handleFormulaDuplicateFilters, mergeJtdFilters, } from './jtd-filters';
 export { getJtdClickHandler, getJtdClickHandlerForMultiplePoints, handleDataPointClick, handleTextWidgetClick, } from './jtd-handlers';
 export { getJumpToDashboardMenuItem, getJumpToDashboardMenuItemForMultiplePoints, } from './jtd-menu';
-export { addPointerCursorToChart, applyClickNavigationForChart, applyClickNavigationForText, applyRightClickNavigation, addJtdIconToHeader, } from './jtd-widget-transforms';
+export { addPointerCursorToChart, applyClickNavigationForChart, applyClickNavigationForText, applyClickNavigationForPivot, applyRightClickNavigation, applyRightClickNavigationForPivot, applyPivotLinkStyling, addJtdIconToHeader, } from './jtd-widget-transforms';
 export { type JtdCoreData, type JtdContext, type JtdActions, type JtdClickHandlerData, type JtdWidgetTransformConfig, type JtdDataPointClickEvent, type JtdMenuItem, } from './jtd-types';

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

@@ -10,7 +10,7 @@ import { JtdConfig } from '../../../widget-by-id/types';
  * 1. **Generated Filters**: Created from the clicked datapoint's category and breakBy entries
  * 2. **Dashboard Filters**: Current dashboard filters (filtered by includeDashFilterDims)
  * 3. **Widget Filters**: Original widget-specific filters (filtered by includeWidgetFilterDims)
- * 4. **Formula Context Filters**: NEW - Embedded filters from the clicked widget's datapoint calculations
+ * 4. **Formula Context Filters**: Embedded filters from the clicked widget's datapoint calculations
  *
  * ## Formula Context Filters (New Feature)
  *
@@ -68,6 +68,17 @@ export declare const getFormulaContextFilters: (clickedWidget: WidgetProps, jtdC
  * @internal
  */
 export declare const handleFormulaDuplicateFilters: (filters: Filter[], sendFormulaFiltersDuplicate?: number | 'none') => Filter[];
+/**
+ * Normalizes a date value to the start of the period for the given granularity
+ * This ensures the filter member value matches what the backend query returns
+ * Uses existing date utilities instead of manual parsing to reduce business logic
+ *
+ * @param value - The raw date value (e.g., "2009-11-15T12:30:00.000")
+ * @param granularity - The date granularity (e.g., "Months")
+ * @returns Normalized date string that matches backend member query format
+ * @internal
+ */
+export declare const normalizeDateForGranularity: (value: string, granularity: string) => string;
 /**
  * Type guard to check if a data point is a ScatterDataPoint.
  * Checks for actual scatter chart structure (x/y coordinates) and scatter-only properties.

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

@@ -0,0 +1,18 @@
+import type { CustomDataCellFormatter, CustomHeaderCellFormatter } from '../../../pivot-table/formatters/types';
+import { JtdConfig } from '../../../widget-by-id/types';
+/**
+ * Creates a data cell formatter that applies hyperlink styling for JTD navigation
+ *
+ * @param hyperlinkColor - The color to use for hyperlink text (uses theme's hyperlinkColor
+ * @returns Data cell formatter function
+ * @internal
+ */
+export declare function createJtdHyperlinkDataCellFormatter(hyperlinkColor: string, jtdConfig: JtdConfig): CustomDataCellFormatter;
+/**
+ * Creates a header cell formatter that applies hyperlink styling for JTD navigation
+ *
+ * @param hyperlinkColor - The color to use for hyperlink text (uses theme's hyperlinkColor or defaults to DEFAULT_HYPERLINK_COLOR)
+ * @param jtdConfig - JTD configuration containing drill targets
+ * @returns A header cell formatter that applies hyperlink styling to matching header cells
+ */
+export declare function createJtdHyperlinkHeaderCellFormatter(hyperlinkColor: string, jtdConfig: JtdConfig): CustomHeaderCellFormatter;

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

@@ -1,5 +1,6 @@
 import { type Filter } from '@sisense/sdk-data';
 import { WidgetProps } from '../../../props.js';
+import { PivotTableDataPoint, DataPoint } from '../../../types';
 import { JtdConfig } from '../../../widget-by-id/types';
 import { OpenModalFn } from '../../../common/components/modal/modal-context';
 import { JtdCoreData, JtdContext, JtdActions, JtdClickHandlerData, JtdDataPointClickEvent } from './jtd-types';
@@ -33,6 +34,28 @@ export declare const getJtdClickHandlerForMultiplePoints: (data: JtdClickHandler
  * @internal
  */
 export declare const handleDataPointClick: (coreData: JtdCoreData, context: JtdContext, actions: Pick<JtdActions, 'openModal' | 'openMenu' | 'translate'>, event: JtdDataPointClickEvent) => void | Promise<string>;
+/**
+ * Convert PivotTableDataPoint to DataPoint format for JTD processing
+ *
+ * @param pivotPoint - The pivot table data point
+ * @returns Converted data point
+ * @internal
+ */
+export declare const convertPivotToDataPoint: (pivotPoint: PivotTableDataPoint) => DataPoint;
+/**
+ * Handle pivot table data point click
+ *
+ * @param data - Core data with drill target (config, drill target, widget props, pivot point)
+ * @param context - Context data (filters)
+ * @param actions - Action functions
+ * @param eventData - Event-related data
+ * @internal
+ */
+export declare const handlePivotDataPointClick: (data: {
+    jtdConfig: JtdConfig;
+    widgetProps: WidgetProps;
+    point: PivotTableDataPoint;
+}, context: JtdContext, actions: Pick<JtdActions, 'openModal' | 'openMenu' | 'translate'>) => Promise<string> | undefined;
 /**
  * Handle text widget click (placeholder for future implementation)
  *

package/dist/packages/sdk-ui/src/dashboard/hooks/jtd/jtd-widget-transforms.d.ts

@@ -18,6 +18,16 @@ export declare const addPointerCursorToChart: (widgetProps: WidgetProps) => Widg
  * @internal
  */
 export declare const applyClickNavigationForChart: (widgetProps: WidgetProps, config: JtdWidgetTransformConfig, actions: Pick<JtdActions, 'openModal' | 'openMenu' | 'translate'>) => WidgetProps;
+/**
+ * Apply JTD click navigation for pivot table widgets
+ *
+ * @param widgetProps - The widget props
+ * @param config - The JTD configuration and context
+ * @param actions - The action functions
+ * @returns Updated widget props with click navigation
+ * @internal
+ */
+export declare const applyClickNavigationForPivot: (widgetProps: WidgetProps, config: JtdWidgetTransformConfig, actions: Pick<JtdActions, 'openModal' | 'openMenu' | 'translate'>) => WidgetProps;
 /**
  * Apply JTD click navigation for text widgets
  *
@@ -38,6 +48,25 @@ export declare const applyClickNavigationForText: (widgetProps: WidgetProps, con
  * @internal
  */
 export declare const applyRightClickNavigation: (widgetProps: WidgetProps, config: JtdWidgetTransformConfig, actions: Pick<JtdActions, 'openModal' | 'openMenu' | 'translate'>) => WidgetProps;
+/**
+ * Apply JTD right-click navigation for pivot table widgets
+ *
+ * @param widgetProps - The widget props
+ * @param config - The JTD configuration and context
+ * @param actions - The action functions
+ * @returns Updated widget props with right-click navigation
+ * @internal
+ */
+export declare const applyRightClickNavigationForPivot: (widgetProps: WidgetProps, config: JtdWidgetTransformConfig, actions: Pick<JtdActions, 'openModal' | 'openMenu' | 'translate'>) => WidgetProps;
+/**
+ * Applies hyperlink styling to pivot table cells for PIVOT_LINK navigation
+ * @param widgetProps - Pivot table widget props
+ * @param config - JTD configuration
+ * @param hyperlinkColor
+ * @returns Updated widget props with hyperlink styling
+ * @internal
+ */
+export declare const applyPivotLinkStyling: (widgetProps: WidgetProps, config: JtdWidgetTransformConfig, hyperlinkColor?: string) => WidgetProps;
 /**
  * Add JTD icon to widget header if configured
  *

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

@@ -37,6 +37,7 @@ export * from './boxplot-chart';
 export * from './scattermap-chart';
 export * from './areamap-chart';
 export * from './area-range-chart';
+export * from './calendar-heatmap-chart';
 export * from './sisense-context/custom-sisense-context-provider';
 export * from './theme-provider/custom-theme-provider';
 export * from './custom-widgets-provider/custom-widgets-provider-adapter';

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

@@ -5,6 +5,7 @@ import { WidgetDto } from '../../widget-by-id/types';
 import { RestApi } from '../../api/rest-api';
 export declare const translateLayout: (layout: LayoutDto) => WidgetsPanelColumnLayout;
 export declare function extractDashboardFilters(dashboardFilters: Array<FilterDto | CascadingFilterDto>, filterRelationsModel?: FilterRelationsModel | FilterRelationsModelNode): Filter[] | FilterRelations;
+export declare const convertDimensionsToDimIndexes: (widget: WidgetDto, dimensionIds: string[]) => string[];
 export declare function translateWidgetsOptions(widgets?: WidgetDto[]): WidgetsOptions;
 export declare function translateTabbersOptions(widgets?: WidgetDto[]): TabbersOptions;
 /**

package/dist/packages/sdk-ui/src/pivot-table/formatters/header-cell-formatters/header-cell-value-formatter.d.ts

@@ -1,5 +1,6 @@
 import type { PivotTableDataOptions } from '../../../chart-data-options/types.js';
-import type { DateFormatter, HeaderCellFormatter } from '../types.js';
+import type { HeaderCellFormatter } from '../types.js';
+import { DateFormatter } from '../../../common/formatters/create-date-formatter.js';
 export declare const createHeaderCellValueFormatter: (dataOptions: PivotTableDataOptions, dateFormatter: DateFormatter) => HeaderCellFormatter;
 /**
  * Formats the date time string or Date object.

package/dist/packages/sdk-ui/src/pivot-table/formatters/types.d.ts

@@ -44,4 +44,3 @@ export type HeaderCellFormatter = (cell: PivotTreeNode, jaqlPanelItem: JaqlPanel
  * @returns Formatting result object or void to skip formatting
  */
 export type CustomHeaderCellFormatter = (cell: PivotTreeNode, jaqlPanelItem: JaqlPanel | undefined, dataOption?: AnyColumn, id?: string) => CellFormattingResult | void;
-export type DateFormatter = (date: Date, format: string) => string;