@sisense/sdk-ui 1.7.2 → 1.9.0

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

@@ -3,27 +3,23 @@ import { AreaChartProps } from './props';
 /**
  * A React component similar to a {@link LineChart},
  * but with filled in areas under each line and an option to display them as stacked.
- * More info on [Sisense Documentation page](https://docs.sisense.com/main/SisenseLinux/area-chart.htm).
  *
- * @example
- * An example of using the component to visualize the `Sample ECommerce` data source:
- * ```tsx
- * <AreaChart
- *   dataSet={DM.DataSource}
- *   dataOptions={{
- *     category: [DM.Commerce.Date.Years],
- *     value: [measureFactory.sum(DM.Commerce.Revenue)],
- *     breakBy: [DM.Commerce.Gender],
- *   }}
- *   styleOptions={{ subtype: 'area/stacked' }}
- *   filters={[filterFactory.members(DM.Commerce.Gender, ['Female', 'Male'])]}
- *   onDataPointClick={(point, nativeEvent) => {
- *     console.log('clicked', point, nativeEvent);
- *   }}
+ * ## Example
+ *
+ * Area chart displaying total revenue per quarter from the Sample ECommerce data model.
+ *
+ * <iframe
+ *  src='https://csdk-playground.sisense.com/?example=charts%2Farea-chart&mode=docs'
+ *  width=800
+ *  height=870
+ *  style='border:none;'
  * />
- * ```
  *
- * <img src="media://area-chart-example-1.png" width="800"/>
+ * Additional Area Chart examples:
+ *
+ * - [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
  * @group Charts

package/dist/areamap-chart.d.ts

@@ -1,23 +1,21 @@
 /// <reference types="react" />
 import { AreamapChartProps } from './props';
 /**
- * A React component for visualizing geographical data as polygons on a map.
- * See [Areamap Chart](https://docs.sisense.com/main/SisenseLinux/area-map.htm) for more information.
+ * A React component for visualizing geographical data as colored polygons on a map.
  *
- * @example
- * An example of using the component to visualize the `Sample ECommerce` data source:
- * ```tsx
- * <AreamapChart
- *   dataSet={DM.DataSource}
- *   dataOptions={{
- *     geo: [DM.Country.Country],
- *     color: measureFactory.sum(DM.Commerce.Cost, 'Total Cost'),
- *   }}
- *   styleOptions={{
- *     mapType: 'world',
- *   }}
+ * For another way do display data on a map, see {@link ScattermapChart}.
+ *
+ * ## Example
+ *
+ * Areamap chart displaying total revenue per country from the Sample ECommerce data model. The total revenue amount is indicated by the colors on the map.
+ *
+ * <iframe
+ *  src='https://csdk-playground.sisense.com/?example=charts%2Fmap-area&mode=docs'
+ *  width=800
+ *  height=870
+ *  style='border:none;'
  * />
- * ```
+ *
  * @param props - Areamap chart properties
  * @returns Areamap Chart component
  * @group Charts

package/dist/bar-chart.d.ts

@@ -3,28 +3,23 @@ import { BarChartProps } from './props';
 /**
  * A React component representing categorical data with horizontal rectangular bars,
  * whose lengths are proportional to the values that they represent.
- * You can also break up the values by another category or groups.
  *
- * See [Bar Chart](https://docs.sisense.com/main/SisenseLinux/bar-chart.htm) for more information.
+ * ## Example
  *
- * @example
- * An example of using the component to visualize the `Sample ECommerce` data source:
- * ```tsx
- * <BarChart
- *   dataSet={DM.DataSource}
- *   dataOptions={{
- *     category: [DM.Commerce.AgeRange],
- *     value: [measureFactory.sum(DM.Commerce.Revenue)],
- *     breakBy: [DM.Commerce.Gender],
- *   }}
- *   filters={[filterFactory.greaterThan(DM.Commerce.Revenue, 1000)]}
- *   onDataPointClick={(point, nativeEvent) => {
- *     console.log('clicked', point, nativeEvent);
- *   }}
+ * Bar chart displaying total revenue per year from the Sample ECommerce data model.
+ *
+ * <iframe
+ *  src='https://csdk-playground.sisense.com/?example=charts%2Fbar-chart&mode=docs'
+ *  width=800
+ *  height=870
+ *  style='border:none;'
  * />
- * ```
  *
- * <img src="media://bar-chart-example-1.png" width="800"/>
+ * Additional Bar Chart examples:
+ *
+ * - [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
  * @group Charts

package/dist/boxplot-chart.d.ts

@@ -1,34 +1,20 @@
 /// <reference types="react" />
 import { BoxplotChartProps } from './props';
 /**
- * A React component representing data in a way that visually describes the distribution, variability,
- * and center of a data set along an axis.
- * See [Boxplot Chart](https://docs.sisense.com/main/SisenseLinux/box-and-whisker-plot.htm) for more information.
+ * A React component representing data in a way that visually describes the distribution,
+ * variability, and center of a data set along an axis.
  *
- * @example
- * An example of using the component to visualize the `Sample ECommerce` data source:
- * ```tsx
- * <BoxplotChart
- *   dataSet={DM.DataSource}
- *   dataOptions={{
- *     category: [DM.Category.Category],
- *     value: [DM.Commerce.Cost],
- *     boxType: 'iqr',
- *     outliersEnabled: true,
- *   }}
- *   filters={[
- *     filterFactory.members(DM.Category.Category, ['Calculators', 'DVD Players', 'Routers']),
- *     filterFactory.members(DM.Commerce.AgeRange, ['19-24']),
- *   ]}
- *   styleOptions={{
- *     seriesLabels: {
- *       enabled: true,
- *     }
- *   }}
+ * ## Example
+ *
+ * Boxplot chart displaying data from the Sample ECommerce data model.
+ *
+ * <iframe
+ *  src='https://csdk-playground.sisense.com/?example=charts%2Fboxplot-chart&mode=docs'
+ *  width=800
+ *  height=870
+ *  style='border:none;'
  * />
- * ```
  *
- * <img src="media://boxplot-chart-example-1.png" width="600px" />
  * @param props - Boxplot chart properties
  * @returns Boxplot Chart component
  * @group Charts

package/dist/chart/chart.d.ts

@@ -5,75 +5,17 @@ export declare const shouldSkipSisenseContextWaiting: (props: ChartProps) => boo
 /**
  * A React component used for easily switching chart types or rendering multiple series of different chart types.
  *
- * @example
- * (1) An example of using the `Chart` component to
- * plot a column chart of the Sample ECommerce data source hosted in a Sisense instance:
- * ```tsx
- * <Chart
- *   chartType={'column'}
- *   dataSet={DM.DataSource}
- *   dataOptions={{
- *     category: [DM.Commerce.AgeRange],
- *     value: [measureFactory.sum(DM.Commerce.Revenue)],
- *     breakBy: [DM.Commerce.Gender],
- *   }}
- *   filters={[filterFactory.members(DM.Commerce.Gender,['Female', 'Male'])]}
- *   onDataPointClick= {(point, nativeEvent) => { console.log('clicked', point, nativeEvent); }}
- * />
- * ```
+ * ## Example
  *
- * <img src="media://chart-data-source-example-1.png" width="800px" />
+ * A chart component displaying total revenue per quarter from the Sample ECommerce data model. The component is currently set to show the data in a column chart.
  *
- * (2) An example of using the `Chart` component to
- * plot a pie chart of static data provided in code:
- * ```tsx
- * <Chart
- *    chartType={'pie'}
- *    dataSet={{
- *      columns: [
- *        { name: 'Years', type: 'date' },
- *        { name: 'Group', type: 'string' },
- *        { name: 'Quantity', type: 'number' },
- *        { name: 'Units', type: 'number' },
- *      ],
- *      rows: [
- *        ['2009', 'A', 6781, 10],
- *        ['2009', 'B', 5500, 15],
- *        ['2010', 'A', 4471, 70],
- *        ['2011', 'B', 1812, 50],
- *        ['2012', 'B', 5001, 60],
- *        ['2013', 'A', 2045, 40],
- *        ['2014', 'B', 3010, 90],
- *        ['2015', 'A', 5447, 80],
- *        ['2016', 'B', 4242, 70],
- *        ['2017', 'B', 936, 20],
- *      ],
- *    }}
- *    dataOptions={{
- *      category: [
- *        {
- *          name: 'Years',
- *          type: 'date',
- *        },
- *      ],
- *      value: [
- *        {
- *          name: 'Quantity',
- *          aggregation: 'sum',
- *          title: 'Total Quantity',
- *        },
- *      ],
- *    }}
- *    styleOptions={{
- *      legend: {
- *        enabled: true,
- *        position: 'bottom',
- *      },
- *    }}
- *  />
- * ```
+ * <iframe
+ *  src='https://csdk-playground.sisense.com/?example=charts/chart&mode=docs'
+ *  width=800
+ *  height=870
+ *  style='border:none;'
+ * />
  *
- * <img src="media://chart-local-data-example-1.png" width="800px" />
  * @param props - Chart properties
  * @returns Chart component representing a chart type as specified in `ChartProps.`{@link ChartProps.chartType | chartType}
  * @group Charts

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

@@ -1,7 +1,7 @@
+import { type SortDirection } from '../types';
 import { Column, DataTable } from '../chart-data-processor/table-processor';
 import { CartesianChartData, CategoricalXValues } from './types';
 import { CartesianChartDataOptionsInternal, Value } from '../chart-data-options/types';
-import { SortDirection } from '../types';
 export declare const validateCartesianChartDataOptions: (chartDataOptions: CartesianChartDataOptionsInternal) => CartesianChartDataOptionsInternal;
 export declare const cartesianData: (chartDataOptions: CartesianChartDataOptionsInternal, dataTable: DataTable) => CartesianChartData;
 export declare const sortDirection: (sortType: SortDirection | undefined) => 1 | -1 | 0;

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

@@ -1,6 +1,6 @@
 import { ChartDataOptionsInternal } from '../chart-data-options/types';
 import { DataTable } from '../chart-data-processor/table-processor';
-import { ChartType, NumberFormatConfig, SeriesChartType } from '../types';
+import type { ChartType, NumberFormatConfig, SeriesChartType, SortDirection } from '../types';
 import { ChartData } from './types';
 export declare const chartDataService: (chartType: ChartType, chartDataOptions: ChartDataOptionsInternal, dataTable: DataTable) => ChartData;
 export type ValueColumn = {
@@ -15,4 +15,3 @@ export type ValueColumn = {
     color?: string;
     legacyInstanceId?: string;
 };
-export type SortDirection = 'sortAsc' | 'sortDesc' | 'sortNone';

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

@@ -1,7 +1,5 @@
 /**
  * All possible color options for data.
- *
- * @see {@link https://docs.sisense.com/main/SisenseLinux/selecting-colors-in-widgets.htm | Selecting Colors in Widgets}
  */
 export type DataColorOptions = string | UniformDataColorOptions | RangeDataColorOptions | ConditionalDataColorOptions;
 /**
@@ -16,7 +14,6 @@ export type DataColorOptions = string | UniformDataColorOptions | RangeDataColor
  *   color: 'red',
  * }
  * ```
- * @see {@link https://docs.sisense.com/main/SisenseLinux/selecting-colors-in-widgets.htm | Selecting Colors in Widgets}
  */
 export type UniformDataColorOptions = {
     /**
@@ -51,7 +48,6 @@ export type UniformDataColorOptions = {
  *   maxColor: 'blue',
  * }
  * ```
- * @see {@link https://docs.sisense.com/main/SisenseLinux/selecting-colors-in-widgets.htm | Selecting Colors in Widgets}
  */
 export type RangeDataColorOptions = {
     /**
@@ -104,7 +100,6 @@ export type RangeDataColorOptions = {
  *   defaultColor: 'red',
  * }
  * ```
- * @see {@link https://docs.sisense.com/main/SisenseLinux/selecting-colors-in-widgets.htm | Selecting Colors in Widgets}
  */
 export type ConditionalDataColorOptions = {
     /**
@@ -123,9 +118,8 @@ export type ConditionalDataColorOptions = {
 /**
  * Color condition for {@link ConditionalDataColorOptions} represented as a logical expression.
  *
- * See {@link ConditionalDataColorOptions} for examples.
+ * See {@link ConditionalDataColorOptions} for usage examples.
  *
- * @see {@link https://docs.sisense.com/main/SisenseLinux/selecting-colors-in-widgets.htm | Selecting Colors in Widgets}
  */
 export type DataColorCondition = {
     /**

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

@@ -1,5 +1,5 @@
 import type { DataColorOptions } from '../chart-data/data-coloring';
-import type { NumberFormatConfig, SeriesChartType, SortDirection, ValueToColorMap, MultiColumnValueToColorMap, LineWidth, Markers } from '../types';
+import type { NumberFormatConfig, SeriesChartType, ValueToColorMap, MultiColumnValueToColorMap, LineWidth, Markers, SortDirection, PivotRowsSort } from '../types';
 import { Column, MeasureColumn, CalculatedMeasureColumn, PivotGrandTotals, TotalsCalculation } from '@sisense/sdk-data';
 /**
  * Styles for a category/column when visualized in a chart
@@ -33,8 +33,10 @@ export interface CategoryStyle {
      * @internal
      */
     enabled?: boolean;
-    /** {@inheritDoc SortDirection} */
-    sortType?: SortDirection;
+    /**
+     * Sorting configuration that represents either {@link SortDirection} or {@link PivotRowsSort} for the pivot table
+     */
+    sortType?: SortDirection | PivotRowsSort;
     isColored?: boolean;
     /**
      * Boolean flag whether to render category/column value as HTML in the Table component.

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/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/column-chart.d.ts

@@ -6,26 +6,23 @@ import { ColumnChartProps } from './props';
  *
  * The chart can include multiple values on both the X and Y-axis, as well as a break down by categories displayed on the Y-axis.
  *
- * See [Column Chart](https://docs.sisense.com/main/SisenseLinux/column-chart.htm) for more information.
- *
- * @example
- * An example of using the component to visualize the `Sample ECommerce` data source:
- * ```tsx
- * <ColumnChart
- *   dataSet={DM.DataSource}
- *   dataOptions={{
- *     category: [DM.Commerce.AgeRange],
- *     value: [measureFactory.sum(DM.Commerce.Revenue)],
- *     breakBy: [DM.Commerce.Gender],
- *   }}
- *   filters={[filterFactory.greaterThan(DM.Commerce.Revenue, 1000)]}
- *   onDataPointClick={(point, nativeEvent) => {
- *     console.log('clicked', point, nativeEvent);
- *   }}
+ * ## Example
+ *
+ * Column chart displaying total revenue per year, broken down by condition, from the Sample ECommerce data model.
+ *
+ * <iframe
+ *  src='https://csdk-playground.sisense.com/?example=charts%2Fcolumn-chart&mode=docs'
+ *  width=800
+ *  height=870
+ *  style='border:none;'
  * />
- * ```
  *
- * <img src="media://column-chart-example-1.png" width="800"/>
+ *
+ * Additional Column Chart examples:
+ *
+ * - [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
  * @group Charts

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

@@ -30,6 +30,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;

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

@@ -7,14 +7,17 @@ import { DashboardWidgetProps } from '../props';
  * To learn more about using Sisense Fusion Widgets in Compose SDK,
  * see [Sisense Fusion Widgets](/guides/sdk/guides/charts/guide-fusion-widgets.html).
  *
- * @example
- * The example below renders a dashboard widget with the specified widget and dashboard OIDs.
- * ```tsx
- * <DashboardWidget
- *   widgetOid={'64473e07dac1920034bce77f'}
- *   dashboardOid={'6441e728dac1920034bce737'}
+ * ## Example
+ *
+ * Display two dashboard widgets from a Fusion Embed instance.
+ *
+ * <iframe
+ *  src='https://csdk-playground.sisense.com/?example=fusion-assets%2Ffusion-widgets&mode=docs'
+ *  width=800
+ *  height=870
+ *  style='border:none;'
  * />
- * ```
+ *
  * @group Fusion Embed
  * @fusionEmbed
  */

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

@@ -8,6 +8,6 @@ export declare function createDataColumn(item: PanelItem, customPaletteColors?:
 export declare const createDataOptionsFromPanels: (panels: Panel[], variantColors: Color[]) => {
     [key: string]: any[];
 };
-export declare function createColumnsFromPanelItems(panels: Panel[], panelName: string, customPaletteColors?: Color[]): (StyledMeasureColumn | StyledColumn)[];
+export declare function createColumnsFromPanelItems<ColumnType = StyledColumn | StyledMeasureColumn>(panels: Panel[], panelName: string, customPaletteColors?: Color[]): ColumnType[];
 export declare function extractBoxplotBoxType(style: BoxplotWidgetStyle): "iqr" | "extremums" | "standardDeviation";
 export declare function extractDataOptions(widgetType: WidgetType, panels: Panel[], style: WidgetStyle, customPaletteColors?: Color[]): WidgetDataOptions;

package/dist/dashboard-widget/translate-widget-filters.d.ts

@@ -1,10 +1,10 @@
-import { Filter, FilterJaql } from '@sisense/sdk-data';
+import { FilterJaql } from '@sisense/sdk-data';
 import { Panel } from './types';
 /**
  * Extracts filter model components from a FilterJaql object.
  *
- * @param {FilterJaql} jaql - The FilterJaql object.
- * @returns {object} - An object containing the extracted filter model components, including filter, backgroundFilter, and turnOffMembersFilter.
+ * @param jaql - The FilterJaql object.
+ * @returns An object containing the extracted filter model components, including filter, backgroundFilter, and turnOffMembersFilter.
  */
 export declare function extractFilterModelFromJaql(jaql: FilterJaql): {
     filter: {
@@ -15,22 +15,30 @@ export declare function extractFilterModelFromJaql(jaql: FilterJaql): {
         exclude: {
             members: string[];
         };
+    } | {
+        equals?: (number | import("@sisense/sdk-data").FormulaJaql) | undefined;
+        doesntEqual?: (number | import("@sisense/sdk-data").FormulaJaql) | undefined;
+        toNotEqual?: (number | import("@sisense/sdk-data").FormulaJaql) | undefined;
+        to?: (number | import("@sisense/sdk-data").FormulaJaql) | undefined;
+        fromNotEqual?: (number | import("@sisense/sdk-data").FormulaJaql) | undefined;
+        from?: (number | import("@sisense/sdk-data").FormulaJaql) | undefined;
+        '='?: (number | import("@sisense/sdk-data").FormulaJaql) | undefined;
+        '<'?: (number | import("@sisense/sdk-data").FormulaJaql) | undefined;
+        '>'?: (number | import("@sisense/sdk-data").FormulaJaql) | undefined;
+        '>='?: (number | import("@sisense/sdk-data").FormulaJaql) | undefined;
+        '<='?: (number | import("@sisense/sdk-data").FormulaJaql) | undefined;
+    } | {
+        and: import("@sisense/sdk-data").JaqlNumericFilter[];
+    } | {
+        or: import("@sisense/sdk-data").JaqlNumericFilter[];
     };
     backgroundFilter: import("@sisense/sdk-data").BackgroundFilter | import("@sisense/sdk-data").TurnOffMembersFilter | undefined;
     turnOffMembersFilter: import("@sisense/sdk-data").TurnOffMembersFilter | undefined;
 };
-/**
- * Creates a Filter from a FilterJaql object.
- *
- * @param jaql - The filter JAQL object.
- * @returns - The created Filter object.
- * @internal
- */
-export declare function createFilterFromJaql(jaql: FilterJaql, instanceid?: string): Filter;
 /**
  * Extracts filters from the widget panel.
  *
- * @param {Panel[]} panels - The array of panels.
- * @returns {Filter[]} - The extracted filters.
+ * @param panels - The array of panels.
+ * @returns The extracted filters.
  */
-export declare function extractFilters(panels: Panel[]): Filter[];
+export declare function extractFilters(panels: Panel[]): import("@sisense/sdk-data").Filter[];

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;