@sisense/sdk-ui 1.15.1 → 1.16.0

package/dist/api/rest-api.d.ts

@@ -2,6 +2,7 @@ import { HttpClient } from '@sisense/sdk-rest-client';
 import { FeatureCollection as GeoJsonFeatureCollection } from 'geojson';
 import { WidgetDto } from '../dashboard-widget/types';
 import type { DashboardDto } from './types/dashboard-dto';
+import { PaletteDto } from '../api/types/palette-dto';
 type GetDashboardsOptions = {
     searchByTitle?: string;
     fields?: string[];
@@ -37,6 +38,10 @@ export declare class RestApi {
      * Get a GeoJSON data for all USA states
      */
     getUsaStatesGeoJson: () => Promise<GeoJsonFeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties> | undefined>;
+    /**
+     * Get all palettes
+     */
+    getPalettes: () => Promise<PaletteDto[] | undefined>;
 }
 export declare const useGetApi: () => RestApi;
 export {};

package/dist/api/types/dashboard-dto.d.ts

@@ -30,6 +30,13 @@ export type CascadingFilterDto = {
     disabled?: boolean;
     locked?: boolean;
 };
+export type DashboardStyleDto = {
+    palette?: {
+        name: string;
+        colors: string[];
+    };
+    paletteId?: string;
+};
 export declare const isCascadingFilterDto: (filter: FilterDto | CascadingFilterDto) => filter is CascadingFilterDto;
 export type DashboardDto = {
     oid: string;
@@ -41,4 +48,5 @@ export type DashboardDto = {
         filterRelations: FilterRelationsModel;
     }[];
     layout?: Layout;
+    style?: DashboardStyleDto;
 } & AnyObject;

package/dist/api/types/palette-dto.d.ts

@@ -0,0 +1,9 @@
+export type PaletteDto = {
+    _id: string;
+    colors: string[];
+    name: string;
+    isDefault: boolean;
+    sortOrder: number;
+    isSystem: boolean;
+    systemDefault: boolean;
+};

package/dist/app/settings/settings.d.ts

@@ -1,5 +1,6 @@
 import { HttpClient } from '@sisense/sdk-rest-client';
 import { AppConfig, ThemeSettings } from '../../types';
+import { FeatureMap } from './types/features.js';
 /**
  * Application settings
  */
@@ -8,10 +9,14 @@ export type AppSettings = Required<ConfigurableAppSettings> & ServerSettings;
  * Application settings that can be overridden by the user
  */
 type ConfigurableAppSettings = AppConfig;
+/**
+ * Fusion platform settings
+ */
 type ServerSettings = {
     serverThemeSettings: ThemeSettings;
     serverLanguage: string;
     serverVersion: string;
+    serverFeatures: FeatureMap;
 };
 /**
  * Gets the application settings

package/dist/app/settings/types/features.d.ts

@@ -121,4 +121,10 @@ type DimensionalModelingFeature = {
 type CloudCDNFeature = Feature<'cloudCDN'>;
 type OnboardingFeature = Feature<'onboarding'>;
 export type Features = (AlertingFeature | LiveQueryFeature | NlqFeature | PivotFeature | CustomCodeFeature | CustomCodeTransformationFeature | BuildDestinationFeature | VersionHistoryFeature | EmbedCodeFeature | LiveCustomColumnFeature | ExportingEngineV2Feature | ExportingXlsxV2Feature | ExportingCsvFeature | ConnectionManagementFeature | SisenseLightFeature | WizardSqlEditorFeature | MultiTenancyFeature | BloxFeature | FunnelFeature | Cloud360Feature | BreakByToggleFeature | GitIntegrationFeature | InfusionFeature | InfusionWebClientFeature | NotebooksFeature | AdminWebClientFeature | DateTimeFiltersFeature | TextFiltersFeature | NumericFiltersFeature | FilterRelationsEnabledFeature | TimeLevelSupportEnabledFeature | SyncDashboardEventsFeature | UserProfileFeature | ScatterFeature | CustomFontsFeature | PreferWidgetImageServerExportFeature | NewAdminUIFeature | SharedFormulasFeature | SideBarFeature | InfusionTokenEndpointFeature | ExplanationsForIndicatorWidgetsFeature | ExplanationsForCategoricalWidgetsFeature | WidgetDesignStyleFeature | FiscalOnFeature | ReactAnalyticsWidgetEditorFeature | DynamicSQLFeature | NewCustomConnectorFeature | CrossTenantPerspectivesFeature | EnableDatamodelPerspectiveFeature | AlwaysDirectRelationsFeature | ModelStatisticsFeature | ExportingCsvFormattedFeature | FlexibleTooltipsFeature | DimensionalModelingFeature | CloudCDNFeature | OnboardingFeature)[];
+export type FeatureByKey<K extends string> = Extract<Features[number], {
+    key: K;
+}>;
+export type FeatureMap = {
+    [K in Features[number]['key']]: FeatureByKey<K>;
+};
 export {};

package/dist/chart/advanced-chart.d.ts

@@ -0,0 +1,7 @@
+import { RegularChartProps } from '../props.js';
+/**
+ *
+ * @param props
+ * @returns
+ */
+export declare const AdvancedChart: (props: RegularChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/chart-data/advanced-analytics-data.d.ts

@@ -0,0 +1,50 @@
+import { DataTable } from '../chart-data-processor/table-processor';
+import { CartesianChartData } from './types';
+import { CartesianChartDataOptionsInternal } from '../chart-data-options/types';
+export declare const isForecastChart: (dataOptions: CartesianChartDataOptionsInternal) => boolean;
+export declare const isTrendChart: (dataOptions: CartesianChartDataOptionsInternal) => boolean;
+export declare const createForecastDataOptions: (dataOptions: CartesianChartDataOptionsInternal) => {
+    rangeValues: {
+        title: string;
+        name: string;
+        aggregation?: string | undefined;
+        sortType?: import("@sisense/sdk-data").SortDirection | undefined;
+        showOnRightAxis?: boolean | undefined;
+        numberFormatConfig?: import("..").NumberFormatConfig | undefined;
+        chartType?: import("..").SeriesChartType | undefined;
+        color?: import("./data-coloring").DataColorOptions | undefined;
+        enabled?: boolean | undefined;
+        treatNullDataAsZeros?: boolean | undefined;
+        connectNulls?: boolean | undefined;
+        totalsCalculation?: import("@sisense/sdk-data").TotalsCalculation | undefined;
+        dataBars?: boolean | undefined;
+        forecast?: import("@sisense/sdk-data").ForecastFormulaOptions | undefined;
+        trend?: import("@sisense/sdk-data").TrendFormulaOptions | undefined;
+        width?: number | undefined;
+        seriesStyleOptions?: import("../chart-data-options/types").SeriesStyleOptions | undefined;
+    }[][];
+    seriesValues: import("../chart-data-options/types").Value[];
+    y: {
+        title: string;
+        name: string;
+        aggregation?: string | undefined;
+        sortType?: import("@sisense/sdk-data").SortDirection | undefined;
+        showOnRightAxis?: boolean | undefined;
+        numberFormatConfig?: import("..").NumberFormatConfig | undefined;
+        chartType?: import("..").SeriesChartType | undefined;
+        color?: import("./data-coloring").DataColorOptions | undefined;
+        enabled?: boolean | undefined;
+        treatNullDataAsZeros?: boolean | undefined;
+        connectNulls?: boolean | undefined;
+        totalsCalculation?: import("@sisense/sdk-data").TotalsCalculation | undefined;
+        dataBars?: boolean | undefined;
+        forecast?: import("@sisense/sdk-data").ForecastFormulaOptions | undefined;
+        trend?: import("@sisense/sdk-data").TrendFormulaOptions | undefined;
+        width?: number | undefined;
+        seriesStyleOptions?: import("../chart-data-options/types").SeriesStyleOptions | undefined;
+    }[];
+    x: import("../chart-data-options/types").Category[];
+    breakBy: import("../chart-data-options/types").Category[];
+    seriesToColorMap?: import("..").ValueToColorMap | undefined;
+};
+export declare const advancedAnalyticsData: (dataOptions: CartesianChartDataOptionsInternal, dataTable: DataTable) => CartesianChartData;

package/dist/chart-data/types.d.ts

@@ -58,6 +58,7 @@ export type CartesianChartData = {
     xAxisCount: number;
     xValues: CategoricalXValues[];
     series: CategoricalSeriesValues[];
+    seriesOther?: CartesianChartData;
 };
 export type CategoricalChartData = {
     type: 'categorical';

package/dist/chart-data-options/types.d.ts

@@ -1,6 +1,6 @@
 import type { DataColorOptions } from '../chart-data/data-coloring';
 import type { NumberFormatConfig, SeriesChartType, ValueToColorMap, MultiColumnValueToColorMap, LineWidth, Markers, SortDirection, PivotRowsSort } from '../types';
-import { Column, MeasureColumn, CalculatedMeasureColumn, PivotGrandTotals, TotalsCalculation } from '@sisense/sdk-data';
+import { Column, MeasureColumn, CalculatedMeasureColumn, PivotGrandTotals, TotalsCalculation, ForecastFormulaOptions, TrendFormulaOptions } from '@sisense/sdk-data';
 /**
  * Styles for a category/column when visualized in a chart
  *
@@ -50,6 +50,12 @@ export interface CategoryStyle {
      * Geographic location level for Scattermap chart.
      */
     geoLevel?: ScattermapLocationLevel;
+    /**
+     * Column width. Used in Pivot table.
+     *
+     * @internal
+     */
+    width?: number;
 }
 /**
  * Wrapped {@link @sisense/sdk-data!Column | Column} with styles controlling how the column is visualized in a chart.
@@ -127,6 +133,24 @@ export type ValueStyle = {
      * Boolean flag whether to display data bars for this measure in the pivot table.
      */
     dataBars?: boolean;
+    /**
+     * Options to add forecast to this measure
+     *
+     * @internal
+     */
+    forecast?: ForecastFormulaOptions;
+    /**
+     * Options to add trend to this measure
+     *
+     * @internal
+     */
+    trend?: TrendFormulaOptions;
+    /**
+     * Column width. Used in Pivot table.
+     *
+     * @internal
+     */
+    width?: number;
 };
 /**
  * Specific style options to be applied to specific series in Chart.
@@ -145,9 +169,13 @@ export type SeriesStyle = {
  * Supported only for cartesian and polar charts.
  */
 export type SeriesStyleOptions = {
-    /** @inheritdoc LineStyleOptions.lineWidth */
+    /**
+     * @inheritdoc LineStyleOptions.lineWidth
+     */
     lineWidth?: LineWidth;
-    /** @inheritdoc LineStyleOptions.markers */
+    /**
+     * @inheritdoc LineStyleOptions.markers
+     */
     markers?: Markers;
 };
 /**
@@ -491,7 +519,7 @@ export interface RangeChartDataOptions {
      * Each measure column defines the range of values by specifying a lower and an upper bound,
      * providing the necessary data to visualize the area range on the chart.
      */
-    value: AreaRangeMeasureColumn[];
+    value: (CalculatedMeasureColumn | StyledMeasureColumn | AreaRangeMeasureColumn)[];
     /**
      * Columns (or attributes) by which to break (group) the data represented in the chart.
      *
@@ -571,6 +599,7 @@ export interface ScattermapChartDataOptionsInternal {
 export type RangeChartDataOptionsInternal = {
     x: Category[];
     rangeValues: Value[][];
+    seriesValues: Value[];
     breakBy: Category[];
     y: Value[];
     seriesToColorMap?: ValueToColorMap | MultiColumnValueToColorMap;

package/dist/chart-options-processor/advanced-chart-options.d.ts

@@ -0,0 +1,24 @@
+import { TFunction } from '@sisense/sdk-common';
+import { SeriesType } from './chart-options-service';
+import { AxisSettings } from './translations/axis-section';
+export declare const FORECAST_PREFIX = "$forecast";
+export declare const TREND_PREFIX = "$trend";
+export declare const isForecastSeries: (name: string) => boolean;
+export declare const isTrendSeries: (name: string) => boolean;
+export declare const rangeTitle: (title: string) => string;
+export declare const formatForecastSeries: (s: SeriesType, lowerSeriesHash: {
+    [x: string]: SeriesType;
+}, upperSeriesHash: {
+    [x: string]: SeriesType;
+}) => number;
+export declare const formatForecastRangeSeries: (s: SeriesType, seriesHash: {
+    [x: string]: SeriesType;
+}) => void;
+export declare const formatForecastAdjustRangeStart: (s: SeriesType, seriesHash: {
+    [x: string]: SeriesType;
+}) => void;
+export declare const formatForecastPlotBands: (xAxis: AxisSettings[], forecastStartIndex: number, lastTickIndex: number) => void;
+export declare const formatTrendSeries: (s: SeriesType, seriesHash: {
+    [x: string]: SeriesType;
+}, translate: TFunction) => void;
+export declare const formatAdvancedAnalyticsSeries: (series: SeriesType[], translate: TFunction) => void;

package/dist/chart-options-processor/cartesian-chart-options.d.ts

@@ -4,6 +4,7 @@ import { ChartType, CompleteThemeSettings } from '../types';
 import { CartesianChartDataOptionsInternal } from '../chart-data-options/types';
 import { HighchartsOptionsInternal } from './chart-options-service';
 import { OptionsWithAlerts } from './../types';
+import { TFunction } from '@sisense/sdk-common';
 /**
  * Convert intermediate chart data, data options, and design options
  * into pure highcharts config data.
@@ -15,4 +16,4 @@ import { OptionsWithAlerts } from './../types';
  * @param themeSettings -
  * @param dateFormatter
  */
-export declare const getCartesianChartOptions: (chartData: ChartData, chartType: ChartType, chartDesignOptions: ChartDesignOptions, dataOptions: CartesianChartDataOptionsInternal, themeSettings?: CompleteThemeSettings, dateFormatter?: ((date: Date, format: string) => string) | undefined) => OptionsWithAlerts<HighchartsOptionsInternal>;
+export declare const getCartesianChartOptions: (chartData: ChartData, chartType: ChartType, chartDesignOptions: ChartDesignOptions, dataOptions: CartesianChartDataOptionsInternal, translate: TFunction, themeSettings?: CompleteThemeSettings, dateFormatter?: ((date: Date, format: string) => string) | undefined) => OptionsWithAlerts<HighchartsOptionsInternal>;

package/dist/chart-options-processor/chart-options-service.d.ts

@@ -52,7 +52,11 @@ export type SeriesType = HighchartsSeriesValues & {
     whiskerLength?: number | string;
     fillOpacity?: number;
     strokeOpacity?: number;
+    enableMouseTracking?: boolean;
     legendIndex?: number;
+    dashStyle?: string;
+    lineWidth?: number;
+    zIndex?: number;
 };
 type ChartPlotOptions = {
     dataLabels?: ValueLabelSettings;
@@ -73,6 +77,7 @@ type ChartPlotOptions = {
             opacity?: number;
         };
     };
+    tooltip?: TooltipSettings;
 };
 export type Stacking = 'normal' | 'percent';
 export type PlotOptions = {

package/dist/chart-options-processor/translations/axis-section.d.ts

@@ -91,10 +91,10 @@ export type AxisPlotLine = {
     value: number;
 };
 export type AxisPlotBand = {
-    isPlotBand: boolean;
     from: number;
     to: number;
-    label: {
+    color?: string;
+    label?: {
         text: string;
         y: number;
         style?: Style;

package/dist/chart-options-processor/translations/legend-section.d.ts

@@ -14,6 +14,8 @@ export type LegendSettings = {
     borderWidth?: number;
     borderColor?: string;
     backgroundColor?: string;
+    itemMarginBottom?: number;
+    itemMarginTop?: number;
     title?: {
         style?: {
             [key: string]: string | number;

package/dist/chart-options-processor/translations/tooltip-utils.d.ts

@@ -34,6 +34,7 @@ export type InternalSeries = {
         low?: number;
         q1?: number;
         q3?: number;
+        index?: number;
         median?: number;
         name: string;
         color: string;

package/dist/chart-options-processor/translations/tooltip.d.ts

@@ -1,3 +1,5 @@
 import { ChartDataOptionsInternal } from '../../chart-data-options/types';
-import { TooltipSettings } from './tooltip-utils';
-export declare const getTooltipSettings: (showDecimals: boolean | undefined, chartDataOptions: ChartDataOptionsInternal) => TooltipSettings;
+import { InternalSeries, TooltipSettings } from './tooltip-utils';
+import { TFunction } from '@sisense/sdk-common';
+export declare const cartesianDataFormatter: (that: InternalSeries, showDecimals: boolean | undefined, chartDataOptions: ChartDataOptionsInternal, translate?: TFunction) => string;
+export declare const getTooltipSettings: (showDecimals: boolean | undefined, chartDataOptions: ChartDataOptionsInternal, translate?: TFunction) => TooltipSettings;

package/dist/common/components/loading-indicator.d.ts

@@ -29,6 +29,20 @@ export declare const LoadingIndicator: ({ themeSettings, onCancel, }: {
             primaryButtonTextColor: string;
             primaryButtonHoverColor: string;
         };
+        widget: {
+            spaceAround: import("../../types").SpaceSizes;
+            cornerRadius: import("../../types").RadiusSizes;
+            shadow: import("../../types").ShadowsTypes;
+            border: boolean;
+            borderColor: string;
+            header: {
+                titleTextColor: string;
+                titleAlignment: import("../../types").AlignmentTypes;
+                dividerLine: boolean;
+                dividerLineColor: string;
+                backgroundColor: string;
+            };
+        };
         aiChat: {
             backgroundColor: string;
             primaryTextColor: string;

package/dist/common-filters/cascading-utils.d.ts

@@ -0,0 +1,30 @@
+import { CascadingFilter, Filter } from '@sisense/sdk-data';
+import { FiltersIgnoringRules, PureFilter } from './types';
+/**
+ * Flattens cascading filters into a single array of filters.
+ */
+export declare function flattenCascadingFilters(filters: Filter[]): {
+    flatFilters: PureFilter[];
+    cascadingToPureFiltersMap: Record<string, PureFilter[]>;
+};
+/**
+ * Reassembles flattened filters back into cascading filters based on original cascading filters.
+ *
+ * @param updatedFilters - Updated pure filters to reassemble.
+ * @param originalFilters - Original filters with maybe cascading filters.
+ * @returns reassembled filters.
+ */
+export declare function reassembleCascadingFilters(updatedFilters: PureFilter[], originalFilters: (PureFilter | CascadingFilter)[]): (PureFilter | CascadingFilter)[];
+/**
+ * Converts cascading filters to pure filters and vice versa.
+ *
+ * @param complexFilters - all filters, including cascading filters.
+ * @param updateComplexFilters - a function to update complex filters.
+ * @param complexFiltersIgnoringRules - filters ignoring rules for complex filters.
+ * @returns converted pure filters and a decorated filters updater.
+ */
+export declare function withCascadingFiltersConversion(complexFilters: (PureFilter | CascadingFilter)[], updateComplexFilters: (filters: (PureFilter | CascadingFilter)[]) => void, complexFiltersIgnoringRules: FiltersIgnoringRules): {
+    pureFilters: PureFilter[];
+    updateFilters: (filters: PureFilter[]) => void;
+    pureFiltersIgnoringRules: FiltersIgnoringRules;
+};

package/dist/common-filters/common-filters-connector.d.ts

@@ -5,5 +5,11 @@ import { WidgetTypeInternal } from '../models/widget/types';
 type CommonFiltersToWidgetConnectProps = Pick<ChartWidgetProps, 'filters' | 'highlights' | 'onDataPointClick' | 'onDataPointsSelected'> & {
     renderToolbar: RenderToolbarHandler;
 };
-export declare function prepareCommonFiltersToWidgetConnectProps(filters: Filter[], setFilters: (filters: Filter[]) => void, widgetType: WidgetTypeInternal, dataOptions: ChartDataOptions | PivotTableDataOptions, options: CommonFiltersOptions): CommonFiltersToWidgetConnectProps;
+/**
+ * Prepares common filters to be used in widget connect props
+ *
+ * @param filters - Pure filters (non-cascading)
+ * @param setFilters - Function to set updated pure filters (non-cascading)
+ */
+export declare function prepareCommonFiltersToWidgetConnectProps(commonFilters: Filter[], updateCommonFilters: (filters: Filter[]) => void, widgetType: WidgetTypeInternal, dataOptions: ChartDataOptions | PivotTableDataOptions, options: CommonFiltersOptions): CommonFiltersToWidgetConnectProps;
 export {};

package/dist/common-filters/types.d.ts

@@ -1,3 +1,4 @@
+import { CascadingFilter, Filter } from '@sisense/sdk-data';
 import { DeepRequired } from 'ts-essentials';
 /** @internal */
 export declare enum CommonFiltersApplyMode {
@@ -8,11 +9,15 @@ export declare enum CommonFiltersApplyMode {
 export type CommonFiltersOptions = {
     applyMode?: `${CommonFiltersApplyMode}`;
     shouldAffectFilters?: boolean;
-    ignoreFilters?: {
-        all?: boolean;
-        ids?: string[];
-    };
+    ignoreFilters?: FiltersIgnoringRules;
     forceApplyBackgroundFilters?: boolean;
 };
 /** @internal */
+export type FiltersIgnoringRules = {
+    all?: boolean;
+    ids?: string[];
+};
+/** @internal */
 export type CompleteCommonFiltersOptions = DeepRequired<CommonFiltersOptions>;
+/** Filters that are real pure simple filters (non-cascading filters) */
+export type PureFilter<F extends Filter = Filter> = F extends CascadingFilter ? never : F;

package/dist/common-filters/utils.d.ts

@@ -1,9 +1,10 @@
 import { Filter, Attribute } from '@sisense/sdk-data';
-import { CommonFiltersOptions } from './types.js';
-export declare function getAllowedFilters(filters: Filter[], ignoreFiltersOptions?: CommonFiltersOptions['ignoreFilters']): Filter[];
+import { FiltersIgnoringRules, PureFilter } from './types.js';
+export declare function getAllowedFilters(filters: PureFilter[], ignoreFiltersOptions: FiltersIgnoringRules): Filter[];
 export declare function isSameAttribute(attributeA: Attribute, attributeB: Attribute): boolean;
 export declare function getFilterByAttribute(filters: Filter[], attribute: Attribute): Filter | undefined;
 export declare function createCommonFilter(attribute: Attribute, members: (string | number)[], existingCommonFilters: Filter[]): Filter;
+export declare function haveSameAttribute(filterA: Filter, filterB: Filter): boolean;
 export declare function isEqualMembersFilters(filterA: Filter, filterB: Filter): boolean;
 export declare function isIncludeAllFilter(filter: Filter): boolean;
 export declare function clearCommonFilter(filter: Filter): Filter;

package/dist/dashboard/dashboard-by-id.d.ts

@@ -2,6 +2,8 @@ import { DashboardByIdProps } from './types';
 /**
  * React component that renders a dashboard created in Sisense Fusion Embed
  *
+ * **Note:** Dashboard extensions based on JS scripts and add-ons in Fusion are not supported.
+ *
  * @internal
  */
 export declare const DashboardById: ({ dashboardOid }: DashboardByIdProps) => import("react/jsx-runtime").JSX.Element;

package/dist/dashboard/dashboard.d.ts

@@ -3,6 +3,8 @@ import { DashboardProps } from '../dashboard/types';
  * React component that renders a dashboard
  * Include inside logic of applying common filters to widgets
  *
+ * **Note:** Dashboard extensions based on JS scripts and add-ons in Fusion are not supported.
+ *
  * @internal
  */
-export declare const Dashboard: ({ title, layout, widgets, filters, defaultDataSource, widgetFilterOptions, }: DashboardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dashboard: ({ title, layout, widgets, filters, defaultDataSource, widgetFilterOptions, styleOptions, }: DashboardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/dashboard/types.d.ts

@@ -1,4 +1,4 @@
-import { Layout, WidgetFilterOptions, WidgetModel } from '../models';
+import { DashboardStyleOptions, Layout, WidgetFilterOptions, WidgetModel } from '../models';
 import { DataSource, Filter } from '@sisense/sdk-data';
 /**
  * Props for the DashboardById component
@@ -33,6 +33,7 @@ export interface DashboardProps {
     filters: Filter[];
     defaultDataSource?: DataSource;
     widgetFilterOptions?: WidgetFilterOptions;
+    styleOptions: DashboardStyleOptions;
 }
 /**
  * Props for the Dashboard Header component

package/dist/dashboard-widget/dashboard-widget.d.ts

@@ -7,6 +7,8 @@ import { DashboardWidgetProps } from '../props';
  * To learn more about using Sisense Fusion Widgets in Compose SDK,
  * see [Sisense Fusion Widgets](/guides/sdk/guides/charts/guide-fusion-widgets.html).
  *
+ * **Note:** Widget extensions based on JS scripts and add-ons in Fusion are not supported.
+ *
  * ## Example
  *
  * Display two dashboard widgets from a Fusion Embed instance.

package/dist/dashboard-widget/translate-widget-data-options.d.ts

@@ -2,7 +2,7 @@ import { DimensionalBaseMeasure, DimensionalAttribute, DimensionalCalculatedMeas
 import { StyledMeasureColumn, StyledColumn, Color } from '../types';
 import { Panel, PanelItem, WidgetType, WidgetStyle, BoxplotWidgetStyle } from './types';
 import { WidgetDataOptions } from '../models';
-export declare function createDimensionalElementFromJaql(jaql: Jaql, format?: PanelItem['format']): import("@sisense/sdk-data").Filter | DimensionalCalculatedMeasure | DimensionalAttribute | DimensionalBaseMeasure;
+export declare function createDimensionalElementFromJaql(jaql: Jaql, format?: PanelItem['format']): import("@sisense/sdk-data").Filter | DimensionalAttribute | DimensionalCalculatedMeasure | DimensionalBaseMeasure;
 export declare function createDataColumn(item: PanelItem, customPaletteColors?: Color[]): StyledMeasureColumn | StyledColumn;
 /** @internal */
 export declare const createDataOptionsFromPanels: (panels: Panel[], variantColors: Color[]) => {

package/dist/dashboard-widget/translate-widget-style-options.d.ts

@@ -1,6 +1,15 @@
-import { ChartStyleOptions, TableStyleOptions, NumericBarIndicatorStyleOptions, NumericSimpleIndicatorStyleOptions, GaugeIndicatorStyleOptions, PivotTableStyleOptions } from '../types';
-import { Panel, WidgetStyle, WidgetSubtype, WidgetType, TableWidgetStyle, IndicatorWidgetStyle, PivotWidgetStyle } from './types';
+import { ChartStyleOptions, TableStyleOptions, NumericBarIndicatorStyleOptions, NumericSimpleIndicatorStyleOptions, GaugeIndicatorStyleOptions, PivotTableStyleOptions, WidgetStyleOptions } from '../types';
+import { Panel, WidgetStyle, WidgetSubtype, WidgetType, TableWidgetStyle, IndicatorWidgetStyle, PivotWidgetStyle, WidgetDesign } from './types';
 export declare function extractTableChartStyleOptions(widgetStyle: TableWidgetStyle): TableStyleOptions;
 export declare const getIndicatorTypeSpecificOptions: (widgetSubtype: WidgetSubtype, widgetStyle: IndicatorWidgetStyle) => NumericSimpleIndicatorStyleOptions | NumericBarIndicatorStyleOptions | GaugeIndicatorStyleOptions;
 export declare function extractPivotTableStyleOptions(widgetStyle: PivotWidgetStyle): PivotTableStyleOptions;
 export declare function extractStyleOptions<WType extends WidgetType>(widgetType: WType, widgetSubtype: WidgetSubtype, style: WidgetStyle, panels: Panel[]): ChartStyleOptions | TableStyleOptions;
+/**
+ * Merges the widget style with the widget design
+ *
+ * @param widgetStyle - The widget style
+ * @param widgetDesign - The widget design
+ * @param isWidgetDesignStyleEnabled - The flag to enable the widget design style
+ * @returns The merged widget style
+ */
+export declare function getStyleWithWigetDesign(widgetStyle: ChartStyleOptions | TableStyleOptions, widgetDesign?: WidgetDesign, isWidgetDesignStyleEnabled?: boolean): WidgetStyleOptions;

package/dist/dashboard-widget/types.d.ts

@@ -1,3 +1,5 @@
+import { WidgetContainerStyleOptions } from '../types';
+import { LEGACY_DESIGN_TYPES } from './../themes/legacy-design-settings';
 import { Jaql, JaqlSortDirection } from '@sisense/sdk-data';
 /**
  * The type of a widget on a dashboard that is a variant of Cartesian widget.
@@ -51,6 +53,19 @@ export interface WidgetDto {
         selector: boolean;
     };
 }
+export type WidgetDesign = {
+    widgetBackgroundColor: string;
+    widgetSpacing: keyof typeof LEGACY_DESIGN_TYPES;
+    widgetCornerRadius: keyof typeof LEGACY_DESIGN_TYPES;
+    widgetShadow: keyof typeof LEGACY_DESIGN_TYPES;
+    widgetBorderEnabled: boolean;
+    widgetBorderColor: string;
+    widgetTitleColor: string;
+    widgetTitleAlignment: keyof typeof LEGACY_DESIGN_TYPES;
+    widgetTitleDividerEnabled: boolean;
+    widgetTitleDividerColor: string;
+    widgetTitleBackgroundColor: string;
+};
 export type FiltersIgnoringRules = {
     dimensions?: string[];
     ids: string[];
@@ -105,6 +120,7 @@ export type PanelItem = {
         members?: PanelMembersFormat;
         subtotal?: boolean;
         databars?: boolean;
+        width?: number;
     };
     jaql: Jaql;
     disabled?: boolean;
@@ -185,7 +201,7 @@ type BaseWidgetStyle = {
         enabled: boolean;
     };
 };
-export type CartesianWidgetStyle = BaseWidgetStyle & {
+export type CartesianWidgetStyle = BaseWidgetStyle & WidgetContainerStyleOptions & {
     seriesLabels: LabelsStyle;
     xAxis: AxisStyle & {
         x2Title?: AxisTitleStyle;
@@ -201,7 +217,7 @@ export type CartesianWidgetStyle = BaseWidgetStyle & {
         fill: string;
     };
 };
-export type PolarWidgetStyle = BaseWidgetStyle & {
+export type PolarWidgetStyle = BaseWidgetStyle & WidgetContainerStyleOptions & {
     categories?: AxisStyle;
     axis?: AxisStyle;
 };
@@ -210,12 +226,12 @@ type ScatterMarkerSize = {
     min: number;
     max: number;
 };
-export type ScatterWidgetStyle = BaseWidgetStyle & {
+export type ScatterWidgetStyle = BaseWidgetStyle & WidgetContainerStyleOptions & {
     xAxis: AxisStyle;
     yAxis: AxisStyle;
     markerSize?: ScatterMarkerSize;
 };
-export type FunnelWidgetStyle = BaseWidgetStyle & {
+export type FunnelWidgetStyle = BaseWidgetStyle & WidgetContainerStyleOptions & {
     size: string;
     type: string;
     direction: string;
@@ -233,7 +249,7 @@ export type TableWidgetStyle = {
     'colors/headers': boolean;
     'colors/rows': boolean;
 };
-export type IndicatorWidgetStyle = {
+export type IndicatorWidgetStyle = WidgetContainerStyleOptions & {
     'indicator/gauge': {
         subtype: string;
         skin: string;
@@ -309,7 +325,7 @@ export type SunburstWidgetStyle = {
     'tooltip/contribution': boolean;
     'tooltip/value': boolean;
 };
-export type BoxplotWidgetStyle = {
+export type BoxplotWidgetStyle = WidgetContainerStyleOptions & {
     xAxis: AxisStyle;
     yAxis: AxisStyle;
     whisker: {
@@ -321,7 +337,7 @@ export type BoxplotWidgetStyle = {
         enabled: boolean;
     };
 };
-export type ScattermapWidgetStyle = {
+export type ScattermapWidgetStyle = WidgetContainerStyleOptions & {
     markers: {
         fill: 'filled' | 'filled-light' | 'hollow' | 'hollow-bold';
         size: {
@@ -333,7 +349,9 @@ export type ScattermapWidgetStyle = {
 };
 /** Currently, WidgetStyle for areamap is an empty object */
 export type AreamapWidgetStyle = {};
-export type WidgetStyle = CartesianWidgetStyle | PolarWidgetStyle | FunnelWidgetStyle | ScatterWidgetStyle | TableWidgetStyle | IndicatorWidgetStyle | TreemapWidgetStyle | SunburstWidgetStyle | BoxplotWidgetStyle | ScattermapWidgetStyle | AreamapWidgetStyle | PivotWidgetStyle;
+export type WidgetStyle = {
+    widgetDesign?: WidgetDesign;
+} & (CartesianWidgetStyle | PolarWidgetStyle | FunnelWidgetStyle | ScatterWidgetStyle | TableWidgetStyle | IndicatorWidgetStyle | TreemapWidgetStyle | SunburstWidgetStyle | BoxplotWidgetStyle | ScattermapWidgetStyle | AreamapWidgetStyle | PivotWidgetStyle);
 export declare enum FiltersMergeStrategyEnum {
     WIDGET_FIRST = "widgetFirst",
     CODE_FIRST = "codeFirst",

package/dist/dashboard-widget/utils.d.ts

@@ -19,6 +19,14 @@ export declare function getRootPanelItem(item: PanelItem): PanelItem;
  * @internal
  */
 export declare function getSortType(jaqlSort: `${JaqlSortDirection}` | undefined): SortDirection;
+/**
+ * Gets a unique identifier for a filter, combining its attribute expression and granularity if available.
+ *
+ * @param {Filter} filter - The filter object to generate the unique identifier for.
+ * @returns {string} - The unique identifier for the filter.
+ * @internal
+ */
+export declare function getFilterCompareId(filter: Filter): string;
 /**
  * Merges two arrays of filter objects, prioritizing 'targetFilters' over 'sourceFilters',
  * and removes duplicates based on filter compare id.

package/dist/filters/components/date-filter/date-filter/date-filter.d.ts

@@ -32,6 +32,7 @@ export type DateRangeFilterProps = {
      * To be compatible with the old DateRangeFilterTile.
      *
      * TODO: Remove this prop when the old DateRangeFilterTile is deprecated.
+     *
      * @internal
      * @default 'grey'
      */