@sisense/sdk-ui 2.1.1 → 2.3.0

package/dist/packages/sdk-ui/src/ai/api/types.d.ts

@@ -78,6 +78,8 @@ export interface NlqResponseData extends ExpandedQueryModel {
     widgetProps?: WidgetProps | undefined;
     /** The response message for the chat  */
     userMsg: string;
+    /** @internal */
+    clarification: string;
 }
 export interface NlqResponse {
     data: NlqResponseData;

package/dist/packages/sdk-ui/src/ai/common/icon-button.d.ts

@@ -5,7 +5,7 @@ interface IconButtonProps extends MuiIconButtonProps {
 }
 declare const IconButton: import("@emotion/styled").StyledComponent<import("@mui/material/IconButton").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "children" | "style" | "disabled" | "size" | "className" | "tabIndex" | "color" | "sx" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & {
+}, "loading" | "children" | "style" | "disabled" | "size" | "className" | "tabIndex" | "color" | "sx" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loadingIndicator"> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & IconButtonProps, {}, {}>;
 export default IconButton;

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

@@ -19,3 +19,4 @@ export * as dashboardComposer from './dashboard/dashboard-composer';
  */
 export * as executeQueryComposer from './execute-query/execute-query-composer';
 export * from './common/custom-superjson';
+export * from './widget/chart-options/get-widget-options';

package/dist/packages/sdk-ui/src/analytics-composer/widget/chart-options/get-widget-options.d.ts

@@ -1,15 +1,31 @@
-import { ChartDataOptions, ChartStyleOptions } from '../../../types';
+import { ChartDataOptions, ChartType, ChartStyleOptions } from '../../../types';
 import { MetadataItem } from '@sisense/sdk-data';
-import { ChartRecommendations, ExpandedQueryModel } from '../../../analytics-composer/types';
+import { AxesMapping, ChartRecommendations, ExpandedQueryModel } from '../../../analytics-composer/types';
+/**
+ * @internal
+ */
 export declare const getChartRecommendationsOrDefault: (response: ExpandedQueryModel) => ChartRecommendations;
 /**
+ * Maps the metadata items to the chart data options.
+ *
+ * @param metadataItems - metadata items
+ * @param chartFamily - chart family
+ * @param axesMapping - axes mapping
+ * @returns chart data options
  * @internal
  */
-export declare const getTableOptions: (jaql: MetadataItem[]) => {
-    dataOptions: {
-        columns: (import("@sisense/sdk-data").Attribute | import("@sisense/sdk-data").JaqlElement | import("@sisense/sdk-data").CalculatedMeasure | import("@sisense/sdk-data").BaseMeasure)[];
-    };
-};
+export declare const getChartDataOptions: (metadataItems: MetadataItem[], chartFamily: string, axesMapping: AxesMapping) => ChartDataOptions;
+/**
+ * Get chart style options for the chart widget.
+ *
+ * @param chartType - chart type
+ * @param axesMapping - axes mapping
+ * @param initialStyleOptions - initial style options
+ * @param useCustomizedStyleOptions - whether to use customized style. Charts as inline response messages use customized style. Charts for Query Composer use default style.
+ * @returns chart style options
+ * @internal
+ */
+export declare const getChartStyleOptions: (chartType: ChartType, axesMapping: AxesMapping, initialStyleOptions: ChartStyleOptions, useCustomizedStyleOptions: boolean) => ChartStyleOptions;
 /**
  * Get chart options for the chart widget.
  *

package/dist/packages/sdk-ui/src/api/rest-api.d.ts

@@ -33,6 +33,7 @@ export declare class RestApi {
         }[] | undefined;
         layout?: import("./types/dashboard-dto").LayoutDto | undefined;
         style?: import("./types/dashboard-dto").DashboardStyleDto | undefined;
+        settings?: import("./types/dashboard-dto").DashboardSettings | undefined;
     } & import("../utils/utility-types").AnyObject)[]>;
     /**
      * Get a specific dashboard

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

@@ -41,6 +41,12 @@ export type DashboardStyleDto = {
     paletteId?: string;
 };
 export declare const isCascadingFilterDto: (filter: FilterDto | CascadingFilterDto) => filter is CascadingFilterDto;
+export type DashboardSettings = {
+    autoUpdateOnFiltersChange?: boolean;
+    useAcceleration?: boolean;
+    aiAssistantEnabled?: boolean;
+    managedByTool?: string;
+};
 /**
  * @internal
  */
@@ -56,5 +62,6 @@ export type DashboardDto = {
     }[];
     layout?: LayoutDto;
     style?: DashboardStyleDto;
+    settings?: DashboardSettings;
 } & AnyObject;
 export {};

package/dist/packages/sdk-ui/src/app/client-application.d.ts

@@ -109,6 +109,22 @@ export type AppConfig = {
          */
         onTrackingEvent?: (payload: TrackingEventDetails) => void;
     };
+    /**
+     * Configuration of the jump to dashboard feature
+     * Only the widgets with pre-configured JTD config will support this feature.
+     * You can configure the JTD config in the widget settings in Fusion UI having jump to dashboard plugin enabled.
+     *
+     * This feature is currently in alpha.
+     * To learn more about the jump to dashboard feature, see the [Jump to Dashboard documentation](https://docs.sisense.com/main/SisenseLinux/jump-to-dashboard.htm?tocpath=Add-ons%7C_____2#ConfiguringJTDPerWidget).
+     */
+    jumpToDashboardConfig?: {
+        /**
+         * Whether to enable or disable the jump to dashboard feature
+         *
+         * If not specified, the default value is `false`
+         */
+        enabled?: boolean;
+    };
 };
 /**
  * Stands for a Sisense Client Application which connects to a Sisense Environment

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

@@ -1,3 +1,5 @@
 import type { ChartBuilder, SupportedChartType } from './types.js';
-export declare const chartBuildersMap: Record<SupportedChartType, ChartBuilder<SupportedChartType>>;
+export declare const chartBuildersMap: {
+    [K in SupportedChartType]: ChartBuilder<K>;
+};
 export declare function getChartBuilder<CT extends SupportedChartType>(chartType: CT): ChartBuilder<CT>;

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

@@ -0,0 +1,3 @@
+import { BuildContext } from '../../types';
+import { CartesianChartTypes } from '../types';
+export declare const getCommonCartesianAlerts: (ctx: BuildContext<CartesianChartTypes>) => string[];

package/dist/packages/sdk-ui/src/chart/restructured-charts/{helpers/cartesians → highchart-based-charts/cartesians/helpers}/data-options.d.ts

@@ -1,5 +1,5 @@
-import { CartesianChartDataOptionsInternal, ChartDataOptions, ChartDataOptionsInternal } from '../../../../chart-data-options/types';
-import { CartesianChartDataOptions } from '../../../../types';
+import { CartesianChartDataOptionsInternal, ChartDataOptions, ChartDataOptionsInternal } from '../../../../../chart-data-options/types';
+import { CartesianChartDataOptions } from '../../../../../types';
 import { Attribute, Measure } from '@sisense/sdk-data';
 /**
  * Translates the data options for cartesian charts to internal format.

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

@@ -0,0 +1,4 @@
+import { CartesianChartDataOptionsInternal } from '../../../../../chart-data-options/types';
+import { DataTable } from '../../../../../chart-data-processor/table-processor';
+import { CartesianChartData } from '../../../../../chart-data/types';
+export declare function getCartesianChartData(chartDataOptions: CartesianChartDataOptionsInternal, dataTable: DataTable): CartesianChartData;

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/cartesians/helpers/get-legacy-cartesian-chart-options.d.ts

@@ -0,0 +1,3 @@
+import { BuildContext } from '../../types';
+import { CartesianChartTypes } from '../types';
+export declare const getLegacyCartesianChartOptions: (ctx: BuildContext<CartesianChartTypes>, chartType: CartesianChartTypes) => import("../../../../../chart-options-processor/chart-options-service").HighchartsOptionsInternal;

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/cartesians/stackable/bar-chart/bar-chart-builder.d.ts

@@ -0,0 +1,2 @@
+import { ChartBuilder } from '../../../../../../chart/restructured-charts/types.js';
+export declare const barChartBuilder: ChartBuilder<'bar'>;

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/cartesians/stackable/bar-chart/highcharts-options-builder.d.ts

@@ -0,0 +1,2 @@
+import { HighchartsOptionsBuilder } from '../../../types';
+export declare const barHighchartsOptionsBuilder: HighchartsOptionsBuilder<'bar'>;

package/dist/packages/sdk-ui/src/chart/restructured-charts/{column-chart → highchart-based-charts/cartesians/stackable/column-chart}/column-chart-builder.d.ts

@@ -1,2 +1,2 @@
-import { ChartBuilder } from '../types.js';
+import { ChartBuilder } from '../../../../types.js';
 export declare const columnChartBuilder: ChartBuilder<'column'>;

package/dist/packages/sdk-ui/src/chart/restructured-charts/highchart-based-charts/cartesians/stackable/column-chart/highcharts-options-builder.d.ts

@@ -0,0 +1,2 @@
+import { HighchartsOptionsBuilder } from '../../../types';
+export declare const columnHighchartsOptionsBuilder: HighchartsOptionsBuilder<'column'>;

package/dist/packages/sdk-ui/src/chart/restructured-charts/{helpers/cartesians/stackable → highchart-based-charts/cartesians/stackable/helpers}/design-options.d.ts

@@ -1,5 +1,5 @@
-import { CartesianChartDataOptionsInternal } from '../../../../../chart-data-options/types';
-import { StackableChartDesignOptions } from '../../../../../chart-options-processor/translations/design-options';
-import { ChartStyleOptions, StackableStyleOptions } from '../../../../../types';
+import { CartesianChartDataOptionsInternal } from '../../../../../../chart-data-options/types';
+import { StackableChartDesignOptions } from '../../../../../../chart-options-processor/translations/design-options';
+import { ChartStyleOptions, StackableStyleOptions } from '../../../../../../types';
 export declare function translateStackableStyleOptionsToDesignOptions(chartType: 'bar' | 'column', styleOptions: StackableStyleOptions, dataOptionsInternal: CartesianChartDataOptionsInternal): StackableChartDesignOptions;
 export declare function isStackableStyleOptions(styleOptions: ChartStyleOptions): styleOptions is StackableStyleOptions;

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

@@ -0,0 +1 @@
+export type CartesianChartTypes = 'column' | 'bar';

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

@@ -0,0 +1,20 @@
+import { TypedDataOptionsInternal, TypedDesignOptions } from '../../types.js';
+import { HighchartsOptionsInternal } from '../../../../chart-options-processor/chart-options-service';
+import { TypedChartData } from '../../types.js';
+import { BuildContext, HighchartBasedChartTypes, HighchartsOptionsBuilder } from '../types.js';
+import { SisenseChartDataPointsEventHandler } from '../../../../sisense-chart/types';
+import { SisenseChartDataPointEventHandler } from '../../../../sisense-chart/types';
+import { BeforeRenderHandler } from '../../../../props';
+export declare function buildHighchartsOptions<CT extends HighchartBasedChartTypes>({ highchartsOptionsBuilder: builder, chartData, dataOptions, designOptions, extraConfig, dataPointsEventHandlers, onBeforeRender, }: {
+    highchartsOptionsBuilder: HighchartsOptionsBuilder<CT>;
+    chartData: TypedChartData<CT>;
+    dataOptions: TypedDataOptionsInternal<CT>;
+    designOptions: TypedDesignOptions<CT>;
+    dataPointsEventHandlers: {
+        onDataPointClick?: SisenseChartDataPointEventHandler;
+        onDataPointContextMenu?: SisenseChartDataPointEventHandler;
+        onDataPointsSelected?: SisenseChartDataPointsEventHandler;
+    };
+    extraConfig: BuildContext<CT>['extraConfig'];
+    onBeforeRender?: BeforeRenderHandler;
+}): HighchartsOptionsInternal;

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

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { BuildContext, HighchartBasedChartTypes, HighchartsOptionsBuilder } from '../types.js';
+import { TypedChartData, TypedDataOptionsInternal, TypedDesignOptions } from '../../types.js';
+import { SisenseChartDataPointEventHandler, SisenseChartDataPointsEventHandler } from '../../../../sisense-chart/types';
+import { BeforeRenderHandler } from '../../../../props';
+import { ChartRendererProps } from '../../../../chart/types';
+export type HighchartsBasedChartRendererProps<CT extends HighchartBasedChartTypes> = {
+    chartData: TypedChartData<CT>;
+    dataOptions: TypedDataOptionsInternal<CT>;
+    designOptions: TypedDesignOptions<CT>;
+    onDataPointClick?: SisenseChartDataPointEventHandler;
+    onDataPointContextMenu?: SisenseChartDataPointEventHandler;
+    onDataPointsSelected?: SisenseChartDataPointsEventHandler;
+    onBeforeRender?: BeforeRenderHandler;
+};
+/**
+ * Creates a specific highcharts based chart renderer component
+ * with memoized highcharts options builder and alerts builder.
+ *
+ * @param highchartsOptionsBuilder - The highcharts options builder.
+ * @param getAlerts - The function to get the alerts.
+ * @returns The highcharts based chart renderer component.
+ */
+export declare function createHighchartsBasedChartRenderer<CT extends HighchartBasedChartTypes>({ highchartsOptionsBuilder, getAlerts, }: {
+    /**
+     * The builder of highcharts options for specific chart type.
+     */
+    highchartsOptionsBuilder: HighchartsOptionsBuilder<CT>;
+    /**
+     * The function to get the alerts for specific chart type.
+     */
+    getAlerts: (ctx: BuildContext<CT>) => string[];
+}): React.FC<HighchartsBasedChartRendererProps<CT>>;
+/**
+ * Type guard to check if a value is a valid props object for the HighchartsBasedChartRenderer component
+ * @param value - The value to check
+ * @returns True if the value is a valid HighchartsBasedChartRendererProps, false otherwise
+ */
+export declare function isHighchartsBasedChartRendererProps<CT extends HighchartBasedChartTypes>(props: ChartRendererProps): props is HighchartsBasedChartRendererProps<CT>;

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

@@ -0,0 +1,2 @@
+import { ChartType } from '../../../../types';
+export declare const isHighchartsBasedChart: (chartType: ChartType) => boolean;

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

@@ -0,0 +1,28 @@
+import { HighchartsOptionsInternal } from '../../../chart-options-processor/chart-options-service';
+import { CompleteThemeSettings } from '../../../index-typedoc';
+import { TFunction } from '@sisense/sdk-common';
+import { TypedChartData, TypedDataOptionsInternal, TypedDesignOptions } from '../types';
+export type HighchartBasedChartTypes = 'column' | 'bar';
+export type HighchartsOptionsBuilder<CT extends HighchartBasedChartTypes> = {
+    getChart: (ctx: BuildContext<CT>) => HighchartsOptionsInternal['chart'];
+    getSeries: (ctx: BuildContext<CT>) => HighchartsOptionsInternal['series'];
+    getAxes: (ctx: BuildContext<CT>) => {
+        xAxis: HighchartsOptionsInternal['xAxis'];
+        yAxis: HighchartsOptionsInternal['yAxis'];
+    };
+    getLegend: (ctx: BuildContext<CT>) => HighchartsOptionsInternal['legend'];
+    getPlotOptions: (ctx: BuildContext<CT>) => HighchartsOptionsInternal['plotOptions'];
+    getTooltip: (ctx: BuildContext<CT>) => HighchartsOptionsInternal['tooltip'];
+    getExtras: (ctx: BuildContext<CT>) => Partial<HighchartsOptionsInternal>;
+};
+export type BuildContext<CT extends HighchartBasedChartTypes> = {
+    chartData: TypedChartData<CT>;
+    dataOptions: TypedDataOptionsInternal<CT>;
+    designOptions: TypedDesignOptions<CT>;
+    extraConfig: {
+        translate: TFunction;
+        themeSettings: CompleteThemeSettings;
+        dateFormatter: (date: Date, format: string) => string;
+        accessibilityEnabled: boolean;
+    };
+};

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

@@ -2,7 +2,6 @@
 import { Attribute, Measure, QueryResultData } from '@sisense/sdk-data';
 import { QueryDescription, QueryExecutionConfig } from '@sisense/sdk-query-client';
 import type { AreamapStyleOptions, ChartDataOptions, ChartStyleOptions, ScattermapStyleOptions, StackableStyleOptions } from '../../types';
-import type { SisenseChartProps } from '../../sisense-chart';
 import type { ChartRendererProps } from '../../chart';
 import type { CartesianChartData, ScattermapChartData } from '../../chart-data/types';
 import { AreamapChartDataOptions, AreamapChartDataOptionsInternal, CartesianChartDataOptions, CartesianChartDataOptionsInternal, ChartDataOptionsInternal, ScattermapChartDataOptions, ScattermapChartDataOptionsInternal } from '../../chart-data-options/types';
@@ -12,6 +11,7 @@ import { ClientApplication } from '../../app/client-application';
 import { AreamapProps } from '../../chart/restructured-charts/areamap-chart/renderer';
 import { ScattermapProps } from '../../charts/map-charts/scattermap/scattermap';
 import { AreamapData } from './areamap-chart/types';
+import { HighchartsBasedChartRendererProps } from './highchart-based-charts/highcharts-based-chart-renderer/highcharts-based-chart-renderer';
 export type SupportedChartType = 'areamap' | 'column' | 'bar';
 export type TypedChartDataOptions<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapChartDataOptions : CT extends 'scattermap' ? ScattermapChartDataOptions : CT extends 'column' | 'bar' ? CartesianChartDataOptions : never;
 export type TypedDataOptionsInternal<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapChartDataOptionsInternal : CT extends 'scattermap' ? ScattermapChartDataOptionsInternal : CT extends 'column' | 'bar' ? CartesianChartDataOptionsInternal : never;
@@ -24,7 +24,7 @@ export type TypedLoadDataFunction<CT extends SupportedChartType> = (options: {
     queryDescription: QueryDescription;
     executionConfig?: QueryExecutionConfig;
 }) => Promise<QueryResultData>;
-export type TypedChartRendererProps<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapProps : CT extends 'scattermap' ? ScattermapProps : CT extends 'column' | 'bar' ? SisenseChartProps : never;
+export type TypedChartRendererProps<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapProps : CT extends 'scattermap' ? ScattermapProps : CT extends 'column' | 'bar' ? HighchartsBasedChartRendererProps<CT> : never;
 /**
  * Chart builder interface.
  */

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

@@ -17,5 +17,4 @@ export type ChartRendererProps = {
     onDataPointContextMenu?: ChartProps['onDataPointContextMenu'];
     onDataPointsSelected?: ChartProps['onDataPointsSelected'];
     onBeforeRender?: ChartProps['onBeforeRender'];
-    filters?: ChartProps['filters'];
 };

package/dist/packages/sdk-ui/src/chart-options-processor/apply-event-handlers.d.ts

@@ -25,3 +25,18 @@ export declare const applyEventHandlersToChart: (chartOptions: HighchartsOptions
     onDataPointContextMenu?: SisenseChartDataPointEventHandler | undefined;
     onDataPointsSelected?: SisenseChartDataPointsEventHandler | undefined;
 }) => HighchartsOptionsInternal;
+/**
+ * Composable variant of applyEventHandlersToChart.
+ * Returns a function that applies event handlers to the chart options.
+ *
+ * @param dataOptions - The data options to use.
+ * @param onDataPointClick - The event handler for data point click.
+ * @param onDataPointContextMenu - The event handler for data point context menu.
+ * @param onDataPointsSelected - The event handler for data points selected.
+ * @returns A function that applies event handlers to the chart options.
+ */
+export declare function withEventHandlers(dataOptions: ChartDataOptionsInternal, { onDataPointClick, onDataPointContextMenu, onDataPointsSelected, }?: {
+    onDataPointClick?: SisenseChartDataPointEventHandler;
+    onDataPointContextMenu?: SisenseChartDataPointEventHandler;
+    onDataPointsSelected?: SisenseChartDataPointsEventHandler;
+}): (chartOptions: HighchartsOptionsInternal) => HighchartsOptionsInternal;

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

@@ -3,3 +3,12 @@ import { HighchartsOptionsInternal } from './chart-options-service';
 export declare const DEFAULT_ANIMATION_DURATION_MS_INIT = 600;
 export declare const DEFAULT_ANIMATION_DURATION_MS_UPDATE = 300;
 export declare const applyCommonHighchartsOptions: (chartOptions: HighchartsOptionsInternal, themeSettings: CompleteThemeSettings, accessibilityEnabled: boolean) => HighchartsOptionsInternal;
+/**
+ * Composable variant of applyCommonHighchartsOptions.
+ * Returns a function that applies common highcharts options to the chart options.
+ *
+ * @param themeSettings - The theme settings to use.
+ * @param accessibilityEnabled - Whether accessibility is enabled.
+ * @returns A function that applies common highcharts options to the chart.
+ */
+export declare function withCommonHighchartsOptions(themeSettings: CompleteThemeSettings, accessibilityEnabled: boolean): (chartOptions: HighchartsOptionsInternal) => HighchartsOptionsInternal;

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

@@ -10,9 +10,10 @@ import { AreamapType } from '../types';
  *
  * - `line/spline` - curved line from point to point.
  * - `line/basic` - straight line from point to point.
+ * - `line/step` - step line where segments create a step-like pattern.
  *
  */
-export type LineSubtype = 'line/spline' | 'line/basic';
+export type LineSubtype = 'line/spline' | 'line/basic' | 'line/step';
 /**
  * Property of {@link AreaStyleOptions}
  *

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

@@ -1,3 +1,11 @@
 import { CompleteThemeSettings } from '../types';
 import { HighchartsOptionsInternal } from './chart-options-service';
 export declare const applyThemeToChart: (chartOptions: HighchartsOptionsInternal, themeSettings?: CompleteThemeSettings) => HighchartsOptionsInternal;
+/**
+ * Composable variant of applyThemeToChart.
+ * Returns a function that applies theme options to the chart options.
+ *
+ * @param themeSettings - The theme settings to use.
+ * @returns A function that applies theme options to the chart options.
+ */
+export declare function withThemeOptions(themeSettings?: CompleteThemeSettings): (chartOptions: HighchartsOptionsInternal) => HighchartsOptionsInternal;

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

@@ -37,7 +37,10 @@ export type StackableChartDesignOptions = CartesianChartDesignOptions & {
     showTotal?: boolean;
     totalLabelRotation?: number;
 } & DesignPerSeries;
-export type LineChartDesignOptions = CartesianChartDesignOptions;
+export type LineChartDesignOptions = CartesianChartDesignOptions & {
+    /** Step type for step line charts: left, center, or right */
+    step?: 'left' | 'center' | 'right';
+};
 export type AreaChartDesignOptions = StackableChartDesignOptions;
 export type BarChartDesignOptions = StackableChartDesignOptions;
 export type ColumnChartDesignOptions = StackableChartDesignOptions;

package/dist/packages/sdk-ui/src/common/components/grouped-items-browser/group.d.ts

@@ -5,6 +5,7 @@ type GroupProps = {
     groupSecondaryActionConfig?: GroupSecondaryActionConfig;
     itemActionConfig?: ItemActionConfig;
     itemSecondaryActionConfig?: ItemSecondaryActionConfig;
+    collapsed?: boolean;
 };
 export declare const Group: React.FC<GroupProps>;
 export {};

package/dist/packages/sdk-ui/src/common/components/grouped-items-browser/types.d.ts

@@ -5,6 +5,7 @@ export type GroupedItemsBrowserProps = {
     itemActionConfig?: ItemActionConfig;
     itemSecondaryActionConfig?: ItemSecondaryActionConfig;
     onScrolledToBottom?: () => void;
+    collapseAll?: boolean;
 };
 /**
  * A group of items.
@@ -14,6 +15,7 @@ export type ItemsGroup = {
     id: string;
     items: Item[];
     Icon?: React.ComponentType;
+    description?: string;
 };
 /**
  * An item in the list of grouped items.
@@ -24,6 +26,7 @@ export type Item = {
     Icon?: React.ComponentType;
     isDisabled?: boolean;
     hoverTooltip?: string;
+    description?: string;
 };
 export type GroupSecondaryActionConfig = {
     SecondaryActionButtonIcon: React.ComponentType<{

package/dist/packages/sdk-ui/src/common/components/loading-overlay.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-import { CompleteThemeSettings } from '../../types';
 /**
  * Component that displays a loading overlay.
  * Overlay is active when query is executed within a chart.
@@ -8,8 +7,7 @@ import { CompleteThemeSettings } from '../../types';
  * @returns Child component wrapped in dynamic overlay.
  * @internal
  */
-export declare const LoadingOverlay: ({ isVisible, themeSettings, children, }: {
+export declare const LoadingOverlay: ({ isVisible, children, }: {
     isVisible: boolean;
-    themeSettings: CompleteThemeSettings;
     children: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,12 @@
+/**
+ * A collection of unique menu IDs for all menus from all components.
+ *
+ * @internal
+ */
+export declare enum MenuIds {
+    WIDGET_POINTS_DRILLDOWN = "widget-points-drilldown",
+    WIDGET_POINTS_CROSSFILTERING = "widget-points-crossfiltering"
+}
 /**
  * A collection of unique menu IDs for all menu sections from all components.
  *
@@ -5,7 +14,7 @@
  *
  * @internal
  */
-export declare enum MenuIds {
+export declare enum MenuSectionIds {
     DRILLDOWN_CHART_POINTS_SELECTION = "drilldown-chart-points-selection",
     DRILLDOWN_DRILL_DIRECTIONS = "drilldown-drill-directions",
     CROSSFILTERING_CHART_POINTS_SELECTION = "crossfiltering-chart-points-selection"

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

@@ -1,5 +1,7 @@
 import { MenuPosition, MenuItemSection } from '../../../types';
 export type MenuOptions = {
+    /** @internal */
+    readonly id?: string;
     position: MenuPosition;
     itemSections: MenuItemSection[];
     onClose?: () => void;

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

@@ -0,0 +1,2 @@
+export { useModal, ModalContext, useModalContext, type ModalOptions, type ModalInstance, } from './modal-context';
+export { ModalProvider, ModalTreeRootProvider, ModalTreeNodeProvider } from './modal-provider';

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

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { SizeMeasurement } from '../../../types';
+export interface ModalOptions {
+    title?: string;
+    content: React.ReactNode;
+    width?: number;
+    height?: number;
+    measurement?: SizeMeasurement;
+}
+export type ModalInstance = {
+    id: string;
+    options: ModalOptions;
+    anchorEl: HTMLElement;
+    resolve: () => void;
+};
+export type OpenModalFn = (options: ModalOptions) => Promise<string>;
+export type CloseModalFn = (modalId?: string) => void;
+type ModalSettings = {
+    openModal: OpenModalFn;
+    closeModal: CloseModalFn;
+    closeAllModals: () => void;
+    getModalStack: () => ModalInstance[];
+    isModalOpen: (modalId: string) => boolean;
+};
+export declare const ModalContext: import("react").Context<ModalSettings | null>;
+/**
+ * Hook to get the modal context (modal API)
+ *
+ * @returns The modal context
+ * @internal
+ */
+export declare const useModalContext: () => ModalSettings | null;
+/**
+ * Hook to use modal functionality
+ *
+ * @returns Modal API functions
+ */
+export declare const useModal: () => ModalSettings;
+export {};

package/dist/packages/sdk-ui/src/common/components/modal/modal-provider.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export interface ModalProviderProps {
+    children?: React.ReactNode;
+}
+/**
+ * The root-level provider component for managing and displaying modals.
+ * This component provides the modal API for controlling modal components.
+ */
+declare const ModalTreeRootProvider: React.FC<ModalProviderProps>;
+/**
+ * The node-level provider component for managing and displaying modals.
+ * This component provides the proxy access to the root modal API.
+ */
+declare const ModalTreeNodeProvider: React.FC<ModalProviderProps>;
+/**
+ * The general modal provider component that decides whether to use the root or node-level modal provider.
+ */
+export declare const ModalProvider: ({ children }: ModalProviderProps) => import("react/jsx-runtime").JSX.Element;
+export { ModalTreeRootProvider, ModalTreeNodeProvider };

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

@@ -18,6 +18,16 @@ type PopoverProps = {
     id?: string;
     position?: PopoverPosition;
     onClose?: () => void;
+    BackdropProps?: {
+        invisible?: boolean;
+        style?: React.CSSProperties;
+    };
+    style?: React.CSSProperties;
+    slotProps?: {
+        paper?: {
+            sx?: Record<string, any>;
+        };
+    };
 };
 /** @internal */
 export declare const Popover: (props: PopoverProps) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/common/hooks/use-combined-menu.d.ts

@@ -1,19 +1,15 @@
 import { MenuOptions } from '../components/menu/types.js';
-export type IsTargetMenuFn = (menuOptions: MenuOptions) => boolean;
-export type CombineMenusFn = (currentMenuOptions: MenuOptions, capturedMenuOptions: MenuOptions) => MenuOptions;
+export type CombineMenusFn = (menusOptions: MenuOptions[]) => MenuOptions;
 export interface CombinedMenuParams {
-    /** Function to determine if the captured menu is the target menu */
-    isTargetMenu: IsTargetMenuFn;
     /** Function to combine the current menu options with the captured menu options */
     combineMenus: CombineMenusFn;
 }
 /**
- * Custom hook to manage a combined menu, allowing you to capture
- * other menu before openning and combine it with the current one.
+ * Custom hook to manage a combined menu flow,
+ * allowing to combine multiple menus options opened one after the other.
  *
  * @internal
  */
-export declare const useCombinedMenu: ({ isTargetMenu, combineMenus }: CombinedMenuParams) => {
+export declare const useCombinedMenu: ({ combineMenus }: CombinedMenuParams) => {
     openMenu: (options: MenuOptions) => void;
-    onBeforeMenuOpen: (options: MenuOptions) => MenuOptions | null;
 };