@sisense/sdk-ui 1.30.0 → 1.32.0

package/dist/packages/sdk-ui/src/chart/restructured-charts/types.d.ts

@@ -0,0 +1,100 @@
+/// <reference types="react" />
+import { Attribute, Measure, QueryResultData } from '@sisense/sdk-data';
+import { QueryDescription, QueryExecutionConfig } from '@sisense/sdk-query-client';
+import type { AreamapStyleOptions, ChartDataOptions, ChartStyleOptions, ScattermapStyleOptions, StackableStyleOptions } from '../../types';
+import type { SisenseChartProps } from '../../sisense-chart';
+import type { ChartRendererProps } from '../../chart';
+import type { CartesianChartData, ScattermapChartData } from '../../chart-data/types';
+import { AreamapChartDataOptions, AreamapChartDataOptionsInternal, CartesianChartDataOptions, CartesianChartDataOptionsInternal, ChartDataOptionsInternal, ScattermapChartDataOptions, ScattermapChartDataOptionsInternal } from '../../chart-data-options/types';
+import { DesignOptions } from '../../chart-options-processor/translations/types';
+import { DataTable } from '../../chart-data-processor/table-processor';
+import { ClientApplication } from '../../app/client-application';
+import { AreamapProps } from '../../chart/restructured-charts/areamap-chart/renderer';
+import { ScattermapProps } from '../../charts/map-charts/scattermap/scattermap';
+import { AreamapData } from './areamap-chart/types';
+export type SupportedChartType = 'areamap' | 'column' | 'bar';
+export type TypedChartDataOptions<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapChartDataOptions : CT extends 'scattermap' ? ScattermapChartDataOptions : CT extends 'column' | 'bar' ? CartesianChartDataOptions : never;
+export type TypedDataOptionsInternal<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapChartDataOptionsInternal : CT extends 'scattermap' ? ScattermapChartDataOptionsInternal : CT extends 'column' | 'bar' ? CartesianChartDataOptionsInternal : never;
+export type TypedChartStyleOptions<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapStyleOptions : CT extends 'scattermap' ? ScattermapStyleOptions : CT extends 'column' | 'bar' ? StackableStyleOptions : never;
+export type TypedDesignOptions<CT extends SupportedChartType> = DesignOptions<CT>;
+export type TypedChartData<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapData : CT extends 'scattermap' ? ScattermapChartData : CT extends 'column' | 'bar' ? CartesianChartData : never;
+export type TypedLoadDataFunction<CT extends SupportedChartType> = (options: {
+    app: ClientApplication;
+    chartDataOptionsInternal: TypedDataOptionsInternal<CT>;
+    queryDescription: QueryDescription;
+    executionConfig?: QueryExecutionConfig;
+}) => Promise<QueryResultData>;
+export type TypedChartRendererProps<CT extends SupportedChartType> = CT extends 'areamap' ? AreamapProps : CT extends 'scattermap' ? ScattermapProps : CT extends 'column' | 'bar' ? SisenseChartProps : never;
+/**
+ * Chart builder interface.
+ */
+export interface ChartBuilder<CT extends SupportedChartType = SupportedChartType> {
+    /**
+     * Data options translation utils.
+     */
+    dataOptions: {
+        /**
+         * Translates the data options to the internal format.
+         */
+        translateDataOptionsToInternal: (dataOptions: TypedChartDataOptions<CT>) => TypedDataOptionsInternal<CT>;
+        /**
+         * Returns the attributes from the internal data options.
+         */
+        getAttributes: (internalDataOptions: TypedDataOptionsInternal<CT>) => Attribute[];
+        /**
+         * Returns the measures from the internal data options.
+         */
+        getMeasures: (internalDataOptions: TypedDataOptionsInternal<CT>) => Measure[];
+        /**
+         * Validates and cleans the data options if needed.
+         */
+        validateAndCleanDataOptions?: (dataOptions: TypedChartDataOptions<CT>) => TypedChartDataOptions<CT>;
+        /**
+         * Checks if the data options are correct for the current chart type.
+         */
+        isCorrectDataOptions: (dataOptions: ChartDataOptions) => dataOptions is TypedChartDataOptions<CT>;
+        /**
+         * Checks if the data options are correct for the internal format.
+         */
+        isCorrectDataOptionsInternal: (dataOptions: ChartDataOptionsInternal) => dataOptions is TypedDataOptionsInternal<CT>;
+    };
+    /**
+     * Data retrieving and translation utils.
+     */
+    data: {
+        /**
+         * Loads the data from backend.
+         */
+        loadData: TypedLoadDataFunction<CT>;
+        /**
+         * Translates the data table to the chart data.
+         */
+        getChartData: (chartDataOptions: TypedDataOptionsInternal<CT>, dataTable: DataTable) => TypedChartData<CT>;
+    };
+    /**
+     * Design options translation utils.
+     */
+    designOptions: {
+        /**
+         * Translates the style options to the design options.
+         */
+        translateStyleOptionsToDesignOptions: (styleOptions: TypedChartStyleOptions<CT>, dataOptionsInternal: TypedDataOptionsInternal<CT>) => TypedDesignOptions<CT>;
+        /**
+         * Checks if the style options are correct for the current chart type.
+         */
+        isCorrectStyleOptions: (styleOptions: ChartStyleOptions) => styleOptions is TypedChartStyleOptions<CT>;
+    };
+    /**
+     * Chart renderer component and related utils
+     */
+    renderer: {
+        /**
+         * Chart renderer component.
+         */
+        ChartRendererComponent: React.ComponentType<TypedChartRendererProps<CT>>;
+        /**
+         * Type guard for the chart renderer props.
+         */
+        isCorrectRendererProps: (props: ChartRendererProps) => props is TypedChartRendererProps<CT>;
+    };
+}

package/dist/packages/sdk-ui/src/chart/restructured-charts/utils.d.ts

@@ -0,0 +1,3 @@
+import { ChartType } from '../../index';
+import { SupportedChartType } from './types.js';
+export declare function isRestructuredChartType(chartType: ChartType): chartType is SupportedChartType;

package/dist/packages/sdk-ui/src/chart-data/chart-data-service.d.ts

@@ -1,17 +1,5 @@
 import { ChartDataOptionsInternal } from '../chart-data-options/types';
 import { DataTable } from '../chart-data-processor/table-processor';
-import type { ChartType, NumberFormatConfig, SeriesChartType, SortDirection } from '../types';
+import type { ChartType } from '../types';
 import { ChartData } from './types';
 export declare const chartDataService: (chartType: ChartType, chartDataOptions: ChartDataOptionsInternal, dataTable: DataTable) => ChartData;
-export type ValueColumn = {
-    column: string;
-    agg: string;
-    columnTitle: string;
-    enabled: boolean;
-    sort: SortDirection;
-    showOnRightAxis?: boolean;
-    numberFormatConfig?: NumberFormatConfig;
-    chartType?: SeriesChartType;
-    color?: string;
-    legacyInstanceId?: string;
-};

package/dist/packages/sdk-ui/src/chart-data/types.d.ts

@@ -1,7 +1,8 @@
-import { Color, NumberFormatConfig } from '../types';
-import { AreamapChartType, IndicatorChartType } from '../chart-options-processor/translations/types';
+import { NumberFormatConfig } from '../types';
+import { IndicatorChartType } from '../chart-options-processor/translations/types';
 import { ComparableData, Value } from '../chart-data-processor/table-processor';
 import { Coordinates } from '../charts/map-charts/scattermap/types';
+import { AreamapData } from '../chart/restructured-charts/areamap-chart/types';
 export type CategoricalXValues = {
     key: string;
     xValues: string[];
@@ -124,33 +125,6 @@ export type IndicatorChartData = {
     min?: number;
     max?: number;
 };
-/**
- * Raw GeoDataElement from data
- */
-export type RawGeoDataElement = {
-    /** Name of geo-element (country or state) */
-    geoName: string;
-    /** Original numeric measure value for this geo-element */
-    originalValue: number;
-    /** Formatted measure value for this geo-element to display*/
-    formattedOriginalValue: string;
-};
-/**
- * GeoDataElement with color property, calculated from `originalValue`
- */
-export type GeoDataElement = RawGeoDataElement & {
-    /** Calculated color for this geo-element */
-    color?: Color;
-};
-/**
- * Fact final data that will be passed to Areamap-component to render
- *
- * @internal
- */
-export type AreamapData = {
-    type: AreamapChartType;
-    geoData: GeoDataElement[];
-};
 /**
  * Fact final data that will be passed to chart-component to render
  *

package/dist/packages/sdk-ui/src/chart-options-processor/style-to-design-options-translator/prepare-design-options.d.ts

@@ -1,6 +1,9 @@
-import { ChartDataOptionsInternal } from '../../chart-data-options/types';
+import { CartesianChartDataOptionsInternal, ChartDataOptionsInternal } from '../../chart-data-options/types';
 import { ChartStyleOptions, ChartType } from '../../types';
-import { DesignOptions, SeriesDesignOptions } from '../translations/types';
+import { CartesianChartType, 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>;
+/**
+ * Get design options per series for cartesian charts
+ */
+export declare function getDesignOptionsPerSeries(dataOptionsInternal: CartesianChartDataOptionsInternal, chartType: CartesianChartType, styleOptions: ChartStyleOptions): Record<string, SeriesDesignOptions>;

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

@@ -1,21 +1,22 @@
-import { Legend, PolarStyleOptions, PieStyleOptions, StackableStyleOptions, LineStyleOptions, AreaStyleOptions, FunnelStyleOptions, ScatterStyleOptions, TreemapStyleOptions, SunburstStyleOptions, BoxplotStyleOptions, ScattermapStyleOptions } from '../../types';
-import { StackableChartDesignOptions, LineChartDesignOptions, PieChartDesignOptions, FunnelChartDesignOptions, PolarChartDesignOptions, ScatterChartDesignOptions, AreaChartDesignOptions, TreemapChartDesignOptions, SunburstChartDesignOptions, BoxplotChartDesignOptions, ScattermapChartDesignOptions } from '../translations/design-options';
+import { Legend, PolarStyleOptions, PieStyleOptions, StackableStyleOptions, LineStyleOptions, AreaStyleOptions, FunnelStyleOptions, ScatterStyleOptions, BaseStyleOptions, TreemapStyleOptions, SunburstStyleOptions, BoxplotStyleOptions, ScattermapStyleOptions, BaseAxisStyleOptions, ChartStyleOptions, ChartType } from '../../types';
+import { StackableChartDesignOptions, LineChartDesignOptions, PieChartDesignOptions, FunnelChartDesignOptions, PolarChartDesignOptions, ScatterChartDesignOptions, AreaChartDesignOptions, TreemapChartDesignOptions, SunburstChartDesignOptions, BoxplotChartDesignOptions, ScattermapChartDesignOptions, BaseDesignOptionsType } 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';
+import { CartesianChartType, SeriesDesignOptions } from '../translations/types';
+import { CartesianChartDataOptionsInternal } from '../../chart-data-options/types';
 export declare const getLegend: (legend?: Legend) => LegendPosition;
 export declare const DefaultStackType: StackType;
-export declare const getStackableChartDesignOptions: (styleOptions: AreaStyleOptions | StackableStyleOptions, dataOptions: ChartDataOptionsInternal, hasY2Axis: boolean, chartType: ChartType) => StackableChartDesignOptions;
+export declare const getCartesianChartStyle: (styleOptions: BaseStyleOptions & BaseAxisStyleOptions, shouldHaveY2Axis: boolean) => BaseDesignOptionsType;
+export declare const getStackableChartDesignOptions: (styleOptions: AreaStyleOptions | StackableStyleOptions, dataOptions: CartesianChartDataOptionsInternal, hasY2Axis: boolean, chartType: CartesianChartType) => 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 getLineChartDesignOptions: (styleOptions: LineStyleOptions, dataOptions: CartesianChartDataOptionsInternal, hasY2Axis: boolean) => LineChartDesignOptions;
+export declare const getAreaChartDesignOptions: (styleOptions: AreaStyleOptions, dataOptions: CartesianChartDataOptionsInternal, 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, dataOptions: ChartDataOptionsInternal) => PolarChartDesignOptions;
+export declare const getPolarChartDesignOptions: (styleOptions: PolarStyleOptions, dataOptions: CartesianChartDataOptionsInternal) => PolarChartDesignOptions;
 export declare const getScatterChartDesignOptions: (styleOptions: ScatterStyleOptions) => ScatterChartDesignOptions;
 export declare const getBoxplotChartDesignOptions: (styleOptions: BoxplotStyleOptions) => BoxplotChartDesignOptions;
 export declare const getScattermapChartDesignOptions: (styleOptions: ScattermapStyleOptions) => ScattermapChartDesignOptions;

package/dist/packages/sdk-ui/src/chart-options-processor/translations/design-options.d.ts

@@ -5,7 +5,7 @@ import { LegendPosition } from './legend-section';
 import { LineType, StackType } from './translations-to-highcharts';
 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 { Convolution, ScattermapMarkers, SunburstStyleOptions, TreemapStyleOptions } from '../../types';
 import { ScatterMarkerSize } from './scatter-plot-options';
 import { DesignPerSeries } from './types';
 type DataLimits = {
@@ -62,12 +62,6 @@ export type SunburstChartDesignOptions = BaseDesignOptionsType & SunburstStyleOp
 export type ScatterChartDesignOptions = BaseDesignOptionsType & {
     markerSize?: ScatterMarkerSize;
 };
-/**
- * Configuration for Areamap design options
- */
-export type AreamapChartDesignOptions = BaseDesignOptionsType & {
-    mapType: AreamapType;
-};
 /**
  * Configuration for Table color options
  */

package/dist/packages/sdk-ui/src/chart-options-processor/translations/tooltip-utils.d.ts

@@ -1,7 +1,6 @@
 import { StyledMeasureColumn, StyledColumn } from '../../chart-data-options/types.js';
-export declare const isXValueNumeric: (dataOptionX: StyledMeasureColumn | StyledColumn | undefined) => boolean | "";
-export declare const formatTooltipValue: (dataOption: StyledMeasureColumn | StyledColumn | undefined, value: number | undefined, displayValue: string) => string;
-export declare const formatTooltipXValue: (dataOption: StyledMeasureColumn | StyledColumn | undefined, value: number | string | undefined, displayValue: string) => string;
+export declare const isValueNumeric: (value: StyledMeasureColumn | StyledColumn | undefined) => boolean | "";
+export declare const formatTooltipValue: (dataOption: StyledMeasureColumn | StyledColumn | undefined, value: number | string | undefined, displayValue: string) => string;
 export declare function isTooltipPercentValueSupported(options: StyledMeasureColumn | undefined): boolean;
 export type TooltipSettings = {
     enabled?: boolean;

package/dist/packages/sdk-ui/src/chart-options-processor/translations/types.d.ts

@@ -1,5 +1,6 @@
+import { AreamapChartDesignOptions } from '../../chart/restructured-charts/areamap-chart/types';
 import { ChartType } from '../../types';
-import { LineChartDesignOptions, AreaChartDesignOptions, BarChartDesignOptions, ColumnChartDesignOptions, PieChartDesignOptions, FunnelChartDesignOptions, IndicatorChartDesignOptions, PolarChartDesignOptions, ScatterChartDesignOptions, TreemapChartDesignOptions, BoxplotChartDesignOptions, AreamapChartDesignOptions, ScattermapChartDesignOptions, AreaRangeChartDesignOptions, BaseDesignOptionsType } from './design-options';
+import { LineChartDesignOptions, AreaChartDesignOptions, BarChartDesignOptions, ColumnChartDesignOptions, PieChartDesignOptions, FunnelChartDesignOptions, IndicatorChartDesignOptions, PolarChartDesignOptions, ScatterChartDesignOptions, TreemapChartDesignOptions, BoxplotChartDesignOptions, 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"];

package/dist/packages/sdk-ui/src/common/components/popper.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+type PopperProps = {
+    children: React.ReactNode;
+    open: boolean;
+    anchorEl: HTMLElement | null;
+    style?: React.CSSProperties;
+};
+export declare const Popper: ({ children, open, anchorEl, style }: PopperProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/sdk-ui/src/common/hooks/fusion-endpoints/use-get-data-source-fields.d.ts

@@ -0,0 +1,14 @@
+import { RestApiHookState } from '../../../utils/utility-types';
+import { DataSource, DataSourceField } from '@sisense/sdk-data';
+/**
+ * Gets the fields of a data source.
+ *
+ * @param dataSource - The data source to get the fields for
+ * @internal
+ */
+export declare const useGetDataSourceFields: (params: {
+    dataSource: DataSource | undefined;
+    enabled?: boolean;
+}) => DataSourceFieldsState;
+type DataSourceFieldsState = RestApiHookState<'dataSourceFields', DataSourceField[]>;
+export {};

package/dist/packages/sdk-ui/src/common/hooks/use-was-modified.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Custom hook to track if a value was modified at any point,
+ * even if it returns to its initial state.
+ */
+export declare const useWasModified: <T>(value: T, initialValue: T) => boolean;

package/dist/packages/sdk-ui/src/const.d.ts

@@ -2,3 +2,4 @@ export declare const QUERY_DEFAULT_LIMIT = 20000;
 export declare const SYSTEM_TENANT_NAME = "system";
 export declare const DEFAULT_TEXT_COLOR = "#5B6372";
 export declare const DEFAULT_BACKGROUND_COLOR = "#F4F4F8";
+export declare const ERROR_COLOR = "#FA5656";

package/dist/packages/sdk-ui/src/dashboard/hooks/use-tabber.d.ts

@@ -0,0 +1,18 @@
+import { WidgetProps } from '../../props';
+import { WidgetPanelLayoutManager } from '../../dashboard/hooks/use-widgets-layout';
+import { TabberTab } from '../../types';
+import { TabbersOptions, WidgetsPanelColumnLayout } from '../../models';
+export type UseTabber = ({ widgets, config, }: {
+    widgets: WidgetProps[];
+    config?: TabbersOptions | undefined;
+}) => {
+    layoutManager: WidgetPanelLayoutManager;
+    widgets: WidgetProps[];
+};
+export type SingleTabberConfig = {
+    tabs: TabberTab[];
+    activeTab: number;
+};
+export declare const isTabberWidget: (widget: WidgetProps) => boolean;
+export declare const modifyLayout: (tabbersOptions: TabbersOptions, tabberState: Record<string, number>) => (layout: WidgetsPanelColumnLayout) => WidgetsPanelColumnLayout;
+export declare const useTabber: UseTabber;

package/dist/packages/sdk-ui/src/dashboard/hooks/use-widgets-layout.d.ts

@@ -0,0 +1,14 @@
+import { WidgetsPanelLayout } from '../../models';
+export type WidgetPanelLayoutManager = {
+    manageLayout: (layout: WidgetsPanelLayout) => WidgetsPanelLayout;
+    name: string;
+};
+type UseWidgetPanelLayoutManagement = ({ layout, layoutManagers, }: {
+    layout: WidgetsPanelLayout;
+    layoutManagers: WidgetPanelLayoutManager[];
+}) => {
+    layout: WidgetsPanelLayout;
+    setLayout: (newLayout: WidgetsPanelLayout) => void;
+};
+export declare const useWidgetsLayoutManagement: UseWidgetPanelLayoutManagement;
+export {};

package/dist/packages/sdk-ui/src/dashboard/types.d.ts

@@ -1,10 +1,10 @@
-import { DashboardStyleOptions, WidgetsOptions, WidgetsPanelLayout } from '../models';
+import { DashboardStyleOptions, TabbersOptions, WidgetsOptions, WidgetsPanelLayout } from '../models';
 import { WidgetProps } from '../props';
 import { DashboardChangeAction } from '../dashboard/dashboard';
 import { DataSource, Filter, FilterRelations } from '@sisense/sdk-data';
 export type { DashboardStyleOptions, WidgetsPanelColumnLayout } from '../models';
 /**
- * Props for the DashboardById component
+ * Props of the {@link DashboardById} component.
  */
 export interface DashboardByIdProps {
     /**
@@ -104,6 +104,11 @@ export interface DashboardProps {
     defaultDataSource?: DataSource;
     /** The options for each of the widgets */
     widgetsOptions?: WidgetsOptions;
+    /**
+     * The Tabber widgets configurations as a single dashboard config
+     * @internal
+     * */
+    tabbersOptions?: TabbersOptions;
     /** The style options for the dashboard */
     styleOptions?: DashboardStyleOptions;
     /**

package/dist/packages/sdk-ui/src/dashboard/use-composed-dashboard.d.ts

@@ -1,6 +1,7 @@
-import { DashboardProps } from './types.js';
+import { DashboardLayoutOptions, DashboardProps } from './types.js';
 import { Filter, FilterRelations } from '@sisense/sdk-data';
-export type ComposableDashboardProps = Pick<DashboardProps, 'filters' | 'widgets' | 'widgetsOptions'>;
+import { WidgetsPanelLayout } from '../models';
+export type ComposableDashboardProps = Pick<DashboardProps, 'filters' | 'widgets' | 'widgetsOptions' | 'layoutOptions' | 'tabbersOptions'>;
 export type UseComposedDashboardOptions = {
     /**
      * @internal
@@ -16,6 +17,8 @@ export type UseComposedDashboardOptions = {
 export declare function useComposedDashboardInternal<D extends ComposableDashboardProps | DashboardProps>(initialDashboard: D, { onFiltersChange }?: UseComposedDashboardOptions): {
     dashboard: D;
     setFilters: (filters: Filter[] | FilterRelations) => void;
+    setWidgetsLayout: (newLayout: WidgetsPanelLayout) => void;
+    layoutOptions: DashboardLayoutOptions;
 };
 /**
  * React hook that takes in separate dashboard elements and
@@ -27,4 +30,6 @@ export declare function useComposedDashboardInternal<D extends ComposableDashboa
 export declare const useComposedDashboard: <D extends DashboardProps | ComposableDashboardProps>(args_0: D, args_1?: UseComposedDashboardOptions | undefined) => {
     dashboard: D;
     setFilters: (filters: Filter[] | FilterRelations) => void;
+    setWidgetsLayout: (newLayout: WidgetsPanelLayout) => void;
+    layoutOptions: DashboardLayoutOptions;
 };

package/dist/packages/sdk-ui/src/filters/components/criteria-filter-tile/criteria-filter-operations.d.ts

@@ -7,25 +7,25 @@ import { TFunction } from '@sisense/sdk-common';
  * @internal
  */
 export declare const FilterOption: {
-    NOT_BETWEEN: string;
-    TOP: string;
-    BOTTOM: string;
-    BETWEEN: string;
-    EQUALS_NUMERIC: string;
-    NOT_EQUALS_NUMERIC: string;
-    LESS_THAN: string;
-    LESS_THAN_OR_EQUAL: string;
-    GREATER_THAN: string;
-    GREATER_THAN_OR_EQUAL: string;
-    EQUALS_TEXT: string;
-    NOT_EQUALS_TEXT: string;
-    CONTAINS: string;
-    NOT_CONTAIN: string;
-    STARTS_WITH: string;
-    NOT_STARTS_WITH: string;
-    ENDS_WITH: string;
-    NOT_ENDS_WITH: string;
-    LIKE: string;
+    readonly NOT_BETWEEN: "excludefromto";
+    readonly TOP: "rankingtop";
+    readonly BOTTOM: "rankingbottom";
+    readonly BETWEEN: "numericfromto";
+    readonly EQUALS_NUMERIC: "numericequals";
+    readonly NOT_EQUALS_NUMERIC: "numericdoesntEqual";
+    readonly LESS_THAN: "numerictoNotEqual";
+    readonly LESS_THAN_OR_EQUAL: "numericto";
+    readonly GREATER_THAN: "numericfromNotEqual";
+    readonly GREATER_THAN_OR_EQUAL: "numericfrom";
+    readonly EQUALS_TEXT: "textequals";
+    readonly NOT_EQUALS_TEXT: "textdoesntEqual";
+    readonly CONTAINS: "textcontains";
+    readonly NOT_CONTAIN: "textdoesntContain";
+    readonly STARTS_WITH: "textstartsWith";
+    readonly NOT_STARTS_WITH: "textdoesntStartWith";
+    readonly ENDS_WITH: "textendsWith";
+    readonly NOT_ENDS_WITH: "textdoesntEndWith";
+    readonly LIKE: "textlike";
 };
 export type FilterOptionType = keyof typeof FilterOption;
 /**

package/dist/packages/sdk-ui/src/filters/components/criteria-filter-tile/criteria-filter-tile.d.ts

@@ -3,7 +3,7 @@ import { FilterTileDesignOptions } from '../filter-tile-container.js';
 import { Filter, Measure } from '@sisense/sdk-data';
 import { FilterVariant } from '../common/filter-utils.js';
 /**
- * Props for {@link CriteriaFilterTile}
+ * Props of the {@link CriteriaFilterTile} component.
  */
 export interface CriteriaFilterTileProps {
     /** Title for the filter tile, which is rendered into the header */

package/dist/packages/sdk-ui/src/filters/components/date-filter/date-filter/calendar-date-selector.d.ts

@@ -1,21 +1,22 @@
 import dayjs from 'dayjs';
-export type SelectorMode = 'fromSelector' | 'toSelector' | 'pointSelector';
+export type SelectorMode = 'fromSelector' | 'toSelector' | 'pointSelector' | 'multiPointsSelector';
 export type DateRangeLimits = {
     maxDate?: dayjs.Dayjs;
     minDate?: dayjs.Dayjs;
 };
-type DayjsDateRange = {
+export type DayjsDateRange = {
     from: dayjs.Dayjs;
     to: dayjs.Dayjs;
 };
 export type CalendarDateSelectorProps = {
     selectorMode: SelectorMode;
     limit?: DateRangeLimits;
+    selectedDate?: dayjs.Dayjs;
+    selectedDates?: dayjs.Dayjs[];
+    selectedDateRange?: Partial<DayjsDateRange>;
+    onDateChanged?: (selectedDate: dayjs.Dayjs) => void;
+    onDatesChanged?: (selectedDates: dayjs.Dayjs[]) => void;
     onDateRangeChanged?: (dateRange: DayjsDateRange) => void;
     onSelectorModeChanged?: (newSelectorMode: SelectorMode) => void;
-    selectedDateRange?: DayjsDateRange;
-    onDateChanged?: (selectedDate: dayjs.Dayjs) => void;
-    selectedDate?: dayjs.Dayjs;
 };
-export declare function CalendarDateSelector({ selectedDateRange, limit, onDateRangeChanged, selectorMode, onSelectorModeChanged, onDateChanged, selectedDate, }: CalendarDateSelectorProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function CalendarDateSelector({ selectorMode, limit, selectedDate, selectedDates, selectedDateRange, onDateChanged, onDatesChanged, onDateRangeChanged, onSelectorModeChanged, }: CalendarDateSelectorProps): import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/filters/components/date-filter/date-filter/date-range-calculator.d.ts

@@ -4,5 +4,5 @@ type DayjsDateRange = {
     from: dayjs.Dayjs;
     to: dayjs.Dayjs;
 };
-export declare function calculateNewDateRange(currentDateRange: DayjsDateRange, newSelectedDate: dayjs.Dayjs, selectorMode: SelectorMode): DayjsDateRange;
+export declare function calculateNewDateRange(existingDateRange: Partial<DayjsDateRange>, newSelectedDate: dayjs.Dayjs, selectorMode: SelectorMode): DayjsDateRange;
 export {};

package/dist/packages/sdk-ui/src/filters/components/date-filter/date-range-filter-tile/date-range-filter-tile.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
 import { LevelAttribute, DataSource, Filter } from '@sisense/sdk-data';
 import { FilterTileDesignOptions } from '../../filter-tile-container';
+/**
+ * Props of the {@link DateRangeFilterTile} component.
+ */
 export interface DateRangeFilterTileProps {
     /**
      * Filter tile title

package/dist/packages/sdk-ui/src/filters/components/date-filter/relative-date-filter-tile/relative-date-filter-tile.d.ts

@@ -3,7 +3,7 @@ import { Filter } from '@sisense/sdk-data';
 import { FilterVariant } from '../../common/index.js';
 import { FilterTileDesignOptions } from '../../filter-tile-container.js';
 /**
- * Props for {@link RelativeDateFilterTile}
+ * Props of the {@link RelativeDateFilterTile} component.
  */
 export interface RelativeDateFilterTileProps {
     /**Filter tile title */

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/input.d.ts

@@ -1,5 +1,13 @@
-/// <reference types="react" />
-export declare const Input: import("@emotion/styled").StyledComponent<{
+import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+export declare const BaseInput: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+}, DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+type InputProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
+    error?: boolean | string;
+    wrapperStyle?: React.CSSProperties;
+    inputRef?: (input: HTMLInputElement) => void;
+};
+/** @internal */
+export declare function Input(props: InputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/scroll-wrapper.d.ts

@@ -0,0 +1,13 @@
+import { CSSProperties, ReactNode } from 'react';
+export type ScrollWrapperOnScrollEvent = {
+    top: number;
+    direction: 'down' | 'up';
+};
+/**
+ * @internal
+ */
+export declare const ScrollWrapper: (props: {
+    onScroll?: ((event: ScrollWrapperOnScrollEvent) => void) | undefined;
+    style?: CSSProperties | undefined;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/search-input.d.ts

@@ -2,7 +2,11 @@ import { CSSProperties } from 'react';
 type SearchInputProps = {
     placeholder?: string;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    value?: string;
     style?: CSSProperties;
+    inputStyle?: CSSProperties;
+    inputRef?: (input: HTMLInputElement) => void;
+    className?: string;
 };
 export declare const SearchInput: (props: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/select/base.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Focusable } from './types';
-export declare const SelectContainer: import("@emotion/styled").StyledComponent<{
+export declare const SelectField: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & Focusable, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -15,3 +15,7 @@ export declare const SelectLabel: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const SelectIconContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/select/calendar-select/calendar-select.d.ts

@@ -0,0 +1,27 @@
+import { CSSProperties } from 'react';
+import { CalendarRangeValue, CalendarSelectLimits, CalendarSelectTypes } from './types';
+type BaseCalendarSelectProps = {
+    limits?: CalendarSelectLimits;
+    style?: CSSProperties;
+    placeholder?: string;
+    primaryColor?: string;
+    primaryBackgroundColor?: string;
+};
+type CalendarSingleSelectProps = BaseCalendarSelectProps & {
+    type: CalendarSelectTypes.SINGLE_SELECT;
+    value?: Date;
+    onChange?: (value: Date) => void;
+};
+type CalendarMultiSelectProps = BaseCalendarSelectProps & {
+    type: CalendarSelectTypes.MULTI_SELECT;
+    value?: Date[];
+    onChange?: (value: Date[]) => void;
+};
+type CalendarRangeSelectProps = BaseCalendarSelectProps & {
+    type: CalendarSelectTypes.RANGE_FROM_SELECT | CalendarSelectTypes.RANGE_TO_SELECT;
+    value?: CalendarRangeValue;
+    onChange?: (value: CalendarRangeValue) => void;
+};
+type CalendarSelectProps = CalendarSingleSelectProps | CalendarMultiSelectProps | CalendarRangeSelectProps;
+export declare function CalendarSelect(props: CalendarSelectProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/select/calendar-select/index.d.ts

@@ -0,0 +1,2 @@
+export * from './calendar-select';
+export { CalendarSelectTypes, type CalendarRangeValue } from './types';

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/select/calendar-select/types.d.ts

@@ -0,0 +1,14 @@
+export declare enum CalendarSelectTypes {
+    SINGLE_SELECT = "single-select",
+    MULTI_SELECT = "multi-select",
+    RANGE_FROM_SELECT = "range-from-select",
+    RANGE_TO_SELECT = "range-to-select"
+}
+export type CalendarRangeValue = {
+    from?: Date;
+    to?: Date;
+};
+export type CalendarSelectLimits = {
+    minDate?: Date;
+    maxDate?: Date;
+};

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/select/calendar-select/utils.d.ts

@@ -0,0 +1,5 @@
+import { DatetimeFormatter } from '../../../hooks/use-datetime-formatter';
+import { CalendarSelectTypes } from './types';
+import { SelectorMode } from '../../../../../../filters/components/date-filter/date-filter/calendar-date-selector';
+export declare function getCalendarSelectedItemsDisplayValue(values: Date[], formatter: DatetimeFormatter): string | undefined;
+export declare function getCalendarDateSelectorMode(type: CalendarSelectTypes): SelectorMode;