@sisense/sdk-ui 2.14.0 → 2.16.0

package/dist/packages/sdk-ui/src/pivot-table/hooks/use-render-pivot.d.ts

@@ -16,6 +16,10 @@ type PivotRenderOptions = {
     size: ContainerSize | null;
     /** Allow html in pivot table cells */
     allowHtml?: boolean;
+    /** Sanitize html in pivot table cells */
+    sanitizeHtml?: boolean;
+    /** Whether the pivot table should take the full width of its container */
+    isFullWidth?: boolean;
     /** Callback to handle total height change. */
     onTotalHeightChange?: (totalHeight: number) => void;
     /** Callback to handle data point click. */
@@ -26,11 +30,15 @@ type PivotRenderOptions = {
     pageSize: number;
     /** Callback to handle page size. */
     onPageSizeChange: (newPageSize: number) => void;
+    /** The list of image columns */
+    imageColumns?: number[];
+    /** Boolean flag whether to always show the results per page select */
+    alwaysShowResultsPerPage?: boolean;
 };
 /**
  * A hook that renders the pivot table.
  */
-export declare function useRenderPivot({ pivotBuilder, dataOptions, styleOptions, themeSettings, size, allowHtml, onTotalHeightChange, onDataPointClick, onDataPointContextMenu, pageSize, onPageSizeChange, }: PivotRenderOptions): {
+export declare function useRenderPivot({ pivotBuilder, dataOptions, styleOptions, themeSettings, size, allowHtml, sanitizeHtml, onTotalHeightChange, onDataPointClick, onDataPointContextMenu, pageSize, onPageSizeChange, isFullWidth, imageColumns, alwaysShowResultsPerPage, }: PivotRenderOptions): {
     pivotElement: JSX.Element | null;
 };
 export {};

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { PivotTableProps } from '../props';
+export declare const PIVOT_WIDGET_PADDING = 8;
 /**
  * Pivot table with pagination.
  *

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

@@ -9,7 +9,7 @@ import { Hierarchy } from './models';
 import { type CustomDataCellFormatter, type CustomHeaderCellFormatter } from './pivot-table/formatters/types';
 import { ExecuteQueryParams, QueryByWidgetIdState } from './query-execution';
 import { ExecuteQueryResult } from './query-execution/types';
-import { AreamapDataPoint, AreamapStyleOptions, AreaRangeStyleOptions, AreaStyleOptions, BoxplotDataPoint, BoxplotStyleOptions, CalendarHeatmapDataPoint, CalendarHeatmapStyleOptions, CartesianChartDataOptions, CategoricalChartDataOptions, ChartDataOptions, ChartDataPoints, ChartStyleOptions, ChartType, ChartWidgetStyleOptions, CustomDrilldownResult, CustomWidgetStyleOptions, DataPoint, DrilldownOptions, DrilldownSelection, FunnelStyleOptions, GenericDataOptions, IndicatorDataPoint, IndicatorRenderOptions, IndicatorStyleOptions, LineStyleOptions, MenuAlignment, MenuItemSection, MenuPosition, PieStyleOptions, PivotTableDataPoint, PivotTableStyleOptions, PivotTableWidgetStyleOptions, PolarStyleOptions, RegularChartStyleOptions, RegularChartType, ScatterDataPoint, ScattermapDataPoint, ScattermapStyleOptions, ScatterStyleOptions, StackableStyleOptions, SunburstStyleOptions, TableStyleOptions, TableWidgetStyleOptions, TabularChartStyleOptions, TextWidgetDataPoint, TextWidgetStyleOptions, ThemeOid, ThemeSettings, TreemapStyleOptions, WidgetByIdStyleOptions } from './types';
+import { AreamapDataPoint, AreamapStyleOptions, AreaRangeStyleOptions, AreaStyleOptions, BoxplotDataPoint, BoxplotStyleOptions, CalendarHeatmapDataPoint, CalendarHeatmapStyleOptions, CartesianChartDataOptions, CategoricalChartDataOptions, ChartDataOptions, ChartDataPoints, ChartStyleOptions, ChartType, ChartWidgetStyleOptions, CustomDrilldownResult, CustomWidgetStyleOptions, DataPoint, DrilldownOptions, DrilldownSelection, FunnelStyleOptions, GenericDataOptions, IndicatorDataPoint, IndicatorRenderOptions, IndicatorStyleOptions, LineStyleOptions, MenuAlignment, MenuItemSection, MenuPosition, PieStyleOptions, PivotTableDataPoint, PivotTableStyleOptions, PivotTableWidgetStyleOptions, PolarStyleOptions, RegularChartStyleOptions, RegularChartType, ScatterDataPoint, ScattermapDataPoint, ScattermapStyleOptions, ScatterStyleOptions, StackableStyleOptions, StreamgraphStyleOptions, SunburstStyleOptions, TableStyleOptions, TableWidgetStyleOptions, TabularChartStyleOptions, TextWidgetDataPoint, TextWidgetStyleOptions, ThemeConfig, ThemeOid, ThemeSettings, TreemapStyleOptions, WidgetByIdStyleOptions } from './types';
 import { DistributiveOmit } from './utils/utility-types/distributive-omit';
 import { FiltersMergeStrategy } from './widget-by-id/types';
 export type { TabberButtonsWidgetProps } from './widgets/tabber/types';
@@ -184,6 +184,8 @@ export type ThemeProviderProps = PropsWithChildren<{
      * @internal
      */
     skipTracking?: boolean;
+    /** @internal */
+    config?: ThemeConfig;
 }>;
 /**
  * A handler function that allows you to customize the underlying chart element before it is
@@ -706,6 +708,35 @@ export interface AreaChartProps extends BaseChartProps, RegularChartEventProps,
      */
     styleOptions?: AreaStyleOptions;
 }
+/**
+ * Props of the {@link StreamgraphChart} component.
+ *
+ * A streamgraph is a type of stacked area chart where areas are displaced around
+ * a central axis. It is often used for displaying compound volume across different
+ * categories or over time with a relative scale that emphasizes overall patterns
+ * and trends.
+ */
+export interface StreamgraphChartProps extends BaseChartProps, RegularChartEventProps, HighchartsBasedChartEventProps {
+    /**
+     * Configurations for how to interpret and present a chart's data.
+     *
+     * Streamgraph requires at least one category (X-axis) and one or more value measures.
+     * Multiple series can be created using the `breakBy` property or by providing multiple
+     * value measures.
+     *
+     * To learn more about using data options,
+     * see the [Compose SDK Charts Guide](/guides/sdk/guides/charts/guide-compose-sdk-charts.html#dataoptions).
+     *
+     * @category Chart
+     */
+    dataOptions: CartesianChartDataOptions;
+    /**
+     * Configurations for how to style and present a chart's data.
+     *
+     * @category Chart
+     */
+    styleOptions?: StreamgraphStyleOptions;
+}
 /**
  * Props of the {@link BarChart} component.
  */

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

@@ -3,6 +3,6 @@ export { useExecuteQuery } from './use-execute-query';
 export { useExecuteCsvQuery, useExecuteCsvQueryInternal } from './use-execute-csv-query';
 export { ExecuteQueryByWidgetId } from './execute-query-by-widget-id';
 export { useExecuteQueryByWidgetId, executeQueryByWidgetId, } from './use-execute-query-by-widget-id';
-export { useExecutePivotQuery } from './use-execute-pivot-query';
+export { useExecutePivotQuery, useExecutePivotQueryInternal } from './use-execute-pivot-query';
 export { useQueryCache } from './use-query-cache';
 export type { QueryState, QueryLoadingState, QuerySuccessState, QueryErrorState, CsvQueryState, CsvQueryLoadingState, CsvQuerySuccessState, CsvQueryErrorState, PivotQueryState, PivotQueryLoadingState, PivotQuerySuccessState, PivotQueryErrorState, BaseQueryParams, ExecuteQueryParams, ExecuteQueryResult, ExecuteCsvQueryParams, ExecuteCSVQueryConfig, ExecuteQueryByWidgetIdParams, QueryByWidgetIdState, QueryByWidgetIdQueryParams, ExecutePivotQueryParams, } from './types';

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

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+import { StreamgraphChartProps } from './props';
+/**
+ * A React component that displays a streamgraph chart.
+ *
+ * A streamgraph is a type of stacked area chart where areas are displaced around
+ * a central axis. It is particularly effective for displaying volume across
+ * different categories or over time with a relative scale that emphasizes
+ * overall patterns and trends.
+
+ * ## Example
+ *
+ * Streamgraph displaying revenue by category over time.
+ *
+ * ```tsx
+ * import { StreamgraphChart } from '@sisense/sdk-ui';
+ * import { measureFactory } from '@sisense/sdk-data';
+ * import * as DM from './sample-ecommerce';
+ *
+ * function RevenueByCategoryStreamgraph() {
+ *   return (
+ *     <StreamgraphChart
+ *       dataSet={DM.DataSource}
+ *       dataOptions={{
+ *         category: [DM.Commerce.Date.Quarters],
+ *         value: [measureFactory.sum(DM.Commerce.Revenue, 'Revenue')],
+ *         breakBy: [DM.Category.Category],
+ *       }}
+ *       styleOptions={{
+ *         width: 1200,
+ *         height: 500,
+ *       }}
+ *     />
+ *   );
+ * }
+ * ```
+ *
+ * @param props - Streamgraph chart properties
+ * @returns Streamgraph Chart component
+ * @group Charts
+ */
+export declare const StreamgraphChart: import("react").FunctionComponent<StreamgraphChartProps>;

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

@@ -0,0 +1,4 @@
+import { CreateStyled } from '@emotion/styled';
+declare const styled: CreateStyled;
+export type { CreateStyled };
+export default styled;

package/dist/packages/sdk-ui/src/styled/with-css-selector-prefix.d.ts

@@ -0,0 +1,2 @@
+import type { CreateStyled } from '@emotion/styled';
+export declare function withCssSelectorPrefix<T extends CreateStyled = CreateStyled>(baseStyled: T): T;

package/dist/packages/sdk-ui/src/theme-provider/default-theme-settings.d.ts

@@ -11,6 +11,7 @@ export declare const DEFAULT_FILTER_PANEL_BORDER_COLOR = "#DADADA";
 export declare const DEFAULT_FILTER_PANEL_BORDER_WIDTH = 1;
 export declare const DEFAULT_TITLE_FONT_SIZE = 15;
 export declare const DEFAULT_HYPERLINK_COLOR = "#1FAFF3";
+export declare const DEFAULT_HYPERLINK_HOVER_COLOR = "#1FCCF3";
 /**
  * Returns default theme settings, which can be used as base for custom theme options.
  *

package/dist/packages/sdk-ui/src/theme-provider/theme-context.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import { CompleteThemeSettings } from '../types';
+import { CompleteThemeSettings, ThemeConfig } from '../types';
 export declare const ThemeContext: import("react").Context<{
     themeSettings: CompleteThemeSettings;
+    config?: ThemeConfig | undefined;
 }>;
 /**
  * Hook to get the current theme settings.
@@ -11,4 +12,5 @@ export declare const ThemeContext: import("react").Context<{
  */
 export declare const useThemeContext: () => {
     themeSettings: CompleteThemeSettings;
+    config?: ThemeConfig | undefined;
 };

package/dist/packages/sdk-ui/src/theme-provider/utils.d.ts

@@ -1,4 +1,12 @@
 import { ElementStateColors, ElementStates } from '../types';
+/**
+ * Type guard to check if a value is an ElementStateColors object
+ *
+ * @param value - The value to check
+ * @returns True if the value is an ElementStateColors object, false if it's a string
+ * @internal
+ */
+export declare const isElementStateColors: (value: string | ElementStateColors) => value is ElementStateColors;
 /**
  * @internal
  */

package/dist/packages/sdk-ui/src/translation/resources/en.d.ts

@@ -359,6 +359,12 @@ export declare const translation: {
     pivotTable: {
         grandTotal: string;
         subTotal: string;
+        limits: {
+            baseNote: string;
+            rowsLimit: string;
+            columnsLimit: string;
+            columnsAndRowsLimit: string;
+        };
     };
     dashboard: {
         toolbar: {

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

@@ -369,6 +369,12 @@ export declare const resources: {
         pivotTable: {
             grandTotal: string;
             subTotal: string;
+            limits: {
+                baseNote: string;
+                rowsLimit: string;
+                columnsLimit: string;
+                columnsAndRowsLimit: string;
+            };
         };
         dashboard: {
             toolbar: {
@@ -761,6 +767,12 @@ export declare const resources: {
         pivotTable: {
             grandTotal: string;
             subTotal: string;
+            limits: {
+                baseNote: string;
+                rowsLimit: string;
+                columnsLimit: string;
+                columnsAndRowsLimit: string;
+            };
         };
         dashboard: {
             toolbar: {

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

@@ -9,8 +9,8 @@ import { IndicatorComponents, TableColorOptions } from './chart-options-processo
 import { FunnelDirection, FunnelSize, FunnelType } from './chart-options-processor/translations/funnel-plot-options';
 import { LegendPosition } from './chart-options-processor/translations/legend-section';
 import { ScatterMarkerSize } from './chart-options-processor/translations/scatter-plot-options';
-import { AreamapChartType, BoxplotChartType, CalendarHeatmapChartType, CartesianChartType, CategoricalChartType, IndicatorChartType, RangeChartType, ScatterChartType, ScattermapChartType, TableChartType, TableType, TextStyle } from './chart-options-processor/translations/types';
-import { GeoDataElement, RawGeoDataElement } from './chart/restructured-charts/areamap-chart/types';
+import { AreamapChartType, BoxplotChartType, CalendarHeatmapChartType, CartesianChartType, CategoricalChartType, IndicatorChartType, RangeChartType, ScatterChartType, ScattermapChartType, TableChartType, TextStyle } from './chart-options-processor/translations/types';
+import { GeoDataElement } from './chart/restructured-charts/areamap-chart/types';
 import { CalendarDayOfWeek } from './chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/utils';
 import { DataPointsEventHandler } from './props';
 import { GradientColor } from './utils/gradient';
@@ -21,7 +21,14 @@ export type { DateConfig } from './query/date-formats';
 export type { CalendarDayOfWeek } from './chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/utils';
 export type { CartesianChartDataOptions, CategoricalChartDataOptions, ChartDataOptions, ScatterChartDataOptions, IndicatorChartDataOptions, CalendarHeatmapChartDataOptions, StyledColumn, StyledMeasureColumn, } from './chart-data-options/types';
 export type { DataColorCondition, ConditionalDataColorOptions, DataColorOptions, RangeDataColorOptions, UniformDataColorOptions, } from './chart-data/data-coloring/types';
-export type { CartesianChartType, CategoricalChartType, ScatterChartType, IndicatorChartType, BoxplotChartType, ScattermapChartType, AreamapChartType, CalendarHeatmapChartType, TableType, TableChartType, AreaSubtype, AreaRangeSubtype, LineSubtype, PieSubtype, PolarSubtype, StackableSubtype, BoxplotSubtype, IndicatorComponents, ScatterMarkerSize, LegendPosition, GeoDataElement, RawGeoDataElement, Coordinates, RangeChartType, TableColorOptions, TextStyle, };
+export type { CartesianChartType, CategoricalChartType, ScatterChartType, IndicatorChartType, BoxplotChartType, ScattermapChartType, AreamapChartType, CalendarHeatmapChartType, TableType, TableChartType, RangeChartType, TextStyle, } from './chart-options-processor/translations/types';
+export type { IndicatorComponents } from './chart-options-processor/translations/design-options';
+export type { ScatterMarkerSize } from './chart-options-processor/translations/scatter-plot-options';
+export type { LegendPosition } from './chart-options-processor/translations/legend-section';
+export type { GeoDataElement, RawGeoDataElement, } from './chart/restructured-charts/areamap-chart/types';
+export type { Coordinates } from './charts/map-charts/scattermap/types';
+export type { TableColorOptions } from './chart-options-processor/translations/design-options';
+export type { AreaSubtype, AreaRangeSubtype, LineSubtype, PieSubtype, PolarSubtype, StackableSubtype, BoxplotSubtype, } from './chart-options-processor/subtype-to-design-options';
 export type { MonthOfYear, DayOfWeek, DateLevel } from './query/date-formats/apply-date-format';
 export type { IndicatorRenderOptions } from './charts/indicator/indicator-render-options';
 export type { TabberButtonsWidgetStyleOptions, TabberButtonsWidgetCustomOptions, } from './widgets/tabber/types';
@@ -640,6 +647,44 @@ export interface AreaStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions
      */
     totalLabels?: TotalLabels;
 }
+/**
+ * Configuration options that define the visual style of a Streamgraph chart.
+ *
+ * Streamgraphs are centered stacked area charts that emphasize flowing patterns
+ * and overall trends. The Y-axis is typically hidden or minimal, and series labels
+ * are often displayed directly on the areas for identification.
+ */
+export interface StreamgraphStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions {
+    /**
+     * Configuration that defines line style for area boundaries.
+     */
+    line?: LineOptions;
+    /**
+     * Configuration that defines line width for area boundaries.
+     *
+     * @deprecated
+     * Use line.width instead
+     */
+    lineWidth?: LineWidth;
+    /**
+     * Configuration for series labels - titles/names identifying data series in a chart.
+     */
+    seriesLabels?: SeriesLabels;
+    /**
+     * Configuration for titles of series
+     * @internal
+     **/
+    seriesTitles?: {
+        /** Boolean flag that defines if titles of series should be shown */
+        enabled: boolean;
+        /**
+         * Text style for series titles
+         *
+         * Font size and weight are calculated automatically
+         * */
+        textStyle?: Omit<TextStyle, 'pointerEvents' | 'textOverflow' | 'fontSize' | 'fontWeight'>;
+    };
+}
 /** Configuration options that define functional style of the various elements of stackable charts, like Column or Bar */
 export interface StackableStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions {
     /** Subtype of stackable chart */
@@ -731,6 +776,10 @@ export interface PieStyleOptions extends BaseStyleOptions {
     labels?: Labels;
     /** Subtype of Pie chart*/
     subtype?: PieSubtype;
+    /**
+     * Boolean flag that defines if the pie chart should be displayed as a semi-circle
+     */
+    semiCircle?: boolean;
     /**
      * Configuration for series labels - titles/names identifying data series in a chart
      */
@@ -920,6 +969,35 @@ export interface PivotTableStyleOptions {
      * Color of highlighted cells. If not specified, default value is light yellow (`#ffff9c`).
      */
     highlightColor?: string;
+    /**
+     * Boolean flag whether the widths of each vertical column of table cells should be automatically calculated
+     * to fit the width of the component, which defaults to '100%' if `width` is not specified.
+     *
+     * If `true`, all vertical columns of table cells will be resized to fit within the component width without requiring horizontal scroll.
+     * If a width is also specified in the `dataOptions` item, this will be used to calculate the width in proportion to the total width of the component.
+     * Using `isAutoContentWidth: true` with a large number of columns displayed may result in very narrow columns, and is not recommended.
+     *
+     * If `false`, each vertical column of table cells will be calculated to fit the contents, or if specified, the width provided in the corresponding `dataOptions` item.
+     * Horizontal scroll will be shown automatically if required.
+     *
+     * @default false
+     */
+    isAutoContentWidth?: boolean;
+    /**
+     * Array of column indexes where images are displayed in table cells
+     *
+     * todo Raw interface only for Fusion parity, should be changed before goes public
+     * @internal
+     */
+    imageColumns?: number[];
+    /**
+     * Boolean flag whether to always show the results per page select
+     *
+     * If `true`, the results per page select will be shown even if there is only one page of results.
+     *
+     * @default false
+     */
+    alwaysShowResultsPerPage?: boolean;
 }
 /**
  * Common part of IndicatorStyleOptions for all types of indicator
@@ -973,6 +1051,33 @@ export interface TreemapStyleOptions extends BaseStyleOptions {
     };
     /**
      * Configuration for series labels - titles/names identifying data series in a chart
+     * Single label options object would be applied to all levels.
+     * Array of label options objects would be applied to each level.
+     *
+     * @example
+     * Single label options object would enable labels for all levels.
+     * ```typescript
+     * {
+     *   seriesLabels: {
+     *       enabled: true,
+     *   },
+     * }
+     * ```
+     *
+     * @example
+     * Array of label options objects would disable labels for first level and enable labels for second level.
+     * ```typescript
+     * {
+     *   seriesLabels: [
+     *     {
+     *       enabled: false,
+     *     },
+     *     {
+     *       enabled: true,
+     *     },
+     *   ],
+     * }
+     * ```
      */
     seriesLabels?: TreemapSeriesLabels;
     /** Tooltip options object */
@@ -981,9 +1086,24 @@ export interface TreemapStyleOptions extends BaseStyleOptions {
         mode?: 'value' | 'contribution';
     };
 }
+export type SunburstSeriesLabelsBase = SeriesLabelsBase & {
+    /**
+     * Color of the labels border
+     */
+    borderColor?: string;
+    /**
+     * Background color of the labels.
+     */
+    backgroundColor?: string;
+};
+export type SunburstSeriesLabels = SunburstSeriesLabelsBase | SunburstSeriesLabelsBase[];
 /** Configuration options that define functional style of the various elements of the SunburstChart component */
 export interface SunburstStyleOptions extends BaseStyleOptions {
-    /** Labels options object */
+    /**
+     * Labels options object
+     *
+     * @deprecated Please use `seriesLabels` instead
+     */
     labels?: {
         /** Array with single label options objects (order of items relative to dataOptions.category) */
         category?: {
@@ -991,6 +1111,37 @@ export interface SunburstStyleOptions extends BaseStyleOptions {
             enabled?: boolean;
         }[];
     };
+    /**
+     * Configuration for series labels - titles/names identifying data series in a chart
+     * Single label options object would be applied to all levels.
+     * Array of label options objects would be applied to each level.
+     *
+     * @example
+     * Single label options object would enable labels for all levels.
+     * ```typescript
+     * {
+     *   seriesLabels: {
+     *       enabled: true,
+     *   },
+     * }
+     * ```
+     *
+     * @example
+     * Array of label options objects would disable labels for first level and enable labels for second level.
+     * ```typescript
+     * {
+     *   seriesLabels: [
+     *     {
+     *       enabled: false,
+     *     },
+     *     {
+     *       enabled: true,
+     *     },
+     *   ],
+     * }
+     * ```
+     */
+    seriesLabels?: SunburstSeriesLabels;
     /** Tooltip options object */
     tooltip?: {
         /** Define mode of data showing */
@@ -1185,7 +1336,7 @@ export type CalendarHeatmapViewType = 'month' | 'quarter' | 'half-year' | 'year'
  */
 export type ChartStyleOptions = RegularChartStyleOptions | TabularChartStyleOptions;
 /** Style options for regular chart types */
-export type RegularChartStyleOptions = LineStyleOptions | AreaStyleOptions | StackableStyleOptions | PieStyleOptions | FunnelStyleOptions | PolarStyleOptions | IndicatorStyleOptions | ScatterStyleOptions | TreemapStyleOptions | SunburstStyleOptions | BoxplotStyleOptions | AreamapStyleOptions | ScattermapStyleOptions | AreaRangeStyleOptions | CalendarHeatmapStyleOptions;
+export type RegularChartStyleOptions = LineStyleOptions | AreaStyleOptions | StackableStyleOptions | PieStyleOptions | FunnelStyleOptions | PolarStyleOptions | IndicatorStyleOptions | ScatterStyleOptions | TreemapStyleOptions | SunburstStyleOptions | BoxplotStyleOptions | AreamapStyleOptions | ScattermapStyleOptions | AreaRangeStyleOptions | CalendarHeatmapStyleOptions | StreamgraphStyleOptions;
 /** Mapping of each of the chart value series to colors. */
 export type ValueToColorMap = {
     [value: string]: string;
@@ -1496,6 +1647,8 @@ export interface TypographyThemeSettings {
     secondaryTextColor?: string;
     /** Hyperlink color */
     hyperlinkColor?: string;
+    /** Hyperlink hover color */
+    hyperlinkHoverColor?: string;
     /** Settings for font loading */
     fontsLoader?: FontsLoaderSettings;
 }
@@ -1753,6 +1906,13 @@ export type PopoverThemeSettings = {
  * @internal
  */
 export type ButtonsThemeSettings = {
+    /** Theme settings for primary button */
+    primary?: {
+        /** Background color */
+        backgroundColor?: string | ElementStateColors;
+        /** Text color */
+        textColor?: string;
+    };
     /** Theme settings for cancel button */
     cancel?: {
         /** Background color */
@@ -1796,6 +1956,13 @@ export type CompleteThemeSettings = DeepRequired<Omit<ThemeSettings, 'typography
         fontsLoader?: FontsLoaderSettings;
     };
 };
+/** @internal */
+export type ThemeConfig = {
+    cssSelectorPrefix?: {
+        enabled?: boolean;
+        value?: string;
+    };
+};
 /** Complete set of configuration options that define functional style of the various elements of the charts as well as the look and feel of widget itself and widget header. */
 export type WidgetStyleOptions = (ChartStyleOptions | TableStyleOptions | TextWidgetStyleOptions | CustomWidgetStyleOptions) & WidgetContainerStyleOptions;
 /** Style settings defining the look and feel of widget itself and widget header */

package/dist/packages/sdk-ui/src/utils/gradient.d.ts

@@ -394,3 +394,40 @@ export declare const fromHighchartsGradientFormat: (highchartGradient: Highchart
  * @internal
  */
 export declare const withGradientConversion: <T>(color: T) => HighchartsGradientColorObject | Exclude<T, GradientColor>;
+/**
+ * Converts a GradientColor to a valid CSS gradient string.
+ *
+ * For linear gradients, calculates the angle from the direction coordinates.
+ * For radial gradients, uses the center position and radius.
+ *
+ * @param gradient - The gradient color to convert
+ * @returns A valid CSS gradient string (e.g., "linear-gradient(90deg, #fff 0%, #000 100%)")
+ *
+ * @example
+ * ```ts
+ * const linearGradient: GradientColor = {
+ *   type: 'linear',
+ *   direction: { x1: 0, y1: 0, x2: 0, y2: 1 },
+ *   stops: [
+ *     { position: 0, color: '#003399' },
+ *     { position: 1, color: '#3366AA' }
+ *   ]
+ * };
+ * const css = toCSSGradientFormat(linearGradient);
+ * // Returns: "linear-gradient(180deg, #003399 0%, #3366AA 100%)"
+ *
+ * const radialGradient: GradientColor = {
+ *   type: 'radial',
+ *   center: { centerX: 0.5, centerY: 0.5, radius: 0.8 },
+ *   stops: [
+ *     { position: 0, color: '#ff0000' },
+ *     { position: 1, color: '#0000ff' }
+ *   ]
+ * };
+ * const css = toCSSGradientFormat(radialGradient);
+ * // Returns: "radial-gradient(circle 80% at 50% 50%, #ff0000 0%, #0000ff 100%)"
+ * ```
+ *
+ * @internal
+ */
+export declare const toCSSGradientFormat: (gradient: GradientColor) => string;

package/dist/packages/sdk-ui/src/widget-by-id/translate-widget-style-options/translate-widget-style-options.d.ts

@@ -1,5 +1,5 @@
 import { AlignmentTypes, ChartStyleOptions, GaugeIndicatorStyleOptions, NumericBarIndicatorStyleOptions, NumericSimpleIndicatorStyleOptions, PivotTableStyleOptions, RadiusSizes, ShadowsTypes, SpaceSizes, TabberButtonsWidgetStyleOptions, TableStyleOptions, TextWidgetStyleOptions, WidgetStyleOptions } from '../../types.js';
-import { FusionWidgetType, IndicatorWidgetStyle, PivotWidgetStyle, TableWidgetStyle, WidgetDesign, WidgetDto, WidgetSubtype } from '../types.js';
+import { FusionWidgetType, IndicatorWidgetStyle, TableWidgetStyle, WidgetDesign, WidgetDto, WidgetSubtype } from '../types.js';
 /**
  * Helper function to extract table chart style options from WidgetDto
  */
@@ -8,7 +8,7 @@ export declare const getIndicatorTypeSpecificOptions: (widgetSubtype: WidgetSubt
 /**
  * Helper function to extract pivot table chart style options from WidgetDto
  */
-export declare function extractPivotTableStyleOptions(widgetStyle: PivotWidgetStyle): PivotTableStyleOptions;
+export declare function extractPivotTableStyleOptions(widget: WidgetDto): PivotTableStyleOptions;
 /**
  * Helper function to extract style options from WidgetDto
  */

package/dist/packages/sdk-ui/src/widget-by-id/types.d.ts

@@ -75,6 +75,7 @@ export interface WidgetDto {
         disallowSelector?: boolean;
         disallowWidgetTitle?: boolean;
         supportsHierarchies?: boolean;
+        imageColumns?: number[];
     };
     source?: any;
     owner?: string;
@@ -419,6 +420,8 @@ export type TableWidgetStyle = {
     'colors/columns': boolean;
     'colors/headers': boolean;
     'colors/rows': boolean;
+    'width/content': boolean;
+    'width/window': boolean;
 };
 export type IndicatorWidgetStyle = WidgetContainerStyleOptions & {
     'indicator/gauge': {

package/dist/packages/sdk-ui/src/widgets/common/drilldown-utils.d.ts

@@ -1,7 +1,22 @@
-import { Attribute } from '@sisense/sdk-data';
-import { ScatterDataPoint } from '../..';
+import { Attribute, Column } from '@sisense/sdk-data';
+import { DrilldownSelection, Hierarchy, ScatterDataPoint, StyledColumn } from '../..';
 import { ChartDataOptions, ChartType, DataPoint } from '../../types';
 export declare function getDrilldownInitialDimension(chartType: ChartType, dataOptions: ChartDataOptions): Attribute | undefined;
 export declare function isDrilldownApplicableToChart(chartType: ChartType, dataOptions: ChartDataOptions): boolean;
 export declare function applyDrilldownDimension(chartType: ChartType, dataOptions: ChartDataOptions, drilldownDimension: Attribute): ChartDataOptions;
 export declare function prepareDrilldownSelectionPoints(points: (DataPoint | ScatterDataPoint)[], nativeEvent: MouseEvent, dataOptions: ChartDataOptions): DataPoint[];
+/**
+ * Collects the available drilldown paths based on the provided paths and currently selected attributes.
+ * @param drilldownPaths - The available drilldown paths (attributes or hierarchies)
+ * @param selectedAttributes - The currently selected attributes in the drilldown chain
+ * @returns Filtered drilldown paths that are still available for selection
+ * @internal
+ */
+export declare function getAvailableDrilldownPaths(drilldownPaths: (Attribute | Hierarchy)[], selectedAttributes: Attribute[]): (Attribute | Hierarchy)[];
+/**
+ * Collects the currently selected attributes in the drilldown chain.
+ * @param initialDimension - The initial dimension
+ * @param drilldownSelections - The drilldown selections
+ * @returns The currently selected attributes in the drilldown chain
+ */
+export declare function getSelectedDrilldownAttributes(initialDimension: Attribute | Column | StyledColumn, drilldownSelections: DrilldownSelection[]): Attribute[];

package/dist/packages/sdk-ui/src/widgets/hooks/use-drilldown.d.ts

@@ -5,7 +5,6 @@ import { Hierarchy } from '../../models';
 import { DataPoint, DrilldownSelection, MenuItemSection, MenuPosition, StyledColumn } from '../../types.js';
 type UseDrilldownParams = {
     initialDimension: Column | StyledColumn;
-    drilldownPaths?: (Attribute | Hierarchy)[];
     drilldownSelections?: DrilldownSelection[];
     /**
      * todo: make it optional when we will have a public `MenuProvider`.
@@ -14,11 +13,11 @@ type UseDrilldownParams = {
     openMenu: OpenMenuFn;
     onDrilldownSelectionsChange?: (selections: DrilldownSelection[]) => void;
 };
-export declare const useDrilldown: ({ initialDimension, drilldownPaths, drilldownSelections, openMenu, onDrilldownSelectionsChange, }: UseDrilldownParams) => {
+export declare const useDrilldown: ({ initialDimension, drilldownSelections, openMenu, onDrilldownSelectionsChange, }: UseDrilldownParams) => {
     drilldownDimension: Attribute;
     drilldownFilters: import("@sisense/sdk-data").MembersFilter[];
     breadcrumbs: import("react/jsx-runtime").JSX.Element;
-    openDrilldownMenu: (position: MenuPosition, points: DataPoint[]) => void;
+    openDrilldownMenu: (position: MenuPosition, points: DataPoint[], availableDrilldownPaths?: (Attribute | Hierarchy)[]) => void;
 };
 /** @internal */
 export declare function getSelectionTitleMenuItem(points: DataPoint[], drilldownDimension: Attribute): MenuItemSection;

package/dist/packages/sdk-ui/src/widgets/hooks/use-with-drilldown.d.ts

@@ -6,7 +6,7 @@ type UseWithDrilldownParams = {
 };
 export declare const useWithDrilldown: ({ propsToExtend, onDrilldownSelectionsChange, }: UseWithDrilldownParams) => {
     propsWithDrilldown: ChartWidgetProps;
-    isDrilldownEnabled: boolean | 0;
+    isDrilldownEnabled: boolean;
     breadcrumbs: import("react/jsx-runtime").JSX.Element;
 };
 export {};

package/dist/{types-D1qM-ltg.cjs → types-Clbnx4mQ.cjs}

@@ -1 +1 @@
-"use strict";const a=require("./execute-query-CNt566O5.cjs");class s extends a.DimensionalElement{constructor(e,r){var i;super((i=e.jaql.title)!==null&&i!==void 0?i:"",r),this.__serializable="JaqlElement",this.expression=e.jaql.dim||e.jaql.formula,this.metadataItem=e,e.jaql.agg?this.aggregation=e.jaql.agg:delete this.aggregation,e.jaql.formula?this.formula=e.jaql.formula:delete this.formula,e.jaql.sort?this.sortType=a.getSortType(e.jaql.sort):delete this.sortType,this.skipValidation=!0}get id(){return this.expression}jaql(e){return e===!0?this.metadataItem.jaql:this.metadataItem}serialize(){const e=super.serialize();return e.metadataItem=this.metadataItem,e.type=this.type,e}}const l={text:a.MetadataTypes.TextAttribute,numeric:a.MetadataTypes.NumericAttribute,datetime:a.MetadataTypes.DateLevel},d=t=>t&&t.__serializable==="JaqlElement";function n(t){var e;return new s(t,(e=l[t.jaql.datatype])!==null&&e!==void 0?e:"numeric")}function o(t){const{jaql:e}=t;if(e.formula)return a.createCalculatedMeasureHelper(e);const r=a.getGranularityFromJaql(e);return"agg"in e&&e.dim&&e.datatype?a.createMeasureHelper({expression:e.dim,dataType:e.datatype,agg:e.agg||"",granularity:r,format:void 0,sort:e.sort,title:e.title,dataSource:e.datasource}):e.dim&&e.datatype?a.createAttributeHelper({expression:e.dim,dataType:e.datatype,granularity:r,sort:e.sort,title:e.title,panel:t.panel,dataSource:e.datasource}):n(t)}const u={jaql:{datasource:{title:"",type:"elasticube"},metadata:[]},queryTitle:"",chartRecommendations:{}},m={model:"",metadata:[],chart:{},queryTitle:""},c=t=>"widgetProps"in t,p=t=>"dashboardOid"in t&&"widgetOid"in t,g=t=>"dashboardProps"in t,y=t=>"dashboardOid"in t;exports.EMPTY_EXPANDED_QUERY_MODEL=u;exports.EMPTY_SIMPLE_QUERY_MODEL=m;exports.JaqlElement=s;exports.createDimensionalElementFromMetadataItem=o;exports.isByIdDashboardCodeParams=y;exports.isByIdWidgetCodeParams=p;exports.isClientSideDashboardCodeParams=g;exports.isClientSideWidgetCodeParams=c;exports.isJaqlElement=d;
+"use strict";const a=require("./execute-query-CB4XfUng.cjs");class s extends a.DimensionalElement{constructor(e,r){var i;super((i=e.jaql.title)!==null&&i!==void 0?i:"",r),this.__serializable="JaqlElement",this.expression=e.jaql.dim||e.jaql.formula,this.metadataItem=e,e.jaql.agg?this.aggregation=e.jaql.agg:delete this.aggregation,e.jaql.formula?this.formula=e.jaql.formula:delete this.formula,e.jaql.sort?this.sortType=a.getSortType(e.jaql.sort):delete this.sortType,this.skipValidation=!0}get id(){return this.expression}jaql(e){return e===!0?this.metadataItem.jaql:this.metadataItem}serialize(){const e=super.serialize();return e.metadataItem=this.metadataItem,e.type=this.type,e}}const l={text:a.MetadataTypes.TextAttribute,numeric:a.MetadataTypes.NumericAttribute,datetime:a.MetadataTypes.DateLevel},d=t=>t&&t.__serializable==="JaqlElement";function n(t){var e;return new s(t,(e=l[t.jaql.datatype])!==null&&e!==void 0?e:"numeric")}function o(t){const{jaql:e}=t;if(e.formula)return a.createCalculatedMeasureHelper(e);const r=a.getGranularityFromJaql(e);return"agg"in e&&e.dim&&e.datatype?a.createMeasureHelper({expression:e.dim,dataType:e.datatype,agg:e.agg||"",granularity:r,format:void 0,sort:e.sort,title:e.title,dataSource:e.datasource}):e.dim&&e.datatype?a.createAttributeHelper({expression:e.dim,dataType:e.datatype,granularity:r,sort:e.sort,title:e.title,panel:t.panel,dataSource:e.datasource}):n(t)}const u={jaql:{datasource:{title:"",type:"elasticube"},metadata:[]},queryTitle:"",chartRecommendations:{}},m={model:"",metadata:[],chart:{},queryTitle:""},c=t=>"widgetProps"in t,p=t=>"dashboardOid"in t&&"widgetOid"in t,g=t=>"dashboardProps"in t,y=t=>"dashboardOid"in t;exports.EMPTY_EXPANDED_QUERY_MODEL=u;exports.EMPTY_SIMPLE_QUERY_MODEL=m;exports.JaqlElement=s;exports.createDimensionalElementFromMetadataItem=o;exports.isByIdDashboardCodeParams=y;exports.isByIdWidgetCodeParams=p;exports.isClientSideDashboardCodeParams=g;exports.isClientSideWidgetCodeParams=c;exports.isJaqlElement=d;