@sisense/sdk-ui 0.15.0 → 1.0.0

package/dist/indicator-canvas.d.ts

@@ -1,4 +1,4 @@
-import { ChartDataOptionsInternal, IndicatorDataOptionsInternal } from './chart-data-options/types';
+import { ChartDataOptionsInternal, 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';
@@ -7,7 +7,7 @@ import { ChartDesignOptions } from './chart-options-processor/translations/types
 import { ThemeSettings } from './types';
 interface Props {
     chartData: IndicatorChartData;
-    dataOptions: IndicatorDataOptionsInternal;
+    dataOptions: IndicatorChartDataOptionsInternal;
     designOptions: IndicatorChartDesignOptions;
     themeSettings?: ThemeSettings;
 }
@@ -16,6 +16,6 @@ interface Props {
  */
 export declare const IndicatorCanvas: FunctionComponent<Props>;
 export declare const isIndicatorChartData: (chartData: ChartData) => chartData is IndicatorChartData;
-export declare const isIndicatorDataOptionsInternal: (dataOptions: ChartDataOptionsInternal) => dataOptions is IndicatorDataOptionsInternal;
+export declare const isIndicatorChartDataOptionsInternal: (dataOptions: ChartDataOptionsInternal) => dataOptions is IndicatorChartDataOptionsInternal;
 export declare const isIndicatorDesignOptions: (designOptions: ChartDesignOptions) => designOptions is IndicatorChartDesignOptions;
 export {};

package/dist/indicator-chart.d.ts

@@ -12,7 +12,7 @@ import { IndicatorChartProps } from './props';
  *   dataOptions={{
  *     value: [
  *       {
- *         column: measures.sum(DM.Commerce.Revenue),
+ *         column: measureFactory.sum(DM.Commerce.Revenue),
  *         numberFormatConfig: {
  *           name: 'Numbers',
  *           decimalScale: 2,
@@ -27,10 +27,10 @@ import { IndicatorChartProps } from './props';
  *       },
  *     ],
  *     secondary: [],
- *     min: [measures.constant(0)],
- *     max: [measures.constant(125000000)],
+ *     min: [measureFactory.constant(0)],
+ *     max: [measureFactory.constant(125000000)],
  *   }}
- *   filters={[filters.greaterThan(DM.Commerce.Revenue, 1000)]}
+ *   filters={[filterFactory.greaterThan(DM.Commerce.Revenue, 1000)]}
  *   styleOptions={{
  *     indicatorComponents: {
  *       title: {

package/dist/line-chart.d.ts

@@ -11,10 +11,10 @@ import { LineChartProps } from './props';
  *   dataSet={DM.DataSource}
  *   dataOptions={{
  *     category: [DM.Commerce.Date.Years],
- *     value: [measures.sum(DM.Commerce.Revenue)],
+ *     value: [measureFactory.sum(DM.Commerce.Revenue)],
  *     breakBy: [DM.Commerce.Gender],
  *   }}
- *   filters={[filters.greaterThan(DM.Commerce.Revenue, 1000)]}
+ *   filters={[filterFactory.greaterThan(DM.Commerce.Revenue, 1000)]}
  *   onDataPointClick= {(point, nativeEvent) => {
  *     console.log('clicked', point, nativeEvent);
  *   }}

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

@@ -1,5 +1,5 @@
 import { type DataSource } from '@sisense/sdk-data';
-import { type WidgetModel } from '../widget/types';
+import { WidgetModel } from '../widget/widget-model';
 export type DashboardModel = {
     oid: string;
     title: string;

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

@@ -99,6 +99,7 @@ export type DashboardModelSuccessState = {
 export declare const useGetDashboardModel: (params: GetDashboardModelParams) => DashboardModelState;
 /**
  * {@link useGetDashboardModel} without tracking to be used inside other hooks or components in Compose SDK.
+ *
  * @internal
  */
 export declare function useGetDashboardModelInternal(params: GetDashboardModelParams): DashboardModelState;

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

@@ -62,7 +62,7 @@ export type DashboardModelsSuccessState = {
     status: 'success';
 };
 /**
-  * React hook that retrieves existing dashboards that the user can access to from the Sisense instance.
+ * React hook that retrieves existing dashboards that the user can access to from the Sisense instance.
  *
  * @example
  ```tsx
@@ -84,6 +84,7 @@ export type DashboardModelsSuccessState = {
 export declare const useGetDashboardModels: (params?: GetDashboardModelsParams | undefined) => DashboardModelsState;
 /**
  * {@link useGetDashboardModels} without tracking to be used inside other hooks or components in Compose SDK.
+ *
  * @internal
  */
 export declare function useGetDashboardModelsInternal(params?: GetDashboardModelsParams): DashboardModelsState;

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

@@ -0,0 +1,4 @@
+import { HttpClient } from '@sisense/sdk-rest-client';
+import { WidgetModel } from './widget-model';
+/** @internal */
+export declare function getWidgetModel(httpClient: HttpClient, dashboardOid: string, widgetOid: string): Promise<WidgetModel>;

package/dist/models/widget/index.d.ts

@@ -1,2 +1,4 @@
-export * from './types';
 export * from './translate-widget';
+export * from './widget-model';
+export * from './get-widget-model';
+export * from './use-get-widget-model';

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

@@ -1,3 +1,3 @@
 import { WidgetDto } from '../../dashboard-widget/types';
-import { WidgetModel } from './types';
+import { WidgetModel } from './widget-model';
 export declare function translateWidget(widget: WidgetDto): WidgetModel;

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

@@ -0,0 +1,103 @@
+import { HookEnableParam } from '../../common/hooks/types';
+import { WidgetModel } from './widget-model';
+/**
+ * Parameters for {@link useGetWidgetModel} hook.
+ */
+export interface GetWidgetModelParams extends HookEnableParam {
+    /**
+     * Identifier of the dashboard that contains the widget
+     */
+    dashboardOid: string;
+    /**
+     * Identifier of the widget to be retrieved
+     */
+    widgetOid: string;
+}
+/**
+ * States of a widget model load.
+ */
+export type WidgetModelState = WidgetModelLoadingState | WidgetModelErrorState | WidgetModelSuccessState;
+/**
+ * State of a widget model that is loading.
+ */
+export type WidgetModelLoadingState = {
+    /** Whether the widget model is loading */
+    isLoading: true;
+    /** Whether the widget model load has failed */
+    isError: false;
+    /** Whether the widget model load has succeeded */
+    isSuccess: false;
+    /** Error, if one occurred */
+    error: undefined;
+    /** Widget model, if the load succeeded */
+    widget: WidgetModel | undefined;
+    /** Loading status */
+    status: 'loading';
+};
+/**
+ * State of a widget model load that has failed.
+ */
+export type WidgetModelErrorState = {
+    /** Whether the widget model is loading */
+    isLoading: false;
+    /** Whether the widget model load has failed */
+    isError: true;
+    /** Whether the widget model load has succeeded */
+    isSuccess: false;
+    /** Error, if one occurred */
+    error: Error;
+    /** Widget model, if the load succeeded */
+    widget: undefined;
+    /** Loading status */
+    status: 'error';
+};
+/**
+ * State of a widget model load that has succeeded.
+ */
+export type WidgetModelSuccessState = {
+    /** Whether the widget model is loading */
+    isLoading: false;
+    /** Whether the widget model load has failed */
+    isError: false;
+    /** Whether the widget model load has succeeded */
+    isSuccess: true;
+    /** Error, if one occurred */
+    error: undefined;
+    /** Widget model, if the load succeeded */
+    widget: WidgetModel;
+    /** Loading status */
+    status: 'success';
+};
+/**
+ * React hook that retrieves an existing widget model from the Sisense instance.
+ *
+ * @example
+ * An example of retrieving an existing widget model from the Sisense instance:
+ ```tsx
+  const { widget, isLoading, isError } = useGetWidgetModel({
+    dashboardOid: '6448665edac1920034bce7a8',
+    widgetOid: '6448665edac1920034bce7a8',
+  });
+  if (isLoading) {
+    return <div>Loading...</div>;
+  }
+  if (isError) {
+    return <div>Error</div>;
+  }
+  if (widget) {
+    return (
+      <Chart {...widget.getChartProps()} />
+    );
+  }
+  return null;
+ ```
+ * @param params - Parameters of the widget to be retrieved
+ * @returns Widget load state that contains the status of the execution, the result widget model, or the error if one has occurred
+ */
+export declare const useGetWidgetModel: (params: GetWidgetModelParams) => WidgetModelState;
+/**
+ * {@link useGetWidgetModel} without tracking to be used inside other hooks or components in Compose SDK.
+ *
+ * @internal
+ */
+export declare function useGetWidgetModelInternal(params: GetWidgetModelParams): WidgetModelState;

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

@@ -0,0 +1,123 @@
+import { Filter } from '@sisense/sdk-data';
+import { ChartDataOptions, TableDataOptions } from '../../chart-data-options/types';
+import { WidgetDto, WidgetType } from '../../dashboard-widget/types';
+import { ChartProps, ChartWidgetProps, TableProps, TableWidgetProps } from '../../props';
+import { ExecuteQueryParams } from '../../query-execution';
+import { ChartType, DrilldownOptions, ChartStyleOptions, TableStyleOptions } from '../../types';
+/**
+ * Widget data options.
+ */
+export type WidgetDataOptions = ChartDataOptions | TableDataOptions;
+/**
+ * Model of Sisense widget defined in the abstractions of Compose SDK.
+ */
+export declare class WidgetModel {
+    /**
+     * Unique identifier of the widget.
+     */
+    oid: string;
+    /**
+     * Widget title.
+     */
+    title: string;
+    /**
+     * Widget description.
+     */
+    description: string;
+    /**
+     * Full name of the widget data source.
+     */
+    dataSource: string;
+    /**
+     * Widget type.
+     */
+    widgetType: WidgetType;
+    /**
+     * Widget data options.
+     */
+    dataOptions: WidgetDataOptions;
+    /**
+     * Widget style options.
+     */
+    styleOptions: ChartStyleOptions | TableStyleOptions;
+    /**
+     * Widget filters.
+     */
+    filters: Filter[];
+    /**
+     * Widget highlights.
+     */
+    highlights: Filter[];
+    /**
+     * Widget chart type.
+     */
+    chartType?: ChartType;
+    /**
+     * Widget drilldown options.
+     */
+    drilldownOptions: DrilldownOptions;
+    /**
+     * Creates a new widget model.
+     *
+     * @param widgetDto - The widget DTO to be converted to a widget model
+     * @internal
+     */
+    constructor(widgetDto: WidgetDto);
+    /**
+     * Returns the parameters to be used for executing a query for the widget.
+     *
+     * @example
+     * ```tsx
+     * const {data, isLoading, isError} = useExecuteQuery(widget.getExecuteQueryParams());
+     * ```
+     */
+    getExecuteQueryParams(): ExecuteQueryParams;
+    /**
+     * Returns the props to be used for rendering a chart.
+  
+     * @example
+     * ```tsx
+     * <Chart {...widget.getChartProps()} />
+     * ```
+     *
+     * Note: this method is not supported for tabular widgets.
+     * Use {@link getTableProps} instead for getting props for the <Table> component.
+     */
+    getChartProps(): ChartProps;
+    /**
+     * Returns the props to be used for rendering a table.
+     *
+     * @example
+     * ```tsx
+     * <Table {...widget.getTableProps()} />
+     * ```
+     *
+     * Note: this method is not supported for chart widgets.
+     * Use {@link getChartProps} instead for getting props for the <Chart> component.
+     */
+    getTableProps(): TableProps;
+    /**
+     * Returns the props to be used for rendering a chart widget.
+     *
+     * @example
+     * ```tsx
+     * <ChartWidget {...widget.getChartWidgetProps()} />
+     * ```
+     *
+     * Note: this method is not supported for tabular widgets.
+     */
+    getChartWidgetProps(): ChartWidgetProps;
+    /**
+     * Returns the props to be used for rendering a table widget.
+     *
+     * @example
+     * ```tsx
+     * <TableWidget {...widget.getTableWidgetProps()} />
+     * ```
+     *
+     * Note: this method is not supported for chart widgets.
+     * Use {@link getChartWidgetProps} instead for getting props for the <ChartWidget> component.
+     * @internal
+     */
+    getTableWidgetProps(): TableWidgetProps;
+}

package/dist/pie-chart.d.ts

@@ -12,9 +12,9 @@ import { PieChartProps } from './props';
  *   dataSet={DM.DataSource}
  *   dataOptions={{
  *     category: [DM.Commerce.AgeRange],
- *     value: [measures.sum(DM.Commerce.Revenue)],
+ *     value: [measureFactory.sum(DM.Commerce.Revenue)],
  *   }}
- *   filters={[filters.greaterThan(DM.Commerce.Revenue, 1000)]}
+ *   filters={[filterFactory.greaterThan(DM.Commerce.Revenue, 1000)]}
  *   onDataPointClick= {(point, nativeEvent) => {
  *     console.log('clicked', point, nativeEvent);
  *   }}

package/dist/polar-chart.d.ts

@@ -11,10 +11,10 @@ import { PolarChartProps } from './props';
  *   dataSet={DM.DataSource}
  *   dataOptions={{
  *     category: [DM.Commerce.AgeRange],
- *     value: [measures.sum(DM.Commerce.Revenue)],
+ *     value: [measureFactory.sum(DM.Commerce.Revenue)],
  *     breakBy: [DM.Commerce.Gender],
  *   }}
- *   filters={[filters.greaterThan(DM.Commerce.Revenue, 1000)]}
+ *   filters={[filterFactory.greaterThan(DM.Commerce.Revenue, 1000)]}
  *   onDataPointClick= {(point, nativeEvent) => {
  *     console.log('clicked', point, nativeEvent);
  *   }}

package/dist/props.d.ts

@@ -1,11 +1,11 @@
-import { Attribute, Filter, Measure, DataSource, Data, QueryResultData } from '@sisense/sdk-data';
-import { ChartDataOptions, CartesianChartDataOptions, CategoricalChartDataOptions, ThemeSettings, PolarStyleOptions, PieStyleOptions, StackableStyleOptions, LineStyleOptions, AreaStyleOptions, FunnelStyleOptions, ScatterStyleOptions, StyleOptions, ChartType, IndicatorStyleOptions, DrilldownOptions, TableStyleOptions, ThemeOid, WidgetStyleOptions, TreemapStyleOptions, CustomDrilldownResult, MenuPosition, MenuItemSection, SunburstStyleOptions } from './types';
+import { Attribute, Filter, Measure, DataSource, Data, QueryResultData, FilterRelation } 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 } from './types';
 import { HighchartsOptions } from './chart-options-processor/chart-options-service';
 import { ComponentType, PropsWithChildren, ReactNode } from 'react';
-import { IndicatorDataOptions, ScatterChartDataOptions, TableDataOptions } from './chart-data-options/types';
+import { IndicatorChartDataOptions, BoxplotChartCustomDataOptions, BoxplotChartDataOptions, ScatterChartDataOptions, TableDataOptions, ScattermapChartDataOptions } from './chart-data-options/types';
 import { DataPointEventHandler, DataPointsEventHandler, ScatterDataPointEventHandler, ScatterDataPointsEventHandler } from './chart-options-processor/apply-event-handlers';
 import { AppConfig } from './app/client-application';
-import { ExecuteQueryParams } from './query-execution';
+import { ExecuteQueryParams, QueryByWidgetIdState, QueryState } from './query-execution';
 import { FiltersMergeStrategy } from './dashboard-widget/types';
 import { HookEnableParam } from './common/hooks/types';
 export type { ScatterDataPointEventHandler, ScatterDataPointsEventHandler, DataPointEventHandler, DataPointsEventHandler, MenuItemSection, HighchartsOptions, };
@@ -82,7 +82,7 @@ export interface ExecuteQueryProps {
     /** Measures of the query */
     measures?: Measure[];
     /** Filters that will slice query results */
-    filters?: Filter[];
+    filters?: Filter[] | FilterRelation;
     /** Highlight filters that will highlight results that pass filter criteria */
     highlights?: Filter[];
     /**
@@ -98,7 +98,7 @@ export interface ExecuteQueryProps {
      */
     offset?: number;
     /** Function as child component that is called to render the query results */
-    children?: (queryResult: QueryResultData) => ReactNode;
+    children?: (queryState: QueryState) => ReactNode;
     /** Callback function that is evaluated when query results are ready */
     onDataChanged?: (data: QueryResultData) => void;
     /**
@@ -253,7 +253,7 @@ export interface BaseChartProps {
      *
      * @category Data
      */
-    filters?: Filter[];
+    filters?: Filter[] | FilterRelation;
     /**
      * Highlight filters that will highlight results that pass filter criteria
      *
@@ -282,7 +282,7 @@ export interface ChartProps extends BaseChartProps, BaseChartEventProps {
      *
      * @category Chart
      */
-    styleOptions?: StyleOptions;
+    styleOptions?: ChartStyleOptions;
     /**
      * Used to force a refresh of the chart from outside the chart component
      * Since added to dependencies of useEffect, will trigger a query execution
@@ -319,7 +319,7 @@ export interface BarChartProps extends BaseChartProps, ChartEventProps {
      */
     dataOptions: CartesianChartDataOptions;
     /**
-     * Configuration that define functional style of the various chart elements
+     * Configuration that defines functional style of the various chart elements
      *
      * @category Chart
      */
@@ -336,7 +336,7 @@ export interface ColumnChartProps extends BaseChartProps, ChartEventProps {
      */
     dataOptions: CartesianChartDataOptions;
     /**
-     * Configuration that define functional style of the various chart elements
+     * Configuration that defines functional style of the various chart elements
      *
      * @category Chart
      */
@@ -353,7 +353,7 @@ export interface FunnelChartProps extends BaseChartProps, ChartEventProps {
      */
     dataOptions: CategoricalChartDataOptions;
     /**
-     * Configuration that define functional style of the various chart elements
+     * Configuration that defines functional style of the various chart elements
      *
      * @category Chart
      */
@@ -387,7 +387,7 @@ export interface PieChartProps extends BaseChartProps, ChartEventProps {
      */
     dataOptions: CategoricalChartDataOptions;
     /**
-     * Configuration that define functional style of the various chart elements
+     * Configuration that defines functional style of the various chart elements
      *
      * @category Chart
      */
@@ -399,7 +399,7 @@ export interface PieChartProps extends BaseChartProps, ChartEventProps {
 export interface PolarChartProps extends BaseChartProps, ChartEventProps {
     /** Configurations for how to interpret and present the data passed to the chart */
     dataOptions: CartesianChartDataOptions;
-    /** Configuration that define functional style of the various chart elements */
+    /** Configuration that defines functional style of the various chart elements */
     styleOptions?: PolarStyleOptions;
 }
 /**
@@ -407,8 +407,8 @@ export interface PolarChartProps extends BaseChartProps, ChartEventProps {
  */
 export interface IndicatorChartProps extends BaseChartProps {
     /** Configurations for how to interpret and present the data passed to the chart */
-    dataOptions: IndicatorDataOptions;
-    /** Configuration that define functional style of the various chart elements */
+    dataOptions: IndicatorChartDataOptions;
+    /** Configuration that defines functional style of the various chart elements */
     styleOptions?: IndicatorStyleOptions;
 }
 /**
@@ -433,7 +433,7 @@ export interface TableProps {
      *
      * @category Data
      */
-    filters?: Filter[];
+    filters?: Filter[] | FilterRelation;
     /**
      * Configurations that define functional style of the various table elements
      *
@@ -459,7 +459,7 @@ export interface ScatterChartProps extends BaseChartProps, ScatterChartEventProp
      */
     dataOptions: ScatterChartDataOptions;
     /**
-     * Configuration that define functional style of the various chart elements
+     * Configuration that defines functional style of the various chart elements
      *
      * @category Chart
      */
@@ -525,35 +525,12 @@ export interface DashboardWidgetProps extends Omit<ChartWidgetProps, 'dataSource
      */
     description?: string;
     /**
-     * Style options for the widget container including the widget header
+     * Style options for the the widget including the widget container and the chart or table inside.
      *
-     * @category Widget
-     */
-    widgetStyleOptions?: WidgetStyleOptions;
-    /**
-     * General style options for the visual component of the widget – for example, chart or table.
      *
      * @category Widget
      */
-    styleOptions?: {
-        /**
-         * Total width of the component, which is considered in the following order of priority:
-         *
-         * 1. Value passed to this property (in pixels)
-         * 2. Width of the container wrapping this component
-         * 3. Default value as specified per chart type
-         *
-         */
-        width?: number;
-        /**
-         * Total height of the component, which is considered in the following order of priority:
-         *
-         * 1. Value passed to this property (in pixels).
-         * 2. Height of the container wrapping this component
-         * 3. Default value as specified per chart type
-         */
-        height?: number;
-    };
+    styleOptions?: DashboardWidgetStyleOptions;
     /**
      * {@inheritDoc ChartWidgetProps.drilldownOptions}
      *
@@ -581,6 +558,12 @@ export interface ChartWidgetProps extends BaseChartEventProps {
      * @category Data
      */
     filters?: Filter[];
+    /**
+     * Specifies the logical relationship between multiple filters (AND, OR)
+     *
+     * @category Data
+     */
+    filterRelations?: FilterRelation;
     /**
      * Highlight filters that will highlight results that pass filter criteria
      *
@@ -600,17 +583,11 @@ export interface ChartWidgetProps extends BaseChartEventProps {
      */
     dataOptions: ChartDataOptions;
     /**
-     * Style options for both the widget as a whole and specifically for the widget header
+     * Style options for both the chart and widget including the widget header
      *
      * @category Widget
      */
-    widgetStyleOptions?: WidgetStyleOptions;
-    /**
-     * Style options union across chart types
-     *
-     * @category Chart
-     */
-    styleOptions?: StyleOptions;
+    styleOptions?: ChartWidgetStyleOptions;
     /**
      * List of categories to allow drilldowns on
      *
@@ -687,7 +664,7 @@ export interface TableWidgetProps {
      *
      * @category Data
      */
-    filters?: Filter[];
+    filters?: Filter[] | FilterRelation;
     /**
      * Configurations for how to interpret and present the data passed to the table
      *
@@ -695,17 +672,11 @@ export interface TableWidgetProps {
      */
     dataOptions: TableDataOptions;
     /**
-     * Style options for both the widget as a whole and specifically for the widget header
+     * Style options for both the table and widget including the widget header
      *
      * @category Widget
      */
-    widgetStyleOptions?: WidgetStyleOptions;
-    /**
-     * Style options for table
-     *
-     * @category Chart
-     */
-    styleOptions?: TableStyleOptions;
+    styleOptions?: TableWidgetStyleOptions;
     /**
      * React nodes to be rendered at the top of component, before the table
      *
@@ -768,7 +739,7 @@ export interface ExecuteQueryByWidgetIdProps {
      */
     includeDashboardFilters?: boolean;
     /** Function as child component that is called to render the query results */
-    children?: (queryResult: QueryResultData, queryParams: ExecuteQueryParams) => ReactNode;
+    children?: (queryState: QueryByWidgetIdState) => ReactNode;
     /** Callback function that is evaluated when query results are ready */
     onDataChanged?: (data: QueryResultData, queryParams: ExecuteQueryParams) => void;
     /**
@@ -795,7 +766,7 @@ export interface TreemapChartProps extends BaseChartProps, ChartEventProps {
      */
     dataOptions: CategoricalChartDataOptions;
     /**
-     * Configuration that define functional style of the various chart elements
+     * Configuration that defines functional style of the various chart elements
      *
      * @category Chart
      */
@@ -812,12 +783,46 @@ export interface SunburstChartProps extends BaseChartProps, ChartEventProps {
      */
     dataOptions: CategoricalChartDataOptions;
     /**
-     * Configuration that define functional style of the various chart elements
+     * Configuration that defines functional style of the various chart elements
      *
      * @category Chart
      */
     styleOptions?: SunburstStyleOptions;
 }
+/**
+ * Props of the {@link BoxplotChart} component.
+ */
+export interface BoxplotChartProps extends BaseChartProps, ChartEventProps {
+    /**
+     * Configurations for how to interpret and present the data passed to the chart
+     *
+     * @category Chart
+     */
+    dataOptions: BoxplotChartDataOptions | BoxplotChartCustomDataOptions;
+    /**
+     * Configuration that defines functional style of the various chart elements
+     *
+     * @category Chart
+     */
+    styleOptions?: BoxplotStyleOptions;
+}
+/**
+ * Props of the {@link ScattermapChart} component.
+ */
+export interface ScattermapChartProps extends BaseChartProps, ChartEventProps {
+    /**
+     * Configurations for how to interpret and present the data passed to the chart
+     *
+     * @category Chart
+     */
+    dataOptions: ScattermapChartDataOptions;
+    /**
+     * Configuration that defines functional style of the various chart elements
+     *
+     * @category Chart
+     */
+    styleOptions?: ScattermapStyleOptions;
+}
 /**
  * Props for {@link ContextMenu} component.
  */

package/dist/query/execute-query.d.ts

@@ -4,7 +4,7 @@ import { ClientApplication } from '../app/client-application';
 /**
  * All the properties that fully describe a query you want to send.
  *
- * We use "dimensions" it public interface because the term is closer to the query and charting
+ * We use "dimensions" in public interface because the term is closer to the query and charting
  * as used in the industry (Sisense included).
  * internally, "dimensions" are represented by attributes as the latter is closer to the data model.
  */
@@ -17,3 +17,5 @@ export declare const QUERY_DEFAULT_LIMIT = 20000;
 export declare const QUERY_DEFAULT_OFFSET = 0;
 /** @internal */
 export declare const executeQuery: (queryDescription: QueryDescription, app: ClientApplication, executionConfig?: QueryExecutionConfig) => Promise<QueryResultData>;
+/** @internal */
+export declare const executeCsvQuery: (queryDescription: QueryDescription, app: ClientApplication, executionConfig?: QueryExecutionConfig) => Promise<Blob>;

package/dist/query-execution/csv-query-state-reducer.d.ts

@@ -0,0 +1,2 @@
+import { CsvQueryAction, CsvQueryState } from './types.js';
+export declare function downloadCsvQueryStateReducer(state: CsvQueryState, action: CsvQueryAction): CsvQueryState;