@sisense/sdk-ui 2.31.1 → 2.32.0

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

@@ -4,14 +4,14 @@ 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, SankeyChartDataOptions, ScatterChartDataOptions, ScattermapChartDataOptions, TableDataOptions, TabularChartDataOptions } from './domains/visualizations/core/chart-data-options/types';
+import { AreamapChartDataOptions, BoxplotChartCustomDataOptions, BoxplotChartDataOptions, CalendarHeatmapChartDataOptions, IndicatorChartDataOptions, KpiChartDataOptions, PivotTableDataOptions, RangeChartDataOptions, RegularChartDataOptions, SankeyChartDataOptions, 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 { Module } from './infra/modules';
 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, SankeyStyleOptions, ScatterDataPoint, ScattermapDataPoint, ScattermapStyleOptions, ScatterStyleOptions, StackableStyleOptions, StreamgraphStyleOptions, SunburstStyleOptions, TableStyleOptions, TabularChartStyleOptions, TextWidgetDataPoint, ThemeConfig, ThemeOid, ThemeSettings, TreemapStyleOptions, WidgetByIdStyleOptions } from './types';
+import { AreamapDataPoint, AreamapStyleOptions, AreaRangeStyleOptions, AreaStyleOptions, BoxplotDataPoint, BoxplotStyleOptions, CalendarHeatmapDataPoint, CalendarHeatmapStyleOptions, CartesianChartDataOptions, CategoricalChartDataOptions, ChartDataOptions, ChartDataPoints, ChartStyleOptions, ChartType, CustomDrilldownResult, DataPoint, DrilldownOptions, DrilldownSelection, FunnelStyleOptions, IndicatorDataPoint, IndicatorRenderOptions, IndicatorStyleOptions, KpiBeforeRenderHandler, KpiDataPointEventHandler, KpiStyleOptions, LineStyleOptions, MenuAlignment, MenuItemSection, MenuPosition, PieStyleOptions, PivotTableDataPoint, PivotTableDrilldownOptions, PivotTableStyleOptions, PolarStyleOptions, RegularChartStyleOptions, RegularChartType, SankeyStyleOptions, 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 };
@@ -414,6 +414,20 @@ interface BaseChartEventProps {
      * @category Callbacks
      */
     onDataReady?: (data: Data) => Data;
+    /**
+     * Calls the provided callback each time a supported chart finishes painting
+     * with fetched data — on initial load and again whenever it re-enters a ready
+     * state after a reload (e.g. filter change, refetch). Use this to signal
+     * to a host application that the chart content is committed to the DOM.
+     *
+     * Currently wired for **Sankey** only (Fusion `domready` / PDF export).
+     * Empty / no-results Sankey states also fire once the terminal overlay is shown.
+     * Other chart types ignore this prop (Fusion widgets use native `domready`).
+     *
+     * @category Callbacks
+     * @internal
+     */
+    onReady?: () => void;
 }
 /**
  * Event props for regular (non-specific) charts which uses DataPoint type
@@ -669,13 +683,13 @@ export interface ChartEventProps extends BaseChartEventProps {
      *
      * @category Callbacks
      */
-    onDataPointClick?: DataPointEventHandler | ScatterDataPointEventHandler | AreamapDataPointEventHandler | BoxplotDataPointEventHandler | ScattermapDataPointEventHandler | IndicatorDataPointEventHandler | CalendarHeatmapDataPointEventHandler;
+    onDataPointClick?: DataPointEventHandler | ScatterDataPointEventHandler | AreamapDataPointEventHandler | BoxplotDataPointEventHandler | ScattermapDataPointEventHandler | IndicatorDataPointEventHandler | CalendarHeatmapDataPointEventHandler | KpiDataPointEventHandler;
     /**
      * Context menu handler callback for a data point
      *
      * @category Callbacks
      */
-    onDataPointContextMenu?: DataPointEventHandler | ScatterDataPointEventHandler | BoxplotDataPointEventHandler | CalendarHeatmapDataPointEventHandler;
+    onDataPointContextMenu?: DataPointEventHandler | ScatterDataPointEventHandler | BoxplotDataPointEventHandler | CalendarHeatmapDataPointEventHandler | KpiDataPointEventHandler;
     /**
      * Handler callback for selection of multiple data points
      *
@@ -689,7 +703,7 @@ export interface ChartEventProps extends BaseChartEventProps {
      *
      * @category Callbacks
      */
-    onBeforeRender?: HighchartsBasedChartEventProps['onBeforeRender'] | IndicatorChartEventProps['onBeforeRender'];
+    onBeforeRender?: HighchartsBasedChartEventProps['onBeforeRender'] | IndicatorChartEventProps['onBeforeRender'] | KpiChartEventProps['onBeforeRender'];
 }
 /**
  * Props shared across {@link Chart} components.
@@ -1485,3 +1499,61 @@ export interface CalendarHeatmapChartProps extends BaseChartProps, CalendarHeatm
      */
     styleOptions?: CalendarHeatmapStyleOptions;
 }
+/**
+ * Event props for the {@link KpiChart} component.
+ *
+ * @beta
+ */
+export interface KpiChartEventProps extends BaseChartEventProps {
+    /**
+     * Click handler callback for the KPI card.
+     *
+     * @category Callbacks
+     */
+    onDataPointClick?: KpiDataPointEventHandler;
+    /**
+     * Context menu handler callback for the KPI card.
+     *
+     * @category Callbacks
+     */
+    onDataPointContextMenu?: KpiDataPointEventHandler;
+    /**
+     * A callback that allows you to customize the computed KPI render options
+     * before the card is rendered. The returned options are used for painting.
+     *
+     * @category Callbacks
+     */
+    onBeforeRender?: KpiBeforeRenderHandler;
+}
+/**
+ * Props of the {@link KpiChart} component.
+ *
+ * @beta
+ *
+ * @example
+ * ```tsx
+ * <KpiChart
+ *   dataSet={DM.DataSource}
+ *   dataOptions={{
+ *     value: measureFactory.sum(DM.Commerce.Revenue),
+ *     trend: DM.Commerce.Date.Months,
+ *     comparison: { type: 'previous-period' },
+ *   }}
+ *   styleOptions={{ title: { text: 'Total Revenue' } }}
+ * />
+ * ```
+ */
+export interface KpiChartProps extends BaseChartProps, KpiChartEventProps {
+    /**
+     * Configurations for how to interpret and present the data passed to the chart
+     *
+     * @category Chart
+     */
+    dataOptions: KpiChartDataOptions;
+    /**
+     * Configurations for how to style and present a chart's data.
+     *
+     * @category Chart
+     */
+    styleOptions?: KpiStyleOptions;
+}

package/dist/packages/sdk-ui/src/public-api/beta.d.ts

@@ -13,4 +13,8 @@ export { SankeyChart } from '../domains/visualizations/components/sankey-chart';
 export type { SankeyChartProps } from '../props';
 export type { SankeyChartDataOptions } from '../domains/visualizations/core/chart-data-options/types';
 export type { SankeyStyleOptions, SankeyChartType } from '../types';
+export { KpiChart } from '../domains/visualizations/components/kpi-chart';
+export type { KpiChartProps, KpiChartEventProps } from '../props';
+export type { KpiChartDataOptions, KpiComparison, KpiValueMode, } from '../domains/visualizations/core/chart-data-options/types';
+export type { KpiStyleOptions, KpiValueStyleOptions, KpiTitleStyleOptions, KpiComparisonStyleOptions, KpiSparklineStyleOptions, KpiSparklineType, KpiCardStyleOptions, KpiTextSize, KpiIconCondition, KpiComparisonInfo, KpiRenderOptions, KpiBeforeRenderHandler, KpiDataPoint, KpiDataPointEventHandler, KpiChartType, } from '../types';
 export type { FilterWidgetProps, FilterWidgetFilterType, } from '../domains/widgets/components/filter-widget/index.js';

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

@@ -6,13 +6,14 @@ import { Coordinates } from './domains/visualizations/components/chart/component
 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, RangeChartType, SankeyChartType, ScatterChartType, ScattermapChartType, TableChartType, TextStyle } from './domains/visualizations/core/chart-options-processor/translations/types';
+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';
@@ -20,9 +21,9 @@ 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, StyledColumn, StyledMeasureColumn, } from './domains/visualizations/core/chart-data-options/types';
+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, TableType, TableChartType, RangeChartType, SankeyChartType, TextStyle, } from './domains/visualizations/core/chart-options-processor/translations/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';
@@ -1423,18 +1424,308 @@ export interface SankeyStyleOptions extends BaseStyleOptions {
      * @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.
+ *
+ * @beta
+ */
+export type KpiSparklineType = 'line' | 'spline' | 'area' | 'column';
+/**
+ * Configuration that defines styling of the KPI chart sparkline.
+ * The sparkline is rendered only when {@link KpiChartDataOptions.trend} is set.
+ *
+ * @beta
+ */
+export type KpiSparklineStyleOptions = {
+    /**
+     * Boolean flag that defines whether the sparkline is shown.
+     *
+     * @defaultValue true when `KpiChartDataOptions.trend` is set
+     */
+    enabled?: boolean;
+    /**
+     * Chart type of the sparkline.
+     *
+     * @defaultValue 'area'
+     */
+    chartType?: KpiSparklineType;
+};
+/**
+ * Computed comparison shown on a KPI card. Mirrors the {@link KpiComparison} input,
+ * with all math resolved.
+ *
+ * @beta
+ */
+export type KpiComparisonInfo = {
+    type: 'previous-period';
+    baseline: number;
+    deltaValue: number;
+    deltaPercent?: number;
+    label: string;
+} | {
+    type: 'delta';
+    baseline: number;
+    deltaValue: number;
+    deltaPercent?: number;
+    label: string;
+} | {
+    type: 'target';
+    target: number;
+    percentOfTarget?: number;
+    toGo: number;
+    label: string;
+} | {
+    type: 'value';
+    value: number;
+    label: string;
+};
+/**
+ * Data point in a KPI chart — the card represents a single aggregated point.
+ *
+ * @beta
+ */
+export type KpiDataPoint = {
+    /** Headline value. */
+    value?: number;
+    /** Last trend bucket as epoch milliseconds, when a trend dimension is set. */
+    date?: number;
+    /** Resolved comparison shown on the card, when a comparison is active. */
+    comparison?: KpiComparisonInfo;
+};
+/**
+ * A handler function that allows to customize what happens when a KPI chart is clicked.
+ *
+ * @beta
+ */
+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.
+ *
+ * @beta
+ */
+export type KpiRenderOptions = {
+    value?: number;
+    valueTitle: string;
+    valueColor?: string;
+    valuePeriodMs?: number;
+    comparison?: KpiComparisonInfo;
+    sparklinePoints?: {
+        x: number;
+        y: number | null;
+    }[];
+};
+/**
+ * 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.
+ *
+ * @beta
+ */
+export type KpiBeforeRenderHandler = (
+/** KPI render options */
+renderOptions: KpiRenderOptions) => KpiRenderOptions;
+/**
+ * Icon shown next to the KPI headline value when its condition matches.
+ * Conditions are evaluated in order; the first match wins.
+ *
+ * @beta
+ */
+export type KpiIconCondition = {
+    /** Unicode symbol or short text rendered when the condition matches, for example '⚠' or '✓'. */
+    icon: string;
+    /** Icon color. Defaults to the headline value color. */
+    color?: string;
+    /** 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).
+ *
+ * @beta
+ */
+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.
+ *
+ * @beta
+ */
+export type KpiValueStyleOptions = {
+    /**
+     * Text size of the headline value: `'auto'` to scale it to the card, or a fixed size in px.
+     *
+     * @defaultValue '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[];
+};
+/**
+ * Configuration that defines styling of the KPI card title.
+ *
+ * @beta
+ */
+export type KpiTitleStyleOptions = {
+    /**
+     * Boolean flag that defines whether the title is shown.
+     *
+     * @defaultValue true
+     */
+    enabled?: boolean;
+    /** Title text. Defaults to the value measure title. */
+    text?: string;
+};
+/**
+ * Configuration that defines styling of the KPI comparison readout.
+ *
+ * @beta
+ */
+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.
+     *
+     * @defaultValue 'percent'
+     */
+    display?: 'percent' | 'value' | 'both';
+    /** Caption next to the delta, e.g. 'vs last year'. Defaults to an i18n label inferred from context. */
+    label?: 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).
+     *
+     * @defaultValue 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.
+     *
+     * @defaultValue 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.
+ *
+ * @beta
+ */
+export type KpiCardStyleOptions = {
+    /** Card background color. Text and sparkline switch to white for contrast on dark backgrounds. */
+    backgroundColor?: string;
+    /**
+     * Horizontal alignment of the card text.
+     *
+     * @defaultValue 'left'
+     */
+    textAlign?: 'left' | 'center' | 'right';
+    /**
+     * Boolean flag that defines whether the card border is shown.
+     *
+     * @defaultValue false
+     */
+    showBorder?: boolean;
+    /**
+     * Corner radius of the card in pixels.
+     *
+     * @defaultValue 8
+     */
+    cornerRadius?: number;
+};
+/**
+ * Configuration options that define functional style of the various elements of a KPI chart.
+ *
+ * @beta
+ *
+ * @example
+ * ```tsx
+ * <KpiChart
+ *   dataSet={DM.DataSource}
+ *   dataOptions={{
+ *     value: measureFactory.sum(DM.Commerce.Revenue),
+ *     trend: 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'> {
+    /**
+     * Card layout mode.
+     *
+     * @defaultValue 'standard'
+     */
+    layout?: 'standard' | 'big-comparison';
+    /** 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.trend} 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 | StreamgraphStyleOptions | SankeyStyleOptions;
+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;
@@ -1446,7 +1737,7 @@ export type MultiColumnValueToColorMap = {
 /**
  * Chart type of one of the supported chart families
  */
-export type ChartType = CartesianChartType | CategoricalChartType | ScatterChartType | IndicatorChartType | AreamapChartType | BoxplotChartType | ScattermapChartType | CalendarHeatmapChartType | RangeChartType | SankeyChartType | TableChartType;
+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>;
 /**

package/dist/query.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BGVJyEgp.cjs"),u=require("./use-execute-csv-query-DnTVUxCj.cjs"),t=require("./execute-query-9rwu12er.cjs");exports.ExecuteQuery=e.ExecuteQuery;exports.QUERY_MODULE_NAME=e.QUERY_MODULE_NAME;exports.QueryModule=e.QueryModule;exports.queryStateReducer=e.queryStateReducer;exports.useExecuteQuery=e.useExecuteQuery;exports.useQueryCache=e.useQueryCache;exports.useExecuteCsvQuery=u.useExecuteCsvQuery;exports.useExecuteCsvQueryInternal=u.useExecuteCsvQueryInternal;exports.useExecutePivotQuery=u.useExecutePivotQuery;exports.useExecutePivotQueryInternal=u.useExecutePivotQueryInternal;exports.executeCsvQuery=t.executeCsvQuery;exports.executePivotQuery=t.executePivotQuery;exports.executeQuery=t.executeQuery;exports.executeQueryWithRowCount=t.executeQueryWithRowCount;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Boixy7N4.cjs"),u=require("./use-execute-csv-query-DAJqBzR5.cjs"),t=require("./execute-query-CZOWu-Fh.cjs");exports.ExecuteQuery=e.ExecuteQuery;exports.QUERY_MODULE_NAME=e.QUERY_MODULE_NAME;exports.QueryModule=e.QueryModule;exports.queryStateReducer=e.queryStateReducer;exports.useExecuteQuery=e.useExecuteQuery;exports.useQueryCache=e.useQueryCache;exports.useExecuteCsvQuery=u.useExecuteCsvQuery;exports.useExecuteCsvQueryInternal=u.useExecuteCsvQueryInternal;exports.useExecutePivotQuery=u.useExecutePivotQuery;exports.useExecutePivotQueryInternal=u.useExecutePivotQueryInternal;exports.executeCsvQuery=t.executeCsvQuery;exports.executePivotQuery=t.executePivotQuery;exports.executeQuery=t.executeQuery;exports.executeQueryWithRowCount=t.executeQueryWithRowCount;

package/dist/query.js

@@ -1,6 +1,6 @@
-import { E as a, c as r, Q as s, q as t, u as y, b as Q } from "./index-CyVSfJ-B.js";
-import { ay as x, aA as o, az as E, aB as v } from "./use-execute-csv-query-LtQrd2A4.js";
-import { a3 as C, a2 as i, ar as f, b5 as l } from "./execute-query-4_76L7Ax.js";
+import { E as a, c as r, Q as s, q as t, u as y, b as Q } from "./index-D3DsBxkp.js";
+import { ay as x, aA as o, az as E, aB as v } from "./use-execute-csv-query-tLJmsnwg.js";
+import { a3 as C, a2 as i, ar as f, b5 as l } from "./execute-query-D-gXk-LI.js";
 export {
   a as ExecuteQuery,
   r as QUERY_MODULE_NAME,