@sisense/sdk-ui 1.10.1 → 1.11.0

package/dist/indicator-canvas.d.ts

@@ -2,15 +2,14 @@ import { IndicatorChartDataOptionsInternal } from './chart-data-options/types';
 import { type FunctionComponent } from 'react';
 import { IndicatorChartData } from './chart-data/types';
 import { IndicatorChartDesignOptions } from './chart-options-processor/translations/design-options';
-import { ThemeSettings } from './types';
+import { ChartRendererProps } from './chart/types';
 export interface IndicatorCanvasProps {
     chartData: IndicatorChartData;
     dataOptions: IndicatorChartDataOptionsInternal;
     designOptions: IndicatorChartDesignOptions;
-    themeSettings?: ThemeSettings;
 }
 /**
  * @internal
  */
 export declare const IndicatorCanvas: FunctionComponent<IndicatorCanvasProps>;
-export declare const isIndicatorCanvasProps: (chartData: IndicatorCanvasProps) => boolean;
+export declare const isIndicatorCanvasProps: (props: ChartRendererProps) => props is IndicatorCanvasProps;

package/dist/models/dashboard/get-dashboard-model.d.ts

@@ -6,6 +6,14 @@ export interface GetDashboardModelOptions {
      * If not specified, the default value is `false`
      */
     includeWidgets?: boolean;
+    /**
+     * Boolean flag whether to include filters in the dashboard model
+     *
+     * If not specified, the default value is `false`
+     *
+     * @internal
+     */
+    includeFilters?: boolean;
 }
 /** @internal */
 export declare function getDashboardModel(http: HttpClient, dashboardOid: string, options?: GetDashboardModelOptions): Promise<import("./types").DashboardModel>;

package/dist/models/dashboard/translate-dashboard.d.ts

@@ -1,4 +1,4 @@
 import type { DashboardDto, Layout as SisenseLayout } from '../../api/types/dashboard-dto';
 import type { Layout, DashboardModel } from './types';
 export declare const translateLayout: (layout: SisenseLayout) => Layout;
-export declare function translateDashboard({ oid, title, datasource, widgets, layout, }: DashboardDto): DashboardModel;
+export declare function translateDashboard({ oid, title, datasource, widgets, layout, filters, }: DashboardDto): DashboardModel;

package/dist/models/dashboard/types.d.ts

@@ -1,4 +1,4 @@
-import { type DataSource } from '@sisense/sdk-data';
+import { type DataSource, Filter } from '@sisense/sdk-data';
 import { WidgetModel } from '../widget/widget-model';
 /** @internal */
 export interface Layout {
@@ -20,4 +20,6 @@ export type DashboardModel = {
     widgets?: WidgetModel[];
     /** @internal */
     layout?: Layout;
+    /** @internal */
+    filters?: Filter[];
 };

package/dist/models/widget/widget-model.d.ts

@@ -1,5 +1,5 @@
 import { Filter } from '@sisense/sdk-data';
-import { ChartDataOptions, PivotTableDataOptions, TableDataOptions } from '../../chart-data-options/types';
+import { ChartDataOptions, PivotTableDataOptions } from '../../chart-data-options/types';
 import { Panel, WidgetDto, WidgetType } from '../../dashboard-widget/types';
 import { ChartProps, ChartWidgetProps, PivotTableProps, TableProps, TableWidgetProps, PivotTableWidgetProps } from '../../props';
 import { ExecutePivotQueryParams, ExecuteQueryParams } from '../../query-execution';
@@ -7,7 +7,7 @@ import { ChartType, DrilldownOptions, ChartStyleOptions, TableStyleOptions, Comp
 /**
  * Widget data options.
  */
-export type WidgetDataOptions = ChartDataOptions | TableDataOptions | PivotTableDataOptions;
+export type WidgetDataOptions = ChartDataOptions | PivotTableDataOptions;
 /**
  * Model of Sisense widget defined in the abstractions of Compose SDK.
  *
@@ -144,7 +144,7 @@ export declare class WidgetModel {
      * <ChartWidget {...widget.getChartWidgetProps()} />
      * ```
      *
-     * Note: this method is not supported for tabular widgets.
+     * Note: this method is not supported for pivot widgets.
      */
     getChartWidgetProps(): ChartWidgetProps;
     /**

package/dist/pivot-table/formatters/header-cell-formatters/header-cell-highlight-formatter.d.ts

@@ -0,0 +1,2 @@
+import type { HeaderCellFormatter } from '../types.js';
+export declare const createHeaderCellHighlightFormatter: () => HeaderCellFormatter;

package/dist/pivot-table/formatters/types.d.ts

@@ -1,4 +1,4 @@
-import type { JaqlPanel, PivotDataNode, PivotTreeNode } from '@sisense/sdk-pivot-client';
+import type { JaqlPanel, JaqlRequest, PivotDataNode, PivotTreeNode } from '@sisense/sdk-pivot-client';
 export type DataCellFormatter = (cell: PivotDataNode, rowItem: PivotTreeNode, columnItem: PivotTreeNode, jaqlPanelItem: JaqlPanel) => void;
-export type HeaderCellFormatter = (cell: PivotTreeNode, jaqlPanelItem: JaqlPanel) => void;
+export type HeaderCellFormatter = (cell: PivotTreeNode, jaqlPanelItem: JaqlPanel, jaql: JaqlRequest) => void;
 export type DateFormatter = (date: Date, format: string) => string;

package/dist/pivot-table/helpers/prepare-pivot-styling-props.d.ts

@@ -17,4 +17,5 @@ export declare function preparePivotStylingProps(styleOptions?: PivotTableStyleO
     isAutoHeight: boolean;
     navigationPrimaryColor: string | undefined;
     navigationSecondaryColor: string | undefined;
+    selectionColor: string;
 };

package/dist/pivot-table/pivot-table.d.ts

@@ -78,6 +78,6 @@ import { PivotTableProps } from '../props';
  * @param props - Pivot Table properties
  * @returns Pivot Table component
  * @group Data Grids
- * @alpha
+ * @beta
  */
 export declare const PivotTable: React.FunctionComponent<PivotTableProps>;

package/dist/pivot-table/use-get-pivot-table-query.d.ts

@@ -8,10 +8,11 @@ export declare const getPivotQueryOptions: (dataOptions: PivotTableDataOptionsIn
  *
  * @internal
  */
-export declare const useGetPivotTableQuery: ({ dataSet, dataOptionsInternal, filters, refreshCounter, }: {
+export declare const useGetPivotTableQuery: ({ dataSet, dataOptionsInternal, filters, highlights, refreshCounter, }: {
     dataSet?: DataSource | undefined;
     dataOptionsInternal: PivotTableDataOptionsInternal;
     filters?: Filter[] | FilterRelations | undefined;
+    highlights?: Filter[] | undefined;
     refreshCounter?: number | undefined;
 }) => {
     isLoading: boolean;

package/dist/props.d.ts

@@ -1,8 +1,8 @@
 import { Attribute, Filter, Measure, DataSource, Data, QueryResultData, FilterRelations } from '@sisense/sdk-data';
-import { ChartDataOptions, CartesianChartDataOptions, CategoricalChartDataOptions, ThemeSettings, PolarStyleOptions, PieStyleOptions, StackableStyleOptions, LineStyleOptions, AreaStyleOptions, FunnelStyleOptions, ScatterStyleOptions, ChartStyleOptions, ChartType, IndicatorStyleOptions, DrilldownOptions, TableStyleOptions, ThemeOid, TreemapStyleOptions, CustomDrilldownResult, MenuPosition, MenuItemSection, SunburstStyleOptions, ChartWidgetStyleOptions, TableWidgetStyleOptions, DashboardWidgetStyleOptions, BoxplotStyleOptions, ScattermapStyleOptions, AreamapStyleOptions, DataPoint, ScatterDataPoint, AreamapDataPoint, BoxplotDataPoint, ChartDataPoints, ScattermapDataPoint, PivotTableStyleOptions, PivotTableWidgetStyleOptions } from './types';
+import { ChartDataOptions, CartesianChartDataOptions, CategoricalChartDataOptions, ThemeSettings, PolarStyleOptions, PieStyleOptions, StackableStyleOptions, LineStyleOptions, AreaStyleOptions, FunnelStyleOptions, ScatterStyleOptions, ChartStyleOptions, ChartType, IndicatorStyleOptions, DrilldownOptions, ThemeOid, TreemapStyleOptions, CustomDrilldownResult, MenuPosition, MenuItemSection, SunburstStyleOptions, ChartWidgetStyleOptions, TableWidgetStyleOptions, DashboardWidgetStyleOptions, BoxplotStyleOptions, ScattermapStyleOptions, AreamapStyleOptions, DataPoint, ScatterDataPoint, AreamapDataPoint, BoxplotDataPoint, ChartDataPoints, ScattermapDataPoint, PivotTableStyleOptions, PivotTableWidgetStyleOptions, RegularChartType, RegularChartStyleOptions, TabularChartStyleOptions, TableStyleOptions, AreaRangeStyleOptions } from './types';
 import { HighchartsOptions } from './chart-options-processor/chart-options-service';
 import { ComponentType, PropsWithChildren, ReactNode } from 'react';
-import { IndicatorChartDataOptions, BoxplotChartCustomDataOptions, BoxplotChartDataOptions, ScatterChartDataOptions, TableDataOptions, ScattermapChartDataOptions, AreamapChartDataOptions, PivotTableDataOptions } from './chart-data-options/types';
+import { IndicatorChartDataOptions, BoxplotChartCustomDataOptions, BoxplotChartDataOptions, ScatterChartDataOptions, TableDataOptions, ScattermapChartDataOptions, AreamapChartDataOptions, PivotTableDataOptions, RegularChartDataOptions, TabularChartDataOptions, RangeChartDataOptions } from './chart-data-options/types';
 import { AppConfig } from './app/client-application';
 import { ExecuteQueryParams, QueryByWidgetIdState } from './query-execution';
 import { FiltersMergeStrategy } from './dashboard-widget/types';
@@ -100,6 +100,12 @@ export interface ExecuteQueryProps {
     count?: number;
     /** {@inheritDoc ExecuteQueryParams.offset} */
     offset?: number;
+    /**
+     * {@inheritDoc ExecuteQueryParams.ungroup}
+     *
+     * @internal
+     */
+    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 */
@@ -486,6 +492,26 @@ export interface ChartProps extends BaseChartProps, ChartEventProps {
      */
     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.
  */
@@ -698,6 +724,12 @@ export interface PivotTableProps {
      * @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.
      *
@@ -978,6 +1010,12 @@ export interface PivotTableWidgetProps {
      * @category Data
      */
     filters?: Filter[] | FilterRelations;
+    /**
+     * Filters that will highlight query results
+     *
+     * @category Data
+     */
+    highlights?: Filter[];
     /**
      * Configurations for how to interpret and present the data passed to the table
      *
@@ -1134,6 +1172,23 @@ export interface AreamapChartProps extends BaseChartProps, AreamapChartEventProp
      */
     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 for ContextMenu component.
  */

package/dist/query/date-formats/apply-date-format.d.ts

@@ -1,4 +1,3 @@
-import type { Locale } from 'date-fns';
 export type DateFormat = string;
 declare const dateLevels: readonly ["years", "quarters", "months", "weeks", "days", "dateAndTime", "minutes"];
 /** @expandType */

package/dist/query/query-result-date-formatting.d.ts

@@ -1,4 +1,3 @@
-import type { Locale } from 'date-fns';
 import { Data } from '@sisense/sdk-data';
 import type { DateConfig } from './date-formats';
 import type { QueryResultData } from '@sisense/sdk-data';

package/dist/query-execution/types.d.ts

@@ -194,6 +194,16 @@ export interface ExecuteQueryParams {
      * If not specified, the default value is `true`
      */
     enabled?: boolean;
+    /**
+     * Boolean flag whether to include `ungroup: true` in non-aggregated JAQL queries.
+     *
+     * This improves computation and performance of querying huge tables when no aggregation is needed
+     *
+     * If not specified, the default value is `false`
+     *
+     * @internal
+     */
+    ungroup?: boolean;
     /**
      * Sync or async callback that allows to modify the JAQL payload before it is sent to the server.
      *
@@ -326,7 +336,7 @@ export interface ExecutePivotQueryParams {
      */
     filters?: Filter[] | FilterRelations;
     /**
-     * Highlight filters that will highlight results that pass filter criteria
+     * Filters that will highlight query results
      *
      * @category Filtering
      */

package/dist/query-execution/use-execute-pivot-query.d.ts

@@ -17,7 +17,7 @@ import { ExecutePivotQueryParams, PivotQueryState } from './types';
  * @param params - Parameters of the query
  * @returns Query state that contains the status of the query execution, the result data, or the error if any occurred
  * @group Queries
- * @alpha
+ * @beta
  */
 export declare const useExecutePivotQuery: (params: ExecutePivotQueryParams) => PivotQueryState;
 /**

package/dist/scattermap-chart.d.ts

@@ -17,6 +17,5 @@ import { ScattermapChartProps } from './props';
  * @param props - Scattermap chart properties
  * @returns Scattermap Chart component
  * @group Charts
- * @beta
  */
 export declare const ScattermapChart: import("react").FunctionComponent<ScattermapChartProps>;

package/dist/sisense-chart/sisense-chart.d.ts

@@ -1,15 +1,15 @@
 import { ChartDataOptionsInternal } from '../chart-data-options/types';
 import { ChartData } from '../chart-data/types';
 import { BeforeRenderHandler } from '../props';
-import { ChartDesignOptions } from '../chart-options-processor/translations/types';
-import { ChartType, CompleteThemeSettings } from '../types';
+import { BoxplotChartType, CartesianChartType, CategoricalChartType, ChartDesignOptions, ScatterChartType } from '../chart-options-processor/translations/types';
+import { ChartType } from '../types';
 import { SisenseChartDataPointEventHandler, SisenseChartDataPointsEventHandler } from './types';
+import { ChartRendererProps } from '../chart/types';
 export interface SisenseChartProps {
-    chartType: ChartType;
+    chartType: SisenseChartType;
     chartData: ChartData;
     dataOptions: ChartDataOptionsInternal;
     designOptions: ChartDesignOptions;
-    themeSettings?: CompleteThemeSettings;
     onDataPointClick?: SisenseChartDataPointEventHandler;
     onDataPointContextMenu?: SisenseChartDataPointEventHandler;
     onDataPointsSelected?: SisenseChartDataPointsEventHandler;
@@ -18,4 +18,7 @@ export interface SisenseChartProps {
 /**
  * @internal
  */
-export declare const SisenseChart: ({ chartType, chartData, dataOptions, designOptions, themeSettings, onDataPointClick, onDataPointContextMenu, onDataPointsSelected, onBeforeRender, }: SisenseChartProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SisenseChart: ({ chartType, chartData, dataOptions, designOptions, onDataPointClick, onDataPointContextMenu, onDataPointsSelected, onBeforeRender, }: SisenseChartProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const isSisenseChartType: (chartType: ChartType) => chartType is SisenseChartType;
+export type SisenseChartType = CartesianChartType | CategoricalChartType | ScatterChartType | BoxplotChartType;
+export declare const isSisenseChartProps: (props: ChartRendererProps) => props is SisenseChartProps;

package/dist/table/table-component.d.ts

@@ -0,0 +1,8 @@
+import { TableProps } from '../props';
+/**
+ * Component that renders a table with aggregation and pagination.
+ */
+export declare const TableComponent: ({ dataSet, dataOptions, styleOptions, filters, refreshCounter, }: TableProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DEFAULT_TABLE_ROWS_PER_PAGE: 25;
+/** How many pages of data will be loaded in one query */
+export declare const PAGES_BATCH_SIZE = 10;

package/dist/table/table.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { TableProps } from '../props';
 /**
  * Table with aggregation and pagination.
@@ -18,7 +18,7 @@ import { TableProps } from '../props';
  * @returns Table component
  * @group Data Grids
  */
-export declare const Table: React.FunctionComponent<TableProps>;
+export declare const Table: import("react").FunctionComponent<TableProps>;
 export declare const DEFAULT_TABLE_ROWS_PER_PAGE: 25;
 /** How many pages of data will be loaded in one query */
 export declare const PAGES_BATCH_SIZE = 10;

package/dist/table/translations/design-options.d.ts

@@ -0,0 +1,3 @@
+import { TableStyleOptions } from '../../types';
+import { TableDesignOptions } from '../../chart-options-processor/translations/design-options';
+export declare const translateTableStyleOptionsToDesignOptions: (styleOptions: TableStyleOptions) => TableDesignOptions;

package/dist/translation/resources/en.d.ts

@@ -20,6 +20,7 @@ export declare const translation: {
         themeNotFound: string;
         paletteNotFound: string;
         chartTypeNotSupported: string;
+        chartInvalidProps: string;
         unsupportedWidgetType: string;
         sisenseContextNotFound: string;
         dashboardInvalidIdentifier: string;
@@ -28,7 +29,6 @@ export declare const translation: {
             failedToFetch: string;
         };
         widgetModel: {
-            tabularWidgetNotSupported: string;
             pivotWidgetNotSupported: string;
             onlyTableWidgetSupported: string;
             onlyPivotWidgetSupported: string;
@@ -85,5 +85,15 @@ export declare const translation: {
             max: string;
         };
     };
+    arearange: {
+        tooltip: {
+            min: string;
+            max: string;
+        };
+    };
+    unsupportedFilter: {
+        title: string;
+        message: string;
+    };
 };
 export type TranslationDictionary = typeof translation;

package/dist/translation/resources/index.d.ts

@@ -24,6 +24,7 @@ export declare const resources: {
             themeNotFound: string;
             paletteNotFound: string;
             chartTypeNotSupported: string;
+            chartInvalidProps: string;
             unsupportedWidgetType: string;
             sisenseContextNotFound: string;
             dashboardInvalidIdentifier: string;
@@ -32,7 +33,6 @@ export declare const resources: {
                 failedToFetch: string;
             };
             widgetModel: {
-                tabularWidgetNotSupported: string;
                 pivotWidgetNotSupported: string;
                 onlyTableWidgetSupported: string;
                 onlyPivotWidgetSupported: string;
@@ -89,6 +89,16 @@ export declare const resources: {
                 max: string;
             };
         };
+        arearange: {
+            tooltip: {
+                min: string;
+                max: string;
+            };
+        };
+        unsupportedFilter: {
+            title: string;
+            message: string;
+        };
     };
     uk: {
         errors: {
@@ -112,6 +122,7 @@ export declare const resources: {
             themeNotFound: string;
             paletteNotFound: string;
             chartTypeNotSupported: string;
+            chartInvalidProps: string;
             unsupportedWidgetType: string;
             sisenseContextNotFound: string;
             dashboardInvalidIdentifier: string;
@@ -120,7 +131,6 @@ export declare const resources: {
                 failedToFetch: string;
             };
             widgetModel: {
-                tabularWidgetNotSupported: string;
                 pivotWidgetNotSupported: string;
                 onlyTableWidgetSupported: string;
                 onlyPivotWidgetSupported: string;
@@ -177,5 +187,15 @@ export declare const resources: {
                 max: string;
             };
         };
+        arearange: {
+            tooltip: {
+                min: string;
+                max: string;
+            };
+        };
+        unsupportedFilter: {
+            title: string;
+            message: string;
+        };
     };
 };

package/dist/types.d.ts

@@ -2,10 +2,10 @@
 import type { Attribute, MembersFilter } from '@sisense/sdk-data';
 import { DeepRequired } from 'ts-essentials';
 import { AreaSubtype, BoxplotSubtype, LineSubtype, PieSubtype, PolarSubtype, StackableSubtype } from './chart-options-processor/subtype-to-design-options';
-import { IndicatorComponents } from './chart-options-processor/translations/design-options';
+import { IndicatorComponents, TableColorOptions } from './chart-options-processor/translations/design-options';
 import { FunnelDirection, FunnelSize, FunnelType } from './chart-options-processor/translations/funnel-plot-options';
 import { ScatterMarkerSize } from './chart-options-processor/translations/scatter-plot-options';
-import { CartesianChartType, ScatterChartType, CategoricalChartType, IndicatorChartType, TableType, AreamapChartType, BoxplotChartType, ScattermapChartType } from './chart-options-processor/translations/types';
+import { CartesianChartType, ScatterChartType, CategoricalChartType, IndicatorChartType, TableType, AreamapChartType, BoxplotChartType, ScattermapChartType, RangeChartType, TableChartType } from './chart-options-processor/translations/types';
 import { DataPointsEventHandler } from './props';
 import { LegendPosition } from './chart-options-processor/translations/legend-section';
 import { GeoDataElement, RawGeoDataElement } from './chart-data/types';
@@ -15,7 +15,7 @@ export type { AppConfig } from './app/client-application';
 export type { DateConfig } from './query/date-formats';
 export type { CartesianChartDataOptions, CategoricalChartDataOptions, ChartDataOptions, ScatterChartDataOptions, IndicatorChartDataOptions, StyledColumn, StyledMeasureColumn, } from './chart-data-options/types';
 export type { DataColorCondition, ConditionalDataColorOptions, DataColorOptions, RangeDataColorOptions, UniformDataColorOptions, } from './chart-data/data-coloring/types';
-export type { CartesianChartType, CategoricalChartType, ScatterChartType, IndicatorChartType, BoxplotChartType, ScattermapChartType, AreamapChartType, TableType, AreaSubtype, LineSubtype, PieSubtype, PolarSubtype, StackableSubtype, BoxplotSubtype, IndicatorComponents, ScatterMarkerSize, LegendPosition, GeoDataElement, RawGeoDataElement, Coordinates, };
+export type { CartesianChartType, CategoricalChartType, ScatterChartType, IndicatorChartType, BoxplotChartType, ScattermapChartType, AreamapChartType, TableType, TableChartType, AreaSubtype, LineSubtype, PieSubtype, PolarSubtype, StackableSubtype, BoxplotSubtype, IndicatorComponents, ScatterMarkerSize, LegendPosition, GeoDataElement, RawGeoDataElement, Coordinates, RangeChartType, TableColorOptions, };
 export type { MonthOfYear, DayOfWeek, DateLevel } from './query/date-formats/apply-date-format';
 /**
  * @internal
@@ -213,6 +213,10 @@ export interface LineStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions
     /** Subtype of LineChart */
     subtype?: LineSubtype;
 }
+/** Configuration options that define functional style of the various elements of AreaRangeChart */
+export interface AreaRangeStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions {
+    lineWidth?: LineWidth;
+}
 /** Configuration options that define functional style of the various elements of AreaChart */
 export interface AreaStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions {
     /** Configuration that defines line width */
@@ -279,16 +283,34 @@ export type IndicatorStyleOptions = (NumericSimpleIndicatorStyleOptions | Numeri
 export interface TableStyleOptions {
     /**
      * Boolean flag whether to fill header cells with background color
+     *
+     * @deprecated Use {@link TableStyleOptions#header | TableStyleOptions.header.color} instead.
      */
     headersColor?: boolean;
     /**
      * Boolean flag whether to apply background color to alternate rows.
+     *
+     * @deprecated Use {@link TableStyleOptions#rows | TableStyleOptions.rows.alternatingColor} instead.
      */
     alternatingRowsColor?: boolean;
     /**
      * Boolean flag whether to apply background color to alternate columns
+     *
+     * @deprecated Use {@link TableStyleOptions#columns | TableStyleOptions.columns.alternatingColor} instead.
      */
     alternatingColumnsColor?: boolean;
+    /**
+     * Vertical padding around whole table
+     * Default value is 20px
+     *
+     */
+    paddingVertical?: number;
+    /**
+     * Horizontal padding around whole table
+     * Default value is 20px
+     *
+     */
+    paddingHorizontal?: number;
     /**
      * Number of rows per page
      *
@@ -313,8 +335,43 @@ export interface TableStyleOptions {
      * 3. Default value of 500px (for component without header) or 525px (for component with header).
      */
     height?: number;
+    /**
+     * 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)
+         */
+        width?: 'auto' | 'content';
+    };
+    /**
+     * Rows options
+     */
+    rows?: {
+        /**
+         * Alternating color for rows
+         */
+        alternatingColor?: TableColorOptions;
+    };
 }
-/** Configuration options that define functional style of the various elements of the PivotTable component */
+/** 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
@@ -368,6 +425,10 @@ export interface PivotTableStyleOptions {
      * 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;
 }
 /**
  * Common part of IndicatorStyleOptions for all types of indicator
@@ -475,7 +536,9 @@ export interface ScattermapStyleOptions extends Pick<BaseStyleOptions, 'width' |
 /**
  * Configuration options that define functional style of the various elements of chart.
  */
-export type ChartStyleOptions = LineStyleOptions | AreaStyleOptions | StackableStyleOptions | PieStyleOptions | FunnelStyleOptions | PolarStyleOptions | IndicatorStyleOptions | ScatterStyleOptions | TreemapStyleOptions | SunburstStyleOptions | BoxplotStyleOptions | AreamapStyleOptions | ScattermapStyleOptions;
+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;
 /** Mapping of each of the chart value series to colors. */
 export type ValueToColorMap = {
     [value: string]: string;
@@ -487,12 +550,14 @@ export type MultiColumnValueToColorMap = {
 /**
  * Chart type of one of the supported chart families
  */
-export type ChartType = CartesianChartType | CategoricalChartType | ScatterChartType | IndicatorChartType | AreamapChartType | BoxplotChartType | ScattermapChartType;
+export type ChartType = CartesianChartType | CategoricalChartType | ScatterChartType | IndicatorChartType | AreamapChartType | BoxplotChartType | ScattermapChartType | RangeChartType | 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';
+export type SeriesChartType = 'auto' | 'line' | 'spline' | 'areaspline' | 'bar' | 'area' | 'column' | 'scatter' | 'arearange';
 /** The number of decimal places */
 export type DecimalScale = number | 'auto';
 /**

package/dist/utils/check-and-notify-about-deprecated-prop.d.ts

@@ -0,0 +1 @@
+export declare function checkAndNotifyAboutDeprecatedProp(props: any, deprecatedProps: string[]): void;

package/dist/widgets/drilldown-widget.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DrilldownWidgetProps } from '../props';
 /**
  * React component designed to add drilldown functionality to any type of chart.
@@ -34,4 +35,4 @@ import { DrilldownWidgetProps } from '../props';
  * @returns DrilldownWidget wrapper component
  * @group Drilldown
  */
-export declare const DrilldownWidget: ({ drilldownDimensions, initialDimension, config, children, }: DrilldownWidgetProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DrilldownWidget: import("react").FunctionComponent<DrilldownWidgetProps>;

package/package.json

@@ -11,7 +11,7 @@
     "Sisense",
     "Compose SDK"
   ],
-  "version": "1.10.1",
+  "version": "1.11.0",
   "type": "module",
   "exports": {
     ".": {
@@ -40,12 +40,12 @@
     "@emotion/styled": "^11.10.5",
     "@mui/material": "^5.15.16",
     "@mui/system": "^5.15.15",
-    "@sisense/sdk-common": "^1.10.1",
-    "@sisense/sdk-data": "^1.10.1",
-    "@sisense/sdk-pivot-client": "^1.10.1",
-    "@sisense/sdk-query-client": "^1.10.1",
-    "@sisense/sdk-rest-client": "^1.10.1",
-    "@sisense/sdk-tracking": "^1.10.1",
+    "@sisense/sdk-common": "^1.11.0",
+    "@sisense/sdk-data": "^1.11.0",
+    "@sisense/sdk-pivot-client": "^1.11.0",
+    "@sisense/sdk-query-client": "^1.11.0",
+    "@sisense/sdk-rest-client": "^1.11.0",
+    "@sisense/sdk-tracking": "^1.11.0",
     "@sisense/sisense-charts": "5.1.1",
     "@tanstack/react-query": "4.36.1",
     "classnames": "^2.3.2",