@sisense/sdk-ui 2.14.0 → 2.15.0

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

@@ -145,6 +145,29 @@ export type AppConfig = {
          */
         enabled?: boolean;
     };
+    /**
+     * Global configuration for some specific aspects of data visualizations.
+     */
+    chartConfig?: {
+        /** `Table` and `PivotTable` configuration */
+        tabular?: {
+            /** Configuration for HTML content in `Table` and `PivotTable` */
+            htmlContent?: {
+                /**
+                 * If true, the contents of table and pivot table cells are rendered as HTML instead of text.
+                 *
+                 * **Note**: The {@link StyledColumn.isHtml} property of columns in `dataOptions` are of higher precedence, and will therefore override this setting.
+                 * @default true
+                 * */
+                enabled?: boolean;
+                /**
+                 * Enables sanitization of HTML content before rendering to prevent XSS attacks.
+                 * @default true
+                 * */
+                sanitizeContents?: boolean;
+            };
+        };
+    };
 };
 /**
  * Stands for a Sisense Client Application which connects to a Sisense Environment

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

@@ -17,10 +17,6 @@ export declare const dataOptionsTranslators: {
      * Gets measures from funnel chart data options.
      */
     getMeasures: (internalDataOptions: FunnelChartDataOptionsInternal) => Measure[];
-    /**
-     * Validates and cleans funnel chart data options.
-     */
-    validateAndCleanDataOptions: (dataOptions: FunnelChartDataOptions) => FunnelChartDataOptions;
     /**
      * Type guard to check if data options are funnel chart data options.
      */

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

@@ -20,3 +20,7 @@ export declare function isCategoricalChartDataOptions(dataOptions: ChartDataOpti
  * Type guard to check if internal data options are categorical chart data options.
  */
 export declare function isCategoricalChartDataOptionsInternal(dataOptions: ChartDataOptionsInternal): dataOptions is CategoricalChartDataOptionsInternal;
+export declare function withDataOptionsLimitations({ maxCategories, maxValues, }: {
+    maxCategories: number;
+    maxValues: number;
+}): (dataOptions: CategoricalChartDataOptions) => CategoricalChartDataOptions;

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

@@ -17,10 +17,6 @@ export declare const dataOptionsTranslators: {
      * Gets measures from pie chart data options.
      */
     getMeasures: (internalDataOptions: PieChartDataOptionsInternal) => Measure[];
-    /**
-     * Validates and cleans pie chart data options.
-     */
-    validateAndCleanDataOptions: (dataOptions: PieChartDataOptions) => PieChartDataOptions;
     /**
      * Type guard to check if data options are pie chart data options.
      */

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

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

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

@@ -48,10 +48,6 @@ export interface ChartBuilder<CT extends SupportedChartType = SupportedChartType
          * Returns the measures from the internal data options.
          */
         getMeasures: (internalDataOptions: TypedDataOptionsInternal<CT>) => Measure[];
-        /**
-         * Validates and cleans the data options if needed.
-         */
-        validateAndCleanDataOptions?: (dataOptions: TypedChartDataOptions<CT>) => TypedChartDataOptions<CT>;
         /**
          * Checks if the data options are correct for the current chart type.
          */

package/dist/packages/sdk-ui/src/chart-options-processor/category-chart-options/sunburst-chart-options.d.ts

@@ -3,7 +3,7 @@ import { CategoricalChartDataOptionsInternal } from '../../chart-data-options/ty
 import { CategoricalChartData } from '../../chart-data/types';
 import { CompleteThemeSettings, OptionsWithAlerts } from '../../types';
 import { HighchartsOptionsInternal } from '../chart-options-service';
-import { TreemapChartDesignOptions } from '../translations/design-options';
+import { SunburstChartDesignOptions } from '../translations/design-options';
 /**
  * Convert intermediate chart data, data options, and design options
  * into pure highcharts config data for sunburst charts.
@@ -14,4 +14,4 @@ import { TreemapChartDesignOptions } from '../translations/design-options';
  * @param translate - translation function
  * @param themeSettings - theme settings
  */
-export declare const getSunburstChartOptions: (chartData: CategoricalChartData, chartDesignOptions: TreemapChartDesignOptions, dataOptions: CategoricalChartDataOptionsInternal, translate: TFunction, themeSettings?: CompleteThemeSettings) => OptionsWithAlerts<HighchartsOptionsInternal>;
+export declare const getSunburstChartOptions: (chartData: CategoricalChartData, chartDesignOptions: SunburstChartDesignOptions, dataOptions: CategoricalChartDataOptionsInternal, translate: TFunction, themeSettings?: CompleteThemeSettings) => OptionsWithAlerts<HighchartsOptionsInternal>;

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

@@ -3,10 +3,36 @@ import { CategoricalChartDataOptionsInternal } from '../../../chart-data-options
 import { CategoricalChartData } from '../../../chart-data/types';
 import { CompleteThemeSettings } from '../../../types';
 import { SunburstChartDesignOptions } from '../design-options';
-export declare function prepareSunburstLevels(chartData: CategoricalChartData, dataOptions: CategoricalChartDataOptionsInternal, designOptions: SunburstChartDesignOptions, themeSettings?: CompleteThemeSettings): {
+export declare function prepareSunburstLevels(chartData: CategoricalChartData, dataOptions: CategoricalChartDataOptionsInternal, designOptions: SunburstChartDesignOptions, themeSettings?: CompleteThemeSettings): ({
     level: number;
+    color: string;
     dataLabels: {
         enabled: boolean;
+        useHTML: boolean;
+        className: string;
         formatter(this: PointLabelObject): string;
     };
-}[];
+    levelSize: {
+        unit: string;
+        value: any;
+    };
+} | {
+    level: number;
+    dataLabels: {
+        formatter(this: PointLabelObject): string;
+        enabled: boolean;
+        rotation?: number | undefined;
+        inside?: boolean | undefined;
+        align?: "center" | "left" | "right" | undefined;
+        verticalAlign?: "top" | "middle" | "bottom" | undefined;
+        style?: import("../types").TextStyle | undefined;
+        backgroundColor?: string | import("../../..").HighchartsGradientColorObject | undefined;
+        borderColor?: string | import("../../..").HighchartsGradientColorObject | undefined;
+        borderRadius?: number | undefined;
+        borderWidth?: number | undefined;
+        padding?: number | undefined;
+        x?: number | undefined;
+        y?: number | undefined;
+        useHTML: boolean;
+    };
+})[];

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

@@ -61,13 +61,39 @@ export declare function prepareSunburstSeries(chartData: CategoricalChartData, d
             average: number;
         } | undefined;
     })[];
-    levels: {
+    levels: ({
         level: number;
+        color: string;
         dataLabels: {
             enabled: boolean;
+            useHTML: boolean;
+            className: string;
             formatter(this: import("highcharts").PointLabelObject): string;
         };
-    }[];
+        levelSize: {
+            unit: string;
+            value: any;
+        };
+    } | {
+        level: number;
+        dataLabels: {
+            formatter(this: import("highcharts").PointLabelObject): string;
+            enabled: boolean;
+            rotation?: number | undefined;
+            inside?: boolean | undefined;
+            align?: "center" | "left" | "right" | undefined;
+            verticalAlign?: "top" | "middle" | "bottom" | undefined;
+            style?: import("../types").TextStyle | undefined;
+            backgroundColor?: string | import("../../..").HighchartsGradientColorObject | undefined;
+            borderColor?: string | import("../../..").HighchartsGradientColorObject | undefined;
+            borderRadius?: number | undefined;
+            borderWidth?: number | undefined;
+            padding?: number | undefined;
+            x?: number | undefined;
+            y?: number | undefined;
+            useHTML: boolean;
+        };
+    })[];
     showInLegend: boolean;
     turboThreshold: number;
     type: string;

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

@@ -1,6 +1,6 @@
 import { AreamapChartDesignOptions } from '../../chart/restructured-charts/areamap-chart/types';
 import { ChartType } from '../../types';
-import { AreaChartDesignOptions, AreaRangeChartDesignOptions, BarChartDesignOptions, BaseDesignOptionsType, BoxplotChartDesignOptions, CalendarHeatmapChartDesignOptions, ColumnChartDesignOptions, FunnelChartDesignOptions, IndicatorChartDesignOptions, LineChartDesignOptions, PieChartDesignOptions, PolarChartDesignOptions, ScatterChartDesignOptions, ScattermapChartDesignOptions, TreemapChartDesignOptions } from './design-options';
+import { AreaChartDesignOptions, AreaRangeChartDesignOptions, BarChartDesignOptions, BaseDesignOptionsType, BoxplotChartDesignOptions, CalendarHeatmapChartDesignOptions, ColumnChartDesignOptions, FunnelChartDesignOptions, IndicatorChartDesignOptions, LineChartDesignOptions, PieChartDesignOptions, PolarChartDesignOptions, ScatterChartDesignOptions, ScattermapChartDesignOptions, SunburstChartDesignOptions, TreemapChartDesignOptions } from './design-options';
 /**
  * Style configuration for text elements in charts and UI components.
  * Defines the visual appearance and behavior of text rendering.
@@ -94,7 +94,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 'sunburst' ? TreemapChartDesignOptions : SpecificChartType extends 'boxplot' ? BoxplotChartDesignOptions : SpecificChartType extends 'areamap' ? AreamapChartDesignOptions : SpecificChartType extends 'scattermap' ? ScattermapChartDesignOptions : SpecificChartType extends 'calendar-heatmap' ? CalendarHeatmapChartDesignOptions : 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 'sunburst' ? SunburstChartDesignOptions : 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;
 /**

package/dist/packages/sdk-ui/src/common/icons/alert-icon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const AlertIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/dynamic-size-container/default-size.d.ts

@@ -1,18 +1,33 @@
 import { TableType } from '../chart-options-processor/translations/types';
 import { ChartType } from '../types';
 export declare const DEFAULT_PIVOT_TABLE_SIZE: {
-    width: number;
-    height: number;
+    readonly width: 400;
+    readonly height: 500;
 };
 export declare const getChartDefaultSize: (chartType: ChartType | TableType) => {
-    width: number;
-    height: number;
+    readonly width: 400;
+    readonly height: 500;
+} | {
+    readonly width: 200;
+    readonly height: 200;
+} | {
+    readonly width: 400;
+    readonly height: 400;
 };
 type WidgetSizeOptions = {
     hasHeader?: boolean;
 };
 export declare const getWidgetDefaultSize: (type: ChartType | TableType | 'pivot', { hasHeader }?: WidgetSizeOptions) => {
-    width: number;
+    readonly width: 400;
+    readonly height: 500;
+} | {
+    readonly width: 200;
+    readonly height: 200;
+} | {
+    readonly width: 400;
+    readonly height: 400;
+} | {
+    width: 400 | 200;
     height: number;
 };
 export {};

package/dist/packages/sdk-ui/src/highcharts-renderer.d.ts

@@ -0,0 +1,13 @@
+import { HighchartsOptionsInternal } from './chart-options-processor/chart-options-service';
+type HighchartsRendererProps = {
+    options: HighchartsOptionsInternal;
+};
+/**
+ * Renders a Highcharts chart with optimized behavior
+ *
+ * This component wraps the `HighchartsReact` component and ensures efficient re-renders
+ * by detecting key changes that require chart re-initialization.
+ * It also handles cases where Highcharts mutates input options by making deep clone.
+ */
+export declare const HighchartsRenderer: ({ options }: HighchartsRendererProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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. */
@@ -30,7 +34,7 @@ type PivotRenderOptions = {
 /**
  * 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, }: PivotRenderOptions): {
     pivotElement: JSX.Element | null;
 };
 export {};

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

@@ -920,6 +920,20 @@ 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;
 }
 /**
  * Common part of IndicatorStyleOptions for all types of indicator
@@ -973,6 +987,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 +1022,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 +1047,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 */

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/types.d.ts

@@ -419,6 +419,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/{types-D1qM-ltg.cjs → types-B8jkBXCe.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-k_ytd_Rf.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;

package/dist/{types-DglXXR-Q.js → types-DZhBEm3K.js}

@@ -1,4 +1,4 @@
-import { f as i, g as l, h as n, i as o, D as d, k as u, M as s } from "./execute-query-DyjkDYHG.js";
+import { f as i, g as l, h as n, i as o, D as d, k as u, M as s } from "./execute-query-D1JOjJ8n.js";
 class m extends d {
   constructor(e, t) {
     var r;