@sisense/sdk-ui 1.8.0 → 1.10.0

package/dist/alert-box/alert-box.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 interface Props {
     alerts?: string[];
 }
-export declare const AlertBox: ({ alerts }: Props) => JSX.Element;
+export declare const AlertBox: ({ alerts }: Props) => import("react/jsx-runtime").JSX.Element;
 export default AlertBox;

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

@@ -1,6 +1,21 @@
 import { WidgetDto, Datasource } from '../../dashboard-widget/types';
 import { FilterJaql, FilterRelationsModel } from '@sisense/sdk-data';
 import { AnyObject } from '../../utils/utility-types';
+/** @internal */
+export type Layout = {
+    columns: {
+        width: number;
+        cells: {
+            subcells: {
+                width: number;
+                elements: {
+                    height: number | string;
+                    widgetid: string;
+                }[];
+            }[];
+        }[];
+    }[];
+};
 export type Filter = {
     isCascading?: false;
     jaql: FilterJaql & AnyObject;
@@ -22,4 +37,5 @@ export type DashboardDto = {
     filterRelations?: {
         filterRelations: FilterRelationsModel;
     }[];
+    layout?: Layout;
 } & AnyObject;

package/dist/app/client-application.d.ts

@@ -47,9 +47,13 @@ export type AppConfig = {
      */
     queryLimit?: number;
     /**
-     * Accessibility configuration
+     * Accessibility configuration. Set the `accessibilityConfig.enabled` property to `true` to enable accessibility features for charts built with Highcharts.
      *
-     * This feature is in alpha
+     * Once the accessibility configuration in enabled, you can use the default descriptions or choose to create custom configurations for the descriptions of a chart, its axes, its series, and values description formatting. To create custom configurations, use the `highchartsOptions` object that is passed to the {@link BeforeRenderHandler} of the chart's `onBeforeRender` callback. Modify the object using the accessibility options as described in the [Accessibility module documentation](https://www.highcharts.com/docs/accessibility/accessibility-module).
+     *
+     * Note that enabling accessibility also causes markers to appear in charts even if they are disabled using the chart's `styleOptions`.
+     *
+     * This feature is in alpha.
      */
     accessibilityConfig?: {
         /**

package/dist/area-chart.d.ts

@@ -9,7 +9,7 @@ import { AreaChartProps } from './props';
  * Area chart displaying total revenue per quarter from the Sample ECommerce data model.
  *
  * <iframe
- *  src='https://dhoavm6pu1cvg.cloudfront.net/?example=charts%2Farea-chart&mode=docs'
+ *  src='https://csdk-playground.sisense.com/?example=charts%2Farea-chart&mode=docs'
  *  width=800
  *  height=870
  *  style='border:none;'
@@ -17,8 +17,8 @@ import { AreaChartProps } from './props';
  *
  * Additional Area Chart examples:
  *
- * - [Stacked Area Chart](https://csdk-playground.sisense.com/?example=charts%2Farea-chart-stacked)
- * - [Stacked Percentage Area Chart](https://csdk-playground.sisense.com/?example=charts%2Farea-chart-stacked100)
+ * - [Stacked Area Chart](https://www.sisense.com/platform/compose-sdk/playground/?example=charts%2Farea-chart-stacked)
+ * - [Stacked Percentage Area Chart](https://www.sisense.com/platform/compose-sdk/playground/?example=charts%2Farea-chart-stacked100)
  *
  * @param props - Area chart properties
  * @returns Area Chart component

package/dist/bar-chart.d.ts

@@ -17,8 +17,8 @@ import { BarChartProps } from './props';
  *
  * Additional Bar Chart examples:
  *
- * - [Stacked Bar Chart](https://csdk-playground.sisense.com/?example=charts%2Fbar-chart-stacked)
- * - [Stacked Percentage Bar Chart](https://csdk-playground.sisense.com/?example=charts%2Fbar-chart-stacked100)
+ * - [Stacked Bar Chart](https://www.sisense.com/platform/compose-sdk/playground/?example=charts%2Fbar-chart-stacked)
+ * - [Stacked Percentage Bar Chart](https://www.sisense.com/platform/compose-sdk/playground/?example=charts%2Fbar-chart-stacked100)
  *
  * @param props - Bar chart properties
  * @returns Bar Chart component

package/dist/chart/helpers/use-translated-data-options.d.ts

@@ -1,6 +1,6 @@
 import { ChartDataOptions, ChartType } from '../../types';
-export declare const useTranslatedDataOptions: (dataOptions: ChartDataOptions, chartType: ChartType) => {
-    chartDataOptions: import("../..").ChartDataOptionsInternal;
+export declare const useTranslatedDataOptions: (chartDataOptions: ChartDataOptions, chartType: ChartType) => {
+    dataOptions: import("../..").ChartDataOptionsInternal;
     attributes: import("@sisense/sdk-data").Attribute[];
     measures: import("@sisense/sdk-data").Measure[];
     dataColumnNamesMapping: import('../../chart-data-options/validate-data-options').DataColumnNamesMapping;

package/dist/chart-data-options/get-translated-data-options.d.ts

@@ -1,6 +1,6 @@
 import { ChartDataOptions, ChartType } from '../types';
-export declare function getTranslatedDataOptions(dataOptions: ChartDataOptions, chartType: ChartType): {
-    chartDataOptions: import("./types").ChartDataOptionsInternal;
+export declare function getTranslatedDataOptions(chartDataOptions: ChartDataOptions, chartType: ChartType): {
+    dataOptions: import("./types").ChartDataOptionsInternal;
     attributes: import("@sisense/sdk-data").Attribute[];
     measures: import("@sisense/sdk-data").Measure[];
 };

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

@@ -1,5 +1,14 @@
 import { Attribute, CalculatedMeasureColumn, Column, Measure, MeasureColumn } from '@sisense/sdk-data';
 import { Category, Value, StyledColumn, StyledMeasureColumn, AnyColumn, CategoryStyle } from './types';
+type AnyObject = Record<string, any>;
+/**
+ * Combines two objects into a single one with saving prototype inheritance of "sourceWithInheritance" argument
+ *
+ * @param sourceWithInheritance - The object that has own and inherited properties.
+ * @param sourceToAbsorb - The object whose properties will be copied as own properties.
+ * @returns - A new object that combines the properties of the two input objects.
+ */
+export declare const safeCombine: <T extends AnyObject>(sourceWithInheritance: T, sourceToAbsorb: AnyObject) => T;
 export declare const splitColumn: (c: StyledColumn | Column) => {
     column: Column;
     style: CategoryStyle | undefined;
@@ -14,3 +23,4 @@ export declare const translateCategoryToAttribute: (category: Category) => Attri
 export declare const getDataOptionTitle: (option: Category | Value) => string;
 export declare const translateColumnToAttribure: (c: StyledColumn | Column) => Attribute;
 export declare const translateColumnToMeasure: (c: MeasureColumn | CalculatedMeasureColumn | StyledMeasureColumn) => Measure;
+export {};

package/dist/chart-options-processor/style-to-design-options-translator/prepare-design-options.d.ts

@@ -1,4 +1,6 @@
 import { ChartDataOptionsInternal } from '../../chart-data-options/types';
 import { ChartStyleOptions, ChartType } from '../../types';
-import { ChartDesignOptions } from '../translations/types';
-export declare function prepareChartDesignOptions(chartType: ChartType, dataOptionsInternal: ChartDataOptionsInternal, styleOptions?: ChartStyleOptions): ChartDesignOptions;
+import { DesignOptions, SeriesDesignOptions } from '../translations/types';
+export declare function prepareChartDesignOptions(chartType: ChartType, dataOptionsInternal: ChartDataOptionsInternal, styleOptions?: ChartStyleOptions): DesignOptions;
+export declare function extendStyleOptionsWithDefaults(styleOptions: ChartStyleOptions, defaults: ChartStyleOptions): ChartStyleOptions;
+export declare function getDesignOptionsPerSeries(dataOptionsInternal: ChartDataOptionsInternal, chartType: ChartType, styleOptions: ChartStyleOptions): Record<string, SeriesDesignOptions>;

package/dist/chart-options-processor/style-to-design-options-translator/translate-to-highcharts-options.d.ts

@@ -2,17 +2,20 @@ import { Legend, PolarStyleOptions, PieStyleOptions, StackableStyleOptions, Line
 import { StackableChartDesignOptions, LineChartDesignOptions, PieChartDesignOptions, FunnelChartDesignOptions, PolarChartDesignOptions, ScatterChartDesignOptions, AreaChartDesignOptions, TreemapChartDesignOptions, SunburstChartDesignOptions, BoxplotChartDesignOptions, ScattermapChartDesignOptions } from '../translations/design-options';
 import { LegendPosition } from '../translations/legend-section';
 import { StackType } from '../translations/translations-to-highcharts';
+import { ChartDataOptionsInternal, ChartStyleOptions, ChartType } from '../../index';
+import { SeriesDesignOptions } from '../translations/types';
 export declare const getLegend: (legend?: Legend) => LegendPosition;
 export declare const DefaultStackType: StackType;
-export declare const getStackableChartDesignOptions: (styleOptions: AreaStyleOptions | StackableStyleOptions, hasY2Axis: boolean) => StackableChartDesignOptions;
-export declare const getLineChartDesignOptions: (styleOptions: LineStyleOptions, hasY2Axis: boolean) => LineChartDesignOptions;
-export declare const getAreaChartDesignOptions: (styleOptions: AreaStyleOptions, hasY2Axis: boolean) => AreaChartDesignOptions;
+export declare const getStackableChartDesignOptions: (styleOptions: AreaStyleOptions | StackableStyleOptions, dataOptions: ChartDataOptionsInternal, hasY2Axis: boolean, chartType: ChartType) => StackableChartDesignOptions;
+export declare const getSeriesChartDesignOptions: (chartType: ChartType, styleOptions: ChartStyleOptions) => SeriesDesignOptions;
+export declare const getLineChartDesignOptions: (styleOptions: LineStyleOptions, dataOptions: ChartDataOptionsInternal, hasY2Axis: boolean) => LineChartDesignOptions;
+export declare const getAreaChartDesignOptions: (styleOptions: AreaStyleOptions, dataOptions: ChartDataOptionsInternal, hasY2Axis: boolean) => AreaChartDesignOptions;
 export declare const DefaultPieType = "classic";
 export declare const getPieChartDesignOptions: (styleOptions: PieStyleOptions) => PieChartDesignOptions;
 export declare const getFunnelChartDesignOptions: (styleOptions: FunnelStyleOptions) => FunnelChartDesignOptions;
 export declare const getTreemapChartDesignOptions: (styleOptions: TreemapStyleOptions) => TreemapChartDesignOptions;
 export declare const getSunburstChartDesignOptions: (styleOptions: SunburstStyleOptions) => SunburstChartDesignOptions;
-export declare const getPolarChartDesignOptions: (styleOptions: PolarStyleOptions) => PolarChartDesignOptions;
+export declare const getPolarChartDesignOptions: (styleOptions: PolarStyleOptions, dataOptions: ChartDataOptionsInternal) => PolarChartDesignOptions;
 export declare const getScatterChartDesignOptions: (styleOptions: ScatterStyleOptions) => ScatterChartDesignOptions;
 export declare const getBoxplotChartDesignOptions: (styleOptions: BoxplotStyleOptions) => BoxplotChartDesignOptions;
 export declare const getScattermapChartDesignOptions: (styleOptions: ScattermapStyleOptions) => ScattermapChartDesignOptions;

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

@@ -1,11 +1,3 @@
 import { CompleteThemeSettings } from '../types';
 import { HighchartsOptionsInternal } from './chart-options-service';
 export declare const applyThemeToChart: (chartOptions: HighchartsOptionsInternal, themeSettings?: CompleteThemeSettings) => HighchartsOptionsInternal;
-/**
- * Returns default theme settings, which can be used as base for custom theme options.
- *
- * @param isDarkMode - Boolean value whether to get theme settings for dark mode
- * @returns Theme settings object
- * @internal
- */
-export declare const getDefaultThemeSettings: (isDarkMode?: boolean) => CompleteThemeSettings;

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

@@ -7,6 +7,7 @@ import { PieType, PieLabels } from './pie-plot-options';
 import { FunnelSize, FunnelType, FunnelDirection, FunnelLabels } from './funnel-plot-options';
 import { AreamapType, Convolution, ScattermapMarkers, SunburstStyleOptions, TreemapStyleOptions } from '../../types';
 import { ScatterMarkerSize } from './scatter-plot-options';
+import { DesignPerSeries } from './types';
 type DataLimits = {
     seriesCapacity: number;
     categoriesCapacity: number;
@@ -24,14 +25,19 @@ export type BaseDesignOptionsType = {
     autoZoom: boolean;
     dataLimits: DataLimits;
 };
-export type LineChartDesignOptions = BaseDesignOptionsType;
-export type StackableChartDesignOptions = BaseDesignOptionsType & {
+export type CartesianChartDesignOptions = BaseDesignOptionsType & DesignPerSeries;
+export type StackableChartDesignOptions = CartesianChartDesignOptions & {
     stackType: StackType;
     showTotal?: boolean;
-};
+} & DesignPerSeries;
+export type LineChartDesignOptions = CartesianChartDesignOptions;
 export type AreaChartDesignOptions = StackableChartDesignOptions;
 export type BarChartDesignOptions = StackableChartDesignOptions;
 export type ColumnChartDesignOptions = StackableChartDesignOptions;
+export type PolarType = 'line' | 'area' | 'column';
+export type PolarChartDesignOptions = CartesianChartDesignOptions & {
+    polarType: PolarType;
+};
 export type PieChartDesignOptions = BaseDesignOptionsType & {
     pieType?: PieType;
     pieLabels?: PieLabels;
@@ -120,10 +126,6 @@ export type NumericSpecificDesignOptions<NumericSubtype extends NumericIndicator
     numericSubtype: NumericSubtype;
     skin: NumericSubtype extends 'numericSimple' ? 'vertical' | 'horizontal' : never;
 };
-export type PolarType = 'line' | 'area' | 'column';
-export type PolarChartDesignOptions = BaseDesignOptionsType & {
-    polarType: PolarType;
-};
 export type BoxplotType = 'full' | 'hollow';
 export type BoxplotChartDesignOptions = BaseDesignOptionsType & {
     boxplotType: BoxplotType;

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 } from './design-options';
+import { LineChartDesignOptions, AreaChartDesignOptions, BarChartDesignOptions, ColumnChartDesignOptions, PieChartDesignOptions, FunnelChartDesignOptions, IndicatorChartDesignOptions, PolarChartDesignOptions, ScatterChartDesignOptions, TreemapChartDesignOptions, BoxplotChartDesignOptions, AreamapChartDesignOptions, ScattermapChartDesignOptions, 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"];
@@ -39,15 +39,16 @@ type SeriesId = string;
  * Design options for a chart.
  * This includes global design options and specific design options per series.
  */
-export type ChartDesignOptions<SpecificChartType extends ChartType = ChartType> = {
-    globalDesign: DesignOptions<SpecificChartType>;
-    designPerSeries: Record<SeriesId, SeriesDesignOptions>;
-};
+export type ChartDesignOptions<SpecificChartType extends ChartType = ChartType> = DesignOptions<SpecificChartType>;
 /**
  * Design options, limited to the only series relevant options.
+ *
  * @internal
  */
-export type SeriesDesignOptions = Pick<DesignOptions, 'lineWidth' | 'marker'>;
+export type SeriesDesignOptions = Pick<BaseDesignOptionsType, 'lineWidth' | 'marker'>;
+export type DesignPerSeries = {
+    designPerSeries: Record<SeriesId, SeriesDesignOptions>;
+};
 export declare const isCartesian: (chartType: ChartType) => chartType is "area" | "line" | "bar" | "column" | "polar";
 export declare const isCategorical: (chartType: ChartType) => chartType is "pie" | "funnel" | "treemap" | "sunburst";
 export declare const isScatter: (chartType: ChartType) => chartType is "scatter";

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

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-import { AreamapChartDataOptionsInternal, ChartDataOptionsInternal } from '../../../chart-data-options/types.js';
-import { AreamapData, ChartData } from '../../../chart-data/types.js';
+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 { DesignOptions } from '../../../chart-options-processor/translations/types.js';
 import { ThemeSettings } from '../../../types.js';
 import { AreamapDataPointEventHandler } from '../../../props';
 export type AreamapProps = {
@@ -13,6 +12,4 @@ export type AreamapProps = {
     onDataPointClick?: AreamapDataPointEventHandler;
 };
 export declare const Areamap: React.FC<AreamapProps>;
-export declare const isAreamapData: (chartData: ChartData) => chartData is AreamapData;
-export declare const isAreamapDataOptions: (dataOptions: ChartDataOptionsInternal) => dataOptions is AreamapChartDataOptionsInternal;
-export declare const isAreamapChartDesignOptions: (designOptions: DesignOptions) => designOptions is AreamapChartDesignOptions;
+export declare const isAreamapProps: (props: AreamapProps) => boolean;

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

@@ -1,19 +1,15 @@
-/// <reference types="react" />
-import { ChartData, ScattermapChartData } from '../../../chart-data/types.js';
+import { ScattermapChartData } from '../../../chart-data/types.js';
 import { ScattermapDataPointEventHandler } from '../../../props.js';
-import { ChartDataOptionsInternal, ScattermapChartDataOptionsInternal } from '../../../chart-data-options/types.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 { DesignOptions } from '../../../chart-options-processor/translations/types.js';
 export type ScattermapProps = {
     chartData: ScattermapChartData;
     dataOptions: ScattermapChartDataOptionsInternal;
     designOptions: ScattermapChartDesignOptions;
     dataSource: DataSource | null;
     filters?: Filter[] | FilterRelations;
-    onMarkerClick?: ScattermapDataPointEventHandler;
+    onDataPointClick?: ScattermapDataPointEventHandler;
 };
-export declare const Scattermap: ({ chartData, dataOptions, dataSource, filters, designOptions, onMarkerClick, }: ScattermapProps) => JSX.Element;
-export declare const isScattermapData: (chartData: ChartData) => chartData is ScattermapChartData;
-export declare const isScattermapDataOptions: (dataOptions: ChartDataOptionsInternal) => dataOptions is ScattermapChartDataOptionsInternal;
-export declare const isScattermapChartDesignOptions: (designOptions: DesignOptions) => designOptions is ScattermapChartDesignOptions;
+export declare const Scattermap: ({ chartData, dataOptions, dataSource, filters, designOptions, onDataPointClick, }: ScattermapProps) => import("react/jsx-runtime").JSX.Element;
+export declare const isScattermapProps: (props: ScattermapProps) => boolean;

package/dist/charts/table/data-table-wrapper.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { DataTableWrapperProps } from './types';
-export declare const DataTableWrapper: ({ dataTable, dataOptions, isLoading, height, width, customStyles, themeSettings, onSortUpdate, }: DataTableWrapperProps) => JSX.Element;
+export declare const DataTableWrapper: ({ dataTable, dataOptions, isLoading, height, width, customStyles, themeSettings, onSortUpdate, }: DataTableWrapperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/charts/table/header/field-type-icon.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 type Props = {
     columnType: string;
 };
-export declare const FieldTypeIcon: ({ columnType }: Props) => JSX.Element;
+export declare const FieldTypeIcon: ({ columnType }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/charts/table/pure-table.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { TableProps } from './types';
 /**
  * PureTable Component. Table without any data fetch or aggregation logic.
  *
  * @returns Pure Table component
  */
-export declare const PureTable: ({ dataTable, dataOptions, designOptions, onSortUpdate, themeSettings, width, height, }: TableProps) => JSX.Element;
+export declare const PureTable: ({ dataTable, dataOptions, designOptions, onSortUpdate, themeSettings, width, height, }: TableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/column-chart.d.ts

@@ -20,8 +20,8 @@ import { ColumnChartProps } from './props';
  *
  * Additional Column Chart examples:
  *
- * - [Stacked Column Chart](https://csdk-playground.sisense.com/?example=charts%2Fcolumn-chart-stacked)
- * - [Stacked Percentage Column Chart](https://csdk-playground.sisense.com/?example=charts%2Fcolumn-chart-stacked100)
+ * - [Stacked Column Chart](https://www.sisense.com/platform/compose-sdk/playground/?example=charts%2Fcolumn-chart-stacked)
+ * - [Stacked Percentage Column Chart](https://www.sisense.com/platform/compose-sdk/playground/?example=charts%2Fcolumn-chart-stacked100)
  *
  * @param props - Column chart properties
  * @returns Column Chart component

package/dist/common/components/loading-dots.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const LoadingDots: ({ color }: {
     color: string | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/common/components/loading-indicator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CompleteThemeSettings } from '../../types';
 /**
  * Component that displays a loading indicator.
@@ -30,6 +29,88 @@ export declare const LoadingIndicator: ({ themeSettings, onCancel, }: {
             primaryButtonTextColor: string;
             primaryButtonHoverColor: string;
         };
+        aiChat: {
+            backgroundColor: string;
+            primaryTextColor: string;
+            secondaryTextColor: string;
+            primaryFontSize: [fontSize: string, lineHeight: string];
+            border: string | false;
+            borderRadius: string | false;
+            body: {
+                paddingLeft: string;
+                paddingRight: string;
+                paddingTop: string;
+                paddingBottom: string;
+                gapBetweenMessages: string;
+            };
+            footer: {
+                paddingLeft: string;
+                paddingRight: string;
+                paddingTop: string;
+                paddingBottom: string;
+            };
+            userMessages: {
+                backgroundColor: string;
+            };
+            systemMessages: {
+                backgroundColor: string;
+            };
+            input: {
+                backgroundColor: string;
+                focus: {
+                    outlineColor: string;
+                };
+            };
+            header: {
+                backgroundColor: string;
+                textColor: string;
+            };
+            dropup: {
+                backgroundColor: string;
+                boxShadow: string;
+                borderRadius: string;
+                headers: {
+                    textColor: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                };
+                items: {
+                    textColor: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+            suggestions: {
+                textColor: string;
+                backgroundColor: string;
+                border: string;
+                borderGradient: [string, string] | null;
+                borderRadius: string;
+                hover: {
+                    backgroundColor: string;
+                    textColor: string;
+                };
+                loadingGradient: [string, string];
+                gap: string;
+            };
+            clickableMessages: {
+                backgroundColor: string;
+                textColor: string;
+                border: string | false;
+                hover: {
+                    textColor: string;
+                    backgroundColor: string;
+                };
+            };
+            icons: {
+                color: string;
+                hover: {
+                    color: string;
+                };
+            };
+        };
     } | undefined;
     onCancel?: (() => void) | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/common/components/loading-overlay.d.ts

@@ -11,4 +11,4 @@ export declare const LoadingOverlay: ({ isVisible, themeSettings, children, }: {
     isVisible: boolean;
     themeSettings: CompleteThemeSettings;
     children: ReactNode;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/common/components/loading-spinner.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 /**
  * Centered, animated spinner.
  */
-export default function LoadingSpinner(): JSX.Element;
+export default function LoadingSpinner(): import("react/jsx-runtime").JSX.Element;

package/dist/common/icons/exclamation-mark-icon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function ExclamationMarkIcon({ color }: {
     color?: string;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/common/icons/loading-icon.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 type LoadingIconProps = {
     spin?: boolean;
 };
-export default function LoadingIcon({ spin }: LoadingIconProps): JSX.Element;
+export default function LoadingIcon({ spin }: LoadingIconProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/dashboard-widget/translate-widget-style-options.d.ts

@@ -1,5 +1,6 @@
-import { ChartStyleOptions, TableStyleOptions, NumericBarIndicatorStyleOptions, NumericSimpleIndicatorStyleOptions, GaugeIndicatorStyleOptions } from '../types';
-import { Panel, WidgetStyle, WidgetSubtype, WidgetType, TableWidgetStyle, IndicatorWidgetStyle } from './types';
+import { ChartStyleOptions, TableStyleOptions, NumericBarIndicatorStyleOptions, NumericSimpleIndicatorStyleOptions, GaugeIndicatorStyleOptions, PivotTableStyleOptions } from '../types';
+import { Panel, WidgetStyle, WidgetSubtype, WidgetType, TableWidgetStyle, IndicatorWidgetStyle, PivotWidgetStyle } from './types';
 export declare function extractTableChartStyleOptions(widgetStyle: TableWidgetStyle): TableStyleOptions;
 export declare const getIndicatorTypeSpecificOptions: (widgetSubtype: WidgetSubtype, widgetStyle: IndicatorWidgetStyle) => NumericSimpleIndicatorStyleOptions | NumericBarIndicatorStyleOptions | GaugeIndicatorStyleOptions;
+export declare function extractPivotTableStyleOptions(widgetStyle: PivotWidgetStyle): PivotTableStyleOptions;
 export declare function extractStyleOptions<WType extends WidgetType>(widgetType: WType, widgetSubtype: WidgetSubtype, style: WidgetStyle, panels: Panel[]): ChartStyleOptions | TableStyleOptions;

package/dist/dashboard-widget/types.d.ts

@@ -10,7 +10,7 @@ export type CategoricalWidgetType = 'chart/pie' | 'chart/funnel' | 'treemap' | '
 /**
  * The type of a widget on a dashboard that is a variant of tabular widget.
  */
-export type TabularWidgetType = 'tablewidget' | 'tablewidgetagg' | 'pivot2';
+export type TabularWidgetType = 'tablewidget' | 'tablewidgetagg' | 'pivot' | 'pivot2';
 /**
  * The type of a widget on a dashboard.
  */
@@ -102,6 +102,8 @@ export type PanelItem = {
         color?: PanelColorFormat;
         mask?: DatetimeMask | NumericMask;
         members?: PanelMembersFormat;
+        subtotal?: boolean;
+        databars?: boolean;
     };
     jaql: Jaql;
     disabled?: boolean;
@@ -112,6 +114,10 @@ export type PanelItem = {
     categoriesSorting?: JaqlSortDirection;
     isColored?: boolean;
     geoLevel?: 'country' | 'state' | 'city';
+    field?: {
+        id: string;
+        index: number;
+    };
 };
 export type PanelColorFormat = PanelColorFormatSingle | PanelColorFormatRange | PanelColorFormatConditional;
 export type PanelMembersFormat = Record<string, {
@@ -326,11 +332,25 @@ export type ScattermapWidgetStyle = {
 };
 /** Currently, WidgetStyle for areamap is an empty object */
 export type AreamapWidgetStyle = {};
-export type WidgetStyle = CartesianWidgetStyle | PolarWidgetStyle | FunnelWidgetStyle | ScatterWidgetStyle | TableWidgetStyle | IndicatorWidgetStyle | TreemapWidgetStyle | SunburstWidgetStyle | BoxplotWidgetStyle | ScattermapWidgetStyle | AreamapWidgetStyle;
+export type WidgetStyle = CartesianWidgetStyle | PolarWidgetStyle | FunnelWidgetStyle | ScatterWidgetStyle | TableWidgetStyle | IndicatorWidgetStyle | TreemapWidgetStyle | SunburstWidgetStyle | BoxplotWidgetStyle | ScattermapWidgetStyle | AreamapWidgetStyle | PivotWidgetStyle;
 export declare enum FiltersMergeStrategyEnum {
     WIDGET_FIRST = "widgetFirst",
     CODE_FIRST = "codeFirst",
     CODE_ONLY = "codeOnly"
 }
 export type FiltersMergeStrategy = `${FiltersMergeStrategyEnum}`;
+export type PivotWidgetStyle = {
+    rowsGrandTotal?: boolean;
+    columnsGrandTotal?: boolean;
+    colors?: {
+        rows?: boolean;
+        columns?: boolean;
+        headers?: boolean;
+        members?: boolean;
+        totals?: boolean;
+    };
+    pageSize?: number | string;
+    rowHeight?: number;
+    automaticHeight?: boolean;
+};
 export {};

package/dist/dashboard-widget/use-fetch-widget-dto-model.d.ts

@@ -28,6 +28,7 @@ export declare const fetchWidgetDtoModel: ({ widgetOid, dashboardOid, includeDas
         filterRelations?: {
             filterRelations: import("@sisense/sdk-data").FilterRelationsModel;
         }[] | undefined;
+        layout?: import("../api/types/dashboard-dto").Layout | undefined;
     } & import("../utils/utility-types").AnyObject) | undefined;
 }>;
 /**

package/dist/dashboard-widget/utils.d.ts

@@ -6,9 +6,18 @@ export declare function getChartType(widgetType: WidgetType): ChartType;
 export declare function getChartSubtype(widgetSubtype: WidgetSubtype): ChartSubtype | undefined;
 type WidgetTypeOrString = string | WidgetType;
 export declare function isSupportedWidgetType(widgetType: WidgetTypeOrString): widgetType is WidgetType;
+export declare function isTableWidget(widgetType: WidgetTypeOrString): boolean;
+export declare function isPivotWidget(widgetType: WidgetTypeOrString): boolean;
 export declare function isTabularWidget(widgetType: WidgetTypeOrString): boolean;
 export declare function getEnabledPanelItems(panels: Panel[], panelName: string): PanelItem[];
 export declare function getRootPanelItem(item: PanelItem): PanelItem;
+/**
+ * Gets the sort type based on the jaql sort direction.
+ *
+ * @param jaqlSort - The jaql sort direction.
+ * @returns  The sort direction.
+ * @internal
+ */
 export declare function getSortType(jaqlSort: JaqlSortDirection | undefined): SortDirection;
 /**
  * Merges two arrays of filter objects, prioritizing 'targetFilters' over 'sourceFilters',