@sisense/sdk-ui 2.12.0 → 2.13.0

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

@@ -1,7 +1,7 @@
 export { default as AiContextProvider, type AiContextProviderProps } from './ai-context-provider';
 export { type ChatConfig } from './chat-config';
 export { useGetNlgInsights, type UseGetNlgInsightsParams, type UseGetNlgInsightsState, } from './use-get-nlg-insights';
-export { useGetNlqResult, prepareGetNlqResultPayload, type UseGetNlqResultParams, type UseGetNlqResultState, type GetNlqResultParams, } from './use-get-nlq-result';
+export { useGetNlqResult, prepareGetNlqResultPayload, executeGetNlqResult, type ExecuteGetNlqResult, type UseGetNlqResultParams, type UseGetNlqResultState, type GetNlqResultParams, } from './use-get-nlq-result';
 export { useGetQueryRecommendations, type UseGetQueryRecommendationsParams, type GetQueryRecommendationsParams, type UseGetQueryRecommendationsState, DEFAULT_RECOMMENDATIONS_COUNT, } from './use-get-query-recommendations';
 export { useChatSession, type UseChatSessionResult } from './use-chat-session';
 export { useLastNlqResponse } from './use-last-nlq-response';

package/dist/packages/sdk-ui/src/ai/use-get-nlq-result.d.ts

@@ -1,7 +1,8 @@
 import { DataSource } from '@sisense/sdk-data';
 import { HookEnableParam } from '../common/hooks/types';
 import { WidgetProps } from '../props';
-import { GetNlqResultRequest, NlqResultChartType } from './api/types';
+import { ChatRestApi } from './api/chat-rest-api';
+import { GetNlqResultRequest, NlqResult, NlqResultChartType } from './api/types';
 export interface GetNlqResultParams {
     /** Data source for queries to run against */
     dataSource: DataSource;
@@ -18,11 +19,31 @@ export interface GetNlqResultParams {
      */
     enableAxisTitlesInWidgetProps?: boolean;
 }
+/**
+ * Result type for NLQ request execution
+ *
+ * @internal
+ */
+export interface ExecuteGetNlqResult {
+    /** Raw NLQ response from API for additional processing */
+    nlqResult: NlqResult | undefined;
+    /** Processed widget props ready for rendering */
+    widgetProps: WidgetProps | undefined;
+}
 /** @internal */
 export declare function prepareGetNlqResultPayload(params: GetNlqResultParams): {
     contextTitle: string;
     request: GetNlqResultRequest;
 };
+/**
+ * Executes a natural language query request and returns processed widget props along with the raw response.
+ *
+ * @param params - NLQ query parameters
+ * @param api - Chat REST API instance
+ * @returns Promise resolving to processed widget props and raw response
+ * @internal
+ */
+export declare function executeGetNlqResult(params: GetNlqResultParams, api: ChatRestApi): Promise<ExecuteGetNlqResult>;
 /**
  * Parameters for {@link useGetNlqResult} hook.
  */

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

@@ -66,9 +66,8 @@ export type AppConfig = {
         enabled?: boolean;
     };
     /**
-     * Configuration of the tabber widget
+     * Configuration of the tabber widgets feature
      *
-     * Set the `tabberConfig.enabled` property to `true` to enable the tabber widget support. Otherwise, the tabber widget will be treated as 'unknown custom widget type'.
      * Only tabber widgets that are configured using the Fusion UI as documented [here](https://docs.sisense.com/main/SisenseLinux/tabber.htm#Creating) are supported.
      */
     tabberConfig?: {
@@ -76,6 +75,8 @@ export type AppConfig = {
          * Whether to enable tabber widget support
          *
          * If not specified, the default value is `true`
+         *
+         * @deprecated Tabber widgets are now supported by default and this property is no longer needed.
          */
         enabled?: boolean;
     };

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

@@ -9,6 +9,50 @@ export type AppSettings = Required<ConfigurableAppSettings> & ServerSettings;
  * Application settings that can be overridden by the user
  */
 type ConfigurableAppSettings = AppConfig;
+/**
+ * User role permissions
+ * @internal
+ */
+type RoleManifest = {
+    dashboards?: {
+        create: boolean;
+        delete: boolean;
+        move: boolean;
+        rename: boolean;
+        duplicate: boolean;
+        change_owner: boolean;
+        toggle_edit_mode: boolean;
+        edit_layout: boolean;
+        edit_script: boolean;
+        export_dash: boolean;
+        export_jpeg: boolean;
+        export_image: boolean;
+        export_pdf: boolean;
+        share: boolean;
+        restore: boolean;
+        copy_to_server: boolean;
+        import: boolean;
+        select_palette: boolean;
+        replace_datasource: boolean;
+        undo_import_dash: boolean;
+        toggleDataExploration: boolean;
+        filters: {
+            create: boolean;
+            delete: boolean;
+            save: boolean;
+            on_off: boolean;
+            toggle_expansion: boolean;
+            modify: boolean;
+            reorder: boolean;
+            modify_type: boolean;
+            toggle_auto_update: boolean;
+            set_defaults: boolean;
+            advanced: boolean;
+            use_starred: boolean;
+            modify_filter_relationship: boolean;
+        };
+    };
+};
 /**
  * Fusion platform settings
  */
@@ -21,6 +65,11 @@ type ServerSettings = {
         tenant: {
             name: string;
         };
+        /**
+         * User role permissions
+         * @internal
+         */
+        permissions: RoleManifest;
     };
 };
 /**

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

@@ -8,10 +8,12 @@ export declare function translateStyleOptionsToDesignOptions(styleOptions: PieCh
  * Checks if the style options are correct for pie charts.
  */
 export declare function isCorrectStyleOptions(styleOptions: ChartStyleOptions): styleOptions is PieChartStyleOptions;
+export declare function getDefaultStyleOptions(): PieChartStyleOptions;
 /**
  * Design options translators for pie charts.
  */
 export declare const designOptionsTranslators: {
     translateStyleOptionsToDesignOptions: typeof translateStyleOptionsToDesignOptions;
     isCorrectStyleOptions: typeof isCorrectStyleOptions;
+    getDefaultStyleOptions: typeof getDefaultStyleOptions;
 };

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

@@ -85,6 +85,10 @@ export interface ChartBuilder<CT extends SupportedChartType = SupportedChartType
          * Checks if the style options are correct for the current chart type.
          */
         isCorrectStyleOptions: (styleOptions: ChartStyleOptions) => styleOptions is TypedChartStyleOptions<CT>;
+        /**
+         * Returns the default style options for the current chart type.
+         */
+        getDefaultStyleOptions?: () => TypedChartStyleOptions<CT>;
     };
     /**
      * Chart renderer component and related utils

package/dist/packages/sdk-ui/src/chart-options-processor/cartesian/utils/series-processor.d.ts

@@ -42,22 +42,22 @@ export declare function processSeries(config: SeriesProcessingConfig): {
     lineWidth?: number | undefined;
     dataLabels: {
         formatter: (this: import("../../tooltip").HighchartsDataPointContext) => string;
+        enabled: boolean;
+        rotation?: number | undefined;
+        inside?: boolean | undefined;
+        align?: "center" | "left" | "right" | undefined;
+        verticalAlign?: "top" | "middle" | "bottom" | undefined;
+        style?: import("../../translations/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;
         animation?: {
-            defer: number;
+            defer?: number | undefined;
         } | undefined;
-        y?: number | undefined;
-        x?: number | undefined;
-        padding?: number | undefined;
-        borderWidth?: number | undefined;
-        borderRadius?: number | undefined;
-        borderColor?: string | undefined;
-        backgroundColor?: string | undefined;
-        style?: import("../../../types").SeriesLabelsTextStyle | undefined;
-        verticalAlign?: "top" | "middle" | "bottom" | undefined;
-        align?: "center" | "left" | "right" | undefined;
-        inside?: boolean | undefined;
-        rotation?: number | undefined;
-        enabled: boolean;
     };
     connectNulls: boolean;
     marker: import("../../translations/marker-section").MarkerSettings;

package/dist/packages/sdk-ui/src/chart-options-processor/series-labels.d.ts

@@ -1,19 +1,22 @@
-import { SeriesLabels } from '..';
-export declare const prepareDataLabelsOptions: (seriesLabels?: SeriesLabels) => {
-    animation?: {
-        defer: number;
-    } | undefined;
-    y?: number | undefined;
-    x?: number | undefined;
-    padding?: number | undefined;
-    borderWidth?: number | undefined;
-    borderRadius?: number | undefined;
-    borderColor?: string | undefined;
-    backgroundColor?: string | undefined;
-    style?: import("..").SeriesLabelsTextStyle | undefined;
-    verticalAlign?: "top" | "middle" | "bottom" | undefined;
-    align?: "center" | "left" | "right" | undefined;
-    inside?: boolean | undefined;
-    rotation?: number | undefined;
+import { HighchartsGradientColorObject } from '../utils/gradient';
+import { SeriesLabels, TextStyle } from '..';
+type DataLabelsOptions = {
     enabled: boolean;
+    rotation?: number;
+    inside?: boolean;
+    align?: 'left' | 'center' | 'right';
+    verticalAlign?: 'top' | 'middle' | 'bottom';
+    style?: TextStyle;
+    backgroundColor?: string | HighchartsGradientColorObject;
+    borderColor?: string | HighchartsGradientColorObject;
+    borderRadius?: number;
+    borderWidth?: number;
+    padding?: number;
+    x?: number;
+    y?: number;
+    animation?: {
+        defer?: number;
+    };
 };
+export declare const prepareDataLabelsOptions: (seriesLabels?: SeriesLabels) => DataLabelsOptions;
+export {};

package/dist/packages/sdk-ui/src/chart-options-processor/stack-labels.d.ts

@@ -1,25 +1,21 @@
-import { TotalLabels } from '../types';
-export declare const prepareStackLabels: (totalLabels: TotalLabels) => {
-    textAlign?: "center" | "left" | "right" | undefined;
-    style?: {
-        color?: string | undefined;
-        fontFamily?: string | undefined;
-        fontSize?: string | undefined;
-        fontWeight?: string | undefined;
-        fontStyle?: string | undefined;
-        textOutline?: string | undefined;
-    } | undefined;
-    y?: number | undefined;
-    x?: number | undefined;
-    borderWidth?: number | undefined;
-    borderRadius?: number | undefined;
-    borderColor?: string | undefined;
-    backgroundColor?: string | undefined;
+import { TextStyle, TotalLabels } from '../types';
+import { HighchartsGradientColorObject } from '../utils/gradient';
+type StackLabelsOptions = {
+    enabled: boolean;
+    rotation?: number;
+    align?: 'left' | 'center' | 'right';
+    textAlign?: 'left' | 'center' | 'right';
+    verticalAlign?: 'top' | 'middle' | 'bottom';
     animation?: {
         defer: number;
-    } | undefined;
-    verticalAlign?: "top" | "middle" | "bottom" | undefined;
-    align?: "center" | "left" | "right" | undefined;
-    rotation?: number | undefined;
-    enabled: boolean;
+    };
+    backgroundColor?: string | HighchartsGradientColorObject;
+    borderColor?: string | HighchartsGradientColorObject;
+    borderRadius?: number;
+    borderWidth?: number;
+    style?: TextStyle;
+    x?: number;
+    y?: number;
 };
+export declare const prepareStackLabels: (totalLabels: TotalLabels) => StackLabelsOptions;
+export {};

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

@@ -1,4 +1,5 @@
 import { CategoricalXValues } from '../../chart-data/types';
+import { HighchartsGradientColorObject } from '../../utils/gradient';
 import { TextStyle } from './types';
 export type Axis = {
     enabled?: boolean;
@@ -76,10 +77,10 @@ export type AxisSettings = {
 };
 export type StackLabel = {
     style?: TextStyle;
-    borderColor?: string;
+    borderColor?: string | HighchartsGradientColorObject;
     borderRadius?: number;
     borderWidth?: number;
-    backgroundColor?: string;
+    backgroundColor?: string | HighchartsGradientColorObject;
     align?: 'center' | 'left' | 'right';
     textAlign?: 'center' | 'left' | 'right';
     verticalAlign?: 'top' | 'middle' | 'bottom';

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

@@ -1,9 +1,9 @@
 import { CalendarDayOfWeek } from '../../chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/utils';
-import { CalendarHeatmapViewType, Convolution, LegendOptions, LineOptions, ScattermapMarkers, SeriesLabels, SunburstStyleOptions, TotalLabels, TreemapStyleOptions } from '../../types';
+import { CalendarHeatmapViewType, Convolution, LegendOptions, LineOptions, PieSeriesLabels, ScattermapMarkers, SeriesLabels, SunburstStyleOptions, TotalLabels, TreemapStyleOptions } from '../../types';
 import { Axis } from './axis-section';
 import { FunnelDirection, FunnelLabels, FunnelSize, FunnelType } from './funnel-plot-options';
 import { Marker } from './marker-section';
-import { PieLabels, PieType } from './pie-plot-options';
+import { PieType } from './pie-plot-options';
 import { ScatterMarkerSize } from './scatter-plot-options';
 import { LineType, StackType } from './translations-to-highcharts';
 import { DesignPerSeries, TextStyle } from './types';
@@ -89,8 +89,8 @@ export type PolarChartDesignOptions = CartesianChartDesignOptions & {
 export declare function isPolarChartDesignOptions(options: CartesianChartDesignOptions): options is PolarChartDesignOptions;
 export type PieChartDesignOptions = BaseDesignOptionsType & {
     pieType?: PieType;
-    pieLabels?: PieLabels;
     convolution?: Convolution;
+    seriesLabels?: PieSeriesLabels;
 };
 export type FunnelChartDesignOptions = BaseDesignOptionsType & {
     funnelSize?: FunnelSize;

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

@@ -1,4 +1,5 @@
 import type { LegendOptions } from '../../types';
+import { HighchartsGradientColorObject } from '../../utils/gradient';
 import type { TextStyle } from './types';
 export type LegendPosition = 'top' | 'left' | 'right' | 'bottom' | null;
 export type LegendSettings = {
@@ -6,9 +7,9 @@ export type LegendSettings = {
     align?: 'center' | 'left' | 'right';
     verticalAlign?: 'top' | 'middle' | 'bottom';
     borderWidth?: number;
-    borderColor?: string;
+    borderColor?: string | HighchartsGradientColorObject;
     borderRadius?: number;
-    backgroundColor?: string;
+    backgroundColor?: string | HighchartsGradientColorObject;
     margin?: number;
     padding?: number;
     maxHeight?: number;

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

@@ -1,8 +1,8 @@
-import { CompleteThemeSettings } from '../../types';
+import { CompleteThemeSettings, PieSeriesLabels } from '../../types';
 import { ChartDataOptionsInternal } from '../../chart-data-options/types';
 import { PlotOptions } from '../chart-options-service';
 import { DataLabelsSettings } from './value-label-section';
-export declare const DefaultPieLabels: PieLabels;
+export declare const DefaultPieSeriesLabels: PieSeriesLabels;
 export type PieLabels = {
     enabled: boolean;
     showCategories: boolean;
@@ -26,5 +26,5 @@ export type PieOptions = {
     innerSize?: InnerSize;
 };
 type InnerSize = '0%' | '40%' | '80%';
-export declare const getPiePlotOptions: (pieType: "classic" | "donut" | "ring" | undefined, pieLabels: PieLabels | undefined, chartDataOptions: ChartDataOptionsInternal, themeSettings?: CompleteThemeSettings) => PlotOptions;
+export declare const getPiePlotOptions: (pieType: "classic" | "donut" | "ring" | undefined, seriesLabels: PieSeriesLabels | undefined, chartDataOptions: ChartDataOptionsInternal, themeSettings?: CompleteThemeSettings) => PlotOptions;
 export {};

package/dist/packages/sdk-ui/src/chart-options-processor/translations/value-label-section.d.ts

@@ -1,5 +1,6 @@
 import type { DataLabelsOptions } from '@sisense/sisense-charts';
 import { NumberFormatConfig, SeriesLabels } from '../../types';
+import { HighchartsGradientColorObject } from '../../utils/gradient';
 import { AxisOrientation } from './axis-section';
 import { PolarType } from './design-options';
 import { HighchartsDataPointContext } from './tooltip-utils';
@@ -25,8 +26,8 @@ export type DataLabelsSettings = {
     verticalAlign?: 'bottom' | 'middle' | 'top';
     padding?: number;
     color?: 'contrast' | string;
-    backgroundColor?: string;
-    borderColor?: string;
+    backgroundColor?: string | HighchartsGradientColorObject;
+    borderColor?: string | HighchartsGradientColorObject;
     borderRadius?: number;
     borderWidth?: number;
     animation?: {

package/dist/packages/sdk-ui/src/dashboard/components/toolbar/edit-toggle.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+/**
+ * Props for the EditToggle component
+ *
+ * @internal
+ */
+export interface EditToggleProps {
+    /**
+     * Whether the edit mode is currently active
+     */
+    isEditMode: boolean;
+    /**
+     * Whether the history is currently enabled
+     */
+    isHistoryEnabled: boolean;
+    /**
+     * Callback function called when the edit toggle button is clicked
+     */
+    onToggleClick: () => void;
+}
+/**
+ * Edit toggle button component for dashboard toolbar.
+ * Displays appropriate icon and tooltip based on edit mode state.
+ */
+export declare const EditToggle: import("react").NamedExoticComponent<EditToggleProps>;

package/dist/packages/sdk-ui/src/dashboard/constants.d.ts

@@ -1,11 +1,11 @@
 import type { DeepRequired } from 'ts-essentials';
 import { DashboardByIdConfig, DashboardConfig, EditModeConfig, WidgetsPanelConfig } from './types';
-export declare const DEFAULT_DASHBOARD_CONFIG: DeepRequired<Omit<DashboardConfig, 'widgetsPanel'> & {
+export declare const DEFAULT_DASHBOARD_CONFIG: DeepRequired<Omit<DashboardConfig, 'widgetsPanel' | 'tabbers'> & {
     widgetsPanel: Omit<WidgetsPanelConfig, 'editMode'> & {
         editMode: Omit<EditModeConfig, 'isEditing'>;
     };
 }>;
-export declare const DEFAULT_DASHBOARD_BY_ID_CONFIG: DeepRequired<Omit<DashboardByIdConfig, 'widgetsPanel'> & {
+export declare const DEFAULT_DASHBOARD_BY_ID_CONFIG: DeepRequired<Omit<DashboardByIdConfig, 'widgetsPanel' | 'tabbers'> & {
     widgetsPanel: Omit<WidgetsPanelConfig, 'editMode'> & {
         editMode: Omit<EditModeConfig, 'isEditing'>;
     };

package/dist/packages/sdk-ui/src/dashboard/hooks/use-tabber.d.ts

@@ -1,26 +1,41 @@
 import { WidgetPanelLayoutManager } from '../../dashboard/hooks/use-widgets-layout';
-import { TabbersOptions, WidgetsPanelColumnLayout } from '../../models';
-import { WidgetProps } from '../../props';
-import { TabberTab } from '../../types';
+import { WidgetId, WidgetsPanelColumnLayout } from '../../models';
+import { TabberButtonsWidgetProps, WidgetProps } from '../../props';
 /**
  * @internal
  */
 export type UseTabber = ({ widgets, config, }: {
     widgets: WidgetProps[];
-    config?: TabbersOptions | undefined;
+    config?: TabbersConfig | undefined;
 }) => {
     layoutManager: WidgetPanelLayoutManager;
     widgets: WidgetProps[];
 };
 /**
- * @internal
+ * Configuration for a single tab in a tabber widget.
+ */
+export type TabberTabConfig = {
+    /**
+     * Widget IDs from the dashboard to display in the tab.
+     */
+    displayWidgetIds: string[];
+};
+/**
+ * Configuration for a tabber widget.
  */
-export type SingleTabberConfig = {
-    tabs: TabberTab[];
-    activeTab: number;
+export type TabberConfig = {
+    /**
+     * Tabs configuration for the tabber widget.
+     */
+    tabs: TabberTabConfig[];
 };
-export declare const isTabberWidget: (widget: WidgetProps) => boolean;
-export declare const modifyLayout: (tabbersOptions: TabbersOptions, tabberState: Record<string, number>) => (layout: WidgetsPanelColumnLayout) => WidgetsPanelColumnLayout;
+/**
+ * Configuration for tabbers in a dashboard.
+ * It includes separate configuration for each tabber.
+ */
+export type TabbersConfig = Record<WidgetId, TabberConfig>;
+export declare const isTabberButtonsWidget: (widget: WidgetProps) => widget is TabberButtonsWidgetProps;
+export declare const modifyLayout: (tabbersOptions: TabbersConfig, tabberState: Record<string, number>) => (layout: WidgetsPanelColumnLayout) => WidgetsPanelColumnLayout;
 /**
  * Hook that modifies widget properties so it became a tabber widget.
  * Incapsulates logic for updating layout via navigating tabs

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

@@ -3,4 +3,4 @@ export { Dashboard } from './dashboard';
 export { useComposedDashboard, useComposedDashboardInternal, type ComposableDashboardProps, type UseComposedDashboardOptions, type ComposedDashboardResult, } from './use-composed-dashboard';
 export { useDashboardTheme, type DashboardThemeParams } from './use-dashboard-theme';
 export * from './hooks';
-export type { DashboardByIdProps, DashboardProps, DashboardLayoutOptions, DashboardStyleOptions, DashboardConfig, DashboardByIdConfig, WidgetsPanelConfig, EditModeConfig, DashboardFiltersPanelConfig, } from './types';
+export type { DashboardByIdProps, DashboardProps, DashboardLayoutOptions, DashboardStyleOptions, DashboardConfig, DashboardByIdConfig, WidgetsPanelConfig, EditModeConfig, DashboardFiltersPanelConfig, TabbersConfig, TabberConfig, TabberTabConfig, } from './types';

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

@@ -1,10 +1,12 @@
 import { ReactNode } from 'react';
 import { DataSource, Filter, FilterRelations } from '@sisense/sdk-data';
 import { DashboardChangeAction } from '../dashboard/dashboard';
+import { TabbersConfig } from '../dashboard/hooks/use-tabber';
 import { FiltersPanelConfig } from '../filters/components/filters-panel/types';
-import { DashboardStyleOptions, TabbersOptions, WidgetsOptions, WidgetsPanelLayout } from '../models';
+import { DashboardStyleOptions, WidgetsOptions, WidgetsPanelLayout } from '../models';
 import { WidgetProps } from '../props';
 export type { DashboardStyleOptions, WidgetsPanelColumnLayout, WidgetsPanelLayout, WidgetsPanelCell, WidgetsPanelRow, WidgetsPanelColumn, } from '../models';
+export type { TabbersConfig, TabberConfig, TabberTabConfig } from '../dashboard/hooks/use-tabber';
 /**
  * Props of the {@link DashboardById} component.
  */
@@ -161,6 +163,10 @@ export interface DashboardConfig {
      * Configuration for the widgets panel
      */
     widgetsPanel?: WidgetsPanelConfig;
+    /**
+     * Configuration for tabber widgets in the dashboard
+     */
+    tabbers?: TabbersConfig;
 }
 /**
  * Dashboard configuration
@@ -222,12 +228,6 @@ export interface DashboardProps {
     defaultDataSource?: DataSource;
     /** The options for each of the widgets */
     widgetsOptions?: WidgetsOptions;
-    /**
-     * The Tabber widgets configurations as a single dashboard config
-     *
-     * @internal
-     */
-    tabbersOptions?: TabbersOptions;
     /** The style options for the dashboard */
     styleOptions?: DashboardStyleOptions;
     /**

package/dist/packages/sdk-ui/src/dashboard/use-composed-dashboard.d.ts

@@ -1,7 +1,7 @@
 import { Filter, FilterRelations } from '@sisense/sdk-data';
 import { WidgetsPanelLayout } from '../models';
 import { DashboardProps } from './types.js';
-export type ComposableDashboardProps = Pick<DashboardProps, 'filters' | 'widgets' | 'widgetsOptions' | 'layoutOptions' | 'tabbersOptions'>;
+export type ComposableDashboardProps = Pick<DashboardProps, 'filters' | 'widgets' | 'widgetsOptions' | 'layoutOptions' | 'config'>;
 export type UseComposedDashboardOptions = {
     /**
      * @internal

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

@@ -18,6 +18,7 @@ export { TableWidget } from './widgets/table-widget';
 export { PivotTableWidget } from './widgets/pivot-table-widget';
 export { TextWidget } from './widgets/text-widget';
 export { Widget } from './widgets/widget';
+export { TabberButtonsWidget } from './widgets/tabber/tabber-buttons-widget';
 export { ContextMenu } from './common/components/menu/context-menu/context-menu';
 export { DrilldownBreadcrumbs } from './widgets/common/drilldown-breadcrumbs';
 export * from './line-chart';
@@ -105,3 +106,4 @@ export { updateDrilldownSelections } from './widgets/common/use-drilldown-core';
 export { getSelectionTitleMenuItem, getDrilldownMenuItems } from './widgets/hooks/use-drilldown';
 export { DataSchemaBrowser } from './data-browser/data-schema-browser/data-schema-browser';
 export { type TranslationDictionary, PACKAGE_NAMESPACE as translationNamespace, } from './translation/resources';
+export * from './utils/gradient';

package/dist/packages/sdk-ui/src/models/dashboard/dashboard-model.d.ts

@@ -1,8 +1,20 @@
 import { AnyObject, DataSource, Filter, FilterRelations } from '@sisense/sdk-data';
 import { DashboardSettings } from '../../api/types/dashboard-dto';
 import { DashboardLayoutOptions } from '../../dashboard';
-import { DashboardStyleOptions, TabbersOptions, WidgetModel } from '../../models';
+import { TabbersConfig } from '../../dashboard/hooks/use-tabber';
+import { DashboardStyleOptions, WidgetModel } from '../../models';
 import { type WidgetsOptions } from './types';
+/**
+ * Configuration data for a dashboard model.
+ *
+ * @internal
+ */
+export interface DashboardModelConfig {
+    /**
+     * Configuration for tabber widgets in the dashboard.
+     */
+    tabbers?: TabbersConfig;
+}
 /**
  * Model of Sisense Fusion dashboard defined in the abstractions of Compose SDK.
  *
@@ -51,11 +63,11 @@ export interface DashboardModel {
      */
     widgetsOptions: WidgetsOptions;
     /**
-     * Tabber configurations for the dashboard.
+     * Dashboard configuration.
      *
      * @internal
      */
-    tabbersOptions?: TabbersOptions;
+    config: DashboardModelConfig;
     /**
      * Dashboard settings.
      *

package/dist/packages/sdk-ui/src/models/dashboard/translate-dashboard-utils.d.ts

@@ -1,9 +1,10 @@
 import { Dimension, Filter, FilterRelations, FilterRelationsModel, FilterRelationsModelNode, Measure } from '@sisense/sdk-data';
 import { RestApi } from '../../api/rest-api';
 import { JtdTarget, TriggerMethod } from '../../dashboard/hooks/jtd/jtd-types';
+import { TabbersConfig } from '../../dashboard/hooks/use-tabber';
 import { Panel, WidgetDto } from '../../widget-by-id/types';
 import { type CascadingFilterDto, DashboardDto, type FilterDto, type LayoutDto } from '../../api/types/dashboard-dto';
-import type { TabbersOptions, WidgetsOptions, WidgetsPanelColumnLayout } from './types';
+import type { WidgetsOptions, WidgetsPanelColumnLayout } from './types';
 export declare const translateLayout: (layout: LayoutDto) => WidgetsPanelColumnLayout;
 export declare function extractDashboardFilters(dashboardFilters: Array<FilterDto | CascadingFilterDto>, filterRelationsModel?: FilterRelationsModel | FilterRelationsModelNode): Filter[] | FilterRelations;
 export declare const getJtdNavigateType: (widget: WidgetDto) => TriggerMethod;
@@ -19,7 +20,7 @@ export declare function extractPivotTargetsConfigFromWidgetDto(widget: WidgetDto
     location: 'row' | 'column' | 'value';
 } | Measure, JtdTarget[]> | undefined;
 export declare function translateWidgetsOptions(widgets?: WidgetDto[]): WidgetsOptions;
-export declare function translateTabbersOptions(widgets?: WidgetDto[]): TabbersOptions;
+export declare function translateTabbersOptions(widgets?: WidgetDto[]): TabbersConfig;
 /**
  * Replace all shared formulas, which defined by id references, in the dashboard with their actual values.
  *

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

@@ -1,6 +1,6 @@
 import { CommonFiltersOptions } from '../../common-filters/types';
 import type { JumpToDashboardConfig, JumpToDashboardConfigForPivot } from '../../dashboard/hooks/jtd/jtd-types';
-import { ColorPaletteTheme, TabberConfig } from '../../types';
+import { ColorPaletteTheme } from '../../types';
 export type { CommonFiltersOptions, CommonFiltersApplyMode, FiltersIgnoringRules, } from '../../common-filters/types';
 /**
  * Part of Dashboard layout, which describes how widgets are arranged in a cell
@@ -81,15 +81,6 @@ export type WidgetsOptions = Record<WidgetId, {
      */
     jtdConfig?: JumpToDashboardConfig | JumpToDashboardConfigForPivot;
 }>;
-/**
- * Options for TabberWidets in a dashboard
- *
- * This property actually moves responsibility on the layout management from the tabber widgets to the dashboard,
- * storing all the tabbers configs in the single place
- *
- * @internal
- */
-export type TabbersOptions = Record<WidgetId, TabberConfig>;
 /**
  * Style options for the dashboard.
  */

package/dist/packages/sdk-ui/src/models/widget/widget-model-translator/index.d.ts

@@ -0,0 +1 @@
+export * from './widget-model-translator';