@sisense/sdk-ui 1.10.0 → 1.11.0

package/dist/api/types/dashboard-dto.d.ts

@@ -16,13 +16,13 @@ export type Layout = {
         }[];
     }[];
 };
-export type Filter = {
+export type FilterDto = {
     isCascading?: false;
     jaql: FilterJaql & AnyObject;
     instanceid?: string;
     disabled?: boolean;
 };
-export type CascadingFilter = {
+export type CascadingFilterDto = {
     isCascading: true;
     levels: FilterJaql[];
     instanceid?: string;
@@ -33,7 +33,7 @@ export type DashboardDto = {
     title: string;
     datasource: Datasource;
     widgets?: WidgetDto[];
-    filters?: Array<Filter | CascadingFilter>;
+    filters?: Array<FilterDto | CascadingFilterDto>;
     filterRelations?: {
         filterRelations: FilterRelationsModel;
     }[];

package/dist/area-range-chart.d.ts

@@ -0,0 +1,67 @@
+/// <reference types="react" />
+import { AreaRangeChartProps } from './props';
+/**
+ * A React component that displays a range of data over a given time period or across multiple categories.
+ * It is particularly useful for visualizing the minimum and maximum values in a dataset, along with the area between these values.
+ *
+ * @example
+ * An example of using the component to visualize the `Sample ECommerce` data source:
+ * ```tsx
+ *     <AreaRangeChart
+ *       dataSet={DM.DataSource}
+ *       dataOptions={{
+ *         category: [DM.Commerce.Date.Months],
+ *         value: [
+ *           {
+ *             title: 'Revenue',
+ *             upperBound: measureFactory.multiply(
+ *               measureFactory.sum(DM.Commerce.Revenue, 'Lower Revenue'),
+ *               0.6,
+ *             ),
+ *             lowerBound: measureFactory.multiply(
+ *               measureFactory.sum(DM.Commerce.Revenue, 'Upper Revenue'),
+ *               1.4,
+ *             ),
+ *           },
+ *           {
+ *             title: 'Cost',
+ *             upperBound: measureFactory.multiply(
+ *               measureFactory.sum(DM.Commerce.Cost, 'Lower Cost'),
+ *               0.9,
+ *             ),
+ *             lowerBound: measureFactory.multiply(
+ *               measureFactory.sum(DM.Commerce.Cost, 'Upper Cost'),
+ *               2.4,
+ *             ),
+ *           },
+ *         ],
+ *         breakBy: [],
+ *       }}
+ *       styleOptions={{
+ *         legend: {
+ *           enabled: true,
+ *           position: 'top',
+ *         },
+ *         lineWidth: {
+ *           width: 'thick',
+ *         },
+ *         yAxis: {
+ *           title: {
+ *             enabled: true,
+ *             text: 'ray style options',
+ *           },
+ *           enabled: true,
+ *           gridLines: true,
+ *           logarithmic: false,
+ *         },
+ *       }}
+ *     />
+ * ```
+ *
+ * <img src="media://area-range-chart-example-1.png" width="800"/>
+ * @param props - Area Range chart properties
+ * @returns Area Range Chart component
+ * @group Charts
+ * @beta
+ */
+export declare const AreaRangeChart: import("react").FunctionComponent<AreaRangeChartProps>;

package/dist/areamap-chart.d.ts

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

package/dist/boxplot-chart.d.ts

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

package/dist/chart/chart.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 import { ChartProps } from '../props';
-/** Function to check if we should wait for sisense context for rendering the chart */
-export declare const shouldSkipSisenseContextWaiting: (props: ChartProps) => boolean;
 /**
  * A React component used for easily switching chart types or rendering multiple series of different chart types.
  *

package/dist/chart/helpers/should-skip-sisense-context-waiting.d.ts

@@ -0,0 +1,3 @@
+import { ChartProps } from '../../props';
+/** Function to check if we should wait for sisense context for rendering the chart */
+export declare const shouldSkipSisenseContextWaiting: (props: ChartProps) => boolean;

package/dist/chart/helpers/use-chart-renderer-props.d.ts

@@ -0,0 +1,27 @@
+import { ChartDataOptionsInternal } from '../../chart-data-options/types';
+import { ChartData } from '../../chart-data/types';
+import { DesignOptions } from '../../chart-options-processor/translations/types';
+import { ChartProps } from '../../props';
+import { ChartType } from '../../types';
+import { Data, DataSource } from '@sisense/sdk-data';
+import { ChartRendererProps } from '../types';
+type UnpreparedInternalChartProps = {
+    dataSet?: DataSource | Data;
+    chartType: ChartType;
+    chartData: ChartData | null;
+    internalDataOptions: ChartDataOptionsInternal;
+    designOptions: DesignOptions | null;
+    onDataPointClick?: ChartProps['onDataPointClick'];
+    onDataPointContextMenu?: ChartProps['onDataPointContextMenu'];
+    onDataPointsSelected?: ChartProps['onDataPointsSelected'];
+    onBeforeRender?: ChartProps['onBeforeRender'];
+    filters?: ChartProps['filters'];
+};
+/**
+ * Prepares the props for the chart renderer.
+ * @param internalProps - unprepared internal chart props.
+ * @returns Chart renderer props or null if the chart props is not ready yet
+ * @internal
+ */
+export declare function useChartRendererProps(internalProps: UnpreparedInternalChartProps): ChartRendererProps | null;
+export {};

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

@@ -0,0 +1,7 @@
+import { RegularChartProps } from '../props';
+/**
+ *
+ * @param props
+ * @returns
+ */
+export declare const RegularChart: (props: RegularChartProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/chart/types.d.ts

@@ -0,0 +1,21 @@
+import { ChartData } from '../chart-data/types';
+import { DesignOptions } from '../chart-options-processor/translations/types';
+import { DataSource } from '@sisense/sdk-data';
+import { ChartDataOptionsInternal, ChartProps, ChartType } from '..';
+/**
+ * Props object to be passed to the chart renderer.
+ *
+ * @internal
+ */
+export type ChartRendererProps = {
+    dataSource?: DataSource | null;
+    chartType?: ChartType;
+    chartData: ChartData | null;
+    dataOptions: ChartDataOptionsInternal;
+    designOptions: DesignOptions;
+    onDataPointClick?: ChartProps['onDataPointClick'];
+    onDataPointContextMenu?: ChartProps['onDataPointContextMenu'];
+    onDataPointsSelected?: ChartProps['onDataPointsSelected'];
+    onBeforeRender?: ChartProps['onBeforeRender'];
+    filters?: ChartProps['filters'];
+};

package/dist/chart-data/range-data.d.ts

@@ -0,0 +1,11 @@
+import { DataTable } from '../chart-data-processor/table-processor';
+import { RangeChartData } from './types';
+import { RangeChartDataOptionsInternal } from '../chart-data-options/types';
+/**
+ * Creates data for range charts given chart data table and data options
+ *
+ * @param chartDataOptions - Data options for range charts
+ * @param dataTable - Chart data table
+ * @returns range chart data
+ */
+export declare const rangeData: (chartDataOptions: RangeChartDataOptionsInternal, dataTable: DataTable) => RangeChartData;

package/dist/chart-data/types.d.ts

@@ -98,6 +98,19 @@ export type ScattermapChartData = {
     type: 'scattermap';
     locations: ScattermapChartLocation[];
 };
+type AreaRangeSeriesValue = [number, number, number];
+export type AreaRangeSeriesValues = {
+    name: string;
+    title?: string;
+    data: AreaRangeSeriesValue[];
+};
+export type RangeChartData = {
+    type: 'range';
+    xValues: CategoricalXValues[];
+    xAxisCount: number;
+    series: CategoricalSeriesValues[];
+    seriesOther: CartesianChartData;
+};
 /**
  * Fact final data that will be passed to chart-component to render
  *
@@ -152,4 +165,5 @@ export type BoxplotChartData = {
  *
  * @internal
  */
-export type ChartData = CartesianChartData | CategoricalChartData | ScatterChartData | IndicatorChartData | BoxplotChartData | AreamapData | ScattermapChartData;
+export type ChartData = CartesianChartData | CategoricalChartData | ScatterChartData | IndicatorChartData | BoxplotChartData | AreamapData | ScattermapChartData | RangeChartData;
+export {};

package/dist/chart-data-options/translate-range-data-options.d.ts

@@ -0,0 +1,2 @@
+import { RangeChartDataOptions, RangeChartDataOptionsInternal } from './types';
+export declare function translateRangeChartDataOptions(areaRange: RangeChartDataOptions): RangeChartDataOptionsInternal;

package/dist/chart-data-options/types.d.ts

@@ -339,15 +339,17 @@ export interface AreamapChartDataOptions {
 export declare function isMeasureColumn(arg: AnyColumn): arg is MeasureColumn | CalculatedMeasureColumn | StyledMeasureColumn;
 /**
  * Configuration for how to query data and assign data to Table.
- *
  */
 export interface TableDataOptions {
     /**
      * Columns (or attributes) whose values represent data columns in table
-     *
      */
     columns: (Column | StyledColumn | MeasureColumn | CalculatedMeasureColumn | StyledMeasureColumn)[];
 }
+/**
+ * Configuration for how to query data and assign data to tabular charts.
+ */
+export type TabularChartDataOptions = TableDataOptions;
 /**
  * Configuration for how to query data and assign data to PivotTable.
  *
@@ -465,6 +467,43 @@ export type BoxplotChartCustomDataOptions = {
      */
     valueTitle: string;
 };
+export interface AreaRangeMeasureColumn extends ValueStyle, SeriesStyle {
+    title: string;
+    chartType?: 'arearange';
+    lowerBound: MeasureColumn | CalculatedMeasureColumn;
+    upperBound: MeasureColumn | CalculatedMeasureColumn;
+}
+/**
+ * Configuration for how to query aggregate data and assign data
+ * to axes of a Range chart.
+ */
+export interface RangeChartDataOptions {
+    /**
+     * Columns (or attributes) whose values are placed on the X-axis.
+     *
+     * Typically, the X-axis represents descriptive data.
+     */
+    category: (Column | StyledColumn)[];
+    /**
+     * An array of measure columns used to represent the target numeric values for computing the metrics
+     * in an area range chart.
+     *
+     * Each measure column defines the range of values by specifying a lower and an upper bound,
+     * providing the necessary data to visualize the area range on the chart.
+     */
+    value: AreaRangeMeasureColumn[];
+    /**
+     * Columns (or attributes) by which to break (group) the data represented in the chart.
+     *
+     * Each group is represented by a different visual encoding - for example, color of bars in a bar chart,
+     * and is automatically added to the chart's legend.
+     */
+    breakBy: (Column | StyledColumn)[];
+    /**
+     * Optional mapping of each of the series to colors.
+     */
+    seriesToColorMap?: ValueToColorMap;
+}
 /**
  * Configuration for querying aggregate data and assigning data to chart encodings.
  *
@@ -472,11 +511,16 @@ export type BoxplotChartCustomDataOptions = {
  * {@link CategoricalChartDataOptions | Categorical},
  * {@link ScatterChartDataOptions | Scatter},
  * {@link IndicatorChartDataOptions | Indicator},
+ * {@link TableDataOptions | Table},
  * {@link BoxplotChartDataOptions | Boxplot},
  * {@link AreamapChartDataOptions | Areamap}, and
  * {@link ScattermapChartDataOptions | Scattermap} charts.
  */
-export type ChartDataOptions = CartesianChartDataOptions | CategoricalChartDataOptions | ScatterChartDataOptions | IndicatorChartDataOptions | BoxplotChartDataOptions | BoxplotChartCustomDataOptions | AreamapChartDataOptions | ScattermapChartDataOptions;
+export type ChartDataOptions = RegularChartDataOptions | TabularChartDataOptions;
+/**
+ * Configuration for how to query aggregate data and assigning data to chart encodings of regular charts.
+ */
+export type RegularChartDataOptions = CartesianChartDataOptions | CategoricalChartDataOptions | ScatterChartDataOptions | IndicatorChartDataOptions | BoxplotChartDataOptions | BoxplotChartCustomDataOptions | AreamapChartDataOptions | ScattermapChartDataOptions | RangeChartDataOptions;
 /** @internal */
 export interface Category extends CategoryStyle {
     name: string;
@@ -524,6 +568,14 @@ export interface ScattermapChartDataOptionsInternal {
     locationLevel: ScattermapLocationLevel;
 }
 /** @internal */
+export type RangeChartDataOptionsInternal = {
+    x: Category[];
+    rangeValues: Value[][];
+    breakBy: Category[];
+    y: Value[];
+    seriesToColorMap?: ValueToColorMap | MultiColumnValueToColorMap;
+};
+/** @internal */
 export type TableDataOptionsInternal = {
     columns: (Category | Value)[];
 };
@@ -557,7 +609,7 @@ export interface PivotTableDataOptionsInternal {
     grandTotals?: PivotGrandTotals;
 }
 /** @internal */
-export type ChartDataOptionsInternal = CartesianChartDataOptionsInternal | CategoricalChartDataOptionsInternal | ScatterChartDataOptionsInternal | IndicatorChartDataOptionsInternal | BoxplotChartDataOptionsInternal | AreamapChartDataOptionsInternal | ScattermapChartDataOptionsInternal;
+export type ChartDataOptionsInternal = CartesianChartDataOptionsInternal | CategoricalChartDataOptionsInternal | ScatterChartDataOptionsInternal | IndicatorChartDataOptionsInternal | BoxplotChartDataOptionsInternal | AreamapChartDataOptionsInternal | ScattermapChartDataOptionsInternal | RangeChartDataOptionsInternal;
 /** @internal */
 export type IndicatorChartDataOptionsInternal = {
     min?: Value[];

package/dist/chart-data-processor/data-table-date-period.d.ts

@@ -1,4 +1,3 @@
-import type { Locale } from 'date-fns';
 export type SystemSettings = {
     language: string;
 };

package/dist/chart-options-processor/chart-options-service.d.ts

@@ -129,6 +129,11 @@ export type HighchartsOptionsInternal = {
         marginTop?: number;
         alignTicks?: boolean;
         polar: boolean;
+        zoomType?: 'x' | 'y';
+        scrollablePlotArea?: {
+            minWidth?: number;
+            scrollPositionX?: number;
+        };
         animation?: {
             duration?: number;
         };

package/dist/chart-options-processor/range-chart-options.d.ts

@@ -0,0 +1,17 @@
+import { RangeChartData } from '../chart-data/types';
+import { ChartDesignOptions } from './translations/types';
+import { ChartType, CompleteThemeSettings } from '../types';
+import { RangeChartDataOptionsInternal } from '../chart-data-options/types';
+import { TFunction } from '@sisense/sdk-common';
+/**
+ * Convert intermediate chart data, data options, and design options
+ * into pure highcharts config data.
+ *
+ * @param chartData - the data for the chart in an intermediate format
+ * @param chartType -
+ * @param chartDesignOptions -
+ * @param dataOptions -
+ * @param themeSettings -
+ * @param dateFormatter
+ */
+export declare const getRangeChartOptions: (chartData: RangeChartData, chartType: ChartType, chartDesignOptions: ChartDesignOptions, dataOptions: RangeChartDataOptionsInternal, translate: TFunction, themeSettings?: CompleteThemeSettings, dateFormatter?: ((date: Date, format: string) => string) | undefined) => import("../types").OptionsWithAlerts<import("./chart-options-service").HighchartsOptionsInternal>;

package/dist/chart-options-processor/translations/design-options.d.ts

@@ -60,26 +60,73 @@ export type ScatterChartDesignOptions = BaseDesignOptionsType & {
 export type AreamapChartDesignOptions = BaseDesignOptionsType & {
     mapType: AreamapType;
 };
+/**
+ * Configuration for Table color options
+ */
+export type TableColorOptions = {
+    /**
+     * Boolean flag whether to fill with color
+     */
+    enabled: boolean;
+    /**
+     * Color used for background fill
+     */
+    backgroundColor?: string;
+    /**
+     * Color used for text
+     */
+    textColor?: string;
+};
 /**
  * Configuration for Table design options
  *
  */
 export type TableDesignOptions = {
     /**
-     * Boolean flag responsible for header cells background color fill
+     * Vertical padding around whole table
+     * Default value is 20
      *
      */
-    headersColor?: boolean;
+    paddingVertical?: number;
     /**
-     * Boolean flag responsible for alternating rows background color fill
+     * Horizontal padding around whole table
+     * Default value is 20
      *
      */
-    alternatingRowsColor?: boolean;
+    paddingHorizontal?: number;
     /**
-     * Boolean flag responsible for alternating columns background color fill
-     *
+     * Header options
+     */
+    header?: {
+        /**
+         * Color of header
+         */
+        color?: TableColorOptions;
+    };
+    /**
+     * Columns options
      */
-    alternatingColumnsColor?: boolean;
+    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;
+    };
 };
 export type IndicatorStyleType = 'numeric' | 'gauge';
 export type NumericIndicatorSubType = 'numericSimple' | 'numericBar';
@@ -133,4 +180,5 @@ export type BoxplotChartDesignOptions = BaseDesignOptionsType & {
 export type ScattermapChartDesignOptions = BaseDesignOptionsType & {
     markers: Required<ScattermapMarkers>;
 };
+export type AreaRangeChartDesignOptions = BaseDesignOptionsType;
 export {};

package/dist/chart-options-processor/translations/range/tooltip-range.d.ts

@@ -0,0 +1,4 @@
+import { RangeChartDataOptionsInternal } from '../../../chart-data-options/types';
+import { TooltipSettings } from '../tooltip-utils';
+import { TFunction } from '@sisense/sdk-common';
+export declare const getRangeTooltipSettings: (showDecimals: boolean | undefined, chartDataOptions: RangeChartDataOptionsInternal, translate: TFunction) => TooltipSettings;

package/dist/chart-options-processor/translations/tooltip-utils.d.ts

@@ -11,6 +11,8 @@ export type TooltipSettings = {
     borderRadius?: number;
     borderWidth?: number;
     useHTML?: boolean;
+    crosshairs?: boolean;
+    shared?: boolean;
     formatter?: () => string;
     style?: {
         fontFamily?: string;
@@ -26,6 +28,7 @@ export type InternalSeries = {
     point: {
         x?: number | string;
         y?: number;
+        yBottom?: number;
         z?: number;
         high?: number;
         low?: number;

package/dist/chart-options-processor/translations/types.d.ts

@@ -1,5 +1,5 @@
 import { ChartType } from '../../types';
-import { LineChartDesignOptions, AreaChartDesignOptions, BarChartDesignOptions, ColumnChartDesignOptions, PieChartDesignOptions, FunnelChartDesignOptions, IndicatorChartDesignOptions, PolarChartDesignOptions, ScatterChartDesignOptions, TreemapChartDesignOptions, BoxplotChartDesignOptions, AreamapChartDesignOptions, ScattermapChartDesignOptions, BaseDesignOptionsType } from './design-options';
+import { LineChartDesignOptions, AreaChartDesignOptions, BarChartDesignOptions, ColumnChartDesignOptions, PieChartDesignOptions, FunnelChartDesignOptions, IndicatorChartDesignOptions, PolarChartDesignOptions, ScatterChartDesignOptions, TreemapChartDesignOptions, BoxplotChartDesignOptions, AreamapChartDesignOptions, ScattermapChartDesignOptions, AreaRangeChartDesignOptions, BaseDesignOptionsType } from './design-options';
 export declare const POLAR_CHART_TYPES: readonly ["polar"];
 export type PolarChartType = (typeof POLAR_CHART_TYPES)[number];
 export declare const CARTESIAN_CHART_TYPES: readonly ["line", "area", "bar", "column", "polar"];
@@ -13,14 +13,16 @@ export declare const SCATTER_CHART_TYPES: readonly ["scatter"];
 export type ScatterChartType = (typeof SCATTER_CHART_TYPES)[number];
 export declare const TABLE_TYPES: readonly ["table"];
 /** Table chart types @expandType */
-export type TableType = (typeof TABLE_TYPES)[number];
+export type TableChartType = (typeof TABLE_TYPES)[number];
+/** Table chart types @expandType */
+export type TableType = TableChartType;
 declare const INDICATOR_CHART_TYPES: readonly ["indicator"];
 /** Indicator chart types @expandType */
 export type IndicatorChartType = (typeof INDICATOR_CHART_TYPES)[number];
-declare const BOXPLOT_CHART_TYPES: readonly ["boxplot"];
+export declare const BOXPLOT_CHART_TYPES: readonly ["boxplot"];
 /** Boxplot chart types  @expandType */
 export type BoxplotChartType = (typeof BOXPLOT_CHART_TYPES)[number];
-declare const AREAMAP_CHART_TYPES: readonly ["areamap"];
+export declare const AREAMAP_CHART_TYPES: readonly ["areamap"];
 /** Areamap chart types @expandType */
 export type AreamapChartType = (typeof AREAMAP_CHART_TYPES)[number];
 declare const IMAGE_CHART_TYPES: readonly ["image"];
@@ -28,11 +30,14 @@ export type ImageChartType = (typeof IMAGE_CHART_TYPES)[number];
 export declare const SCATTERMAP_CHART_TYPES: readonly ["scattermap"];
 /** Scattermap chart types  @expandType */
 export type ScattermapChartType = (typeof SCATTERMAP_CHART_TYPES)[number];
-export type ChartDataType = 'cartesian' | 'categorical' | 'scatter' | 'table' | 'indicator' | 'areamap';
+export declare const RANGE_CHART_TYPES: readonly ["arearange"];
+/** AreaRange chart types  @expandType */
+export type RangeChartType = (typeof RANGE_CHART_TYPES)[number];
+export type ChartDataType = 'cartesian' | 'categorical' | 'scatter' | 'table' | 'indicator' | 'areamap' | 'arearange';
 /**
  * Design options for a specific chart type
  */
-export type DesignOptions<SpecificChartType extends ChartType = ChartType> = SpecificChartType extends 'line' ? LineChartDesignOptions : SpecificChartType extends 'area' ? AreaChartDesignOptions : SpecificChartType extends 'bar' ? BarChartDesignOptions : SpecificChartType extends 'column' ? ColumnChartDesignOptions : SpecificChartType extends 'pie' ? PieChartDesignOptions : SpecificChartType extends 'funnel' ? FunnelChartDesignOptions : SpecificChartType extends 'polar' ? PolarChartDesignOptions : SpecificChartType extends 'indicator' ? IndicatorChartDesignOptions : SpecificChartType extends 'scatter' ? ScatterChartDesignOptions : SpecificChartType extends 'treemap' ? TreemapChartDesignOptions : SpecificChartType extends 'boxplot' ? BoxplotChartDesignOptions : SpecificChartType extends 'areamap' ? AreamapChartDesignOptions : SpecificChartType extends 'scattermap' ? ScattermapChartDesignOptions : never;
+export type DesignOptions<SpecificChartType extends ChartType = ChartType> = SpecificChartType extends 'line' ? LineChartDesignOptions : SpecificChartType extends 'area' ? AreaChartDesignOptions : SpecificChartType extends 'bar' ? BarChartDesignOptions : SpecificChartType extends 'column' ? ColumnChartDesignOptions : SpecificChartType extends 'pie' ? PieChartDesignOptions : SpecificChartType extends 'funnel' ? FunnelChartDesignOptions : SpecificChartType extends 'polar' ? PolarChartDesignOptions : SpecificChartType extends 'indicator' ? IndicatorChartDesignOptions : SpecificChartType extends 'scatter' ? ScatterChartDesignOptions : SpecificChartType extends 'treemap' ? TreemapChartDesignOptions : SpecificChartType extends 'boxplot' ? BoxplotChartDesignOptions : SpecificChartType extends 'areamap' ? AreamapChartDesignOptions : SpecificChartType extends 'scattermap' ? ScattermapChartDesignOptions : SpecificChartType extends 'arearange' ? AreaRangeChartDesignOptions : never;
 /** A unique identifier for a series to be found in {@link ChartDataOptionsInternal} */
 type SeriesId = string;
 /**
@@ -58,4 +63,5 @@ export declare const isPolar: (chartType: ChartType) => chartType is "polar";
 export declare const isTable: (chartType: ChartType | TableType) => chartType is "table";
 export declare const isBoxplot: (chartType: ChartType) => chartType is "boxplot";
 export declare const isAreamap: (chartType: ChartType) => chartType is "areamap";
+export declare const isRange: (chartType: ChartType) => chartType is "arearange";
 export {};

package/dist/charts/map-charts/areamap/areamap.d.ts

@@ -2,14 +2,13 @@
 import { AreamapChartDataOptionsInternal } from '../../../chart-data-options/types.js';
 import { AreamapData } from '../../../chart-data/types.js';
 import { AreamapChartDesignOptions } from '../../../chart-options-processor/translations/design-options.js';
-import { ThemeSettings } from '../../../types.js';
 import { AreamapDataPointEventHandler } from '../../../props';
+import { ChartRendererProps } from '../../../chart/types.js';
 export type AreamapProps = {
     chartData: AreamapData;
     dataOptions: AreamapChartDataOptionsInternal;
     designOptions: AreamapChartDesignOptions;
-    themeSettings: ThemeSettings;
     onDataPointClick?: AreamapDataPointEventHandler;
 };
 export declare const Areamap: React.FC<AreamapProps>;
-export declare const isAreamapProps: (props: AreamapProps) => boolean;
+export declare const isAreamapProps: (props: ChartRendererProps) => props is AreamapProps;

package/dist/charts/map-charts/scattermap/scattermap.d.ts

@@ -3,6 +3,7 @@ import { ScattermapDataPointEventHandler } from '../../../props.js';
 import { ScattermapChartDataOptionsInternal } from '../../../chart-data-options/types.js';
 import { ScattermapChartDesignOptions } from '../../../chart-options-processor/translations/design-options.js';
 import { DataSource, Filter, FilterRelations } from '@sisense/sdk-data';
+import { ChartRendererProps } from '../../../chart/types.js';
 export type ScattermapProps = {
     chartData: ScattermapChartData;
     dataOptions: ScattermapChartDataOptionsInternal;
@@ -12,4 +13,4 @@ export type ScattermapProps = {
     onDataPointClick?: ScattermapDataPointEventHandler;
 };
 export declare const Scattermap: ({ chartData, dataOptions, dataSource, filters, designOptions, onDataPointClick, }: ScattermapProps) => import("react/jsx-runtime").JSX.Element;
-export declare const isScattermapProps: (props: ScattermapProps) => boolean;
+export declare const isScattermapProps: (props: ChartRendererProps) => props is ScattermapProps;

package/dist/charts/table/helpers/calc-column-widths.d.ts

@@ -1,4 +1,5 @@
 import { DataTable } from '../../../chart-data-processor/table-processor';
 export declare const calcColumnWidths: (dataTable: DataTable, isLoading: boolean, isShowFieldTypeIcon: boolean, columnsOptions: {
     isHtml: boolean;
+    width?: number;
 }[], fontFamily?: string) => number[];

package/dist/charts/table/styles/style-constants.d.ts

@@ -1,5 +1,6 @@
 export declare const HEADER_HEIGHT = 26;
 export declare const ROW_HEIGHT = 26;
+export declare const DEFAULT_PADDING = 20;
 export declare const HEADER_PADDING = 36;
 export declare const HEADER_TYPE_ICON_SPACING = 29;
 export declare const DATA_PADDING = 24;

package/dist/charts/table/types.d.ts

@@ -1,5 +1,5 @@
 import { Column, DataTable } from '../../chart-data-processor/table-processor';
-import { TableDesignOptions } from '../../chart-options-processor/translations/design-options';
+import { TableColorOptions, TableDesignOptions } from '../../chart-options-processor/translations/design-options';
 import { CompleteThemeSettings } from '../../types';
 import { TableDataOptionsInternal } from '../../chart-data-options/types';
 /**
@@ -56,9 +56,18 @@ export type TableCustomStyles = {
     sortIcon?: 'caret' | 'standard';
     headerHeight?: number;
     rowHeight?: number;
-    headersColor?: boolean;
-    alternatingRowsColor?: boolean;
-    alternatingColumnsColor?: boolean;
+    paddingVertical?: number;
+    paddingHorizontal?: number;
+    header?: {
+        color?: TableColorOptions;
+    };
+    columns?: {
+        alternatingColor?: TableColorOptions;
+        width?: 'auto' | 'content';
+    };
+    rows?: {
+        alternatingColor?: TableColorOptions;
+    };
 };
 export type TableReducerState = {
     sortedDataTable: DataTable;