@sisense/sdk-ui 2.13.0 → 2.15.0

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

@@ -110,8 +110,7 @@ export type SeriesLabelsTextStyle = Omit<TextStyle, 'pointerEvents' | 'textOverf
      */
     color?: 'contrast' | string;
 };
-/** Options that define series labels - titles/names identifying data series in a chart. */
-export type SeriesLabels = {
+export type SeriesLabelsBase = {
     /** Boolean flag that defines if series labels should be shown on the chart */
     enabled: boolean;
     /**
@@ -119,41 +118,6 @@ export type SeriesLabels = {
      * Note that due to a more complex structure, backgrounds, borders and padding will be lost on a rotated data label
      * */
     rotation?: number;
-    /**
-     * Boolean flag that defines if value should be shown in series labels
-     * (if not specified, default is determined by chart type)
-     */
-    showValue?: boolean;
-    /**
-     * Boolean flag that defines if percentage should be shown in series labels
-     * (only applicable for subtypes that support percentage, like "stacked100")
-     */
-    showPercentage?: boolean;
-    /**
-     * Boolean flag that defines if percentage should be shown with decimals
-     * (will work only if `showPercentage` is `true`)
-     */
-    showPercentDecimals?: boolean;
-    /**
-     * Text to be shown before the series labels
-     */
-    prefix?: string;
-    /**
-     * Text to be shown after the series labels
-     */
-    suffix?: string;
-    /**
-     * If `true`, series labels appear inside bars/columns instead of at the datapoints. Not applicable for some chart types e.g. line, area
-     */
-    alignInside?: boolean;
-    /**
-     * The horizontal alignment of the data label compared to the point
-     */
-    align?: 'left' | 'center' | 'right';
-    /**
-     * The vertical alignment of the data label
-     */
-    verticalAlign?: 'top' | 'middle' | 'bottom';
     /**
      * Styling for labels text
      */
@@ -193,11 +157,49 @@ export type SeriesLabels = {
      */
     yOffset?: number;
     /**
-     * The animation delay time in milliseconds. Set to 0 to render the data labels immediately
+     * Text to be shown before the series labels
+     */
+    prefix?: string;
+    /**
+     * Text to be shown after the series labels
+     */
+    suffix?: string;
+};
+export type SeriesLabelsAligning = {
+    /**
+     * If `true`, series labels appear inside bars/columns instead of at the datapoints. Not applicable for some chart types e.g. line, area
+     */
+    alignInside?: boolean;
+    /**
+     * The horizontal alignment of the data label compared to the point
      *
-     * @internal
+     * For some chart types, this will only apply when `alignInside` is `true`.
      */
-    delay?: number;
+    align?: 'left' | 'center' | 'right';
+    /**
+     * The vertical alignment of the data label
+     *
+     * For some chart types, this will only apply when `alignInside` is `true`.
+     */
+    verticalAlign?: 'top' | 'middle' | 'bottom';
+};
+/** Options that define series labels - titles/names identifying data series in a chart. */
+export type SeriesLabels = SeriesLabelsBase & SeriesLabelsAligning & {
+    /**
+     * Boolean flag that defines if value should be shown in series labels
+     * (if not specified, default is determined by chart type)
+     */
+    showValue?: boolean;
+    /**
+     * Boolean flag that defines if percentage should be shown in series labels
+     * (only applicable for subtypes that support percentage, like "stacked100")
+     */
+    showPercentage?: boolean;
+    /**
+     * Boolean flag that defines if percentage should be shown with decimals
+     * (will work only if `showPercentage` is `true`)
+     */
+    showPercentDecimals?: boolean;
 };
 /**
  * Text styling options for total labels.
@@ -529,10 +531,6 @@ export interface BaseStyleOptions extends ReservedStyleOptions {
      * Configuration for legend - a key that provides information about the data series or colors used in chart
      * */
     legend?: LegendOptions;
-    /**
-     * Configuration for series labels - titles/names identifying data series in a chart
-     */
-    seriesLabels?: SeriesLabels;
     /** Data limit for series or categories that will be plotted */
     dataLimits?: DataLimits;
     /**
@@ -596,6 +594,10 @@ export interface LineStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions
      * - `right` - step occurs after the point
      */
     stepPosition?: 'left' | 'center' | 'right';
+    /**
+     * Configuration for series labels - titles/names identifying data series in a chart
+     */
+    seriesLabels?: SeriesLabels;
 }
 /** Configuration options that define functional style of the various elements of AreaRangeChart */
 export interface AreaRangeStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions {
@@ -610,6 +612,10 @@ export interface AreaRangeStyleOptions extends BaseStyleOptions, BaseAxisStyleOp
     line?: LineOptions;
     /** Subtype of AreaRangeChart */
     subtype?: AreaRangeSubtype;
+    /**
+     * Configuration for series labels - titles/names identifying data series in a chart
+     */
+    seriesLabels?: SeriesLabels;
 }
 /** Configuration options that define functional style of the various elements of AreaChart */
 export interface AreaStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions {
@@ -624,6 +630,10 @@ export interface AreaStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions
     line?: LineOptions;
     /** Subtype of AreaChart*/
     subtype?: AreaSubtype;
+    /**
+     * Configuration for series labels - titles/names identifying data series in a chart
+     */
+    seriesLabels?: SeriesLabels;
     /**
      * Configuration for total labels
      * Only supported for stacked chart subtypes
@@ -634,6 +644,10 @@ export interface AreaStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions
 export interface StackableStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions {
     /** Subtype of stackable chart */
     subtype?: StackableSubtype;
+    /**
+     * Configuration for series labels - titles/names identifying data series in a chart
+     */
+    seriesLabels?: SeriesLabels;
     /**
      * Configuration for total labels
      * Only supported for stacked chart subtypes
@@ -679,7 +693,12 @@ export type PiePercentageLabels = {
      */
     showDecimals?: boolean;
 };
-export type PieSeriesLabels = Omit<SeriesLabels, 'showPercentage' | 'showPercentDecimals' | 'alignInside' | 'align' | 'verticalAlign'> & {
+export type PieSeriesLabels = SeriesLabelsBase & {
+    /**
+     * Boolean flag that defines if value should be shown in series labels
+     * (if not specified, default is determined by chart type)
+     */
+    showValue?: boolean;
     /**
      * Boolean flag that defines if the category should be shown
      * @default `true`
@@ -717,21 +736,35 @@ export interface PieStyleOptions extends BaseStyleOptions {
      */
     seriesLabels?: PieSeriesLabels;
 }
+export interface FunnelSeriesLabels extends SeriesLabels {
+    /** Boolean flag that defines if category names should be shown in series labels */
+    showCategory?: boolean;
+}
 /** Configuration options that define functional style of the various elements of FunnelChart */
-export interface FunnelStyleOptions extends Omit<BaseStyleOptions, 'seriesLabels'> {
+export interface FunnelStyleOptions extends BaseStyleOptions {
     /** Visual size of the lowest slice (degree of funnel narrowing from highest to lowest slices)*/
     funnelSize?: FunnelSize;
     /** Visual type of the lowest slice of FunnelChart */
     funnelType?: FunnelType;
     /** Direction of FunnelChart narrowing */
     funnelDirection?: FunnelDirection;
-    /** Configuration that defines behavior of data labels on FunnelChart */
+    /**
+     * Configuration that defines behavior of data labels on FunnelChart
+     *
+     * @deprecated Use seriesLabels instead
+     */
     labels?: Labels;
     /** Subtype of FunnelChart*/
     subtype?: never;
+    /** Configuration for series labels */
+    seriesLabels?: FunnelSeriesLabels;
 }
 /** Configuration options that define functional style of the various elements of PolarChart */
 export interface PolarStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions {
+    /**
+     * Configuration for series labels - titles/names identifying data series in a chart
+     */
+    seriesLabels?: SeriesLabels;
     /** Subtype of PolarChart*/
     subtype?: PolarSubtype;
 }
@@ -887,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
@@ -916,16 +963,21 @@ export interface GaugeIndicatorStyleOptions extends BaseIndicatorStyleOptions {
     /** Bar height for gauge indicator in ticker mode */
     tickerBarHeight?: number;
 }
+export type ScatterSeriesLabels = SeriesLabelsBase & SeriesLabelsAligning;
 /** Configuration options that define functional style of the various elements of ScatterChart */
-export interface ScatterStyleOptions extends Omit<BaseStyleOptions, 'seriesLabels'>, BaseAxisStyleOptions {
+export interface ScatterStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions {
     /** Subtype of ScatterChart*/
     subtype?: never;
     markerSize?: ScatterMarkerSize;
-    seriesLabels?: Omit<SeriesLabels, 'showValue' | 'showPercentage' | 'showPercentDecimals'>;
+    seriesLabels?: ScatterSeriesLabels;
 }
+export type TreemapSeriesLabels = (SeriesLabelsBase & SeriesLabelsAligning) | (SeriesLabelsBase & SeriesLabelsAligning)[];
 /** Configuration options that define functional style of the various elements of TreemapChart */
-export interface TreemapStyleOptions extends Omit<BaseStyleOptions, 'seriesLabels'> {
-    /** Labels options object */
+export interface TreemapStyleOptions extends BaseStyleOptions {
+    /**
+     * Labels options object
+     * @deprecated Please use `seriesLabels` instead
+     */
     labels?: {
         /** Array with single label options objects (order of items relative to dataOptions.category) */
         category?: {
@@ -933,15 +985,61 @@ export interface TreemapStyleOptions extends Omit<BaseStyleOptions, 'seriesLabel
             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?: TreemapSeriesLabels;
     /** Tooltip options object */
     tooltip?: {
         /** Define mode of data showing */
         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 Omit<BaseStyleOptions, 'seriesLabels'> {
-    /** Labels options object */
+export interface SunburstStyleOptions extends BaseStyleOptions {
+    /**
+     * Labels options object
+     *
+     * @deprecated Please use `seriesLabels` instead
+     */
     labels?: {
         /** Array with single label options objects (order of items relative to dataOptions.category) */
         category?: {
@@ -949,6 +1047,37 @@ export interface SunburstStyleOptions extends Omit<BaseStyleOptions, 'seriesLabe
             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 */
@@ -959,6 +1088,10 @@ export interface SunburstStyleOptions extends Omit<BaseStyleOptions, 'seriesLabe
 export interface BoxplotStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions {
     /** Subtype of the BoxplotChart component*/
     subtype?: BoxplotSubtype;
+    /**
+     * Configuration for series labels - titles/names identifying data series in a chart
+     */
+    seriesLabels?: SeriesLabels;
 }
 /**
  * Type of map to display on the AreamapChart component
@@ -1025,10 +1158,20 @@ export type CalendarHeatmapCellLabels = {
         color?: string | 'contrast';
     };
 };
+/**
+ * Calendar heatmap chart subtype
+ */
+export type CalendarHeatmapSubtype = 'calendar-heatmap/split' | 'calendar-heatmap/continuous';
 /**
  * Configuration options that define functional style of the various elements of calendar-heatmap chart
  */
 export interface CalendarHeatmapStyleOptions extends Pick<BaseStyleOptions, 'width' | 'height'> {
+    /**
+     * {@inheritDoc CalendarHeatmapSubtype}
+     *
+     * @default 'calendar-heatmap/split'
+     */
+    subtype?: CalendarHeatmapSubtype;
     /**
      * {@inheritDoc CalendarHeatmapViewType}
      */

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-Cl0_Tfey.cjs → types-B8jkBXCe.cjs}

@@ -1 +1 @@
-"use strict";const a=require("./execute-query-CvH_36GC.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-CnFd03Ga.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-JhI9RXe_.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;