import { CSSProperties } from 'react';
import type { Attribute, CalculatedMeasureColumn, Column, Measure, MeasureColumn, MembersFilter } from '@sisense/sdk-data';
import { DeepRequired } from 'ts-essentials';
import { AbstractDataPointWithEntries } from './domains/dashboarding/common-filters/types';
import { Coordinates } from './domains/visualizations/components/chart/components/scattermap/types';
import { Hierarchy, HierarchyId, StyledColumn, StyledMeasureColumn } from '.';
import { GeoDataElement } from './domains/visualizations/components/chart/restructured-charts/areamap-chart/types';
import { CalendarDayOfWeek } from './domains/visualizations/components/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/utils';
import type { DataColorCondition, DataColorOptions } from './domains/visualizations/core/chart-data/data-coloring/types';
import { HighchartsOptionsInternal } from './domains/visualizations/core/chart-options-processor/chart-options-service';
import { AreaRangeSubtype, AreaSubtype, BoxplotSubtype, LineSubtype, PieSubtype, PolarSubtype, StackableSubtype } from './domains/visualizations/core/chart-options-processor/subtype-to-design-options';
import { IndicatorComponents, TableColorOptions } from './domains/visualizations/core/chart-options-processor/translations/design-options';
import { FunnelDirection, FunnelSize, FunnelType } from './domains/visualizations/core/chart-options-processor/translations/funnel-plot-options';
import { LegendPosition } from './domains/visualizations/core/chart-options-processor/translations/legend-section';
import { ScatterMarkerSize } from './domains/visualizations/core/chart-options-processor/translations/scatter-plot-options';
import { AreamapChartType, BoxplotChartType, CalendarHeatmapChartType, CartesianChartType, CategoricalChartType, IndicatorChartType, KpiChartType, RangeChartType, SankeyChartType, ScatterChartType, ScattermapChartType, TableChartType, TextStyle } from './domains/visualizations/core/chart-options-processor/translations/types';
import { DataPointsEventHandler } from './props';
import { GradientColor } from './shared/utils/gradient';
import { SoftUnion } from './shared/utils/utility-types';
export type { SortDirection, PivotRowsSort } from '@sisense/sdk-data';
export type { AppConfig } from './infra/app/types';
export type { DateConfig } from './domains/query-execution/core/date-formats';
export type { CalendarDayOfWeek } from './domains/visualizations/components/chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/utils';
export type { CartesianChartDataOptions, CategoricalChartDataOptions, ChartDataOptions, ScatterChartDataOptions, IndicatorChartDataOptions, CalendarHeatmapChartDataOptions, SankeyChartDataOptions, KpiChartDataOptions, KpiComparison, KpiValueMode, StyledColumn, StyledMeasureColumn, } from './domains/visualizations/core/chart-data-options/types';
export type { DataColorCondition, ConditionalDataColorOptions, DataColorOptions, RangeDataColorOptions, UniformDataColorOptions, } from './domains/visualizations/core/chart-data/data-coloring/types';
export type { CartesianChartType, CategoricalChartType, ScatterChartType, IndicatorChartType, BoxplotChartType, ScattermapChartType, AreamapChartType, CalendarHeatmapChartType, KpiChartType, TableType, TableChartType, RangeChartType, SankeyChartType, TextStyle, } from './domains/visualizations/core/chart-options-processor/translations/types';
export type { IndicatorComponents } from './domains/visualizations/core/chart-options-processor/translations/design-options';
export type { ScatterMarkerSize } from './domains/visualizations/core/chart-options-processor/translations/scatter-plot-options';
export type { LegendPosition } from './domains/visualizations/core/chart-options-processor/translations/legend-section';
export type { GeoDataElement, RawGeoDataElement, } from './domains/visualizations/components/chart/restructured-charts/areamap-chart/types';
export type { Coordinates } from './domains/visualizations/components/chart/components/scattermap/types';
export type { TableColorOptions } from './domains/visualizations/core/chart-options-processor/translations/design-options';
export type { AreaSubtype, AreaRangeSubtype, LineSubtype, PieSubtype, PolarSubtype, StackableSubtype, BoxplotSubtype, } from './domains/visualizations/core/chart-options-processor/subtype-to-design-options';
export type { MonthOfYear, DayOfWeek, DateLevel, } from './domains/query-execution/core/date-formats/apply-date-format';
export type { IndicatorRenderOptions } from './domains/visualizations/components/chart/components/indicator/indicator-render-options';
export type { TabberButtonsWidgetStyleOptions, TabberButtonsWidgetCustomOptions, } from './domains/widgets/components/tabber-buttons-widget/types';
/**
 * @internal
 */
export type Components = {
    title: {
        enabled: boolean;
    };
};
/** Options that define navigator - zoom/pan tool for large datasets in a chart. */
export type Navigator = {
    /** Boolean flag that defines if navigator should be shown on the chart */
    enabled: boolean;
    /** The scroll location of the navigator scroller / auto zoom feature */
    scrollerLocation?: {
        min: number;
        max: number;
    };
    /**
     * Callback invoked when the user moves the navigator scroller.
     * Receives the new min and max values of the visible range.
     * @internal
     */
    onScrollerChange?: (min: number, max: number) => void;
};
/** Configuration that defines line width */
export type LineWidth = {
    /** Line width type */
    width: 'thin' | 'bold' | 'thick';
};
/** Configuration that defines line dash type */
export type DashStyle = 'Solid' | 'ShortDash' | 'ShortDot' | 'ShortDashDot' | 'ShortDashDotDot' | 'Dot' | 'Dash' | 'LongDash' | 'DashDot' | 'LongDashDot' | 'LongDashDotDot';
/** Configuration that defines line end cap type */
export type EndCapType = 'Round' | 'Square';
/**
 * Configuration options for styling lines in charts.
 *
 * This type is used to customize the visual appearance of lines in various chart types
 * including Line charts, Area charts, and AreaRange charts.
 */
export type LineOptions = {
    /**
     * Width of the line in pixels.
     */
    width?: number;
    /**
     * Dash pattern for the line.
     *
     * Defines the visual pattern of the line.
     */
    dashStyle?: DashStyle;
    /**
     * Style of the line end caps.
     *
     * Controls how the ends of lines are rendered:
     * - `'Round'`: Rounded ends for a softer appearance
     * - `'Square'`: Sharp, flat ends for a crisp appearance
     */
    endCap?: EndCapType;
    /**
     * Whether to apply a shadow effect to the line.
     *
     * When enabled, adds a subtle shadow behind the line for enhanced.
     */
    shadow?: boolean;
};
/** Options that define  markers - symbols or data points that highlight specific values. */
export type Markers = {
    /** Boolean flag that defines if markers should be shown on the chart */
    enabled: boolean;
    /**
     * Marker fill style
     */
    fill?: 'filled' | 'hollow';
    /**
     * Size of markers
     */
    size?: 'small' | 'large';
};
export type X2Title = {
    enabled: boolean;
    text?: string;
};
export type SeriesLabelsTextStyle = Omit<TextStyle, 'pointerEvents' | 'textOverflow' | 'color'> & {
    /**
     * Color of the labels text
     * The default color setting is "contrast", which applies the maximum contrast between the background and the text
     *
     * @default 'contrast'
     */
    color?: 'contrast' | string;
};
export type SeriesLabelsBase = {
    /** Boolean flag that defines if series labels should be shown on the chart */
    enabled: boolean;
    /**
     * Rotation of series labels (in degrees)
     * Note that due to a more complex structure, backgrounds, borders and padding will be lost on a rotated data label
     * */
    rotation?: number;
    /**
     * Styling for labels text
     */
    textStyle?: SeriesLabelsTextStyle;
    /**
     * Background color of the labels. `auto` uses the same color as the data point
     */
    backgroundColor?: 'auto' | string | GradientColor;
    /**
     * Color of the labels border
     */
    borderColor?: string | GradientColor;
    /**
     * Border radius in pixels applied to the labels border, if visible
     *
     * @default 0
     */
    borderRadius?: number;
    /**
     * Border width of the series labels, in pixels
     */
    borderWidth?: number;
    /**
     * Padding of the series labels, in pixels
     */
    padding?: number;
    /**
     * Horizontal offset of the labels in pixels, relative to its horizontal alignment specified via `align`
     *
     * @default 0
     */
    xOffset?: number;
    /**
     * Vertical offset of the labels in pixels, relative to its vertical alignment specified via `verticalAlign`
     *
     * @default 0
     */
    yOffset?: number;
    /**
     * 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
     *
     * For some chart types, this will only apply when `alignInside` is `true`.
     */
    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.
 *
 * Extends the base TextStyle with additional alignment options specific to total labels.
 */
export type TotalLabelsTextStyle = Omit<TextStyle, 'pointerEvents' | 'textOverflow'> & {
    /**
     * Horizontal alignment of the total label text
     */
    align?: 'left' | 'center' | 'right';
};
/**
 * Configuration options for total labels in stacked charts.
 *
 * Total labels display the sum of all series values at each data point in stacked charts.
 * This configuration allows you to customize the appearance and positioning of these labels.
 */
export type TotalLabels = {
    /**
     * Boolean flag that defines if total labels should be shown on the chart
     * Total labels are only supported for stacked chart subtypes (Column, Bar, Area)
     * */
    enabled: boolean;
    /**
     * Rotation of total labels (in degrees)
     * */
    rotation?: number;
    /**
     * The horizontal alignment of the total label compared to the point
     */
    align?: 'left' | 'center' | 'right';
    /**
     * The vertical alignment of the total label compared to the point
     */
    verticalAlign?: 'top' | 'middle' | 'bottom';
    /**
     * The animation delay time in milliseconds. Set to 0 to render the data labels immediately
     */
    delay?: number;
    /**
     * Background color of the labels. `auto` uses the same color as the data point
     */
    backgroundColor?: 'auto' | string | GradientColor;
    /**
     * Color of the labels border
     */
    borderColor?: string | GradientColor;
    /**
     * Border radius in pixels applied to the labels border, if visible
     *
     * @default 0
     */
    borderRadius?: number;
    /**
     * Border width of the series labels, in pixels
     */
    borderWidth?: number;
    /**
     * Styling for labels text
     */
    textStyle?: TotalLabelsTextStyle;
    /**
     * Horizontal offset of the total label in pixels, relative to its horizontal alignment specified via `align`
     */
    xOffset?: number;
    /**
     * Vertical offset of the total label in pixels, relative to its vertical alignment specified via `verticalAlign`
     */
    yOffset?: number;
    /**
     * Text to be shown before the total label
     */
    prefix?: string;
    /**
     * Text to be shown after the total label
     */
    suffix?: string;
};
/**
 * Configuration for the legend title
 */
export interface LegendTitleOptions {
    /** Whether the legend title is enabled */
    enabled?: boolean;
    /** The text content of the legend title */
    text?: string;
    /** Styling for the legend title */
    textStyle?: TextStyle;
}
/**
 * Configuration for individual legend items
 */
export interface LegendItemsOptions {
    /**
     * Layout direction for legend items
     *
     * Can be one of 'horizontal' or 'vertical' or 'proximate'.
     * When 'proximate', the legend items will be placed as close as possible to the graphs they're representing, except in inverted charts or when the legend position doesn't allow it.
     */
    layout?: 'horizontal' | 'vertical' | 'proximate';
    /** Distance between legend items in pixels */
    distance?: number;
    /** Top margin applied to each legend item, in pixels */
    marginTop?: number;
    /** Bottom margin applied to each legend item, in pixels */
    marginBottom?: number;
    /**
     * Width of legend items, in pixels.
     *
     * @default undefined
     */
    width?: number;
    /** Styling for legend items text */
    textStyle?: TextStyle;
    /**
     * Styling for legend items on hover
     *
     * @internal
     */
    hoverTextStyle?: TextStyle;
    /**
     * Styling for hidden legend items
     *
     * @internal
     */
    hiddenTextStyle?: TextStyle;
}
/**
 * Configuration for legend symbols
 */
export interface LegendSymbolsOptions {
    /** Width of the legend symbol in pixels */
    width?: number;
    /** Height of the legend symbol in pixels */
    height?: number;
    /**
     * If true, the `width` of the symbol will be the same as the `height`.
     *
     * @default true
     */
    squared?: boolean;
    /** Border radius applied to symbols. Set to half of the `height` value to create a circle*/
    radius?: number;
    /** Padding between the symbol and text of each legend item, in pixels */
    padding?: number;
}
/**
 * Options that define legend - a key that provides information about the data series or colors used in chart.
 */
export type LegendOptions = {
    /** Boolean flag that defines if legend should be shown on the chart */
    enabled: boolean;
    /**
     * Position of the legend
     *
     * @deprecated Please use `align`, `verticalAlign` and `items.layout` properties instead
     */
    position?: LegendPosition;
    /** Horizontal alignment of the legend */
    align?: 'left' | 'center' | 'right';
    /** Vertical alignment of the legend */
    verticalAlign?: 'top' | 'middle' | 'bottom';
    /**
     * Maximum height of the legend in pixels.
     * When the maximum height is exceeded by the number of items in the legend, scroll navigation arrows will appear
     */
    maxHeight?: number;
    /** Margin in pixels between the legend and the axis labels or plot area */
    margin?: number;
    /** Padding inside the legend, in pixels */
    padding?: number;
    /** Background color of the legend */
    backgroundColor?: string | GradientColor;
    /** Width of the legend border in pixels */
    borderWidth?: number;
    /** Color of the legend border */
    borderColor?: string | GradientColor;
    /**
     * Border radius in pixels applied to the legend border, if visible.
     *
     * @default 0
     */
    borderRadius?: number;
    /**
     * Whether to show shadow on the legend
     */
    shadow?: boolean;
    /** If `true`, the order of legend items is reversed.
     *
     * @default false
     */
    reversed?: boolean;
    /**
     * If `true`, legend items are displayed right-to-left.
     *
     * @default false
     */
    rtl?: boolean;
    /**
     * If `true`, the legend can float over the chart.
     *
     * @default false
     */
    floating?: boolean;
    /** Width of the legend, specified in pixels e.g. `200` or percentage of the chart width e.g. `'30%'` */
    width?: number | string;
    /** Configuration for the legend title */
    title?: LegendTitleOptions;
    /** Configuration for legend items */
    items?: LegendItemsOptions;
    /** Configuration for legend symbols in pixels */
    symbols?: LegendSymbolsOptions;
    /**
     * Horizontal offset of the legend in pixels, relative to its horizontal alignment specified via `align`.
     *
     * @default 0
     */
    xOffset?: number;
    /**
     * Vertical offset of the legend in pixels, relative to its vertical alignment specified via `verticalAlign`.
     *
     * @default 0
     */
    yOffset?: number;
};
/**
 * Alias for LegendOptions for backward compatibility
 *
 * @deprecated Please use {@link LegendOptions} instead
 */
export type Legend = LegendOptions;
/** Configuration that defines behavior of data labels on chart */
export type Labels = {
    /** Boolean flag that defines if categories names should be shown */
    categories?: boolean;
    /** Boolean flag that defines if any labels should be shown */
    enabled?: boolean;
    /** Boolean flag that defines if percents of Pie should be shown on slices */
    percent?: boolean;
    /** Boolean flag that defines if decimals should be shown for percent labels */
    decimals?: boolean;
    /** Boolean flag that defines if original values per category should be shown */
    value?: boolean;
};
/** Options that define configuration for certain chart axis. */
export type AxisLabel = {
    /** Boolean flag that defines if this axis should be shown on the chart */
    enabled?: boolean;
    /** Boolean flag that defines if grid lines should be shown on the chart */
    gridLines?: boolean;
    /** Interval of the tick marks (jumps) in axis units. */
    intervalJumps?: number;
    /** Boolean flag that defines if tick marks should be shown on the axis */
    isIntervalEnabled?: boolean;
    /** Configuration for labels on the axis */
    labels?: {
        /** Boolean flag that defines if labels should be shown on the axis */
        enabled: boolean;
    };
    /** Boolean flag that defines if the axis should have logarithmic scale */
    logarithmic?: boolean;
    /** The minimum value of the axis. If 'undefined' the min value is automatically calculated */
    min?: number;
    /** The maximum value of the axis. If 'undefined' the max value is automatically calculated */
    max?: number;
    /**
     * Boolean flag that defines if the Y axis should have grid lines extending the ticks across the plot area
     */
    templateMainYHasGridLines?: boolean;
    /** Configuration for title of the axis */
    title?: {
        /** Boolean flag that defines if title should be shown */
        enabled: boolean;
        /** Textual content of the title */
        text?: string;
    };
    /** Configuration for title of the second X axis */
    x2Title?: X2Title;
};
/**
 * Configuration that defines the ability of the Pie chart to collapse (convolve) and
 * hide part of the data under the single category "Others".
 */
export type Convolution = {
    /** Boolean flag that defines if convolution ability should be enabled on chart */
    enabled: boolean;
    /** Selected type of convolution behavior */
    selectedConvolutionType?: 'byPercentage' | 'bySlicesCount';
    /** Value that defines what minimal size in percent should a slice take to fall under the convolution */
    minimalIndependentSlicePercentage?: number;
    /** Number that defines of how many independent slices should be present in chart (other will be convolved) */
    independentSlicesCount?: number;
};
/**
 * These were added so that we would be consistent with the style options on a
 * widget. However, these are not used anywhere (yet).
 *
 * @internal
 */
interface ReservedStyleOptions {
    /** @internal */
    'colors/columns'?: boolean;
    /** @internal */
    'colors/headers'?: boolean;
    /** @internal */
    'colors/rows'?: boolean;
    /** @internal */
    components?: Components;
    /** @internal */
    skin?: string;
}
/**
 * Configuration that limits the series or categories that are charted.
 */
export interface DataLimits {
    /** Maximum number of series to chart */
    seriesCapacity?: number;
    /** Maximum number of categories to chart */
    categoriesCapacity?: number;
}
/**
 * Basic configuration options that define functional style of the various elements of chart
 *
 * @internal
 */
export interface BaseStyleOptions extends ReservedStyleOptions {
    /**
     * Configuration for legend - a key that provides information about the data series or colors used in chart
     * */
    legend?: LegendOptions;
    /** Data limit for series or categories that will be plotted */
    dataLimits?: DataLimits;
    /**
     * Total width of the component, which is considered in the following order of priority:
     *
     * 1. Value passed to this property (in pixels)
     * 2. Width of the container wrapping this component
     * 3. Default value of 400px
     *
     */
    width?: number;
    /**
     * Total height of the component, which is considered in the following order of priority:
     *
     * 1. Value passed to this property (in pixels).
     * 2. Height of the container wrapping this component
     * 3. Default value of 400px (for component without header) or 425px (for component with header).
     */
    height?: number;
}
/**
 * Configuration options that define functional style of axes and related elements
 *
 * @internal
 */
export interface BaseAxisStyleOptions {
    /** Configuration for markers - symbols or data points that highlight specific values */
    markers?: Markers;
    /** Configuration for navigator - zoom/pan tool for large datasets in a chart */
    navigator?: Navigator;
    /** Configuration for X axis */
    xAxis?: AxisLabel;
    /** Configuration for Y axis */
    yAxis?: AxisLabel;
    /** Configuration for second Y axis */
    y2Axis?: AxisLabel;
}
/** Style options for charts of cartesian family @internal */
export type CartesianStyleOptions = LineStyleOptions | AreaStyleOptions | StackableStyleOptions;
/** Configuration options that define functional style of the various elements of LineChart */
export interface LineStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions {
    /**
     * Configuration that defines line width
     *
     * @deprecated
     * Use line.width instead
     */
    lineWidth?: LineWidth;
    /** Configuration that defines line style */
    line?: LineOptions;
    /** Subtype of LineChart */
    subtype?: LineSubtype;
    /**
     * For step charts: defines where the step occurs (before, between, or after points)
     * Only used when subtype is 'line/step'
     *
     * **Values**
     *
     * - `left` - step occurs before the point (default)
     * - `center` - step occurs between points
     * - `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 {
    /**
     * Configuration that defines line width
     *
     * @deprecated
     * Use line.width instead
     */
    lineWidth?: LineWidth;
    /** Configuration that defines line style */
    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 {
    /**
     * Configuration that defines line width
     *
     * @deprecated
     * Use line.width instead
     */
    lineWidth?: LineWidth;
    /** Configuration that defines line style */
    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
     */
    totalLabels?: TotalLabels;
}
/**
 * Configuration options that define the visual style of a Streamgraph chart.
 *
 * Streamgraphs are centered stacked area charts that emphasize flowing patterns
 * and overall trends. The Y-axis is typically hidden or minimal, and series labels
 * are often displayed directly on the areas for identification.
 */
export interface StreamgraphStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions {
    /**
     * Configuration that defines line style for area boundaries.
     */
    line?: LineOptions;
    /**
     * Configuration that defines line width for area boundaries.
     *
     * @deprecated
     * Use line.width instead
     */
    lineWidth?: LineWidth;
    /**
     * Configuration for series labels - titles/names identifying data series in a chart.
     */
    seriesLabels?: SeriesLabels;
    /**
     * Configuration for titles of series
     * @internal
     **/
    seriesTitles?: {
        /** Boolean flag that defines if titles of series should be shown */
        enabled: boolean;
        /**
         * Text style for series titles
         *
         * Font size and weight are calculated automatically
         * */
        textStyle?: Omit<TextStyle, 'pointerEvents' | 'textOverflow' | 'fontSize' | 'fontWeight'>;
    };
}
/** Configuration options that define functional style of the various elements of stackable charts, like Column or Bar */
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
     */
    totalLabels?: TotalLabels;
    /**
     * Configuration for series styling
     */
    series?: {
        /**
         * Padding between each column or bar, in x axis units.
         *
         * @default 0.01
         */
        padding?: number;
        /**
         * Padding between each value groups, in x axis units.
         *
         * @default 0.1
         */
        groupPadding?: number;
        /**
         * The corner radius of the border surrounding each column or bar.
         * A number signifies pixels.
         * A percentage string, like for example 50%, signifies a relative size.
         *
         * @default 0
         */
        borderRadius?: number | string;
    };
}
/**
 * Configuration for percentage labels
 * Percentage labels are shown on top of series slices
 */
export type PiePercentageLabels = {
    /**
     * Boolean flag that defines if percentage label should be shown
     */
    enabled: boolean;
    /**
     * Boolean flag that defines if percentage label should be shown with decimals
     */
    showDecimals?: boolean;
};
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`
     */
    showCategory?: boolean;
    /**
     * Configuration for percentage labels
     * Percentage labels are shown on top of series slices
     * Styling from series labels are not applied to percentage labels
     */
    percentageLabels?: PiePercentageLabels;
    /**
     * Styling for labels text
     */
    textStyle?: Omit<TextStyle, 'pointerEvents' | 'textOverflow'>;
};
/** Configuration options that define functional style of the various elements of Pie chart */
export interface PieStyleOptions extends BaseStyleOptions {
    /**
     * Configuration that defines the ability of the Pie chart to collapse (convolve) and
     * hide part of the data under the single category "Others".
     */
    convolution?: Convolution;
    /**
     * Configuration that defines behavior of data labels on Pie chart
     *
     * @deprecated
     * Use seriesLabels instead
     */
    labels?: Labels;
    /** Subtype of Pie chart*/
    subtype?: PieSubtype;
    /**
     * Boolean flag that defines if the pie chart should be displayed as a semi-circle
     */
    semiCircle?: boolean;
    /**
     * Configuration for series labels - titles/names identifying data series in a chart
     */
    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 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
     *
     * @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;
}
/** Configuration options that define functional style of the various elements of IndicatorChart */
export type IndicatorStyleOptions = (NumericSimpleIndicatorStyleOptions | NumericBarIndicatorStyleOptions | GaugeIndicatorStyleOptions) & {
    /**
     * Total width of the component, which is considered in the following order of priority:
     *
     * 1. Value passed to this property (in pixels)
     * 2. Width of the container wrapping this component
     * 3. Default value of 200px
     *
     */
    width?: number;
    /**
     * Total height of the component, which is considered in the following order of priority:
     *
     * 1. Value passed to this property (in pixels).
     * 2. Height of the container wrapping this component
     * 3. Default value of 200px (for component without header) or 225px (for component with header).
     */
    height?: number;
};
/** Configuration options that define functional style of the various elements of the Table Component */
export interface TableStyleOptions {
    /**
     * Vertical padding around whole table
     * Default value is 8px
     *
     */
    paddingVertical?: number;
    /**
     * Horizontal padding around whole table
     * Default value is 8px
     *
     */
    paddingHorizontal?: number;
    /**
     * Number of rows per page
     *
     * Default value is 25
     *
     */
    rowsPerPage?: number;
    /**
     * Total width of the component, which is considered in the following order of priority:
     *
     * 1. Value passed to this property (in pixels)
     * 2. Width of the container wrapping this component
     * 3. Default value of 400px
     *
     */
    width?: number;
    /**
     * Total height of the component, which is considered in the following order of priority:
     *
     * 1. Value passed to this property (in pixels).
     * 2. Height of the container wrapping this component
     * 3. Default value of 500px (for component without header) or 525px (for component with header).
     */
    height?: number;
    /**
     * Boolean flag whether the height of the component should be automatically adjusted to fit the content
     *
     * When enabled, the table grows to fit all rows of the current page without an inner vertical
     * scrollbar, and reports its height to the containing dashboard row.
     *
     * Default value is `false`. Widgets loaded from a Fusion dashboard instead follow the dashboard's
     * own setting.
     */
    isAutoHeight?: boolean;
    /**
     * Header options
     */
    header?: {
        /**
         * Color of header
         */
        color?: TableColorOptions;
    };
    /**
     * Columns options
     */
    columns?: {
        /**
         * Alternating color for columns
         */
        alternatingColor?: TableColorOptions;
        /**
         * Modes of columns width
         * 'auto' - all columns will have the same width and fit the table width (no horizontal scroll)
         * 'content' - columns width will be based on content (default option)
         *
         * In `'auto'` mode the even column width takes precedence over any per-column `width` set in
         * `dataOptions`, and interactive resizing is disabled regardless of `resizable` configuration.
         */
        width?: 'auto' | 'content';
        /**
         * Enables interactive resizing of column widths by dragging the column border.
         * Default value is `true`. Set to `false` to disable.
         *
         * Ignored when `width` is `'auto'`, where resizing is always disabled.
         */
        resizable?: boolean;
        /**
         * Minimum column width in pixels when resizing.
         * Default value is 120.
         */
        minWidth?: number;
        /**
         * Maximum column width in pixels when resizing.
         * Default value is 350.
         */
        maxWidth?: number;
        /**
         * Current column pixel widths, in display order. Set by the dashboarding
         * layer to make column widths controlled/persisted; not intended for
         * direct use.
         *
         * @internal
         */
        widths?: number[];
        /**
         * Fired with the full set of column widths (pixels, in display order)
         * whenever a column resize completes.
         *
         * @internal
         */
        onColumnsResize?: (widths: number[]) => void;
    };
    /**
     * Rows options
     */
    rows?: {
        /**
         * Alternating color for rows
         */
        alternatingColor?: TableColorOptions;
    };
}
/** Configuration options that define functional style of the various elements of the tabular charts. */
export type TabularChartStyleOptions = TableStyleOptions;
/** Configuration options that define functional style of the various elements of the PivotTable component. */
export interface PivotTableStyleOptions {
    /**
     * Boolean flag whether to fill header cells with background color
     */
    headersColor?: boolean;
    /**
     * Boolean flag whether to apply background color to alternate rows.
     */
    alternatingRowsColor?: boolean;
    /**
     * Boolean flag whether to apply background color to alternate columns
     */
    alternatingColumnsColor?: boolean;
    /**
     * Boolean flag whether to fill row members cells with background color
     */
    membersColor?: boolean;
    /**
     * Boolean flag whether to fill totals and subtotals cells with background color
     */
    totalsColor?: boolean;
    /**
     * Number of rows per page
     *
     * Default value is 25
     *
     */
    rowsPerPage?: number;
    /**
     * Total width of the component, which is considered in the following order of priority:
     *
     * 1. Value passed to this property (in pixels)
     * 2. Width of the container wrapping this component
     * 3. Default value of 400px
     *
     */
    width?: number;
    /**
     * Total height of the component, which is considered in the following order of priority:
     *
     * 1. Value passed to this property (in pixels).
     * 2. Height of the container wrapping this component
     * 3. Default value of 500px (for component without header) or 525px (for component with header).
     */
    height?: number;
    /**
     * Boolean flag whether the height of the component should be automatically adjusted to fit the content
     */
    isAutoHeight?: boolean;
    /**
     * Manual height of each row (default is 25px)
     */
    rowHeight?: number;
    /**
     * 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;
    /**
     * Array of column indexes where images are displayed in table cells
     *
     * todo Raw interface only for Fusion parity, should be changed before goes public
     * @internal
     */
    imageColumns?: number[];
    /**
     * Boolean flag whether to always show the results per page select
     *
     * If `true`, the results per page select will be shown even if there is only one page of results.
     *
     * @default false
     */
    alwaysShowResultsPerPage?: boolean;
    /**
     * Boolean flag whether to highlight clickable cells with a background color
     *
     * @default false
     * @internal
     */
    highlightClickableCells?: boolean;
}
/**
 * Common part of IndicatorStyleOptions for all types of indicator
 *
 * @internal
 */
export interface BaseIndicatorStyleOptions {
    indicatorComponents?: IndicatorComponents;
    /** Boolean flag to force render indicator in ticker mode regardless of display size */
    forceTickerView?: boolean;
}
/** Configuration options that define functional style of the various elements of Numeric Simple IndicatorChart */
export interface NumericSimpleIndicatorStyleOptions extends BaseIndicatorStyleOptions {
    subtype: 'indicator/numeric';
    numericSubtype: 'numericSimple';
    skin: 'vertical' | 'horizontal';
}
/** Configuration options that define functional style of the various elements of Numeric Bar IndicatorChart */
export interface NumericBarIndicatorStyleOptions extends BaseIndicatorStyleOptions {
    subtype: 'indicator/numeric';
    numericSubtype: 'numericBar';
}
/** Configuration options that define functional style of the various elements of Gauge IndicatorChart */
export interface GaugeIndicatorStyleOptions extends BaseIndicatorStyleOptions {
    subtype: 'indicator/gauge';
    skin: 1 | 2;
    /** 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 BaseStyleOptions, BaseAxisStyleOptions {
    /** Subtype of ScatterChart*/
    subtype?: never;
    markerSize?: ScatterMarkerSize;
    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 BaseStyleOptions {
    /**
     * Labels options object
     * @deprecated Please use `seriesLabels` instead
     */
    labels?: {
        /** Array with single label options objects (order of items relative to dataOptions.category) */
        category?: {
            /** Define visibility of label */
            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 BaseStyleOptions {
    /**
     * Labels options object
     *
     * @deprecated Please use `seriesLabels` instead
     */
    labels?: {
        /** Array with single label options objects (order of items relative to dataOptions.category) */
        category?: {
            /** Define visibility of label */
            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 */
        mode?: 'value' | 'contribution';
    };
}
/** Configuration options that define functional style of the various elements of the BoxplotChart component */
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
 */
export type AreamapType = 'world' | 'usa';
/**
 * Configuration options that define functional style of the various elements of the AreamapChart component
 */
export interface AreamapStyleOptions extends Pick<BaseStyleOptions, 'width' | 'height'> {
    /** Type of map to display on the AreamapChart component */
    mapType?: AreamapType;
}
/**
 * Markers style configuration of Scattermap chart
 */
export type ScattermapMarkers = {
    /** Specifies the fill style of the markers */
    fill?: 'filled' | 'filled-light' | 'hollow' | 'hollow-bold';
    /** Specifies the size configuration for the markers */
    size?: {
        /** The default size of the markers */
        defaultSize?: number;
        /** The minimum size of the markers when using a "size" data field */
        minSize?: number;
        /** The maximum size of the markers when using a "size" data field */
        maxSize?: number;
    };
};
/** Configuration options that define functional style of the various elements of ScattermapChart */
export interface ScattermapStyleOptions extends Pick<BaseStyleOptions, 'width' | 'height'> {
    subtype?: never;
    markers?: ScattermapMarkers;
}
/**
 * Configuration for day numbers (1-31) labels in calendar-heatmap cells
 */
export type CalendarHeatmapCellLabels = {
    /**
     * Boolean flag that defines if calendar day numbers should be shown in cells
     *
     * @default true
     */
    enabled?: boolean;
    /** Style configuration for calendar day numbers in cells */
    textStyle?: Omit<TextStyle, 'color'> & {
        /**
         * Color of the labels text
         *
         * The "contrast" color applies the maximum contrast between the background and the text
         */
        color?: string | 'contrast';
    };
    /**
     * Style configuration for calendar day numbers in cells
     *
     * @deprecated Please use `textStyle` instead
     */
    style?: Omit<TextStyle, 'color'> & {
        /**
         * Color of the labels text
         *
         * The "contrast" color applies the maximum contrast between the background and the text
         */
        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}
     */
    viewType?: CalendarHeatmapViewType;
    /**
     * Determines which day of the week to start the calendar with
     * @default 'sunday'
     */
    startOfWeek?: CalendarDayOfWeek;
    /**
     * Configuration for day numbers (1-31) in calendar cells
     */
    cellLabels?: CalendarHeatmapCellLabels;
    /**
     * Configuration for weekday names in the header
     */
    dayLabels?: {
        /**
         * Boolean flag that defines if calendar weekday names should be shown
         *
         * @default true
         */
        enabled?: boolean;
        /** Style configuration for calendar weekday names */
        textStyle?: TextStyle;
        /**
         * Style configuration for calendar weekday names
         *
         * @deprecated Please use `textStyle` instead
         */
        style?: TextStyle;
    };
    /**
     * Configuration for month names in multi-month view types
     */
    monthLabels?: {
        /**
         * Boolean flag that defines if month names should be shown
         *
         * @default true
         */
        enabled?: boolean;
        /** Style configuration for month names */
        textStyle?: TextStyle;
        /**
         * Style configuration for month names
         * @deprecated Please use `textStyle` instead
         */
        style?: TextStyle;
    };
    /**
     * Configuration for weekend days
     */
    weekends?: {
        /**
         * Boolean flag that enables/disables weekend highlighting
         *
         * @default false
         */
        enabled?: boolean;
        /** Weekend days - defaults to ['saturday', 'sunday'] */
        days?: CalendarDayOfWeek[];
        /**
         * Calendar cell color for weekend days
         *
         * @default '#e6e6e6'
         */
        cellColor?: string;
        /**
         * Whether to hide values in tooltip for weekend days
         *
         * @default false
         */
        hideValues?: boolean;
    };
    /**
     * Configuration for pagination controls in multi-month view types
     */
    pagination?: {
        /**
         * Boolean flag that defines if pagination controls should be shown
         *
         * @default true
         */
        enabled?: boolean;
        /** Style configuration for pagination controls text */
        textStyle?: TextStyle;
        /** Start month to display when the chart is first rendered */
        startMonth?: Date;
    };
}
/**
 * View type determines how many months to display: 'month' (1), 'quarter' (3), 'half-year' (6), 'year' (12)
 */
export type CalendarHeatmapViewType = 'month' | 'quarter' | 'half-year' | 'year';
/**
 * Configuration options that define functional style of the various elements of a SankeyChart.
 *
 * @example
 * ```tsx
 * <SankeyChart
 *   dataSet={dataSource}
 *   dataOptions={{
 *     category: [DM.Commerce.Gender, DM.Category.Category],
 *     value: DM.Measures.SumRevenue,
 *   }}
 *   styleOptions={{
 *     orientation: 'vertical',
 *     nodePadding: 12,
 *   }}
 * />
 * ```
 */
export interface SankeyStyleOptions extends BaseStyleOptions {
    /**
     * Whether the diagram flows horizontally (left-to-right) or vertically (top-to-bottom).
     * Highcharts renders vertical flow by inverting the chart.
     *
     * @default 'horizontal'
     */
    orientation?: 'horizontal' | 'vertical';
    /**
     * Curve factor of links between Sankey nodes. 0 makes the lines straight.
     * @default 0.33
     */
    curveFactor?: number;
    /**
     * Opacity of the links between Sankey nodes.
     * @default 0.5
     */
    linkOpacity?: number;
    /**
     * Width of Sankey nodes in pixels (or height in vertical mode).
     * @default 20
     */
    nodeWidth?: number;
    /**
     * Vertical padding between Sankey nodes in pixels (horizontal padding in vertical mode).
     * @default 10
     */
    nodePadding?: number;
    /**
     * Minimum link width in pixels.
     * @default 1
     */
    minLinkWidth?: number;
    /**
     * Determines which side of the chart the nodes are aligned to.
     * In vertical mode `'top'` aligns to the left and `'bottom'` to the right.
     */
    nodeAlignment?: 'top' | 'center' | 'bottom';
}
/**
 * Chart type of the sparkline embedded in a KPI chart.
 *
 * - `'line'` — straight segments connecting the points.
 * - `'spline'` — a smoothed curve through the points.
 * - `'area'` — a line with the region beneath it filled.
 * - `'column'` — one vertical bar per point.
 */
export type KpiSparklineType = 'line' | 'spline' | 'area' | 'column';
/**
 * Configuration that defines styling of the KPI chart sparkline.
 * The sparkline is rendered only when {@link KpiChartDataOptions.category} is set.
 */
export type KpiSparklineStyleOptions = {
    /**
     * Boolean flag that defines whether the sparkline is shown.
     * @default true when `KpiChartDataOptions.category` is set
     */
    enabled?: boolean;
    /**
     * Chart type of the sparkline.
     * @default 'area'
     */
    chartType?: KpiSparklineType;
};
/**
 * Computed comparison shown on a KPI card. Mirrors the {@link KpiComparison} input,
 * with all math resolved: the variant here matches the variant configured there, and every
 * derived figure the card displays is already calculated.
 *
 * Every variant carries a `label` — the caption rendered next to the readout. Alongside it:
 *
 * - `previous-period` — `baseline` (the bucket before the last one), `deltaValue` (last bucket
 *   minus `baseline`), and `deltaPercent`. Always measured between the last two buckets, so a
 *   `valueMode: 'total'` headline does not shift it.
 * - `delta` — the same three figures, with `baseline` read from the comparison measure rather
 *   than from the preceding bucket.
 * - `target` — `target` (the fixed number, or the target measure's value), `percentOfTarget`, and
 *   `toGo`: `target` minus the headline value, going negative once the goal is beaten.
 * - `value` — a single `value`, the comparison measure's own number, with no delta math applied.
 *
 * `deltaPercent` and `percentOfTarget` are expressed in percentage points — `12.5` means 12.5%.
 * Each is undefined when its denominator (`baseline` and `target` respectively) is `0`, where the
 * ratio has no meaning.
 */
export type KpiComparisonInfo = {
    /** Identifies the previous-period comparison. */
    type: 'previous-period';
    /** Value of the category bucket preceding the last one. */
    baseline: number;
    /**
     * Last bucket's value minus `baseline`. Negative when the metric declined.
     *
     * Always measured between the last two buckets, so it is unaffected by
     * `valueMode: 'total'` moving the headline to a whole-period aggregate.
     */
    deltaValue: number;
    /**
     * `deltaValue` as a share of `Math.abs(baseline)`, in percentage points —
     * `12.5` means a 12.5% rise. Undefined when `baseline` is `0`, where the
     * relative change is not defined.
     */
    deltaPercent?: number;
    /** Localized caption shown next to the delta, inferred from the category granularity, e.g. `'vs prior month'`. */
    label: string;
} | {
    /** Identifies the comparison against a second measure. */
    type: 'delta';
    /** Queried value of the comparison measure. */
    baseline: number;
    /** Headline value minus `baseline`. Negative when the headline trails the baseline. */
    deltaValue: number;
    /**
     * `deltaValue` as a share of `Math.abs(baseline)`, in percentage points.
     * Undefined when `baseline` is `0`.
     */
    deltaPercent?: number;
    /** Caption shown next to the delta. Defaults to the comparison measure's title. */
    label: string;
} | {
    /** Identifies the target (goal) comparison. */
    type: 'target';
    /** The goal: the fixed number given, or the queried value of the target measure. */
    target: number;
    /**
     * Headline value as a share of `target`, in percentage points — `82` renders as
     * '82% of goal'. Undefined when `target` is `0`.
     */
    percentOfTarget?: number;
    /**
     * Amount still needed to reach the goal: `target` minus the headline value.
     * Negative once the goal has been exceeded.
     */
    toGo: number;
    /** Display label of the goal: the target measure's title, or the formatted fixed number. */
    label: string;
} | {
    /** Identifies the plain secondary-value comparison. */
    type: 'value';
    /** Queried value of the comparison measure, shown as-is with no delta math applied. */
    value: number;
    /** Caption shown next to the value. Defaults to the comparison measure's title. */
    label: string;
};
/**
 * Data point in a KPI chart — the card represents a single aggregated point.
 *
 * Like {@link IndicatorDataPoint}, the whole card is one data point, so every zone is exposed
 * through the standard `entries` structure keyed by the {@link KpiChartDataOptions} field it
 * comes from. `comparison` carries the resolved comparison math on top, since figures such as
 * `deltaPercent` or `toGo` are derived rather than queried and so have no data option of their own.
 *
 * @example
 * Reading the zones of a clicked KPI card:
 * ```tsx
 * <KpiChart
 *   dataSet={DM.DataSource}
 *   dataOptions={{
 *     value: measureFactory.sum(DM.Commerce.Revenue),
 *     category: DM.Commerce.Date.Months,
 *   }}
 *   onDataPointClick={(point) => {
 *     point.entries?.value?.displayValue; // '1.5K'
 *     point.entries?.category?.value; // '2026-03-01T00:00:00'
 *     point.comparison?.label; // 'vs prior month'
 *   }}
 * />
 * ```
 */
export type KpiDataPoint = {
    /** Resolved comparison shown on the card, when a comparison is active. */
    comparison?: KpiComparisonInfo;
    /**
     * A collection of data point entries that represents values for all related `dataOptions`.
     */
    entries?: {
        /** Data point entry for the `value` data option — the headline measure. */
        value?: DataPointEntry;
        /**
         * Data point entry for the `category` data option — the bucket the headline value belongs to.
         * Absent when no category is set, and when `valueMode: 'total'` makes the headline an
         * aggregate over every bucket rather than one of them.
         */
        category?: DataPointEntry;
        /**
         * Data point entry for the comparison's own measure, carrying that measure's queried value:
         * the baseline of a `'delta'` comparison, the target of a measure-backed `'target'`, or the
         * secondary value of a `'value'` comparison. Absent for `'previous-period'` and fixed-number
         * `'target'` comparisons, which have no measure of their own.
         */
        comparison?: DataPointEntry;
    };
};
/**
 * A handler function that allows to customize what happens when a KPI chart is clicked.
 */
export type KpiDataPointEventHandler = (
/** Data point that was clicked */
point: KpiDataPoint, 
/** Native MouseEvent */
nativeEvent: MouseEvent) => void;
/**
 * Render options of a KPI chart, as computed from the query result.
 * Passed to {@link KpiBeforeRenderHandler} for customization before painting.
 */
export type KpiRenderOptions = {
    /** The headline number. Undefined when the query produced no value to show. */
    value?: number;
    /** Title text of the card — the `text` override from {@link KpiTitleStyleOptions}, or the value measure's title. */
    valueTitle: string;
    /** Resolved color of the headline value, as derived from the value measure's color configuration. */
    valueColor?: string;
    /**
     * Category bucket the headline value was read from, as epoch milliseconds. Drives the
     * period caption in the title section, e.g. 'DEC 2013'.
     *
     * Set only when the headline belongs to a single bucket AND that bucket is a date. Undefined
     * otherwise: no `category` configured, a category that isn't a date (which captions the section
     * through `categoryDisplayValue` instead), or `valueMode: 'total'` aggregating over every
     * bucket. Note that a `'total'` headline falls back to the last bucket whenever no whole-period
     * aggregate is available — for an explicit `Data` set, say, where no query runs — and is then
     * captioned as the bucket it actually came from.
     */
    valuePeriodMs?: number;
    /**
     * Display text of the category bucket the headline value was read from, for a category that
     * isn't a date — a Gender-bucketed card's 'Female'. Captions the title section in
     * `valuePeriodMs`'s place, so at most one of the two is ever set.
     *
     * Set under the same single-bucket rule as `valuePeriodMs` (including its `'total'` fallback),
     * and undefined wherever that one is: no `category` configured, a date category — whose bucket
     * `valuePeriodMs` names instead — or a headline aggregating over every bucket.
     */
    categoryDisplayValue?: string;
    /** Resolved comparison shown on the card, when a comparison is configured and computable. */
    comparison?: KpiComparisonInfo;
    /**
     * Points of the sparkline, one per category bucket, ordered as queried. A `null` `y` marks
     * a gap in the line and is never rendered as zero.
     *
     * `x` is the bucket's date as epoch milliseconds for a date category. For any other category
     * it is the bucket's position instead (0, 1, 2, …) — dateless values have no place on a time
     * axis — and `categoryDisplayValue` carries that bucket's display text, e.g. 'Female', which
     * is what the sparkline tooltip names the point by.
     */
    sparklinePoints?: {
        x: number;
        y: number | null;
        categoryDisplayValue?: string;
    }[];
};
/**
 * A handler function that allows to customize the computed KPI render options
 * before the card is rendered. The returned options are then used when painting the card.
 */
export type KpiBeforeRenderHandler = (
/** KPI render options */
renderOptions: KpiRenderOptions) => KpiRenderOptions;
/**
 * Identifies one of the built-in icons available for KPI conditional icons — see {@link KpiIcon}.
 *
 * The set follows the familiar conditional-formatting taxonomy: trend arrows, status marks,
 * traffic-light shapes (recolorable via the icon's `color`), and rating/flag extras.
 *
 * @example
 * ```ts
 * const iconName: KpiIconName = 'arrow-up';
 * ```
 */
export type KpiIconName = 'arrow-up' | 'arrow-down' | 'arrow-right' | 'arrow-up-right' | 'arrow-down-right' | 'check' | 'cross' | 'warning' | 'info' | 'minus' | 'circle' | 'triangle' | 'diamond' | 'square' | 'star' | 'flag';
/**
 * Defines the icon shown next to the KPI headline value or comparison readout when its
 * {@link KpiIconCondition} matches.
 *
 * Variants:
 * - `text` — a custom unicode glyph, emoji, or short text.
 * - `built-in` — a curated SVG icon bundled with the SDK, selected by typed name.
 * - `svg-path` — arbitrary SVG geometry: the `d` attribute of a single `<path>` element,
 *   e.g. copied from an icon set or a Figma export. Drawn on a 24x24 grid unless `viewBox`
 *   says otherwise, and rendered filled with the icon color.
 *
 * Every variant accepts an optional `color`; when omitted, the icon inherits the headline
 * value color (or the comparison readout color, for comparison icons).
 *
 * @example
 * ```ts
 * conditionalIcons: [
 *   { icon: { type: 'built-in', name: 'check', color: '#2ea44f' }, expression: '1000000', operator: '>' },
 *   { icon: { type: 'text', value: '⚠', color: '#cf222e' }, expression: '1000000', operator: '<=' },
 * ]
 * ```
 */
export type KpiIcon = {
    /** Identifies the custom-text variant. */
    type: 'text';
    /** Unicode symbol, emoji, or short text rendered as the icon. */
    value: string;
    /** Icon color. Defaults to the headline value color. */
    color?: string;
} | {
    /** Identifies the built-in variant. */
    type: 'built-in';
    /** Name of the bundled icon. */
    name: KpiIconName;
    /** Icon color. Defaults to the headline value color. */
    color?: string;
} | {
    /** Identifies the custom-SVG-geometry variant. */
    type: 'svg-path';
    /** SVG path data (a single `<path>` element's `d` attribute), rendered filled. */
    d: string;
    /**
     * Coordinate grid the path is drawn on.
     * @default '0 0 24 24'
     */
    viewBox?: string;
    /** Icon color. Defaults to the headline value color. */
    color?: string;
};
/**
 * Condition that shows a {@link KpiIcon} next to the KPI headline value or comparison readout
 * when it matches. Conditions are evaluated in order; the first match wins.
 */
export type KpiIconCondition = {
    /** Icon rendered when the condition matches. */
    icon: KpiIcon;
    /** Value to compare against, expressed as a string. */
    expression: string;
    /** Comparison operator, same convention as {@link DataColorCondition}. */
    operator: DataColorCondition['operator'];
};
/**
 * Text size of the KPI headline value: `'auto'` scales the number to fit the card, or a fixed
 * font size in pixels (must be a positive number).
 */
export type KpiTextSize = 'auto' | number;
/**
 * Configuration that defines styling of the KPI headline value.
 *
 * To color the headline value, set a color (uniform or conditional) on the value measure in
 * {@link KpiChartDataOptions.value} — the standard measure-coloring mechanism used across the
 * SDK.
 */
export type KpiValueStyleOptions = {
    /**
     * Text size of the headline value: `'auto'` to scale it to the card, or a fixed size in px.
     * @default 'auto'
     */
    textSize?: KpiTextSize;
    /**
     * Text shown in place of the headline when the value is null,
     * keeping the card title and styling. When omitted, the standard
     * no-results overlay is shown instead.
     */
    noDataText?: string;
    /**
     * Condition-driven icons shown next to the headline value;
     * the first matching condition wins.
     */
    conditionalIcons?: KpiIconCondition[];
};
/**
 * Horizontal alignment of the KPI card title section.
 *
 * `'space-between'` pushes the title text and the category caption to opposite edges of the
 * card; the remaining values align both of them together at one edge or at the center.
 *
 * `'left'` and `'right'` are mirrored in right-to-left locales — `'left'` resolves to the
 * inline start edge and `'right'` to the inline end edge.
 */
export type KpiTitleAlign = 'space-between' | 'left' | 'right' | 'center';
/**
 * Configuration that defines styling of the KPI card title.
 */
export type KpiTitleStyleOptions = {
    /**
     * Boolean flag that defines whether the whole title section (title text and
     * category caption) is shown.
     * @default true
     */
    enabled?: boolean;
    /**
     * Title text.
     * @default the `value` measure's title
     */
    text?: string;
    /**
     * Boolean flag that defines whether the title text (the `text` override, or the
     * value measure's title) is shown within the title section.
     * @default true
     */
    showValueTitle?: boolean;
    /**
     * Boolean flag that defines whether the current category bucket caption
     * (e.g. 'DEC 2013' for a date category, or the bucket's own text — 'FEMALE' — for one that
     * isn't) is shown within the title section. Applicable when
     * {@link KpiChartDataOptions.category} is set.
     * @default true
     */
    showCategoryTitle?: boolean;
    /**
     * Horizontal alignment of the title section's content — the title text and the
     * category caption.
     * @default 'space-between'
     */
    align?: KpiTitleAlign;
};
/**
 * Configuration that defines styling of the KPI comparison readout.
 */
export type KpiComparisonStyleOptions = {
    /**
     * Which numeric form(s) of the comparison to render.
     *
     * For delta-shaped comparisons ('delta' / 'previous-period'): percent change, absolute
     * difference, or both in one line.
     *
     * For 'target' comparisons: 'percent' shows only the percent-of-goal line
     * (`percentOfTarget`), 'value' shows only the amount-to-go line (`toGo`), and 'both' shows
     * the percent line with the amount-to-go beneath it.
     * @default 'percent'
     */
    display?: 'percent' | 'value' | 'both';
    /**
     * Caption next to the delta, e.g. 'vs last year'.
     * @default a localized label inferred from the `comparison` type and `category` granularity
     */
    label?: string;
    /**
     * Template for the 'target' comparison's percent-of-goal readout, replacing the localized
     * default. `{{percent}}` interpolates the formatted percent (e.g. '82%') and `{{goal}}` the
     * target's display label (the target measure's title, or the formatted number for a fixed
     * target).
     * @default localized `'{{percent}} of goal'`
     *
     * @example
     * ```ts
     * comparison: { ofGoalText: '{{percent}} of {{goal}} target' }
     * ```
     */
    ofGoalText?: string;
    /**
     * Template for the 'target' comparison's amount-to-go readout, replacing the localized
     * default. `{{value}}` interpolates the formatted remaining amount (e.g. '$250K').
     * @default localized `'{{value}} to go'`
     *
     * @example
     * ```ts
     * comparison: { toGoText: '{{value}} remaining' }
     * ```
     */
    toGoText?: string;
    /**
     * Color of the delta readout. Conditions evaluate against `deltaPercent`
     * ('delta' / 'previous-period' comparisons) or `percentOfTarget` ('target').
     * Not applicable to the 'value' comparison (colored by its own measure).
     * @default sign-based: positive delta `green`, negative `red`
     *
     * @example “down is good” metric (churn, cost):
     * ```ts
     * color: {
     *   type: 'conditional',
     *   conditions: [
     *     { color: '#2ecc71', expression: '0', operator: '<' },
     *     { color: '#e74c3c', expression: '0', operator: '>' },
     *   ],
     * }
     * ```
     */
    color?: DataColorOptions;
    /**
     * Whether the up/down arrow is shown next to the delta.
     * @default true
     */
    showIcon?: boolean;
    /** Condition-driven icons next to the comparison readout; first match wins. */
    conditionalIcons?: KpiIconCondition[];
};
/**
 * Configuration that defines styling of the KPI card container.
 */
export type KpiCardStyleOptions = {
    /**
     * Card background color.
     *
     * When the color is given as a hex string and is dark enough that white text reads better
     * against it, the headline text and the sparkline switch to white automatically. Colors in
     * other notations (named colors, `rgb()`, `hsl()`) are applied as given, without that switch.
     * @default the theme's `chart.backgroundColor`
     */
    backgroundColor?: string;
    /**
     * Horizontal alignment of the card text.
     * @default 'left'
     */
    textAlign?: 'left' | 'center' | 'right';
    /**
     * Boolean flag that defines whether the card border is shown.
     * @default false
     */
    showBorder?: boolean;
    /**
     * Corner radius of the card in pixels.
     * @default 8
     */
    cornerRadius?: number;
};
/**
 * Configuration options that define functional style of the various elements of a KPI chart.
 *
 * @example
 * ```tsx
 * <KpiChart
 *   dataSet={DM.DataSource}
 *   dataOptions={{
 *     value: measureFactory.sum(DM.Commerce.Revenue),
 *     category: DM.Commerce.Date.Months,
 *   }}
 *   styleOptions={{
 *     title: { text: 'Monthly Revenue' },
 *     sparkline: { chartType: 'line' },
 *     card: { textAlign: 'center', cornerRadius: 12 },
 *   }}
 * />
 * ```
 */
export interface KpiStyleOptions extends Pick<BaseStyleOptions, 'width' | 'height'> {
    /**
     * Which of the two readouts gets the headline role on the card.
     *
     * - `'standard'` — the value is the headline, scaled large to fit the card, with the
     *   comparison beneath it in the compact role.
     * - `'comparison-first'` — the two swap: the comparison becomes the large headline and the
     *   value moves below it. Useful when the change matters more than the absolute number.
     *   Falls back to `'standard'` when no comparison is configured, so the card is never left
     *   with an empty headline.
     * @default 'standard'
     */
    layout?: 'standard' | 'comparison-first';
    /** Headline value styling. */
    value?: KpiValueStyleOptions;
    /** Card title styling (defaults to the value measure title). */
    title?: KpiTitleStyleOptions;
    /** Comparison readout styling (polarity, icon, colors). */
    comparison?: KpiComparisonStyleOptions;
    /** Sparkline styling; rendered only when {@link KpiChartDataOptions.category} is set. */
    sparkline?: KpiSparklineStyleOptions;
    /** Card container styling. */
    card?: KpiCardStyleOptions;
}
/**
 * Configuration options that define functional style of the various elements of chart.
 */
export type ChartStyleOptions = RegularChartStyleOptions | TabularChartStyleOptions;
/** Style options for regular chart types */
export type RegularChartStyleOptions = LineStyleOptions | AreaStyleOptions | StackableStyleOptions | PieStyleOptions | FunnelStyleOptions | PolarStyleOptions | IndicatorStyleOptions | ScatterStyleOptions | TreemapStyleOptions | SunburstStyleOptions | BoxplotStyleOptions | AreamapStyleOptions | ScattermapStyleOptions | AreaRangeStyleOptions | CalendarHeatmapStyleOptions | KpiStyleOptions | StreamgraphStyleOptions | SankeyStyleOptions;
/** Mapping of each of the chart value series to colors. */
export type ValueToColorMap = {
    [value: string]: string;
};
/** Mapping of each of the chart columns with mapping of each value series to colors. */
export type MultiColumnValueToColorMap = {
    [columnName: string]: ValueToColorMap;
};
/**
 * Chart type of one of the supported chart families
 */
export type ChartType = CartesianChartType | CategoricalChartType | ScatterChartType | IndicatorChartType | AreamapChartType | BoxplotChartType | ScattermapChartType | CalendarHeatmapChartType | KpiChartType | RangeChartType | SankeyChartType | TableChartType;
/** Chart type of the regular charts */
export type RegularChartType = Exclude<ChartType, TableChartType>;
/**
 * Series chart type, which is used with {@link StyledMeasureColumn} to customize
 * series in a mixed chart.
 */
export type SeriesChartType = 'auto' | 'line' | 'spline' | 'areaspline' | 'bar' | 'area' | 'column' | 'scatter' | 'arearange';
/** The number of decimal places */
export type DecimalScale = number | 'auto';
/**
 * Configuration for number formatting.
 */
export type NumberFormatConfig = {
    /**
     * Supported formats
     */
    name?: 'Numbers' | 'Currency' | 'Percent';
    /**
     * The number of decimal places
     */
    decimalScale?: DecimalScale;
    /**
     * Boolean flag whether to show an abbreviation
     * for a number greater than or equal one trillion - e.g. 1T
     */
    trillion?: boolean;
    /**
     * Boolean flag whether to show an abbreviation
     * for a number greater than or equal one billion - e.g. 1B
     */
    billion?: boolean;
    /**
     * Boolean flag whether to show an abbreviation
     * for a number greater than or equal one million - e.g. 1M
     */
    million?: boolean;
    /**
     * Boolean flag whether to show an abbreviation
     * for a number greater than or equal one thousand - e.g. 1K
     */
    kilo?: boolean;
    /**
     * Boolean flag whether the thousand separator is shown
     *
     * If true, show the thousand separator, e.g. `1,000`. Otherwise, show `1000`
     */
    thousandSeparator?: boolean;
    /**
     * Boolean flag whether `symbol` is shown in front of or after the number
     *
     * If true, append `symbol` in front of the number, e.g. show `$1000` when `symbol` is `$`.
     *
     * If false, append `symbol` after the number, e.g. show `1000¥` when `symbol` is `¥`.
     */
    prefix?: boolean;
    /**
     * Symbol to show in front of or after the number depending on the value of `prefix`.
     */
    symbol?: string;
};
/**
 * {@link NumberFormatConfig} with all props required
 *
 * @internal
 */
export type CompleteNumberFormatConfig = Required<NumberFormatConfig>;
/** Identifier of a theme as defined in the Sisense instance. */
export type ThemeOid = string;
/**
 * Chart theme settings
 */
export interface ChartThemeSettings {
    /** Text color */
    textColor?: string;
    /** Secondary text color - e.g., for the indicator chart's secondary value title */
    secondaryTextColor?: string;
    /** Background color */
    backgroundColor?: string;
    /** Animation options */
    animation?: {
        /** Chart initialization animation options */
        init?: {
            /**
             * Animation duration in milliseconds.
             * If not specified, the default value, `auto`, will be used with a different default value applied per chart type.
             */
            duration?: number | 'auto';
        };
        /** Chart redraw animation options */
        redraw?: {
            /**
             * Animation duration in milliseconds.
             * If not specified, the default value, `auto`, will be used with a different default value applied per chart type.
             */
            duration?: number | 'auto';
        };
    };
}
/**
 * Theme settings specific to the AI Chatbot component
 */
export interface AiChatThemeSettings {
    /** Background color of the chatbot */
    backgroundColor?: string;
    /** Text color of the chatbot */
    primaryTextColor?: string;
    /** Secondary text color of the chatbot */
    secondaryTextColor?: string;
    /** Primary font size for text in the chatbot */
    primaryFontSize?: [fontSize: string, lineHeight: string];
    /** Border of the chatbot */
    border?: false | string;
    /** Border radius of the chatbot */
    borderRadius?: false | string;
    /** Settings for the main chat body */
    body?: {
        /** Left padding of the chat body */
        paddingLeft?: string;
        /** Right padding of the chat body */
        paddingRight?: string;
        /** Top padding of the chat body */
        paddingTop?: string;
        /** Bottom padding of the chat body */
        paddingBottom?: string;
        /** Gap size between each message in the chat body */
        gapBetweenMessages?: string;
    };
    /** Settings for the chat footer */
    footer?: {
        /** Left padding of the chat footer */
        paddingLeft?: string;
        /** Right padding of the chat footer */
        paddingRight?: string;
        /** Top padding of the chat footer */
        paddingTop?: string;
        /** Bottom padding of the chat footer */
        paddingBottom?: string;
    };
    /** Settings for user chat messages */
    userMessages?: {
        /** Background color of user chat messages */
        backgroundColor?: string;
    };
    /** Settings for system chat messages */
    systemMessages?: {
        /** Background color of system chat messages */
        backgroundColor?: string;
    };
    /** Settings for the chatbot input */
    input?: {
        /** Background color of the input */
        backgroundColor?: string;
        /** Settings to be applied on input focus */
        focus?: {
            /** Outline color of the input */
            outlineColor?: string;
        };
    };
    /** Settings for the chatbot header */
    header?: {
        /** Background color of the chatbot header */
        backgroundColor?: string;
        /** Text color of the chatbot header */
        textColor?: string;
    };
    /** Settings for chatbot dropup */
    dropup?: {
        /** Background color of the dropup */
        backgroundColor?: string;
        /** Box shadow of the dropup */
        boxShadow?: string;
        /** Border radius of the dropup */
        borderRadius?: string;
        /** Settings for the section headers of the dropup */
        headers?: {
            /** Text color of headers */
            textColor?: string;
            /** Settings to be applied on hover of the headers */
            hover?: {
                /** Background color of headers on hover */
                backgroundColor?: string;
            };
        };
        /** Settings for the dropup items */
        items?: {
            /** Text color of the dropup items */
            textColor?: string;
            /** Settings to be applied on hover of dropup items */
            hover?: {
                /** Background color of dropup items on hover */
                backgroundColor?: string;
            };
        };
    };
    /** Settings for the chatbot suggestions */
    suggestions?: {
        /** Text color of the chatbot suggestions */
        textColor?: string;
        /** Background color of the chatbot suggestions */
        backgroundColor?: string;
        /** Border of the chatbot suggestions */
        border?: string;
        /** 2-color gradient to be applied on the border */
        borderGradient?: [string, string] | null;
        /** Border radius of the chatbot suggestions */
        borderRadius?: string;
        /** Setting to be applied on hover */
        hover?: {
            /** Text color of the chatbot suggestions on hover */
            textColor?: string;
            /** Background color of the chatbot suggestions on hover */
            backgroundColor?: string;
        };
        /** 2-color gradient to be applied on suggestions loading animation */
        loadingGradient?: [string, string];
        /** Gap size between each suggestion item */
        gap?: string;
    };
    /** Settings for the chatbot clickable messages */
    clickableMessages?: {
        /** Text color of the chatbot clickable messages */
        textColor?: string;
        /** Background color of the chatbot clickable messages */
        backgroundColor?: string;
        /** Border of the chatbot clickable messages */
        border?: false | string;
        /** 2-color gradient to be applied on the border */
        borderGradient?: [string, string] | null;
        /** Setting to be applied on hover */
        hover?: {
            /** Text color of the chatbot clickable messages on hover */
            textColor?: string;
            /** Background color of the chatbot clickable messages on hover */
            backgroundColor?: string;
        };
    };
    /** Settings for the data topics screen */
    dataTopics?: {
        /** Background color of the data topics screen */
        backgroundColor?: string;
        /** Settings for the individual data topic items */
        items?: {
            /** Text color of the data topic items */
            textColor?: string;
            /** Background color of the data topic items */
            backgroundColor?: string;
        };
    };
    /** Settings for the chatbot icons */
    icons?: {
        /** Color of the chatbot icons */
        color?: string;
        /** Settings for feedback icons */
        feedbackIcons?: {
            /** Background color of the feedback icons on hover */
            hoverColor?: string;
        };
    };
    /** Settings for the chatbot tooltips */
    tooltips?: {
        /** Background color of the tooltips */
        backgroundColor?: string;
        /** Text color of the tooltips */
        textColor?: string;
        /** Box shadow of the tooltips */
        boxShadow?: string;
    };
}
export type ThemeSettingsFontSource = {
    local: string;
} | {
    url: string;
} | {
    format: string;
    url: string;
};
/** Loading font details */
export interface ThemeSettingsFont {
    fontFamily: string;
    fontWeight: string | number;
    fontStyle: string;
    src: ThemeSettingsFontSource[];
}
/** Settings for fonts loading */
export interface FontsLoaderSettings {
    /** List of fonts */
    fonts: ThemeSettingsFont[];
}
/** Text theme settings */
export interface TypographyThemeSettings {
    /** Font family name to style component text */
    fontFamily?: string;
    /** Primary text color */
    primaryTextColor?: string;
    /** Secondary text color */
    secondaryTextColor?: string;
    /** Hyperlink color */
    hyperlinkColor?: string;
    /** Hyperlink hover color */
    hyperlinkHoverColor?: string;
    /** Settings for font loading */
    fontsLoader?: FontsLoaderSettings;
}
/** General theme settings */
export interface GeneralThemeSettings {
    /** Main color used for various elements like primary buttons, switches, etc. */
    brandColor?: string;
    /** Background color used for elements like tiles, etc. */
    backgroundColor?: string;
    /** Text color for primary buttons */
    primaryButtonTextColor?: string;
    /** Hover color for primary buttons */
    primaryButtonHoverColor?: string;
    /**
     * Theme settings for popover
     *
     * @internal
     */
    popover?: PopoverThemeSettings;
    /**
     * Theme settings for buttons
     *
     * @internal
     */
    buttons?: ButtonsThemeSettings;
}
/** Possible sizes for spacing. */
export type SpaceSizes = 'None' | 'Large' | 'Medium' | 'Small';
/** Possible sizes for border radius. */
export type RadiusSizes = 'None' | 'Large' | 'Medium' | 'Small';
/** Possible types of shadows. */
export type ShadowsTypes = 'None' | 'Light' | 'Medium' | 'Dark';
/** Possible types of text alignment. */
export type AlignmentTypes = 'Left' | 'Center' | 'Right';
/** Widget theme settings */
export type WidgetThemeSettings = {
    /** Space between widget container edge and the chart */
    spaceAround?: SpaceSizes;
    /** Corner radius of the widget container */
    cornerRadius?: RadiusSizes;
    /**
     * Shadow level of the widget container
     *
     * Effective only when spaceAround is defined
     */
    shadow?: ShadowsTypes;
    /** Widget container border toggle */
    border?: boolean;
    /** Widget container border color */
    borderColor?: string;
    /** Widget header styles */
    header?: {
        /** Header title text color */
        titleTextColor?: string;
        /** Header title alignment */
        titleAlignment?: AlignmentTypes;
        /** Header title font size */
        titleFontSize?: number;
        /** Toggle of the divider line between widget header and chart */
        dividerLine?: boolean;
        /** Divider line color */
        dividerLineColor?: string;
        /** Header background color */
        backgroundColor?: string;
    };
};
/**
 * Dashboard theme settings
 *
 * @internal
 */
export type DashboardThemeSettings = {
    backgroundColor?: string;
    dividerLineWidth?: number;
    dividerLineColor?: string;
    borderWidth?: number;
    borderColor?: string;
    /**
     * Toolbar style settings for dashboard
     */
    toolbar?: {
        /** Primary text color for the dashboard toolbar */
        primaryTextColor?: string;
        /** Secondary text color for the dashboard toolbar */
        secondaryTextColor?: string;
        /** Background color for the dashboard toolbar */
        backgroundColor?: string;
        /** Divider line color for the dashboard toolbar */
        dividerLineColor?: string;
        /** Divider line width for the dashboard toolbar */
        dividerLineWidth?: number;
    };
};
/**
 * Filter theme settings
 */
export type FilterThemeSettings = {
    panel: {
        /** Title color */
        titleColor?: string;
        /** Background color */
        backgroundColor?: string;
        /** Divider line color for the filter panel */
        dividerLineColor?: string;
        /** Divider line width for the filter panel */
        dividerLineWidth?: number;
        /**
         * Border color for the filter panel component
         *
         * **Note:** Does not apply to filter panel inside `Dashboard`
         * use dividerLineColor and dividerLineWidth instead
         *
         * @internal
         * */
        borderColor?: string;
        /**
         * Border width for the filter panel component
         *
         * **Note:** Does not apply to filter panel inside `Dashboard`
         * use dividerLineColor and dividerLineWidth instead
         *
         * @internal
         * */
        borderWidth?: number;
    };
};
/**
 * @internal
 */
export declare enum ElementStates {
    DEFAULT = "default",
    HOVER = "hover",
    FOCUS = "focus"
}
/**
 * Represents state-based color settings for an element.
 *
 * @internal
 */
export type ElementStateColors = {
    /** Default color */
    default: string;
    /** Hover state color */
    hover?: string;
    /** Focus state color */
    focus?: string;
};
/**
 * Theme settings for input elements.
 *
 * @internal
 */
export type InputThemeSettings = {
    /** Background color */
    backgroundColor?: string;
    /** Text color */
    textColor?: string;
    /** Border color */
    borderColor?: string | ElementStateColors;
    /** Corner radius */
    cornerRadius?: number;
    /** Theme settings for dropdown list */
    dropdownList?: {
        /** Background color */
        backgroundColor?: string;
        /** Text color */
        textColor?: string;
        /** Border color */
        borderColor?: string;
        /** Corner radius */
        cornerRadius?: number;
        /** Shadow */
        shadow?: string;
        /** Theme settings for dropdown list item */
        item?: {
            /** Background color */
            backgroundColor?: string | ElementStateColors;
            /** Text color */
            textColor?: string;
        };
    };
    /** Theme settings for datepicker */
    datepicker?: {
        /** Background color */
        backgroundColor?: string;
        /** Text color */
        textColor?: string;
        /** Corner radius */
        cornerRadius?: number;
        /** Shadow */
        shadow?: string;
        /** Theme settings for datepicker day item */
        item?: {
            /** Background color */
            backgroundColor?: string | ElementStateColors;
            /** Text color */
            textColor?: string | ElementStateColors;
        };
    };
};
/**
 * Theme settings for popover
 *
 * @internal
 */
export type PopoverThemeSettings = {
    /** Corner radius */
    cornerRadius?: number;
    /** Shadow */
    shadow?: string;
    /** Theme settings for popover header */
    header?: {
        /** Background color */
        backgroundColor?: string;
        /** Text color */
        textColor?: string;
    };
    /** Theme settings for popover footer */
    footer?: {
        /** Background color */
        backgroundColor?: string;
        /** Text color */
        textColor?: string;
    };
    /** Theme settings for popover content */
    content?: {
        /** Background color */
        backgroundColor?: string;
        /** Text color */
        textColor?: string;
        /** Theme settings for clickable list */
        clickableList?: {
            /** Theme settings for clickable list item */
            item?: {
                /** Text color */
                textColor?: string;
                /** Background color */
                backgroundColor?: string;
                /** Setting to be applied on hover */
                hover?: {
                    /** Text color */
                    textColor?: string;
                    /** Background color */
                    backgroundColor?: string;
                };
            };
        };
    };
    /** Theme settings for popover input */
    input?: InputThemeSettings;
};
/**
 * Theme settings for buttons
 *
 * @internal
 */
export type ButtonsThemeSettings = {
    /** Theme settings for primary button */
    primary?: {
        /** Background color */
        backgroundColor?: string | ElementStateColors;
        /** Text color */
        textColor?: string;
    };
    /** Theme settings for cancel button */
    cancel?: {
        /** Background color */
        backgroundColor?: string | ElementStateColors;
        /** Text color */
        textColor?: string;
    };
};
/** Theme settings defining the look and feel of components. */
export interface ThemeSettings {
    /** Chart theme settings */
    chart?: ChartThemeSettings;
    /** Collection of colors used to color various elements */
    palette?: ColorPaletteTheme;
    /** Text theme settings */
    typography?: TypographyThemeSettings;
    /** General theme settings */
    general?: GeneralThemeSettings;
    /** Widget theme settings */
    widget?: WidgetThemeSettings;
    /**
     * Dashboard theme settings
     *
     * @internal
     */
    dashboard?: DashboardThemeSettings;
    /** Filter theme settings */
    filter?: FilterThemeSettings;
    /**
     * Theme settings specific to the AI Chatbot component
     */
    aiChat?: AiChatThemeSettings;
}
/**
 * Complete set of theme settings defining the look and feel of components.
 *
 * @internal
 */
export type CompleteThemeSettingsInternal = DeepRequired<Omit<ThemeSettings, 'typography'>> & {
    typography: DeepRequired<Omit<TypographyThemeSettings, 'fontsLoader'>> & {
        fontsLoader?: FontsLoaderSettings;
    };
};
/**
 * Resolved theme returned by {@link useTheme}.
 *
 * Contains all theme values after defaults are applied. Unlike {@link ThemeSettings}
 * (where every field is optional), every field here is guaranteed to be present.
 */
export type CompleteThemeSettings = {
    /** Chart theme settings */
    chart: {
        /** Text color */
        textColor: string;
        /** Secondary text color */
        secondaryTextColor: string;
        /** Background color */
        backgroundColor: string;
        /** Animation options */
        animation: {
            /** Chart initialization animation options */
            init: {
                /** Animation duration in milliseconds */
                duration: number | 'auto';
            };
            /** Chart redraw animation options */
            redraw: {
                /** Animation duration in milliseconds */
                duration: number | 'auto';
            };
        };
    };
    /** Collection of colors used to color various elements */
    palette: {
        /** Set of colors used to color chart elements */
        variantColors: Color[];
    };
    /** Text theme settings */
    typography: {
        /** Font family name to style component text */
        fontFamily: string;
        /** Primary text color */
        primaryTextColor: string;
        /** Secondary text color */
        secondaryTextColor: string;
        /** Hyperlink color */
        hyperlinkColor: string;
        /** Hyperlink hover color */
        hyperlinkHoverColor: string;
        /** Settings for font loading */
        fontsLoader?: FontsLoaderSettings;
    };
    /** General theme settings */
    general: {
        /** Main color used for various elements like primary buttons, switches, etc. */
        brandColor: string;
        /** Background color used for elements like tiles, etc. */
        backgroundColor: string;
        /** Text color for primary buttons */
        primaryButtonTextColor: string;
        /** Hover color for primary buttons */
        primaryButtonHoverColor: string;
    };
    /** Widget theme settings */
    widget: {
        /** Space between widget container edge and the chart */
        spaceAround: SpaceSizes;
        /** Corner radius of the widget container */
        cornerRadius: RadiusSizes;
        /** Shadow level of the widget container */
        shadow: ShadowsTypes;
        /** Widget container border toggle */
        border: boolean;
        /** Widget container border color */
        borderColor: string;
        /** Widget header styles */
        header: {
            /** Header title text color */
            titleTextColor: string;
            /** Header title alignment */
            titleAlignment: AlignmentTypes;
            /** Header title font size */
            titleFontSize: number;
            /** Toggle of the divider line between widget header and chart */
            dividerLine: boolean;
            /** Divider line color */
            dividerLineColor: string;
            /** Header background color */
            backgroundColor: string;
        };
    };
    /** Filter theme settings */
    filter: {
        panel: {
            /** Title color */
            titleColor: string;
            /** Background color */
            backgroundColor: string;
            /** Divider line color for the filter panel */
            dividerLineColor: string;
            /** Divider line width for the filter panel */
            dividerLineWidth: number;
        };
    };
    /** Theme settings specific to the AI Chatbot component */
    aiChat: {
        /** Background color of the chatbot */
        backgroundColor: string;
        /** Text color of the chatbot */
        primaryTextColor: string;
        /** Secondary text color of the chatbot */
        secondaryTextColor: string;
        /** Primary font size for text in the chatbot */
        primaryFontSize: [fontSize: string, lineHeight: string];
        /** Border of the chatbot */
        border: false | string;
        /** Border radius of the chatbot */
        borderRadius: false | string;
        /** Settings for the main chat body */
        body: {
            paddingLeft: string;
            paddingRight: string;
            paddingTop: string;
            paddingBottom: string;
            gapBetweenMessages: string;
        };
        /** Settings for the chat footer */
        footer: {
            paddingLeft: string;
            paddingRight: string;
            paddingTop: string;
            paddingBottom: string;
        };
        /** Settings for user chat messages */
        userMessages: {
            backgroundColor: string;
        };
        /** Settings for system chat messages */
        systemMessages: {
            backgroundColor: string;
        };
        /** Settings for the chatbot input */
        input: {
            backgroundColor: string;
            focus: {
                outlineColor: string;
            };
        };
        /** Settings for the chatbot header */
        header: {
            backgroundColor: string;
            textColor: string;
        };
        /** Settings for chatbot dropup */
        dropup: {
            backgroundColor: string;
            boxShadow: string;
            borderRadius: string;
            headers: {
                textColor: string;
                hover: {
                    backgroundColor: string;
                };
            };
            items: {
                textColor: string;
                hover: {
                    backgroundColor: string;
                };
            };
        };
        /** Settings for the chatbot suggestions */
        suggestions: {
            textColor: string;
            backgroundColor: string;
            border: string;
            borderGradient: [string, string] | null;
            borderRadius: string;
            hover: {
                textColor: string;
                backgroundColor: string;
            };
            loadingGradient: [string, string];
            gap: string;
        };
        /** Settings for the chatbot clickable messages */
        clickableMessages: {
            textColor: string;
            backgroundColor: string;
            border: false | string;
            borderGradient: [string, string] | null;
            hover: {
                textColor: string;
                backgroundColor: string;
            };
        };
        /** Settings for the data topics screen */
        dataTopics: {
            backgroundColor: string;
            items: {
                textColor: string;
                backgroundColor: string;
            };
        };
        /** Settings for the chatbot icons */
        icons: {
            color: string;
            feedbackIcons: {
                hoverColor: string;
            };
        };
        /** Settings for the chatbot tooltips */
        tooltips: {
            backgroundColor: string;
            textColor: string;
            boxShadow: string;
        };
    };
};
/** @alpha */
export type ThemeConfig = {
    cssSelectorPrefix?: {
        enabled?: boolean;
        value?: string;
    };
};
/** Complete set of configuration options that define functional style of the various elements of the charts as well as the look and feel of widget itself and widget header. */
export type WidgetStyleOptions = (ChartStyleOptions | TableStyleOptions | TextWidgetStyleOptions | CustomWidgetStyleOptions) & WidgetContainerStyleOptions;
/** Style settings defining the look and feel of widget itself and widget header */
export interface WidgetContainerStyleOptions {
    /** Space between widget container edge and the chart */
    spaceAround?: SpaceSizes;
    /** Corner radius of the widget container */
    cornerRadius?: RadiusSizes;
    /**
     * Shadow level of the widget container
     *
     * Effective only when spaceAround is defined
     */
    shadow?: ShadowsTypes;
    /** Widget container border toggle */
    border?: boolean;
    /** Widget container border color */
    borderColor?: string;
    /**
     * Widget background color
     *
     * Affects chart background color as well
     */
    backgroundColor?: string;
    /** Widget header styles */
    header?: {
        /** Header visibility toggle */
        hidden?: boolean;
        /** Header title text color */
        titleTextColor?: string;
        /** Header title alignment */
        titleAlignment?: AlignmentTypes;
        /** Toggle of the divider line between widget header and chart */
        dividerLine?: boolean;
        /** Divider line color */
        dividerLineColor?: string;
        /** Header background color */
        backgroundColor?: string;
    };
}
/**
 * Configuration options that define functional style of the various elements of the Nlq Chart Widget
 *
 * @sisenseInternal
 */
export type NlqChartWidgetStyleOptions = {
    header?: {
        hidden?: boolean;
    };
};
/** Style settings defining the look and feel of the widget created in Fusion */
export interface WidgetByIdStyleOptions extends WidgetContainerStyleOptions {
    /**
     * Total width of the component, which is considered in the following order of priority:
     *
     * 1. Value passed to this property (in pixels)
     * 2. Width of the container wrapping this component
     * 3. Default value as specified per chart type
     *
     */
    width?: number;
    /**
     * Total height of the component, which is considered in the following order of priority:
     *
     * 1. Value passed to this property (in pixels).
     * 2. Height of the container wrapping this component
     * 3. Default value as specified per chart type
     */
    height?: number;
}
/** Style settings defining the look and feel of ChartWidget */
export type ChartWidgetStyleOptions = ChartStyleOptions & WidgetContainerStyleOptions;
/**
 * Style settings defining the look and feel of PivotTableWidget
 */
export type PivotTableWidgetStyleOptions = PivotTableStyleOptions & WidgetContainerStyleOptions;
/**
 * Style settings defining the look and feel of TextWidget
 */
export type TextWidgetStyleOptions = {
    html: string;
    vAlign: `valign-${'middle' | 'top' | 'bottom'}`;
    bgColor: string;
    /**
     * Widget header styles
     *
     * @internal
     */
    header?: {
        /**
         * Header visibility toggle
         *
         * @internal
         */
        hidden?: boolean;
    };
};
/**
 * Style settings defining the look and feel of CustomWidget
 */
export type CustomWidgetStyleOptions = WidgetContainerStyleOptions & Record<string, unknown> & {
    /**
     * The width of the custom widget component.
     */
    width?: number;
    /**
     * The height of the custom widget component.
     */
    height?: number;
};
/**
 * Runs type guard check for ThemeOid.
 *
 * @internal
 */
export declare function isThemeOid(arg: ThemeOid | ThemeSettings): arg is ThemeOid;
/** HEX color value or CSS color name. */
export declare type Color = string | null;
/** Collection of colors used to color various elements. */
export declare type ColorPaletteTheme = {
    /** Set of colors used to color chart elements */
    variantColors: Color[];
};
/** Configuration for the drilldown */
export type DrilldownOptions = {
    /**
     * Dimensions and hierarchies available for drilldown on.
     */
    drilldownPaths?: (Attribute | Hierarchy | HierarchyId)[];
    /** Current selections for multiple drilldowns */
    drilldownSelections?: DrilldownSelection[];
};
/** Configuration for the pivot table drilldown */
export type PivotTableDrilldownOptions = PivotTableSelectableDrilldownOptions | PivotTableNonSelectableDrilldownOptions;
/** Configuration for the pivot table drilldown with initial target and selections defined */
export type PivotTableSelectableDrilldownOptions = {
    /** Dimensions and hierarchies available for drilldown on */
    drilldownPaths?: (Attribute | Hierarchy | HierarchyId)[];
    /** Current selections for multiple drilldowns */
    drilldownSelections: DrilldownSelection[];
    /**
     * Current pivot table data option target for the drilldown
     *
     * Can be either:
     * - An `Attribute` directly (when you know the specific attribute to target)
     * - A `DataOptionLocation` (when you need to reference a data option by its position in the data options structure)
     */
    drilldownTarget: Attribute | DataOptionLocation;
};
/** Configuration for the pivot table drilldown without initial target and selections */
export type PivotTableNonSelectableDrilldownOptions = {
    /** Dimensions and hierarchies available for drilldown on */
    drilldownPaths?: (Attribute | Hierarchy | HierarchyId)[];
    /** Current selections for multiple drilldowns */
    drilldownSelections?: never;
    /** Current pivot table data option target for the drilldown */
    drilldownTarget?: never;
};
/** Selection for the drilldown */
export type DrilldownSelection = {
    /** Points selected for drilldown */
    points: ChartDataPoint[];
    /** Dimension to drilldown to */
    nextDimension: Attribute;
};
/**
 * Location within component data options that identifies a specific data option.
 *
 * @example
 * ```typescript
 * { dataOptionName: 'category', dataOptionIndex: 0 } // First category
 * { dataOptionName: 'value', dataOptionIndex: 1 }    // Second value measure
 * ```
 */
export type DataOptionLocation = {
    /**
     * Data option location name that identifies the property containing the data option.
     *
     * Examples:
     * - PivotTable: `'rows'` | `'columns'` | `'values'`
     * - Cartesian charts: `'category'` | `'value'` | `'breakBy'`
     * - Scatter charts: `'x'` | `'y'` | `'breakByPoint'` | `'breakByColor'` | `'size'`
     */
    dataOptionName: 'rows' | 'columns' | 'values' | 'category' | 'value' | 'breakBy' | 'x' | 'y' | 'breakByPoint' | 'breakByColor' | 'size' | 'date' | 'geo' | 'color' | 'colorBy' | 'details' | 'outliers' | 'secondary' | 'min' | 'max';
    /**
     * Data option location zero-based index.
     *
     * Required for array-based locations (e.g., `rows`, `columns`, `values`, `category`).
     * Optional for single-value locations (e.g., `x`, `y`, `date`).
     *
     * @default 0
     */
    dataOptionIndex?: number;
};
/**
 * Data points in a chart. Array of data points of the same data point type.
 */
export type ChartDataPoints = DataPoint[] | ScatterDataPoint[] | BoxplotDataPoint[] | AreamapDataPoint[] | ScattermapDataPoint[] | CalendarHeatmapDataPoint[];
/**
 * Abstract data point in a chart - union of all types of data points.
 */
export type ChartDataPoint = DataPoint | ScatterDataPoint | BoxplotDataPoint | AreamapDataPoint | ScattermapDataPoint | CalendarHeatmapDataPoint;
/**
 * Abstract data point in a chart that based on Highcharts.
 *
 * @internal
 */
export type HighchartsBasedChartDataPoint = DataPoint | ScatterDataPoint | BoxplotDataPoint | CalendarHeatmapDataPoint;
/**
 * Abstract event handler for data point click event
 *
 * @internal
 */
export type ChartDataPointEventHandler = (point: ChartDataPoint, nativeEvent: PointerEvent | MouseEvent) => void;
/** Data point in a regular chart. */
export type DataPoint = {
    /** Value of the data point */
    value?: string | number;
    /** Categorical value of the data point */
    categoryValue?: string | number;
    /** Display value of categorical value of the data point */
    categoryDisplayValue?: string;
    /** Series associated with the data point */
    seriesValue?: string | number;
    /**
     * A collection of data point entries that represents values for all related `dataOptions`.
     */
    entries?: {
        /** Data point entries for the `category` data options */
        category: DataPointEntry[];
        /** Data point entries for the `value` data options */
        value: DataPointEntry[];
        /** Data point entries for the `breakBy` data options */
        breakBy?: DataPointEntry[];
    };
};
/**
 * A data point entry that represents a single dimension within a multi-dimensional data point.
 */
export type DataPointEntry = BasicDataPointEntry | AttributeDataPointEntry | MeasureDataPointEntry;
/**
 * A basic data point entry that represents a single dimension within a multi-dimensional data point.
 */
export interface BasicDataPointEntry {
    /** The data option associated with this entry */
    dataOption: Column | StyledColumn | MeasureColumn | CalculatedMeasureColumn | StyledMeasureColumn;
    /**
     * The location of the data option in the data options structure
     * @internal
     */
    dataOptionLocation?: DataOptionLocation;
    /** The raw value of the data point */
    value: string | number;
    /** The formatted value of the data point */
    displayValue?: string;
}
/**
 * A data point entry that represents a single attribute within a multi-dimensional data point.
 */
export interface AttributeDataPointEntry extends BasicDataPointEntry {
    /** The attribute associated with this data point entry */
    attribute: Attribute;
}
/**
 * A data point entry that represents a single measure within a multi-dimensional data point.
 */
export interface MeasureDataPointEntry extends BasicDataPointEntry {
    /** The measure associated with this data point entry */
    measure: Measure;
}
/** Data point in a Scatter chart. */
export type ScatterDataPoint = {
    /** Value of the x axis */
    x?: string | number;
    /** Value of the y axis */
    y?: string | number;
    /** Size of the data point */
    size?: number;
    /** Value of the break by point */
    breakByPoint?: string;
    /** Value of the break by color */
    breakByColor?: string;
    /**
     * A collection of data point entries that represents values for all related `dataOptions`.
     */
    entries?: {
        /** Data point entry for the `x` data options */
        x?: DataPointEntry;
        /** Data point entry for the `y` data options */
        y?: DataPointEntry;
        /** Data point entry for the `size` data options */
        size?: DataPointEntry;
        /** Data point entry for the `breakByPoint` data options */
        breakByPoint?: DataPointEntry;
        /** Data point entry for the `breakByColor` data options */
        breakByColor?: DataPointEntry;
    };
};
/** Data point in a Boxplot chart. */
export type BoxplotDataPoint = {
    /** Value of the box minimum */
    boxMin?: number;
    /** Value of the box median */
    boxMedian?: number;
    /** Value of the box maximum */
    boxMax?: number;
    /** Value of the box minimal whisker */
    whiskerMin?: number;
    /** Value of the box maximal whisker */
    whiskerMax?: number;
    /** Value of the category for the data point */
    categoryValue?: string | number;
    /** Display value of category of the data point */
    categoryDisplayValue?: string;
    /** Value of the outlier */
    outlier?: number;
    /**
     * A collection of data point entries that represents values for all related `dataOptions`.
     */
    entries?: {
        /** Data point entries for the `category` data options */
        category: DataPointEntry[];
        /** Data point entries for the `value` data options */
        value: DataPointEntry[];
        /** Data point entries for the `outliers` data options */
        outliers: DataPointEntry[];
    };
};
/** Data point that represents the entire Indicator chart data. */
export type IndicatorDataPoint = {
    /**
     * A collection of data point entries that represents values for all related `dataOptions`.
     */
    entries?: {
        /** Data point entry for the `value` data options */
        value?: DataPointEntry;
        /** Data point entry for the `secondary` data options */
        secondary?: DataPointEntry;
        /** Data point entry for the `min` data options */
        min?: DataPointEntry;
        /** Data point entry for the `max` data options */
        max?: DataPointEntry;
    };
};
/**
 * Data point in a CalendarHeatmap chart.
 */
export type CalendarHeatmapDataPoint = {
    /**
     * A collection of data point entries that represents values for all related `dataOptions`.
     */
    entries?: {
        /** Data point entry for the `date` data options */
        date: DataPointEntry;
        /** Data point entry for the `value` data options */
        value?: DataPointEntry;
    };
};
/**
 * Data point that represents the entire Text widget data.
 *
 * @internal
 */
export type TextWidgetDataPoint = {
    /** HTML content of the text widget */
    html?: string;
};
/** Data point in a PivotTable. */
export type PivotTableDataPoint = {
    /**
     * Boolean flag that defines if the data point is a data cell
     */
    isDataCell: boolean;
    /**
     * Boolean flag that defines if the data point is a caption cell
     */
    isCaptionCell: boolean;
    /**
     * Boolean flag that defines if the data point is a total cell (subtotal or grandtotal)
     */
    isTotalCell: boolean;
    /**
     * A collection of data point entries that represents values for all related `dataOptions`.
     */
    entries: {
        /** Data point entries for the `rows` data options */
        rows?: DataPointEntry[];
        /** Data point entries for the `columns` data options */
        columns?: DataPointEntry[];
        /** Data point entries for the `values` data options */
        values?: DataPointEntry[];
    };
};
/**
 * Data point in an Areamap chart.
 */
export type AreamapDataPoint = GeoDataElement & {
    /**
     * A collection of data point entries that represents values for all related `dataOptions`.
     */
    entries?: {
        /** Data point entries for the `geo` data options */
        geo: DataPointEntry[];
        /** Data point entries for the `color` data options */
        color: DataPointEntry[];
    };
};
/**
 * Data point in an Scattermap chart.
 */
export type ScattermapDataPoint = {
    /** Location name displayed on marker */
    displayName: string;
    /** Array with categories strings used for location definition */
    categories: string[];
    /** Numeric measure value */
    value: number;
    /** Location coordinates */
    coordinates: Coordinates;
    /**
     * A collection of data point entries that represents values for all related `dataOptions`.
     */
    entries?: {
        /** Data point entries for the `geo` data options */
        geo: DataPointEntry[];
        /** Data point entry for the `size` data options */
        size?: DataPointEntry;
        /** Data point entry for the `colorBy` data options */
        colorBy?: DataPointEntry;
        /** Data point entry for the `details` data options */
        details?: DataPointEntry;
    };
};
/**
 * Represents a single data point in a custom widget.
 *
 * This type is used to define the structure of a data point that is passed to event handlers
 * like `onDataPointClick`. It typically extends `AbstractDataPointWithEntries` to include
 * specific entries for categories, values, or other dimensions used in the widget.
 *
 * @example
 * ```typescript
 * interface MyWidgetDataPoint extends CustomWidgetDataPoint {
 *   entries: {
 *     category: DataPointEntry[];
 *     value: DataPointEntry[];
 *   };
 * }
 *
 * const onDataPointClick = (point: MyWidgetDataPoint) => {
 *   console.log('Clicked category:', point.entries.category[0].value);
 * };
 * ```
 */
export type CustomWidgetDataPoint<T extends AbstractDataPointWithEntries = AbstractDataPointWithEntries> = T;
/**
 * Generic event handler for custom widget data point click.
 *
 * @typeParam T - The shape of the data point
 * @example
 * ```tsx
 * const handleClick: CustomWidgetDataPointEventHandler<MyDataPoint> = (point, event) => {
 *   console.log('Clicked:', point.label, point.value);
 * };
 * ```
 */
export type CustomWidgetDataPointEventHandler<T extends AbstractDataPointWithEntries = AbstractDataPointWithEntries> = (
/** Data point that was clicked */
point: CustomWidgetDataPoint<T>, 
/** Native browser event */
nativeEvent: PointerEvent | MouseEvent) => void;
/**
 * Generic event handler for custom widget data point context menu.
 *
 * @typeParam T - The shape of the data point
 */
export type CustomWidgetDataPointContextMenuHandler<T extends AbstractDataPointWithEntries = AbstractDataPointWithEntries> = (
/** Data point that triggered the context menu */
point: CustomWidgetDataPoint<T>, 
/** Native browser event */
nativeEvent: MouseEvent) => void;
/**
 * Generic event handler for custom widget data points selection.
 *
 * @typeParam T - The shape of the data point
 * @example
 * ```tsx
 * const handleSelect: CustomWidgetDataPointsEventHandler<MyDataPoint> = (points, event) => {
 *   console.log('Selected:', points.length, 'points');
 * };
 * ```
 */
export type CustomWidgetDataPointsEventHandler<T extends AbstractDataPointWithEntries = AbstractDataPointWithEntries> = (
/** Data points that were selected */
points: CustomWidgetDataPoint<T>[], 
/** Native browser event */
nativeEvent: MouseEvent) => void;
/**
 * Event props for custom widgets with generic data point type.
 *
 * @typeParam DataPoint - The shape of data points for this custom widget
 */
export interface CustomWidgetEventProps<DataPoint extends AbstractDataPointWithEntries = AbstractDataPointWithEntries> {
    /**
     * Click handler callback for a data point
     *
     * @category Callbacks
     */
    onDataPointClick?: CustomWidgetDataPointEventHandler<DataPoint>;
    /**
     * Context menu handler callback for a data point
     *
     * @category Callbacks
     */
    onDataPointContextMenu?: CustomWidgetDataPointContextMenuHandler<DataPoint>;
    /**
     * Handler callback for selection of multiple data points
     *
     * @category Callbacks
     */
    onDataPointsSelected?: CustomWidgetDataPointsEventHandler<DataPoint>;
}
export type { AbstractDataPointWithEntries } from './domains/dashboarding/common-filters/types';
/**
 * This is the minimum definition of Highcharts
 * events, Series, and Point that we require. As
 * we add more capabilities we may add more to
 * these type definitions
 *
 * @internal
 */
export type HighchartsPointerEvent = PointerEvent & {
    point: HighchartsPoint;
};
/**
 * @internal
 */
export type HighchartsSelectEvent = {
    originalEvent: MouseEvent;
    preventDefault: () => void;
    xAxis: HighchartsSelectEventAxis[];
    yAxis: HighchartsSelectEventAxis[];
};
/**
 * @internal
 */
export type HighchartsSelectEventAxis = {
    axis: {
        series: Series[];
        coll: 'xAxis' | 'yAxis';
    };
    min: number;
    max: number;
};
/**
 * @internal
 */
export type Series = {
    points: HighchartsPoint[];
};
/**
 * @internal
 */
export type HighchartsPoint = {
    category: string;
    name?: string;
    state?: string;
    options: {
        name: string;
        custom: {
            number1?: number;
            level?: number;
            levelsCount?: number;
        };
        date?: number;
        dateString?: string;
        value?: number;
        q1?: number;
        median?: number;
        q3?: number;
        low?: number;
        high?: number;
        y?: number;
    };
    custom: {
        maskedX?: string;
        maskedY?: string;
        maskedBreakByPoint?: string;
        maskedBreakByColor?: string;
        maskedSize?: string;
        rawValue: string | number;
        xValue?: (string | number)[];
        xDisplayValue?: string[];
        rawValues?: (string | number)[];
        xValues?: string[];
    };
    series: {
        initialType: string;
        type: string;
        options: {
            custom?: {
                rawValue?: string | number[];
            };
        };
        index: number;
        chart: {
            options: HighchartsOptionsInternal;
        };
        name: string;
    };
    graphic?: {
        on: (eventType: string, callback: (event: PointerEvent) => void) => HighchartsPoint['graphic'];
    };
    x: number;
    y: number;
    z: number;
    index: number;
    value?: number;
};
/**
 * @internal
 */
export type OptionsWithAlerts<T> = {
    options: T;
    alerts: string[];
};
/**
 * @internal
 */
export type SeriesWithAlerts<T> = {
    series: T;
    alerts: string[];
};
/**
 * Context menu position coordinates
 * Used in {@link @sisense/sdk-ui!ContextMenuProps | `ContextMenuProps`}
 */
export type MenuPosition = {
    /** Horizontal position */
    left: number;
    /** Vertical position */
    top: number;
};
/**
 * Menu alignment configuration for positioning
 * Used in {@link @sisense/sdk-ui!ContextMenuProps | `ContextMenuProps`}
 *
 * @internal
 */
export type MenuAlignment = {
    /** Vertical alignment of the menu relative to its anchor point */
    vertical?: 'top' | 'bottom';
    /** Horizontal alignment of the menu relative to its anchor point */
    horizontal?: 'left' | 'right';
};
/**
 * Context menu section
 * Used in {@link @sisense/sdk-ui!ContextMenuProps | `ContextMenuProps`}
 */
export type MenuItemSection = {
    /** @internal */
    readonly id?: string;
    /** Optional section title */
    sectionTitle?: string;
    /** Optional list of menu items */
    items?: {
        key?: string | number;
        onClick?: () => void;
        caption: string;
        /** @internal */
        class?: string;
        /** @internal */
        style?: CSSProperties;
        /** @internal */
        disabled?: boolean;
        /** @internal */
        subItems?: MenuItemSection[];
    }[];
};
/**
 * Result of custom drilldown execution
 *
 * User provides selected points and desired category to drilldown to
 * and receives set of filters to apply and new category to display
 *
 */
export type CustomDrilldownResult = {
    /**
     * The drilldown filters that should be applied to the next drilldown
     */
    drilldownFilters: MembersFilter[];
    /**
     * New dimension that should replace the current dimension
     */
    drilldownDimension: Attribute;
    /**
     * Callback to provide next points to drilldown to
     */
    onDataPointsSelected: DataPointsEventHandler;
    /**
     * Callback to open context menu
     */
    onContextMenu: (menuPosition: MenuPosition) => void;
    /**
     * Breadcrumbs that only allow for selection slicing, clearing, & navigation
     */
    breadcrumbsComponent?: JSX.Element;
};
/**
 * A config that defines the behavior of the loading indicator
 */
export type LoadingIndicatorConfig = {
    /**
     * Delay in milliseconds before the loading indicator is shown
     */
    delay?: number;
    /**
     * Boolean flag that defines if the loading indicator should be shown
     */
    enabled?: boolean;
};
/**
 * Data options with arbitrary keys. This is typically used in the context of a custom widget.
 */
export type GenericDataOptions = Record<string, Array<StyledColumn | StyledMeasureColumn>>;
/**
 * Translation resources with nested structure.
 */
export type NestedTranslationResources = {
    [key: string]: string | NestedTranslationResources;
};
/**
 * Custom translation object.
 */
export type CustomTranslationObject = {
    /**
     * The language code of the translations.
     */
    language: string;
    /**
     * The translation resources.
     */
    resources: NestedTranslationResources;
    /**
     * The translation namespace (usually a package name in camelCase). It identifies the specific context in which the translation is being registered.
     * If not specified, the default value is `sdkUi`.
     */
    namespace?: string;
};
/**
 * Translation Configuration
 */
export type TranslationConfig = {
    /**
     * Language code to be used for translations.
     */
    language?: string;
    /**
     * Additional translation resources to be loaded.
     *
     * You can find the list of available translation keys in the translation folder of every package.
     *
     * Translation keys that are not provided will default to the English translation.
     * If translation is provided for a package other than sdk-ui, please specify the namespace property.
     *
     * Important: Do not translate parts in `{{}}` - these are placeholders for dynamic values and will be matched using provided variable names.
     *
     * @example
     * ```ts
     * customTranslations: [
     *   {
     *     language: 'fr',
     *     resources: {
     *       errors: {
     *        invalidFilterType: 'Type de filtre invalide',
     *       },
     *     },
     *   },
     *   {
     *     language: 'es',
     *     namespace: 'sdkData'
     *     resources: {
     *       errors: {
     *         measure: {
     *           unsupportedType: 'Tipo de medida no compatible',
     *         },
     *       },
     *     },
     *   },
     * ]
     * ```
     */
    customTranslations?: (CustomTranslationObject | CustomTranslationObject[])[];
};
/** @internal */
export type CustomContextProviderProps<P> = SoftUnion<{
    context: P;
} | {
    error: Error;
}>;