@sisense/sdk-ui 2.12.0 → 2.14.0

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

@@ -0,0 +1,396 @@
+/**
+ * A position value for gradient stops, ranging from 0 (start) to 1 (end).
+ */
+export type GradientPosition = number;
+/**
+ * A color value that can be a CSS color string, hex value, or rgba/hsla string.
+ */
+export type ColorValue = string;
+/**
+ * A gradient stop defining a color at a specific position in the gradient.
+ *
+ * @example
+ * ```ts
+ * const stop: GradientStop = {
+ *   position: 0.5,
+ *   color: '#ffffff'
+ * };
+ * ```
+ */
+export interface GradientStop {
+    /**
+     * Position in the gradient where 0 is the start and 1 is the end.
+     * Must be between 0 and 1 inclusive.
+     */
+    position: GradientPosition;
+    /**
+     * Color at this position. Can be any valid CSS color value.
+     */
+    color: ColorValue;
+}
+/**
+ * Linear gradient direction configuration.
+ *
+ * @example
+ * ```ts
+ * const direction: LinearGradientDirection = {
+ *   x1: 0, y1: 0,  // Start point (top-left)
+ *   x2: 0, y2: 1   // End point (bottom-left)
+ * };
+ * ```
+ */
+export interface LinearGradientDirection {
+    /**
+     * X coordinate of the start point (0-1)
+     */
+    x1: number;
+    /**
+     * Y coordinate of the start point (0-1)
+     */
+    y1: number;
+    /**
+     * X coordinate of the end point (0-1)
+     */
+    x2: number;
+    /**
+     * Y coordinate of the end point (0-1)
+     */
+    y2: number;
+}
+/**
+ * Radial gradient configuration.
+ *
+ * @example
+ * ```ts
+ * const radial: RadialGradientConfig = {
+ *   centerX: 0.5,
+ *   centerY: 0.5,
+ *   radius: 0.8
+ * };
+ * ```
+ */
+export interface RadialGradientConfig {
+    /**
+     * X coordinate of the center point (0-1)
+     */
+    centerX: number;
+    /**
+     * Y coordinate of the center point (0-1)
+     */
+    centerY: number;
+    /**
+     * Radius of the gradient (0-1)
+     */
+    radius: number;
+}
+/**
+ * Linear gradient color configuration.
+ *
+ * @example
+ * ```ts
+ * const linearGradient: LinearGradientColor = {
+ *   type: 'linear',
+ *   direction: { x1: 0, y1: 0, x2: 0, y2: 1 },
+ *   stops: [
+ *     { position: 0, color: '#003399' },
+ *     { position: 0.5, color: '#ffffff' },
+ *     { position: 1, color: '#3366AA' }
+ *   ]
+ * };
+ * ```
+ */
+export interface LinearGradientColor {
+    /**
+     * Type discriminator for linear gradients
+     */
+    type: 'linear';
+    /**
+     * Direction of the linear gradient
+     */
+    direction: LinearGradientDirection;
+    /**
+     * Color stops along the gradient
+     */
+    stops: readonly GradientStop[];
+}
+/**
+ * Radial gradient color configuration.
+ *
+ * @example
+ * ```ts
+ * const radialGradient: RadialGradientColor = {
+ *   type: 'radial',
+ *   center: { centerX: 0.5, centerY: 0.5, radius: 0.8 },
+ *   stops: [
+ *     { position: 0, color: '#ff0000' },
+ *     { position: 1, color: '#0000ff' }
+ *   ]
+ * };
+ * ```
+ */
+export interface RadialGradientColor {
+    /**
+     * Type discriminator for radial gradients
+     */
+    type: 'radial';
+    /**
+     * Center and radius configuration
+     */
+    center: RadialGradientConfig;
+    /**
+     * Color stops along the gradient
+     */
+    stops: readonly GradientStop[];
+}
+/**
+ * Enhanced gradient color options that provide better type safety and developer experience.
+ *
+ * This is a discriminated union that allows for either linear or radial gradients,
+ * with comprehensive type checking and better IntelliSense support.
+ *
+ * @example
+ * ```ts
+ * // Linear gradient example
+ * const linearGradient: GradientColor = {
+ *   type: 'linear',
+ *   direction: { x1: 0, y1: 0, x2: 0, y2: 1 },
+ *   stops: [
+ *     { position: 0, color: '#003399' },
+ *     { position: 0.5, color: '#ffffff' },
+ *     { position: 1, color: '#3366AA' }
+ *   ]
+ * };
+ *
+ * // Radial gradient example
+ * const radialGradient: GradientColor = {
+ *   type: 'radial',
+ *   center: { centerX: 0.5, centerY: 0.5, radius: 0.8 },
+ *   stops: [
+ *     { position: 0, color: '#ff0000' },
+ *     { position: 1, color: '#0000ff' }
+ *   ]
+ * };
+ * ```
+ */
+export type GradientColor = LinearGradientColor | RadialGradientColor;
+/**
+ * Utility type to check if a value is a linear gradient.
+ *
+ * @param value - The value to check
+ * @returns True if the value is a linear gradient
+ */
+export declare const isLinearGradient: (value: any) => value is LinearGradientColor;
+/**
+ * Utility type to check if a value is a radial gradient.
+ *
+ * @param value - The value to check
+ * @returns True if the value is a radial gradient
+ */
+export declare const isRadialGradient: (value: any) => value is RadialGradientColor;
+/**
+ * Utility type to check if a value is any gradient.
+ *
+ * @param value - The value to check
+ * @returns True if the value is a gradient
+ */
+export declare const isGradient: (value: any) => value is GradientColor;
+/**
+ * Common gradient direction presets for convenience.
+ */
+export declare const GradientDirections: {
+    /**
+     * Top to bottom gradient
+     */
+    readonly topToBottom: {
+        readonly x1: 0;
+        readonly y1: 0;
+        readonly x2: 0;
+        readonly y2: 1;
+    };
+    /**
+     * Bottom to top gradient
+     */
+    readonly bottomToTop: {
+        readonly x1: 0;
+        readonly y1: 1;
+        readonly x2: 0;
+        readonly y2: 0;
+    };
+    /**
+     * Left to right gradient
+     */
+    readonly leftToRight: {
+        readonly x1: 0;
+        readonly y1: 0;
+        readonly x2: 1;
+        readonly y2: 0;
+    };
+    /**
+     * Right to left gradient
+     */
+    readonly rightToLeft: {
+        readonly x1: 1;
+        readonly y1: 0;
+        readonly x2: 0;
+        readonly y2: 0;
+    };
+    /**
+     * Diagonal top-left to bottom-right
+     */
+    readonly diagonalTopLeft: {
+        readonly x1: 0;
+        readonly y1: 0;
+        readonly x2: 1;
+        readonly y2: 1;
+    };
+    /**
+     * Diagonal top-right to bottom-left
+     */
+    readonly diagonalTopRight: {
+        readonly x1: 1;
+        readonly y1: 0;
+        readonly x2: 0;
+        readonly y2: 1;
+    };
+};
+/**
+ * Common radial gradient presets for convenience.
+ */
+export declare const RadialGradientPresets: {
+    /**
+     * Center-focused radial gradient
+     */
+    readonly center: {
+        readonly centerX: 0.5;
+        readonly centerY: 0.5;
+        readonly radius: 0.8;
+    };
+    /**
+     * Top-left focused radial gradient
+     */
+    readonly topLeft: {
+        readonly centerX: 0;
+        readonly centerY: 0;
+        readonly radius: 1;
+    };
+    /**
+     * Top-right focused radial gradient
+     */
+    readonly topRight: {
+        readonly centerX: 1;
+        readonly centerY: 0;
+        readonly radius: 1;
+    };
+    /**
+     * Bottom-left focused radial gradient
+     */
+    readonly bottomLeft: {
+        readonly centerX: 0;
+        readonly centerY: 1;
+        readonly radius: 1;
+    };
+    /**
+     * Bottom-right focused radial gradient
+     */
+    readonly bottomRight: {
+        readonly centerX: 1;
+        readonly centerY: 1;
+        readonly radius: 1;
+    };
+};
+/**
+ * Helper function to create a linear gradient with common direction presets.
+ *
+ * @param direction - The gradient direction
+ * @param stops - The color stops
+ * @returns A linear gradient configuration
+ *
+ * @example
+ * ```ts
+ * const gradient = createLinearGradient(
+ *   GradientDirections.topToBottom,
+ *   [
+ *     { position: 0, color: '#003399' },
+ *     { position: 1, color: '#3366AA' }
+ *   ]
+ * );
+ * ```
+ */
+export declare const createLinearGradient: (direction: LinearGradientDirection, stops: readonly GradientStop[]) => LinearGradientColor;
+/**
+ * Helper function to create a radial gradient with common presets.
+ *
+ * @param center - The gradient center configuration
+ * @param stops - The color stops
+ * @returns A radial gradient configuration
+ *
+ * @example
+ * ```ts
+ * const gradient = createRadialGradient(
+ *   RadialGradientPresets.center,
+ *   [
+ *     { position: 0, color: '#ff0000' },
+ *     { position: 1, color: '#0000ff' }
+ *   ]
+ * );
+ * ```
+ */
+export declare const createRadialGradient: (center: RadialGradientConfig, stops: readonly GradientStop[]) => RadialGradientColor;
+/**
+ * Inner compatibility interface that matches the original Highcharts GradientColorObject structure.
+ *
+ * This interface is provided for backward compatibility with existing Highcharts integrations.
+ * For new code, prefer using the enhanced {@link GradientColor} types.
+ *
+ * @internal
+ */
+export interface HighchartsGradientColorObject {
+    /**
+     * Linear gradient configuration (inner format)
+     */
+    linearGradient?: {
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+    };
+    /**
+     * Radial gradient configuration (inner format)
+     */
+    radialGradient?: {
+        cx: number;
+        cy: number;
+        r: number;
+    };
+    /**
+     * Color stops in inner format [position, color]
+     */
+    stops: [number, string][];
+}
+/**
+ * Converts a modern GradientColor to the inner Highcharts format.
+ *
+ * @param gradient - The modern gradient color
+ * @returns The inner format gradient color object
+ *
+ * @internal
+ */
+export declare const toGradientHighchartsFormat: (gradient: GradientColor) => HighchartsGradientColorObject;
+/**
+ * Converts a inner Highcharts gradient to the modern format.
+ *
+ * @param highchartGradient - The inner gradient color object
+ * @returns The modern gradient color format
+ *
+ * @internal
+ */
+export declare const fromHighchartsGradientFormat: (highchartGradient: HighchartsGradientColorObject) => GradientColor;
+/**
+ * Converts a color to the inner Highcharts format if it is a gradient, otherwise returns the color as is.
+ *
+ * @param color - The color to convert
+ * @returns The inner format gradient color object or the color as is
+ *
+ * @internal
+ */
+export declare const withGradientConversion: <T>(color: T) => HighchartsGradientColorObject | Exclude<T, GradientColor>;

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

@@ -0,0 +1,21 @@
+/**
+ * Recursively removes properties with undefined values and empty objects from an object.
+ *
+ * @param obj - The object to process
+ * @returns A new object with undefined properties and empty objects removed
+ *
+ * @example
+ * ```typescript
+ * const input = {
+ *   a: 1,
+ *   b: undefined,
+ *   c: { d: 2, e: undefined },
+ *   f: [1, undefined, 3],
+ *   g: {}
+ * };
+ *
+ * const result = omitUndefinedAndEmpty(input);
+ * // Result: { a: 1, c: { d: 2 }, f: [1, 3] }
+ * ```
+ */
+export declare function omitUndefinedAndEmpty<T>(obj: T): T;

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

@@ -0,0 +1 @@
+export * from './translate-widget-style-options.js';

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

@@ -0,0 +1,23 @@
+import { TabberButtonsWidgetStyleOptions } from '../../types.js';
+import { TabberWidgetDtoStyle } from '../types.js';
+/**
+ * Extracts style options from TabberWidgetDtoStyle.
+ * Pure function that transforms tabber widget DTO style to CSDK style options.
+ * Removes fields that belong in customOptions and renames background color fields.
+ * Background colors are applied when provided, regardless of the useSelectedBkg/useUnselectedBkg flags.
+ *
+ * @param tabberStyleDto - The tabber widget style from DTO
+ * @returns The tabber widget style options for CSDK
+ */
+export declare function extractTabberButtonsWidgetStyleOptions(tabberStyleDto: TabberWidgetDtoStyle): TabberButtonsWidgetStyleOptions;
+/**
+ * Extracts custom options from TabberWidgetDtoStyle.
+ * Pure function that extracts tab names and active tab index from DTO style.
+ *
+ * @param tabberStyleDto - The tabber widget style from DTO
+ * @returns Object containing tab names and active tab index
+ */
+export declare function extractTabberButtonsWidgetCustomOptions(tabberStyleDto: TabberWidgetDtoStyle): {
+    tabNames: string[];
+    activeTab: number;
+};

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

@@ -1,5 +1,5 @@
-import { AlignmentTypes, ChartStyleOptions, GaugeIndicatorStyleOptions, NumericBarIndicatorStyleOptions, NumericSimpleIndicatorStyleOptions, PivotTableStyleOptions, RadiusSizes, ShadowsTypes, SpaceSizes, TableStyleOptions, TextWidgetStyleOptions, WidgetStyleOptions } from '../types';
-import { FusionWidgetType, IndicatorWidgetStyle, PivotWidgetStyle, TableWidgetStyle, WidgetDesign, WidgetDto, WidgetSubtype } from './types';
+import { AlignmentTypes, ChartStyleOptions, GaugeIndicatorStyleOptions, NumericBarIndicatorStyleOptions, NumericSimpleIndicatorStyleOptions, PivotTableStyleOptions, RadiusSizes, ShadowsTypes, SpaceSizes, TabberButtonsWidgetStyleOptions, TableStyleOptions, TextWidgetStyleOptions, WidgetStyleOptions } from '../../types.js';
+import { FusionWidgetType, IndicatorWidgetStyle, PivotWidgetStyle, TableWidgetStyle, WidgetDesign, WidgetDto, WidgetSubtype } from '../types.js';
 /**
  * Helper function to extract table chart style options from WidgetDto
  */
@@ -12,7 +12,7 @@ export declare function extractPivotTableStyleOptions(widgetStyle: PivotWidgetSt
 /**
  * Helper function to extract style options from WidgetDto
  */
-export declare function extractStyleOptions<WType extends FusionWidgetType>(widgetType: WType, widget: WidgetDto): ChartStyleOptions | TableStyleOptions | TextWidgetStyleOptions;
+export declare function extractStyleOptions<WType extends FusionWidgetType>(widgetType: WType, widget: WidgetDto): ChartStyleOptions | TableStyleOptions | TextWidgetStyleOptions | TabberButtonsWidgetStyleOptions;
 export declare const getFlattenWidgetDesign: (widgetDesign: WidgetDesign) => {
     backgroundColor: string;
     spaceAround: SpaceSizes;
@@ -36,4 +36,4 @@ export declare const getFlattenWidgetDesign: (widgetDesign: WidgetDesign) => {
  * @param isWidgetDesignStyleEnabled - The flag to enable the widget design style
  * @returns The merged widget style
  */
-export declare function getStyleWithWidgetDesign(widgetStyle: ChartStyleOptions | TableStyleOptions | TextWidgetStyleOptions, widgetDesign?: WidgetDesign, isWidgetDesignStyleEnabled?: boolean): WidgetStyleOptions;
+export declare function getStyleWithWidgetDesign(widgetStyle: ChartStyleOptions | TableStyleOptions | TextWidgetStyleOptions | TabberButtonsWidgetStyleOptions, widgetDesign?: WidgetDesign, isWidgetDesignStyleEnabled?: boolean): WidgetStyleOptions;

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

@@ -1,8 +1,8 @@
 import { BaseJaql, FormulaContext, FormulaJaql, Jaql, JaqlDataSource, JaqlSortDirection } from '@sisense/sdk-data';
 import { JtdConfigDto } from '../dashboard/hooks/jtd/jtd-types';
 import { HierarchyId } from '../models/hierarchy';
-import { LEGACY_DESIGN_TYPES } from '../themes/legacy-design-settings';
 import { WidgetContainerStyleOptions } from '../types';
+import { LEGACY_DESIGN_TYPES } from '../themes/legacy-design-settings';
 /**
  * The type of a widget on a dashboard that is a variant of Cartesian widget.
  */
@@ -19,10 +19,20 @@ export type TabularWidgetType = 'tablewidget' | 'tablewidgetagg' | 'pivot' | 'pi
  * The type of a widget on a dashboard that is a variant of text widget.
  */
 export type TextWidgetType = 'richtexteditor';
+/**
+ * The type of a widget on a dashboard that is a variant of plugin widget.
+ * This represents the widget type in Fusion/DTO layer.
+ */
+export type FusionPluginWidgetType = 'WidgetsTabber';
+/**
+ * The type of a plugin widget in Compose SDK.
+ * This represents the widget type used internally in CSDK components.
+ */
+export type CsdkPluginWidgetType = 'tabber-buttons';
 /**
  * The type of a widget on a dashboard.
  */
-export type FusionWidgetType = CartesianWidgetType | CategoricalWidgetType | 'chart/scatter' | 'indicator' | TabularWidgetType | 'chart/boxplot' | 'map/scatter' | 'map/area' | 'heatmap' | TextWidgetType | 'custom';
+export type FusionWidgetType = CartesianWidgetType | CategoricalWidgetType | 'chart/scatter' | 'indicator' | TabularWidgetType | 'chart/boxplot' | 'map/scatter' | 'map/area' | 'heatmap' | TextWidgetType | FusionPluginWidgetType | 'custom';
 export type WidgetSubtype = 'area/basic' | 'area/stacked' | 'area/stacked100' | 'area/spline' | 'area/stackedspline' | 'area/stackedspline100' | 'bar/classic' | 'bar/stacked' | 'bar/stacked100' | 'column/classic' | 'column/stackedcolumn' | 'column/stackedcolumn100' | 'line/basic' | 'line/spline' | 'pie/classic' | 'pie/donut' | 'pie/ring' | 'column/polar' | 'area/polar' | 'line/polar' | 'indicator/numeric' | 'indicator/gauge' | 'bubble/scatter' | 'treemap' | 'sunburst' | 'boxplot/full' | 'boxplot/hollow' | 'map/scatter' | 'areamap/world' | 'areamap/usa' | 'richtexteditor';
 export declare enum WidgetDashboardFilterMode {
     FILTER = "filter",
@@ -532,7 +542,7 @@ export type CalendarHeatmapWidgetStyle = {
 export type WidgetStyle = {
     widgetDesign?: WidgetDesign;
     narration?: any;
-} & (CartesianWidgetStyle | PolarWidgetStyle | FunnelWidgetStyle | PieWidgetStyle | ScatterWidgetStyle | TableWidgetStyle | IndicatorWidgetStyle | TreemapWidgetStyle | SunburstWidgetStyle | BoxplotWidgetStyle | ScattermapWidgetStyle | AreamapWidgetStyle | PivotWidgetStyle | CalendarHeatmapWidgetStyle | TextWidgetDtoStyle);
+} & (CartesianWidgetStyle | PolarWidgetStyle | FunnelWidgetStyle | PieWidgetStyle | ScatterWidgetStyle | TableWidgetStyle | IndicatorWidgetStyle | TreemapWidgetStyle | SunburstWidgetStyle | BoxplotWidgetStyle | ScattermapWidgetStyle | AreamapWidgetStyle | PivotWidgetStyle | CalendarHeatmapWidgetStyle | TextWidgetDtoStyle | TabberWidgetDtoStyle);
 export declare enum FiltersMergeStrategyEnum {
     WIDGET_FIRST = "widgetFirst",
     CODE_FIRST = "codeFirst",
@@ -561,4 +571,29 @@ export type TextWidgetDtoStyle = {
         textAlign: 'center';
     };
 };
+/**
+ * The data transfer object (DTO) containing info of a tabber widget style.
+ */
+export type TabberWidgetDtoStyle = {
+    tabs: {
+        displayWidgetIds: string[];
+        hideWidgetIds: string[];
+        title: string;
+    }[];
+    activeTab: string;
+    descriptionColor: string;
+    selectedBkgColor: string;
+    selectedColor: string;
+    showDescription: boolean;
+    showSeparators: boolean;
+    showTitle: boolean;
+    tabCornerRadius: 'SMALL' | 'MEDIUM' | 'LARGE' | 'NONE';
+    tabsAlignment: 'LEFT' | 'CENTER' | 'RIGHT';
+    tabsInterval: 'SMALL' | 'MEDIUM' | 'LARGE';
+    tabsSize: 'SMALL' | 'MEDIUM' | 'LARGE';
+    unselectedBkgColor: string;
+    unselectedColor: string;
+    useSelectedBkg: boolean;
+    useUnselectedBkg: boolean;
+};
 export {};

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

@@ -3,7 +3,7 @@ import { WidgetModel } from '../models';
 import { WidgetTypeInternal } from '../models/widget/types';
 import { ChartProps, ChartWidgetProps, CommonWidgetProps, CustomWidgetProps, PivotTableProps, PivotTableWidgetProps, TextWidgetProps, WidgetProps, WidgetType, WithCommonWidgetProps } from '../props';
 import { ChartType, RenderToolbarHandler } from '../types.js';
-import { FusionWidgetType, Panel, PanelItem, TextWidgetDtoStyle, WidgetStyle, WidgetSubtype } from './types.js';
+import { CsdkPluginWidgetType, FusionPluginWidgetType, FusionWidgetType, Panel, PanelItem, TextWidgetDtoStyle, WidgetStyle, WidgetSubtype } from './types.js';
 export { mergeFilters, getFilterRelationsFromJaql, convertFilterRelationsModelToJaql, getFilterCompareId, } from '@sisense/sdk-data';
 /**
  * Returns the corresponding chart type for a given widget type
@@ -15,7 +15,35 @@ export declare function getFusionWidgetTypeFromChartType(chartType: ChartType):
 export declare function getFusionWidgetType(widgetType: WidgetType, chartType?: ChartType): FusionWidgetType;
 export declare function getWidgetType(fusionWidgetType: FusionWidgetType): WidgetType;
 export declare function getChartSubtype(widgetSubtype: WidgetSubtype): ChartSubtype | undefined;
-export declare function isSupportedWidgetType(fusionWidgetType: FusionWidgetType): fusionWidgetType is FusionWidgetType;
+export declare function isSupportedWidgetType(fusionWidgetType: string): fusionWidgetType is FusionWidgetType;
+/**
+ * Check if the given fusion widget type is a supported plugin widget (in DTO format).
+ * @param fusionWidgetType - The fusion widget type from DTO
+ * @returns True if it's a supported plugin widget
+ * @internal
+ */
+export declare function isSupportedPluginFusionWidget(fusionWidgetType: string): boolean;
+/**
+ * Check if the given CSDK widget type is a supported plugin widget (in CSDK format).
+ * @param csdkWidgetType - The CSDK custom widget type
+ * @returns True if it's a supported plugin widget
+ * @internal
+ */
+export declare function isSupportedPluginCsdkWidget(csdkWidgetType: string): boolean;
+/**
+ * Map a Fusion plugin widget type (DTO) to CSDK plugin widget type.
+ * @param fusionType - The Fusion plugin widget type from DTO
+ * @returns The corresponding CSDK plugin widget type
+ * @internal
+ */
+export declare function fusionPluginWidgetTypeToCsdk(fusionType: FusionPluginWidgetType): CsdkPluginWidgetType;
+/**
+ * Map a CSDK plugin widget type to Fusion plugin widget type (DTO).
+ * @param csdkType - The CSDK plugin widget type
+ * @returns The corresponding Fusion plugin widget type for DTO
+ * @internal
+ */
+export declare function csdkPluginWidgetTypeToFusion(csdkType: CsdkPluginWidgetType): FusionPluginWidgetType;
 /**
  * Widget types that support Jump To Dashboard (JTD) functionality
  *

package/dist/packages/sdk-ui/src/widgets/tabber/tabber-buttons-widget.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TabberButtonsWidgetProps } from './types';
+/**
+ * Visual representation of a Fusion's widget with tabber buttons
+ * @param props - Tabber buttons widget props
+ * @internal
+ */
+export declare const TabberButtonsWidget: React.FunctionComponent<TabberButtonsWidgetProps>;