import { ComponentType, PropsWithChildren, ReactNode } from 'react';
import { Attribute, Data, DataSource, Filter, FilterRelations, Measure, QueryResultData } from '@sisense/sdk-data';
import { Hierarchy } from './domains/drilldown/hierarchy-model';
import { ExecuteQueryParams, QueryByWidgetIdState } from './domains/query-execution';
import { ExecuteQueryResult } from './domains/query-execution/types';
import { type CustomDataCellFormatter, type CustomHeaderCellFormatter } from './domains/visualizations/components/pivot-table/formatters/types';
import { AreamapChartDataOptions, BoxplotChartCustomDataOptions, BoxplotChartDataOptions, CalendarHeatmapChartDataOptions, IndicatorChartDataOptions, PivotTableDataOptions, RangeChartDataOptions, RegularChartDataOptions, ScatterChartDataOptions, ScattermapChartDataOptions, TableDataOptions, TabularChartDataOptions } from './domains/visualizations/core/chart-data-options/types';
import { HighchartsOptions } from './domains/visualizations/core/chart-options-processor/chart-options-service';
import type { ChartWidgetProps } from './domains/widgets/components/chart-widget/types';
import { FiltersMergeStrategy } from './domains/widgets/components/widget-by-id/types';
import { type AppConfig } from './infra/app/types';
import type { Plugin } from './infra/plugins/types';
import { AreamapDataPoint, AreamapStyleOptions, AreaRangeStyleOptions, AreaStyleOptions, BoxplotDataPoint, BoxplotStyleOptions, CalendarHeatmapDataPoint, CalendarHeatmapStyleOptions, CartesianChartDataOptions, CategoricalChartDataOptions, ChartDataOptions, ChartDataPoints, ChartStyleOptions, ChartType, CustomDrilldownResult, DataPoint, DrilldownOptions, DrilldownSelection, FunnelStyleOptions, IndicatorDataPoint, IndicatorRenderOptions, IndicatorStyleOptions, LineStyleOptions, MenuAlignment, MenuItemSection, MenuPosition, PieStyleOptions, PivotTableDataPoint, PivotTableDrilldownOptions, PivotTableStyleOptions, PolarStyleOptions, RegularChartStyleOptions, RegularChartType, ScatterDataPoint, ScattermapDataPoint, ScattermapStyleOptions, ScatterStyleOptions, StackableStyleOptions, StreamgraphStyleOptions, SunburstStyleOptions, TableStyleOptions, TabularChartStyleOptions, TextWidgetDataPoint, ThemeConfig, ThemeOid, ThemeSettings, TreemapStyleOptions, WidgetByIdStyleOptions } from './types';
export type { TabberButtonsWidgetProps } from './domains/widgets/components/tabber-buttons-widget/types';
export type { WidgetProps, WidgetType, WithCommonWidgetProps, } from './domains/widgets/components/widget/types';
export type { MenuItemSection, HighchartsOptions };
/**
 * Configurations and authentication for Sisense Context.
 *
 * Use one of the following to authenticate:
 *
 * - {@link ssoEnabled}
 * - {@link token}
 * - {@link wat}
 */
export interface SisenseContextProviderProps {
    /**
     * Default data source explicitly set to be used by child components that are not defined with a data source.
     *
     * @category Sisense App
     */
    defaultDataSource?: DataSource;
    /**
     * URL of the Sisense environment the app connects to
     *
     * @category Sisense App
     */
    url: string;
    /**
     * [Single Sign-On](https://docs.sisense.com/main/SisenseLinux/using-single-sign-on-to-access-sisense.htm) toggle.
     *
     * Set to `true` to use SSO authentication. When `true`, this overrides any other authentication methods. Defaults to `false`.
     *
     * @category Sisense Authentication
     */
    ssoEnabled?: boolean;
    /**
     * Token for [bearer authentication](https://developer.sisense.com/guides/restApi/using-rest-api.html).
     *
     * To signify that the token is pending (e.g., being generated), set the value to `null`. This is supported for React and Vue only.
     *
     * @category Sisense Authentication
     */
    token?: string | null;
    /**
     * [Web Access Token](https://docs.sisense.com/main/SisenseLinux/using-web-access-token.htm).
     *
     * To signify that the token is pending (e.g., being generated), set the value to `null`. This is supported for React and Vue only.
     *
     * @category Sisense Authentication
     */
    wat?: string | null;
    /**
     * Flag to delegate authentication to Fusion.
     *
     * Defaults to `false`.
     *
     * @category Sisense Authentication
     */
    useFusionAuth?: boolean;
    /**
     * Application specific configurations such as locale and date formats.
     *
     * @category Sisense App
     */
    appConfig?: AppConfig;
    /**
     * Boolean flag to show or hide run-time errors that involve Sisense context in the UI.
     * Example errors include incorrect Sisense URL or invalid authentication.
     * Note that this flag does not hide run-time errors in the console.
     * If disabled - it's recommended to specify an {@link onError} callback to handle errors.
     *
     * If not specified, the default value is `true`.
     *
     * @category Sisense App Error Handling
     */
    showRuntimeErrors?: boolean;
    /**
     * Callback function that is triggered when an error occurs within the Sisense context.
     *
     * Return React node to render a custom error UI.
     * Return `undefined` to use the default error UI.
     *
     * This callback is useful for handling errors that happen during the initialization or runtime of the Sisense context,
     * such as incorrect configuration, invalid authentication, or network-related issues.
     *
     * @category Sisense App Error Handling
     */
    onError?: (
    /** The error object containing details about the issue. */
    error: Error, 
    /** Additional details about the error, such as the component name and props that caused this error. */
    errorDetails?: {
        /** The name of the component that caused the error. */
        componentName: string;
        /** The props of the component that caused the error. */
        componentProps: unknown;
    }) => void | ReactNode;
    /**
     * Boolean flag to enable sending silent pre-authentication requests to the Sisense instance.
     * Used to check if user is already authenticated, check is performed in an ivisible iframe.
     * Used only with SSO authentication.
     * If not specified, the default value is `false`.
     *
     * @category Sisense Authentication
     *
     */
    enableSilentPreAuth?: boolean;
    /**
     * Alternative host to use for SSO authentication.
     * Used **only** when the SSO Login URL is configured as a *relative* url.
     * If not specified, the default value is `''`.
     *
     * @category Sisense Authentication
     *
     * @internal
     */
    alternativeSsoHost?: string;
    /**
     * Maximum number of SSO redirect attempts before stopping.
     * Prevents infinite refresh loops when auth cookies fail to land (e.g. third-party
     * cookie restrictions, SSO configuration issues, browser privacy settings).
     * Redirect attempts are tracked in localStorage per Sisense URL and reset on successful auth.
     * If not specified, the default value is `3`.
     *
     * @category Sisense Authentication
     * @alpha
     */
    ssoMaxAuthRedirectAttempts?: number;
    /**
     * Milliseconds after the latest redirect timestamp before the counter resets. Use `0` to disable expiry (counter only resets on successful auth). Default is `5000` (5 seconds).
     *
     * @category Sisense Authentication
     * @alpha
     */
    ssoRedirectAttemptsTtlMs?: number;
    /**
     * Boolean flag to use the default palette from Compose SDK.
     * Set to true in case of WAT authentication causing errors for the `/api/palettes` endpoint on older versions of Fusion (pre 2024.3)
     *
     * If not specified, the default value is `false`.
     *
     * @category Sisense App
     *
     * @internal
     */
    disableFusionPalette?: boolean;
    /**
     * Array of plugins to register.
     *
     * Plugins should satisfy the following conditions:
     * - Name uniqueness (duplicates are skipped with a warning)
     * - Version compatibility with the current SDK version
     *
     * @category Sisense App
     *
     * @internal
     */
    plugins?: Plugin[];
}
/**
 * Props for {@link ExecuteQuery} component.
 *
 * @privateRemarks
 * ExecuteQueryProps should inherit docs from ExecuteQueryParams,
 * instead of the other way around because sdk-ui-angular and sdk-ui-vue
 * can inherit docs from ExecuteQueryParams but not from ExecuteQueryProps.
 */
export interface ExecuteQueryProps {
    /** {@inheritDoc ExecuteQueryParams.dataSource} */
    dataSource?: DataSource;
    /** {@inheritDoc ExecuteQueryParams.dimensions} */
    dimensions?: Attribute[];
    /** {@inheritDoc ExecuteQueryParams.measures} */
    measures?: Measure[];
    /** {@inheritDoc ExecuteQueryParams.filters} */
    filters?: Filter[] | FilterRelations;
    /** {@inheritDoc ExecuteQueryParams.highlights} */
    highlights?: Filter[];
    /** {@inheritDoc ExecuteQueryParams.count} */
    count?: number;
    /** {@inheritDoc ExecuteQueryParams.offset} */
    offset?: number;
    /** {@inheritDoc ExecuteQueryParams.ungroup} */
    ungroup?: boolean;
    /** Function as child component that is called to render the query results */
    children?: (queryResult: ExecuteQueryResult) => ReactNode;
    /** Callback function that is evaluated when query results are ready */
    onDataChanged?: (data: QueryResultData) => void;
    /** {@inheritDoc ExecuteQueryParams.onBeforeQuery} */
    onBeforeQuery?: (jaql: any) => any | Promise<any>;
}
/**
 * Configurations for Theme.
 *
 * Two options are supported:
 *
 * (1) `ThemeSettings` -- Custom theme settings that override the default theme settings.
 *
 * OR
 *
 * (2) `ThemeOid` -- Theme identifier as defined in a Fusion instance (**Admin > App Configuration > Look and Feel**).
 * See [Customizing the Sisense User Interface](https://docs.sisense.com/main/SisenseLinux/customizing-the-sisense-user-interface.htm) for more details.
 */
export type ThemeProviderProps = PropsWithChildren<{
    /**
     *
     * Theme for visual styling of the various components
     */
    theme?: ThemeOid | ThemeSettings;
    /**
     * Used internally for explicitly skipping the tracking call (mainly for
     * SisenseContextProvider, since it internally renders a ThemeProvider).
     *
     * @internal
     */
    skipTracking?: boolean;
    /** @alpha */
    config?: ThemeConfig;
}>;
/**
 * A handler function that allows you to customize the underlying chart element before it is
 * rendered. Use the `highchartsOptions` object that is passed to the callback to change
 * [options values](https://api.highcharts.com/highcharts/) and then return the modified options
 * object. The returned options are then used when rendering the chart.
 *
 * This callback is not supported for Indicator Chart, Areamap Chart, and Scattermap Chart.
 *
 * For an example of how the `BeforeRenderHandler` function can be used, see the
 * [Compose SDK Charts Guide](/guides/sdk/guides/charts/guide-compose-sdk-charts.html#callbacks).
 *
 * @see {@link https://api.highcharts.com/highcharts/}
 */
export type BeforeRenderHandler = (
/** Highcharts options */
highchartsOptions: HighchartsOptions) => HighchartsOptions;
/**
 * Type guard for checking if the render options are of type HighchartsOptions
 *
 * @param renderOptions - The render options to check
 * @returns whether the render options are of type HighchartsOptions
 * @internal
 */
export declare const isHighchartsOptions: (renderOptions: any) => renderOptions is HighchartsOptions;
/**
 * Type guard for checking if the render options are of type IndicatorRenderOptions
 *
 * @param renderOptions - The render options to check
 * @returns whether the render options are of type IndicatorRenderOptions
 * @internal
 */
export declare const isIndicatorRenderOptions: (renderOptions: any) => renderOptions is IndicatorRenderOptions;
/**
 * A handler function that allows you to customize the underlying chart element before it is
 * rendered. Use the {@link IndicatorRenderOptions} object that is passed to the callback to change
 * and then return the modified options object.
 * The returned options are then used when rendering the chart.
 *
 * This callback is supported only for Indicator Chart.
 */
export type IndicatorBeforeRenderHandler = (
/** Indicator render options */
renderOptions: IndicatorRenderOptions) => IndicatorRenderOptions;
/**
 * Click handler for when an abstract data point (data point of any chart) is clicked
 */
export type ChartDataPointsEventHandler = (
/** Abstract data points that were selected */
points: ChartDataPoints, 
/** Native MouseEvent */
nativeEvent: MouseEvent | PointerEvent) => void;
/** Click handler for when multiple data points are selected. */
export type DataPointsEventHandler = (
/** Data points that were selected */
points: DataPoint[], 
/** Native MouseEvent */
nativeEvent: MouseEvent) => void;
/**
 * A handler function that allows you to customize what happens when certain events occur to
 * a data point.
 *
 * For an example of how the `DataPointEventHandler` function can be used, see the
 * [Compose SDK Charts Guide](/guides/sdk/guides/charts/guide-compose-sdk-charts.html#callbacks).
 */
export type DataPointEventHandler = (
/** Data point that was clicked */
point: DataPoint, 
/** Native PointerEvent */
nativeEvent: PointerEvent) => void;
/** Click handler for when a scatter data point is clicked */
export type ScatterDataPointEventHandler = (
/** Data point that was clicked */
point: ScatterDataPoint, 
/** Native PointerEvent */
nativeEvent: PointerEvent) => void;
/** Click handler for when multiple scatter data points are selected. */
export type ScatterDataPointsEventHandler = (
/** Data points that were selected */
points: ScatterDataPoint[], 
/** Native MouseEvent */
nativeEvent: MouseEvent) => void;
/**
 * Click handler for when a data point on Areamap is clicked.
 */
export type AreamapDataPointEventHandler = (
/** Data point that was clicked */
point: AreamapDataPoint, 
/** Native MouseEvent */
nativeEvent: MouseEvent) => void;
/**
 * Click handler for when a data point on Scattermap is clicked.
 */
export type ScattermapDataPointEventHandler = (
/** Data point that was clicked */
point: ScattermapDataPoint, 
/** Native MouseEvent */
nativeEvent: MouseEvent) => void;
/**
 * Click handler for when a data point on Boxplot is clicked.
 */
export type BoxplotDataPointEventHandler = (
/** Data point that was clicked */
point: BoxplotDataPoint, 
/** Native PointerEvent */
nativeEvent: PointerEvent) => void;
/**
 * Click handler for when an indicator chart is clicked.
 */
export type IndicatorDataPointEventHandler = (
/** Data point that was clicked */
point: IndicatorDataPoint, 
/** Native MouseEvent */
nativeEvent: MouseEvent) => void;
/**
 * Click handler for when a calendar-heatmap data point is clicked
 */
export type CalendarHeatmapDataPointEventHandler = (
/** Data point that was clicked */
point: CalendarHeatmapDataPoint, 
/** Native PointerEvent */
nativeEvent: PointerEvent) => void;
/**
 * Click handler for when multiple calendar-heatmap data points are selected.
 */
export type CalendarHeatmapDataPointsEventHandler = (
/** Data points that were selected */
points: CalendarHeatmapDataPoint[], 
/** Native MouseEvent */
nativeEvent: MouseEvent) => void;
/**
 * Click handler for when text widget is clicked.
 *
 * @internal
 */
export type TextWidgetDataPointEventHandler = (
/** Data point that was clicked */
point: TextWidgetDataPoint, 
/** Native MouseEvent */
nativeEvent: MouseEvent) => void;
/**
 * Click handler for when a pivot table cell is clicked.
 */
export type PivotTableDataPointEventHandler = (
/** Data point that was clicked */
point: PivotTableDataPoint, 
/** Native MouseEvent */
nativeEvent: MouseEvent) => void;
interface HighchartsBasedChartEventProps {
    /**
     * A callback that allows you to customize the underlying chart element before it is rendered.
     * Use the `highchartsOptions` object that is passed to the callback to change
     * [options values](https://api.highcharts.com/highcharts/) and then return the modified options
     * object. The returned options are then used when rendering the chart.
     *
     * This callback is not supported for Indicator Chart, Areamap Chart, Scattermap Chart, and Table.
     *
     * For an example of how the `onBeforeRender` callback can be used, see the
     * [Compose SDK Charts Guide](/guides/sdk/guides/charts/guide-compose-sdk-charts.html#callbacks).
     *
     * @category Callbacks
     */
    onBeforeRender?: BeforeRenderHandler;
}
interface BaseChartEventProps {
    /**
     * A callback that allows to modify data immediately after it has been retrieved.
     * It can be used to inject modification of queried data.
     *
     * @category Callbacks
     */
    onDataReady?: (data: Data) => Data;
}
/**
 * Event props for regular (non-specific) charts which uses DataPoint type
 * to describe data points for events.
 */
interface RegularChartEventProps extends BaseChartEventProps, HighchartsBasedChartEventProps {
    /**
     * A callback that allows you to customize what happens when a data point is clicked.
     *
     * To learn more about callbacks, see the [Compose SDK Charts Guide](/guides/sdk/guides/charts/guide-compose-sdk-charts.html#callbacks).
     *
     * @category Callbacks
     */
    onDataPointClick?: DataPointEventHandler;
    /**
     * A callback that allows you to customize what happens when a context menu is displayed for a data point.
     *
     * To learn more about callbacks, see the [Compose SDK Charts Guide](/guides/sdk/guides/charts/guide-compose-sdk-charts.html#callbacks).
     *
     * @category Callbacks
     */
    onDataPointContextMenu?: DataPointEventHandler;
    /**
     * A callback that allows you to customize what happens when data points are selected.
     *
     * To learn more about callbacks, see the [Compose SDK Charts Guide](/guides/sdk/guides/charts/guide-compose-sdk-charts.html#callbacks).
     *
     * @category Callbacks
     */
    onDataPointsSelected?: DataPointsEventHandler;
}
/**
 * Event props for Scatter chart which uses ScatterDataPoint type
 * to describe data points for events.
 */
interface ScatterChartEventProps extends BaseChartEventProps, HighchartsBasedChartEventProps {
    /**
     * Click handler callback for a data point
     *
     * @category Callbacks
     */
    onDataPointClick?: ScatterDataPointEventHandler;
    /**
     * Context menu handler callback for a data point
     *
     * @category Callbacks
     */
    onDataPointContextMenu?: ScatterDataPointEventHandler;
    /**
     * Handler callback for selection of multiple data points
     *
     * @category Callbacks
     */
    onDataPointsSelected?: ScatterDataPointsEventHandler;
}
/**
 * Event props for Areamap chart which uses AreamapDataPoint type
 * to describe data points for events.
 */
interface AreamapChartEventProps {
    /**
     * Click handler callback for a data point
     *
     * @category Callbacks
     */
    onDataPointClick?: AreamapDataPointEventHandler;
}
/**
 * Event props for Scattermap chart which uses ScattermapDataPoint type
 * to describe data points for events.
 */
interface ScattermapChartEventProps {
    /**
     * Click handler callback for a data point
     *
     * @category Callbacks
     */
    onDataPointClick?: ScattermapDataPointEventHandler;
}
/**
 * Event props for Boxplot chart which uses BoxplotDataPoint type
 * to describe data points for events.
 */
interface BoxplotChartEventProps extends BaseChartEventProps, HighchartsBasedChartEventProps {
    /**
     * Click handler callback for a data point
     *
     * @category Callbacks
     */
    onDataPointClick?: BoxplotDataPointEventHandler;
    /**
     * Context menu handler callback for a data point
     *
     * @category Callbacks
     */
    onDataPointContextMenu?: BoxplotDataPointEventHandler;
    /**
     * Handler callback for selection of multiple data points
     *
     * @category Callbacks
     */
    onDataPointsSelected?: DataPointsEventHandler;
}
interface IndicatorChartEventProps extends BaseChartEventProps {
    /**
     * A callback that allows you to customize the underlying indicator chart element before it is rendered.
     * The returned options are then used when rendering the chart.
     *
     * @category Callbacks
     */
    onBeforeRender?: IndicatorBeforeRenderHandler;
    /**
     * A callback that allows you to customize what happens when indicator chart is clicked.
     *
     * @category Callbacks
     * @internal
     */
    onDataPointClick?: IndicatorDataPointEventHandler;
}
/**
 * Event props for CalendarHeatmap chart which uses CalendarHeatmapDataPoint type
 * to describe data points for events.
 *
 * @internal
 */
export interface CalendarHeatmapChartEventProps extends BaseChartEventProps, HighchartsBasedChartEventProps {
    /**
     * Click handler callback for a data point
     *
     * @category Callbacks
     */
    onDataPointClick?: CalendarHeatmapDataPointEventHandler;
    /**
     * Context menu handler callback for a data point
     *
     * @category Callbacks
     */
    onDataPointContextMenu?: CalendarHeatmapDataPointEventHandler;
    /**
     * Handler callback for selection of multiple data points
     *
     * @category Callbacks
     */
    onDataPointsSelected?: CalendarHeatmapDataPointsEventHandler;
}
/**
 * Base Chart Props to be extended by {@link ChartProps}
 *
 * @internal
 */
export interface BaseChartProps extends BaseChartEventProps {
    /**
     * Data set for a chart using one of the following options. If neither option is specified, the chart
     * will use the `defaultDataSource` specified in the parent `SisenseContextProvider`
     * component.
     *
     *
     * (1) Sisense data source name as a string. For example, `'Sample ECommerce'`. Typically, you
     * retrieve the data source name from a data model you create using the `get-data-model`
     * {@link https://developer.sisense.com/guides/sdk/guides/cli.html | command} of the Compose SDK CLI. The chart
     * connects to the data source, executes a query, and loads the data as specified in
     * `dataOptions`, `filters`, and `highlights`.
     *
     * To learn more about using data from a Sisense data source, see the
     * [Compose SDK Charts Guide](/guides/sdk/guides/charts/guide-compose-sdk-charts.html#sisense-data).
     *
     * OR
     *
     * (2) Explicit {@link @sisense/sdk-data!Data | `Data`}, which is made up of an array of
     * {@link @sisense/sdk-data!Column | `Column` } objects and a two-dimensional array of row data. This approach
     * allows the chart component to be used with any data you provide.
     *
     * To learn more about using data from an external data source, see the
     * [Compose SDK Charts Guide](/guides/sdk/guides/charts/guide-compose-sdk-charts.html#explicit-data).
     *
     * Example data in the proper format:
     *
     * ```ts
     * const sampleData = {
     *   columns: [
     *     { name: 'Years', type: 'date' },
     *     { name: 'Quantity', type: 'number' },
     *     { name: 'Units', type: 'number' },
     *   ],
     *   rows: [
     *     ['2019', 5500, 1500],
     *     ['2020', 4471, 7000],
     *     ['2021', 1812, 5000],
     *     ['2022', 5001, 6000],
     *     ['2023', 2045, 4000],
     *   ],
     * };
     * ```
     *
     * @category Data
     */
    dataSet?: DataSource | Data;
    /**
     * Filters to limit (or slice) a chart’s data using one of the following options.
     *
     * (1) Array of {@link Filter} or {@link FilterRelations} returned from filter factory functions, such as
     * {@link @sisense/sdk-data!filterFactory.greaterThan | `greaterThan()`} and {@link @sisense/sdk-data!filterFactory.members | `members()`}.
     *
     * Use this option for filters that do not require a UI to set them
     * or for filters where you will supply your own UI components or use pre-built UI components. This is the most common option.
     *
     * To learn more about using filter factory functions to create filters, see the [Compose SDK Charts Guide](/guides/sdk/guides/charts/guide-compose-sdk-charts.html#filter-functions).
     *
     * (2) Array of {@link Filter} controlled by filter UI components – for example {@link @sisense/sdk-ui!MemberFilterTile | `MemberFilterTile`}.
     *
     * Use this option for filters that you want your users to set using pre-built UI components.
     *
     * To learn more about using filter UI components to create filters, see the [Compose SDK Charts Guide](/guides/sdk/guides/charts/guide-compose-sdk-charts.html#filter-components).
     *
     * @category Data
     */
    filters?: Filter[] | FilterRelations;
    /**
     * Highlights based on filter criteria to apply to a chart using one of the following options.
     *
     * NOTE that the filter dimensions used in highlights must match those defined in the
     * `dataOptions` of the chart. Otherwise, the filters will be applied as regular slice filters.
     *
     * (1) Array of {@link Filter} returned from filter factory functions, such as
     * {@link @sisense/sdk-data!filterFactory.greaterThan | `greaterThan()`} and {@link @sisense/sdk-data!filterFactory.members | `members()`}.
     *
     * Use this option for highlights that do not require a UI to set them
     * or for highlights where you will supply your own UI components or use pre-built UI components. This is the most common option.
     *
     * To learn more about using filter factory functions to create highlights, see the
     * [Compose SDK Charts Guide](/guides/sdk/guides/charts/guide-compose-sdk-charts.html#filter-functions-for-highlighting).
     *
     * (2) Array of {@link Filter} controlled by filter UI components – for example {@link @sisense/sdk-ui!MemberFilterTile | `MemberFilterTile`}.
     *
     * Use this option for highlights that you want your users to set using pre-built UI components.
     *
     * To learn more about using filter components to create highlights, see the
     * [Compose SDK Charts Guide](/guides/sdk/guides/charts/guide-compose-sdk-charts.html#filter-components-for-highlighting).
     *
     * @category Data
     */
    highlights?: Filter[];
}
/**
 * Chart props to be able to react on chart events.
 */
export interface ChartEventProps extends BaseChartEventProps {
    /**
     * Click handler callback for a data point
     *
     * @category Callbacks
     */
    onDataPointClick?: DataPointEventHandler | ScatterDataPointEventHandler | AreamapDataPointEventHandler | BoxplotDataPointEventHandler | ScattermapDataPointEventHandler | IndicatorDataPointEventHandler | CalendarHeatmapDataPointEventHandler;
    /**
     * Context menu handler callback for a data point
     *
     * @category Callbacks
     */
    onDataPointContextMenu?: DataPointEventHandler | ScatterDataPointEventHandler | BoxplotDataPointEventHandler | CalendarHeatmapDataPointEventHandler;
    /**
     * Handler callback for selection of multiple data points
     *
     * @category Callbacks
     */
    onDataPointsSelected?: DataPointsEventHandler | ScatterDataPointsEventHandler | CalendarHeatmapDataPointsEventHandler;
    /**
     * A callback that allows you to customize the underlying chart element before it is rendered. The returned options are then used when rendering the chart.
     *
     * This callback is not supported for Areamap Chart, Scattermap Chart, Table, and PivotTable.
     *
     * @category Callbacks
     */
    onBeforeRender?: HighchartsBasedChartEventProps['onBeforeRender'] | IndicatorChartEventProps['onBeforeRender'];
}
/**
 * Props shared across {@link Chart} components.
 */
export interface ChartProps extends BaseChartProps, ChartEventProps {
    /**
     * Default chart type of each series.
     *
     * @category Chart
     */
    chartType: ChartType;
    /**
     * Configurations for how to interpret and present a chart's data.
     *
     * To learn more about using data options,
     * see the [Compose SDK Charts Guide](/guides/sdk/guides/charts/guide-compose-sdk-charts.html#dataoptions).
     *
     * @category Chart
     */
    dataOptions: ChartDataOptions;
    /**
     * Configurations for how to style and present a chart's data.
     *
     * To learn more about using style options,
     * see the [Compose SDK Charts Guide](/guides/sdk/guides/charts/guide-compose-sdk-charts.html#styleoptions).
     *
     * @category Chart
     */
    styleOptions?: ChartStyleOptions;
    /**
     * Used to force a refresh of the chart from outside the chart component
     * Since added to dependencies of useEffect, will trigger a query execution
     *
     * @internal
     */
    refreshCounter?: number;
}
/**
 * Props of the {@link RegularChart} component.
 *
 * @internal
 */
export interface RegularChartProps extends ChartProps {
    chartType: RegularChartType;
    dataOptions: RegularChartDataOptions;
    styleOptions?: RegularChartStyleOptions;
}
/**
 * Props of the tabular charts ({@link TableComponent}).
 *
 * @internal
 */
export interface TabularChartProps extends ChartProps {
    chartType: 'table';
    dataOptions: TabularChartDataOptions;
    styleOptions?: TabularChartStyleOptions;
}
/**
 * Props of the {@link AreaChart} component.
 */
export interface AreaChartProps extends BaseChartProps, RegularChartEventProps, HighchartsBasedChartEventProps {
    /**
     * Configurations for how to interpret and present a chart's data.
     *
     * To learn more about using data options,
     * see the [Compose SDK Charts Guide](/guides/sdk/guides/charts/guide-compose-sdk-charts.html#dataoptions).
     *
     * @category Chart
     */
    dataOptions: CartesianChartDataOptions;
    /**
     * Configurations for how to style and present a chart's data.
     *
     * @category Chart
     */
    styleOptions?: AreaStyleOptions;
}
/**
 * Props of the {@link StreamgraphChart} component.
 *
 * A streamgraph is a type of stacked area chart where areas are displaced around
 * a central axis. It is often used for displaying compound volume across different
 * categories or over time with a relative scale that emphasizes overall patterns
 * and trends.
 */
export interface StreamgraphChartProps extends BaseChartProps, RegularChartEventProps, HighchartsBasedChartEventProps {
    /**
     * Configurations for how to interpret and present a chart's data.
     *
     * Streamgraph requires at least one category (X-axis) and one or more value measures.
     * Multiple series can be created using the `breakBy` property or by providing multiple
     * value measures.
     *
     * To learn more about using data options,
     * see the [Compose SDK Charts Guide](/guides/sdk/guides/charts/guide-compose-sdk-charts.html#dataoptions).
     *
     * @category Chart
     */
    dataOptions: CartesianChartDataOptions;
    /**
     * Configurations for how to style and present a chart's data.
     *
     * @category Chart
     */
    styleOptions?: StreamgraphStyleOptions;
}
/**
 * Props of the {@link BarChart} component.
 */
export interface BarChartProps extends BaseChartProps, RegularChartEventProps, HighchartsBasedChartEventProps {
    /**
     * Configurations for how to interpret and present a chart's data.
     *
     * To learn more about using data options,
     * see the [Compose SDK Charts Guide](/guides/sdk/guides/charts/guide-compose-sdk-charts.html#dataoptions).
     *
     * @category Chart
     */
    dataOptions: CartesianChartDataOptions;
    /**
     * Configurations for how to style and present a chart's data.
     *
     * @category Chart
     */
    styleOptions?: StackableStyleOptions;
}
/**
 * Props of the {@link ColumnChart} component.
 */
export interface ColumnChartProps extends BaseChartProps, HighchartsBasedChartEventProps, RegularChartEventProps {
    /**
     * Configurations for how to interpret and present a chart's data.
     *
     * To learn more about using data options,
     * see the [Compose SDK Charts Guide](/guides/sdk/guides/charts/guide-compose-sdk-charts.html#dataoptions).
     *
     * @category Chart
     */
    dataOptions: CartesianChartDataOptions;
    /**
     * Configurations for how to style and present a chart's data.
     *
     * @category Chart
     */
    styleOptions?: StackableStyleOptions;
}
/**
 * Props of the {@link FunnelChart} component.
 */
export interface FunnelChartProps extends BaseChartProps, HighchartsBasedChartEventProps, RegularChartEventProps {
    /**
     * Configurations for how to interpret and present the data passed to the chart
     *
     * @category Chart
     */
    dataOptions: CategoricalChartDataOptions;
    /**
     * Configurations for how to style and present a chart's data.
     *
     * @category Chart
     */
    styleOptions?: FunnelStyleOptions;
}
/**
 * Props of the {@link LineChart} component.
 */
export interface LineChartProps extends BaseChartProps, HighchartsBasedChartEventProps, RegularChartEventProps {
    /**
     * Configurations for how to interpret and present a chart's data.
     *
     * To learn more about using data options,
     * see the [Compose SDK Charts Guide](/guides/sdk/guides/charts/guide-compose-sdk-charts.html#dataoptions).
     *
     * @category Chart
     */
    dataOptions: CartesianChartDataOptions;
    /**
     * Configurations for how to style and present a chart's data.
     *
     * @category Chart
     */
    styleOptions?: LineStyleOptions;
}
/**
 * Props of the {@link PieChart} component.
 */
export interface PieChartProps extends BaseChartProps, HighchartsBasedChartEventProps, RegularChartEventProps {
    /**
     * Configurations for how to interpret and present the data passed to the chart
     *
     * @category Chart
     */
    dataOptions: CategoricalChartDataOptions;
    /**
     * Configurations for how to style and present a chart's data.
     *
     * @category Chart
     */
    styleOptions?: PieStyleOptions;
}
/**
 * Props of the {@link PolarChart} component.
 */
export interface PolarChartProps extends BaseChartProps, HighchartsBasedChartEventProps, RegularChartEventProps {
    /**
     * Configurations for how to interpret and present a chart's data.
     *
     * To learn more about using data options,
     * see the [Compose SDK Charts Guide](/guides/sdk/guides/charts/guide-compose-sdk-charts.html#dataoptions).
     *
     * @category Chart
     */
    dataOptions: CartesianChartDataOptions;
    /**
     * Configurations for how to style and present a chart's data.
     *
     * @category Chart
     */
    styleOptions?: PolarStyleOptions;
}
/**
 * Props of the {@link IndicatorChart} component.
 */
export interface IndicatorChartProps extends BaseChartProps, IndicatorChartEventProps {
    /**
     * Configurations for how to interpret and present the data passed to the chart
     *
     * @category Chart
     */
    dataOptions: IndicatorChartDataOptions;
    /**
     * Configurations for how to style and present a chart's data.
     *
     * @category Chart
     */
    styleOptions?: IndicatorStyleOptions;
}
/**
 * Props of the {@link Table} component.
 */
export interface TableProps extends BaseChartEventProps {
    /**
     * {@inheritDoc ChartProps.dataSet}
     *
     *
     * @category Data
     */
    dataSet?: DataSource | Data;
    /**
     * Configurations for how to interpret and present the data passed to the component
     *
     * @category Representation
     */
    dataOptions: TableDataOptions;
    /**
     * Filters that will slice query results
     *
     * @category Data
     */
    filters?: Filter[] | FilterRelations;
    /**
     * Configurations for how to style and present a table's data.
     *
     * @category Representation
     */
    styleOptions?: TableStyleOptions;
    /**
     * Used to force a refresh of the table from outside the table component
     * Since added to dependencies of useEffect, will trigger a query execution
     *
     * @internal
     */
    refreshCounter?: number;
}
/**
 * Props of the {@link PivotTable} component.
 */
export interface PivotTableProps {
    /**
     * Data source name (as a `string`) - e.g. `Sample ECommerce`.
     *
     * If not specified, the component will use the `defaultDataSource` specified in the parent Sisense Context.
     *
     * @category Data
     */
    dataSet?: DataSource;
    /**
     * Configurations for how to interpret and present the data passed to the component
     *
     * @category Representation
     */
    dataOptions: PivotTableDataOptions;
    /**
     * Filters that will slice query results
     *
     * @category Data
     */
    filters?: Filter[] | FilterRelations;
    /**
     * Filters that will highlight query results
     *
     * @category Data
     */
    highlights?: Filter[];
    /**
     * Configurations for how to style and present a pivot table's data.
     *
     * @category Representation
     */
    styleOptions?: PivotTableStyleOptions;
    /**
     * Used to force a refresh of the table from outside the table component
     * Since added to dependencies of useEffect, will trigger a query execution
     *
     * @internal
     */
    refreshCounter?: number;
    /**
     * Callback function that is called when the height of the pivot table changes
     *
     * @internal
     */
    onHeightChange?: (height: number) => void;
    /**
     * Callback function that is called when the pivot table cell is clicked
     *
     * @category Callbacks
     */
    onDataPointClick?: PivotTableDataPointEventHandler;
    /**
     * Callback function that is called when the pivot table cell is right-clicked
     *
     * @category Callbacks
     */
    onDataPointContextMenu?: PivotTableDataPointEventHandler;
    /**
     * Applies custom styling and behavior to pivot table data cells.
     *
     * This formatter function returns formatting objects instead of mutating parameters,
     * following functional programming principles. Use this single callback to combine
     * multiple handlers and control the call sequence from outside the pivot.
     *
     * @example
     * ```typescript
     * const customDataFormatter: CustomDataCellFormatter = (cell, jaqlPanelItem, dataOption, id) => {
     *   if (cell.value > 1000) {
     *     return {
     *       style: { backgroundColor: 'lightgreen' },
     *       content: `${cell.value} (High)`
     *     };
     *   }
     * };
     * ```
     *
     * @internal
     */
    onDataCellFormat?: CustomDataCellFormatter;
    /**
     * Applies custom styling and behavior to pivot table row and column headers.
     *
     * This formatter function returns formatting objects instead of mutating parameters,
     * following functional programming principles. Use this single callback to combine
     * multiple handlers and control the call sequence from outside the pivot.
     *
     * @example
     * ```typescript
     * const customHeaderFormatter: CustomHeaderCellFormatter = (cell, jaqlPanelItem, dataOption, id) => {
     *   if (cell.content === 'Total') {
     *     return {
     *       style: { fontWeight: 'bold', color: 'blue' },
     *       className: 'total-header'
     *     };
     *   }
     * };
     * ```
     *
     * @internal
     */
    onHeaderCellFormat?: CustomHeaderCellFormatter;
}
/**
 * Props of the {@link ScatterChart} component.
 */
export interface ScatterChartProps extends BaseChartProps, ScatterChartEventProps, HighchartsBasedChartEventProps {
    /**
     * Configurations for how to interpret and present the data passed to the chart
     *
     * @category Chart
     */
    dataOptions: ScatterChartDataOptions;
    /**
     * Configurations for how to style and present a chart's data.
     *
     * @category Chart
     */
    styleOptions?: ScatterStyleOptions;
}
/**
 * Props for the {@link WidgetById} component
 */
export interface WidgetByIdProps extends Omit<ChartWidgetProps, 'dataSource' | 'dataOptions' | 'chartType' | 'styleOptions' | 'drilldownOptions'> {
    /**
     * Identifier of the widget
     *
     * @category Widget
     */
    widgetOid: string;
    /**
     * Identifier of the dashboard that contains the widget
     *
     * @category Widget
     */
    dashboardOid: string;
    /**
     * Filters that will slice query results
     *
     * Provided filters will be merged with the existing filters from the widget configuration.
     *
     * @category Data
     */
    filters?: Filter[];
    /**
     * Highlight filters that will highlight results that pass filter criteria
     *
     * @category Data
     */
    highlights?: Filter[];
    /**
     * {@inheritDoc ExecuteQueryByWidgetIdParams.filtersMergeStrategy}
     *
     * @category Data
     */
    filtersMergeStrategy?: FiltersMergeStrategy;
    /**
     * {@inheritDoc ExecuteQueryByWidgetIdParams.includeDashboardFilters}
     *
     * @category Data
     */
    includeDashboardFilters?: boolean;
    /**
     * Title of the widget
     *
     * If not specified, it takes the existing value from the widget configuration.
     *
     * @category Widget
     */
    title?: string;
    /**
     * Description of the widget
     *
     * If not specified, it takes the existing value from the widget configuration.
     *
     * @category Widget
     */
    description?: string;
    /**
     * Style options for the widget including the widget container and the chart or table inside.
     *
     * @category Widget
     */
    styleOptions?: WidgetByIdStyleOptions;
    /**
     * Drilldown options for the widget
     *
     * @category Widget
     * @internal
     */
    drilldownOptions?: DrilldownOptions | PivotTableDrilldownOptions;
}
/**
 * Props for {@link ExecuteQueryByWidgetId} component.
 *
 * @privateRemarks
 * ExecuteQueryByWidgetIdProps should inherit docs from ExecuteQueryByWidgetIdParams,
 * instead of the other way around because sdk-ui-angular and sdk-ui-vue
 * can inherit docs from ExecuteQueryByWidgetIdParams but not from ExecuteQueryByWidgetIdProps.
 */
export interface ExecuteQueryByWidgetIdProps {
    /** {@inheritDoc ExecuteQueryByWidgetIdParams.widgetOid} */
    widgetOid: string;
    /** {@inheritDoc ExecuteQueryByWidgetIdParams.dashboardOid} */
    dashboardOid: string;
    /** {@inheritDoc ExecuteQueryByWidgetIdParams.filters} */
    filters?: Filter[];
    /** {@inheritDoc ExecuteQueryByWidgetIdParams.highlights} */
    highlights?: Filter[];
    /** {@inheritDoc ExecuteQueryParams.count} */
    count?: number;
    /** {@inheritDoc ExecuteQueryParams.offset} */
    offset?: number;
    /** {@inheritDoc ExecuteQueryByWidgetIdParams.filtersMergeStrategy} */
    filtersMergeStrategy?: FiltersMergeStrategy;
    /** {@inheritDoc ExecuteQueryByWidgetIdParams.includeDashboardFilters} */
    includeDashboardFilters?: boolean;
    /** {@inheritDoc ExecuteQueryProps.children} */
    children?: (queryState: QueryByWidgetIdState) => ReactNode;
    /** {@inheritDoc ExecuteQueryProps.onDataChanged} */
    onDataChanged?: (data: QueryResultData, queryParams: ExecuteQueryParams) => void;
    /** {@inheritDoc ExecuteQueryParams.onBeforeQuery} */
    onBeforeQuery?: (jaql: any) => any | Promise<any>;
}
/**
 * Props of the {@link TreemapChart} component.
 */
export interface TreemapChartProps extends BaseChartProps, HighchartsBasedChartEventProps, RegularChartEventProps {
    /**
     * Configurations for how to interpret and present the data passed to the chart
     *
     * @category Chart
     */
    dataOptions: CategoricalChartDataOptions;
    /**
     * Configurations for how to style and present a chart's data.
     *
     * @category Chart
     */
    styleOptions?: TreemapStyleOptions;
}
/**
 * Props of the {@link SunburstChart} component.
 */
export interface SunburstChartProps extends BaseChartProps, RegularChartEventProps, HighchartsBasedChartEventProps {
    /**
     * Configurations for how to interpret and present the data passed to the chart
     *
     * @category Chart
     */
    dataOptions: CategoricalChartDataOptions;
    /**
     * Configurations for how to style and present a chart's data.
     *
     * @category Chart
     */
    styleOptions?: SunburstStyleOptions;
}
/**
 * Props of the {@link BoxplotChart} component.
 */
export interface BoxplotChartProps extends BaseChartProps, BoxplotChartEventProps, HighchartsBasedChartEventProps {
    /**
     * Configurations for how to interpret and present the data passed to the chart
     *
     * @category Chart
     */
    dataOptions: BoxplotChartDataOptions | BoxplotChartCustomDataOptions;
    /**
     * Configurations for how to style and present a chart's data.
     *
     * @category Chart
     */
    styleOptions?: BoxplotStyleOptions;
}
/**
 * Props of the {@link ScattermapChart} component.
 */
export interface ScattermapChartProps extends BaseChartProps, ScattermapChartEventProps {
    /**
     * Configurations for how to interpret and present the data passed to the chart
     *
     * @category Chart
     */
    dataOptions: ScattermapChartDataOptions;
    /**
     * Configurations for how to style and present a chart's data.
     *
     * @category Chart
     */
    styleOptions?: ScattermapStyleOptions;
}
/**
 * Props of the {@link AreamapChart} component.
 */
export interface AreamapChartProps extends BaseChartProps, AreamapChartEventProps {
    /**
     * Configurations for how to interpret and present the data passed to the chart
     *
     * @category Chart
     */
    dataOptions: AreamapChartDataOptions;
    /**
     * Configurations for how to style and present a chart's data.
     *
     * @category Chart
     */
    styleOptions?: AreamapStyleOptions;
}
/**
 * Props of the {@link AreaRangeChart} component.
 */
export interface AreaRangeChartProps extends BaseChartProps, HighchartsBasedChartEventProps, RegularChartEventProps {
    /**
     * Configurations for how to interpret and present the data passed to the chart
     *
     * @category Chart
     */
    dataOptions: RangeChartDataOptions;
    /**
     * Configurations for how to style and present a chart's data.
     *
     * @category Chart
     */
    styleOptions?: AreaRangeStyleOptions;
}
/**
 * Props of the {@link ContextMenu} component.
 */
export interface ContextMenuProps {
    /**
     * Context menu position
     *
     * @category Widget
     */
    position?: MenuPosition | null;
    /**
     * Callback function that is evaluated when the context menu is closed
     *
     * @category Widget
     */
    closeContextMenu: () => void;
    /**
     * Menu item sections
     *
     * @category Widget
     */
    itemSections?: MenuItemSection[];
    /**
     * React nodes to be rendered at the bottom of the context menu
     *
     * @category Widget
     */
    children?: React.ReactNode;
    /**
     * Menu alignment configuration for positioning
     *
     * @category Widget
     *
     * @internal
     */
    alignment?: MenuAlignment;
}
/**
 * Props of the {@link DrilldownBreadcrumbs} component.
 */
export interface DrilldownBreadcrumbsProps {
    /**
     * List of drilldown filters formatted to be displayed as breadcrumbs
     *
     * @category Widget
     */
    filtersDisplayValues: string[][];
    /**
     * Currently selected drilldown dimension
     *
     * @category Widget
     */
    currentDimension: Attribute;
    /**
     * Callback function that is evaluated when the close (X) button is clicked
     *
     * @category Widget
     */
    clearDrilldownSelections: () => void;
    /**
     * Callback function that is evaluated when a breadcrumb is clicked
     *
     * @category Widget
     */
    sliceDrilldownSelections: (i: number) => void;
}
/**
 * An object that allows users to pass advanced configuration options as a prop for the {@link DrilldownWidget} component
 */
export type DrilldownWidgetConfig = {
    /**
     * Boolean to override default breadcrumbs location and instead only return them as a property of the 'children' function
     *
     * @category Widget
     */
    isBreadcrumbsDetached?: boolean;
    /**
     * React component to be rendered as breadcrumbs
     *
     * {@link DrilldownBreadcrumbs} will be used if not provided
     *
     * @category Widget
     */
    breadcrumbsComponent?: ComponentType<DrilldownBreadcrumbsProps>;
    /**
     * React component to be rendered as context menu
     *
     * {@link ContextMenu} will be used if not provided
     *
     * @category Widget
     */
    contextMenuComponent?: (contextMenuProps: ContextMenuProps) => JSX.Element;
};
/**
 * Props for the {@link DrilldownWidget} component
 */
export interface DrilldownWidgetProps {
    /**
     * Dimensions and hierarchies available for drilldown on.
     *
     * @category Widget
     */
    drilldownPaths?: (Attribute | Hierarchy)[];
    /**
     * Initial dimension to apply first set of filters to
     *
     * @category Widget
     */
    initialDimension: Attribute;
    /**
     * Initial drilldown selections
     *
     * @internal
     */
    drilldownSelections?: DrilldownSelection[];
    /**
     * An object that allows users to pass advanced configuration options as a prop for the `DrilldownWidget` component
     *
     * @category Widget
     */
    config?: DrilldownWidgetConfig;
    /** @internal */
    onChange?: (props: Partial<DrilldownWidgetProps>) => void;
    /**
     * React component to be rendered as context menu
     *
     * {@link ContextMenu} will be used if not provided
     *
     * @category Widget
     */
    children: (customDrilldownResult: CustomDrilldownResult) => ReactNode;
}
/**
 * Props of the {@link CalendarHeatmapChart} component.
 */
export interface CalendarHeatmapChartProps extends BaseChartProps, CalendarHeatmapChartEventProps {
    /**
     * Configurations for how to interpret and present the data passed to the chart
     *
     * @category Chart
     */
    dataOptions: CalendarHeatmapChartDataOptions;
    /**
     * Configurations for how to style and present a chart's data.
     *
     * @category Chart
     */
    styleOptions?: CalendarHeatmapStyleOptions;
}