@sisense/sdk-ui 1.29.0 → 1.31.0

package/dist/packages/sdk-ui/src/ai/ai-context-provider.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 export type AiContextProviderProps = {
     children: ReactNode;
+    volatile?: boolean;
 };
 /**
  * React component that wraps all generative AI components and hooks.
@@ -27,4 +28,4 @@ export type AiContextProviderProps = {
  * @group Generative AI
  * @beta
  */
-export default function AiContextProvider({ children }: AiContextProviderProps): import("react/jsx-runtime").JSX.Element;
+export default function AiContextProvider({ children, volatile }: AiContextProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/ai/api/chat-api-provider.d.ts

@@ -12,6 +12,7 @@ export declare const useChatApi: () => ChatRestApi | undefined;
  *
  * @internal
  */
-export declare const ChatApiProvider: ({ children }: {
+export declare const ChatApiProvider: ({ children, volatile, }: {
     children: ReactNode;
+    volatile?: boolean | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/ai/api/chat-rest-api.d.ts

@@ -1,9 +1,11 @@
 import { HttpClient } from '@sisense/sdk-rest-client';
 import type { Chat, ChatRequest, ChatResponse, ChatWithoutHistory, ChatContext, GetNlgInsightsRequest, GetNlgInsightsResponse, LlmConfig, QueryRecommendationConfig, QueryRecommendationResponse, SendFeedbackRequest, GetNlqResultRequest, NlqResult } from './types';
 import { DataSourceField } from '@sisense/sdk-data';
+import { ChatContextDetails } from '../../ai/api/types';
 export declare class ChatRestApi {
+    private readonly volatile;
     private httpClient;
-    constructor(httpClient: HttpClient);
+    constructor(httpClient: HttpClient, volatile?: boolean);
     getChatContexts: () => Promise<ChatContext[]>;
     private getNlgInsights;
     private getQueryRecommendations;
@@ -24,9 +26,9 @@ export declare class ChatRestApi {
         sendFeedback: (request: SendFeedbackRequest) => Promise<unknown>;
         getDataSourceFields: (dataSource: string) => Promise<DataSourceField[] | undefined>;
         chat: {
-            getAll: () => Promise<ChatWithoutHistory[] | undefined>;
+            getAll: () => Promise<never[] | ChatWithoutHistory[] | undefined>;
             getById: (chatId: string) => Promise<Chat | undefined>;
-            create: (sourceId: string) => Promise<Chat | undefined>;
+            create: (sourceId: string, contextDetails?: ChatContextDetails) => Promise<Chat | undefined>;
             post: (chatId: string, request: ChatRequest) => Promise<ChatResponse | undefined>;
             clearHistory: (chatId: string) => Promise<void | undefined>;
         };

package/dist/packages/sdk-ui/src/ai/api/hooks.d.ts

@@ -1,4 +1,4 @@
-import type { ChatResponse } from './types';
+import type { ChatResponse, ChatContextDetails } from './types';
 import { TranslatableError } from '../../translation/translatable-error';
 /**
  * @internal
@@ -18,7 +18,7 @@ export declare const useGetAllChats: () => {
 /**
  * @internal
  */
-export declare const useMaybeCreateChat: (contextId: string | undefined, shouldCreate: boolean) => import("@tanstack/react-query").UseMutationResult<import("./types").Chat | undefined, unknown, void, unknown>;
+export declare const useMaybeCreateChat: (contextId: string | undefined, shouldCreate: boolean, contextDetails?: ChatContextDetails) => import("@tanstack/react-query").UseMutationResult<import("./types").Chat | undefined, unknown, void, unknown>;
 export declare const useSendChatMessage: (chatId: string | undefined, enableFollowupQuestions?: boolean) => {
     mutate: import("@tanstack/react-query").UseMutateFunction<ChatResponse | undefined, TranslatableError, string, void>;
     isLoading: boolean;

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

@@ -1,9 +1,13 @@
 import { JaqlQueryPayload } from '@sisense/sdk-query-client';
 import { ExpandedQueryModel } from '../../analytics-composer';
+import { WidgetProps } from '../../props';
 export interface ChatContext {
     title: string;
     live: boolean;
 }
+export interface ChatContextDetails {
+    dashboardId?: string;
+}
 export interface TextMessage {
     role: 'assistant';
     content: string;
@@ -23,7 +27,8 @@ export interface Chat {
     chatId: string;
     contextId: string;
     contextTitle: string;
-    lastUpdate: string;
+    contextDetails?: ChatContextDetails;
+    expireAt: string;
     tenantId: string;
     userId: string;
     chatHistory: ChatMessage[];
@@ -59,10 +64,14 @@ interface ErrorResponse {
     };
     responseType: 'error';
 }
+/**
+ * Response data to NLQ request
+ */
 export interface NlqResponseData extends ExpandedQueryModel {
     detailedDescription: string;
     followupQuestions: string[];
     nlqPrompt: string;
+    widgetProps?: WidgetProps | undefined;
 }
 export interface NlqResponse {
     data: NlqResponseData;
@@ -78,6 +87,7 @@ export type QueryRecommendation = Omit<NlqResponseData, 'followupQuestions'>;
 export type QueryRecommendationResponse = QueryRecommendation[];
 export interface GetNlgInsightsRequest {
     jaql: Pick<JaqlQueryPayload, 'datasource' | 'metadata' | 'filterRelations'>;
+    verbosity?: 'Low' | 'High';
 }
 export interface GetNlgInsightsResponse {
     data?: {

package/dist/packages/sdk-ui/src/ai/chart/nlq-chart-widget.d.ts

@@ -1,5 +1,6 @@
 import { Filter, Data } from '@sisense/sdk-data';
 import type { NlqResponseData } from '../../ai';
+import { NlqChartWidgetStyleOptions } from '../../types';
 /**
  * Props for {@link NlqChartWidget} component.
  *
@@ -27,7 +28,7 @@ export interface NlqChartWidgetProps {
      *
      * @default true
      */
-    enableHeader?: boolean;
+    styleOptions?: NlqChartWidgetStyleOptions;
 }
 /**
  * React component that renders a chart widget based on NLQ response data.
@@ -51,4 +52,4 @@ export interface NlqChartWidgetProps {
  * @group Generative AI
  * @internal
  */
-export declare const NlqChartWidget: ({ nlqResponse, onDataReady, filters, enableHeader, }: NlqChartWidgetProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NlqChartWidget: ({ nlqResponse, onDataReady, styleOptions, filters, }: NlqChartWidgetProps) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/ai/chat-box.d.ts

@@ -1,5 +1,7 @@
+import { ChatContextDetails } from '../ai/api/types';
 export type ChatBoxProps = {
     contextTitle: string;
+    contextDetails?: ChatContextDetails;
     onGoBack?: () => void;
 };
-export default function ChatBox({ contextTitle, onGoBack }: ChatBoxProps): import("react/jsx-runtime").JSX.Element;
+export default function ChatBox({ contextTitle, onGoBack, contextDetails }: ChatBoxProps): import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/ai/chat-config.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ChatMode } from '../ai/api/types';
+import { ChatMode, ChatContextDetails } from '../ai/api/types';
 export interface ChatConfig {
     /**
      * Boolean flag to show or hide suggested questions following a chat response. Currently
@@ -74,6 +74,12 @@ export interface ChatConfig {
      * @default false
      */
     hideHistory?: boolean;
+    /**
+     * Optional chat context details.
+     *
+     * @internal
+     */
+    contextDetails?: ChatContextDetails;
 }
 export declare const DEFAULTS: Readonly<ChatConfig>;
 export type ChatConfigProviderProps = {

package/dist/packages/sdk-ui/src/ai/chat-id-storage-provider.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { ChatContextDetails } from '../ai/api/types';
+export interface ChatIdMapProviderProps {
+    children: ReactNode;
+}
+export interface ChatIdStorage {
+    saveChatId: (chatId: string, contextTitle: string, contextDetails?: ChatContextDetails) => void;
+    getChatId: (contextTitle: string, contextDetails?: ChatContextDetails) => string | undefined;
+}
+export declare const ChatIdStorageContext: import("react").Context<ChatIdStorage>;
+export declare const useChatIdStorage: () => ChatIdStorage;
+export declare const ChatIdStorageProvider: ({ children }: ChatIdMapProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/ai/use-chat-session.d.ts

@@ -1,4 +1,4 @@
-import { ChatMessage, NlqMessage, NlqResponseData, TextMessage } from './api/types';
+import { ChatMessage, NlqMessage, NlqResponseData, TextMessage, ChatContextDetails } from './api/types';
 /**
  * Result of the useChatSession hook.
  *
@@ -24,7 +24,8 @@ export declare const isTextMessage: (message: ChatMessage | null | undefined) =>
  *
  * If a chat session does not already exist, then one is created.
  *
- * @param contextTitle - the title of the data model or perspective
+ * @param {string} contextTitle - the title of the data model or perspective
+ * @param {ChatContextDetails} [contextDetails] - optional chat context details
  * @internal
  */
-export declare const useChatSession: (contextTitle: string) => UseChatSessionResult;
+export declare const useChatSession: (contextTitle: string, contextDetails?: ChatContextDetails) => UseChatSessionResult;

package/dist/packages/sdk-ui/src/ai/use-get-chat.d.ts

@@ -0,0 +1,6 @@
+import { ChatContextDetails } from '../ai/api/types';
+export declare const useGetChat: (contextTitle: string, contextDetails?: ChatContextDetails, createIfNotExist?: boolean) => {
+    chatId: string | undefined;
+    isLoading: boolean;
+    isError: boolean;
+};

package/dist/packages/sdk-ui/src/ai/use-get-nlg-insights.d.ts

@@ -19,6 +19,8 @@ export interface UseGetNlgInsightsParams {
      * If not specified, the default value is `true`
      */
     enabled?: boolean;
+    /** The verbosity of the NLG summarization */
+    verbosity?: 'Low' | 'High';
 }
 /**
  * State for {@link useGetNlgInsights} hook.

package/dist/packages/sdk-ui/src/ai/use-get-query-recommendations.d.ts

@@ -69,7 +69,7 @@ export declare const useGetQueryRecommendationsInternal: (params: UseGetQueryRec
  *   </ul>
  * );
  * ```
- * @returns An array of objects, each containing recommended question text and its corresponding `widgetProps`, as well as other variants of this information such as JAQL + chartMappings
+ * @returns An array of objects, each containing recommended question text and its corresponding `widgetProps`
  * @group Generative AI
  * @beta
  */

package/dist/packages/sdk-ui/src/ai/use-last-nlq-response.d.ts

@@ -1,4 +1,4 @@
-import type { NlqResponseData } from './api/types';
+import type { NlqResponseData, ChatContextDetails } from './api/types';
 /**
  * Parameters for the useLastNlqResponse hook.
  *
@@ -7,6 +7,8 @@ import type { NlqResponseData } from './api/types';
 interface UseLastNlqResponseParams {
     /** The title of the data model or perspective */
     contextTitle: string;
+    /** optional chat context details */
+    contextDetails?: ChatContextDetails;
 }
 /**
  * React hook that returns the last NLQ response for the chat that corresponds
@@ -15,5 +17,5 @@ interface UseLastNlqResponseParams {
  * @param params - Parameters for the hook
  * @internal
  */
-export declare const useLastNlqResponse: ({ contextTitle, }: UseLastNlqResponseParams) => NlqResponseData | null;
+export declare const useLastNlqResponse: ({ contextTitle, contextDetails, }: UseLastNlqResponseParams) => NlqResponseData | null;
 export {};

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

@@ -1,8 +1,9 @@
 import { WidgetProps, ChartWidgetProps, PivotTableWidgetProps } from '../props';
-import { ChartDataOptions } from '../types';
+import { ChartDataOptions, ChartStyleOptions } from '../types';
 import { ExecuteQueryParams, ExecutePivotQueryParams } from '../query-execution';
 import { MetadataItem } from '@sisense/sdk-data';
 import { DynamicChartType } from '../chart-options-processor/translations/types.js';
+import { AnyColumn } from '../chart-data-options/types.js';
 type Stringify<T> = {
     [K in keyof T as `${K & string}String`]: string;
 };
@@ -10,17 +11,20 @@ type ExtraCodeProps = {
     componentString: string;
     extraImportsString: string;
 };
+/** @internal */
 export type KeysOfUnion<T> = T extends T ? keyof T : never;
+/** @internal */
 export type AllPossibleChartOptionKeys = KeysOfUnion<ChartDataOptions>;
+/** @internal */
 export type AxesMappingKey = Exclude<AllPossibleChartOptionKeys, 'seriesToColorMap'>;
-export type AxesMapping = Partial<Record<AxesMappingKey, Array<{
-    name: string;
-    type?: string;
-}>>>;
+/** @internal */
+export type AxesMapping = Partial<Record<AxesMappingKey, Array<AnyColumn>>>;
+/** @internal */
 export interface ChartRecommendations {
     chartFamily: string;
     chartType: string;
     axesMapping: AxesMapping;
+    styleOptions?: ChartStyleOptions;
 }
 /**
  * Expanded Query Model that is based on NlqResponseData.
@@ -28,7 +32,9 @@ export interface ChartRecommendations {
  * @internal
  */
 export interface ExpandedQueryModel {
+    /** @internal */
     chartRecommendations: ChartRecommendations | {};
+    /** @internal */
     jaql: {
         datasource: {
             id?: string;
@@ -37,7 +43,7 @@ export interface ExpandedQueryModel {
         };
         metadata: MetadataItem[];
     };
-    widgetProps?: WidgetProps | undefined;
+    /** @internal */
     queryTitle: string;
 }
 /**
@@ -54,6 +60,7 @@ export declare const EMPTY_EXPANDED_QUERY_MODEL: ExpandedQueryModel;
 export interface SimpleChartRecommendations {
     chartType: string;
     dataOptions: AxesMapping;
+    styleOptions: ChartStyleOptions;
 }
 /**
  * Simple Query Model that is a simplified version of ExpandedQueryModel.

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-options/coloring/range-coloring.d.ts

@@ -7,3 +7,15 @@ import { RangeDataColorOptions } from '../../types';
  * @returns The relative coloring function.
  */
 export declare function getRangeColoringFunction(colorOpts: RangeDataColorOptions): RelativeColoringFunction;
+/**
+ * Retrieves the interpolator function for range coloring.
+ *
+ * @param minColor - Color of the minimum.
+ * @param maxColor - Color of the maximum.
+ * @param minValue - The minimum value where minColor should be applied.
+ * @param midValue - Value of the gradient center.
+ * @param maxValue - The minimum value where maxColor should be applied.
+ * @param steps - The number of interpolation steps.
+ * @returns The interpolator function.
+ */
+export declare const getInterpolatorFn: (minColor: string, maxColor: string, minValue: number, midValue: number, maxValue: number, steps?: number) => (value: number) => string;

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

@@ -1,4 +1,4 @@
-import type { DataColorOptions } from '../chart-data/data-coloring';
+import { ConditionalDataColorOptions, DataColorOptions, UniformDataColorOptions } from '../chart-data/data-coloring';
 import type { NumberFormatConfig, SeriesChartType, ValueToColorMap, MultiColumnValueToColorMap, LineWidth, Markers, SortDirection, PivotRowsSort } from '../types';
 import { Column, MeasureColumn, CalculatedMeasureColumn, PivotGrandTotals, TotalsCalculation, ForecastFormulaOptions, TrendFormulaOptions } from '@sisense/sdk-data';
 /**
@@ -135,6 +135,10 @@ export type ValueStyle = {
      * Boolean flag whether to display data bars for this measure in the pivot table.
      */
     dataBars?: boolean;
+    /**
+     * Color options for data bars for this measure in the pivot table
+     */
+    dataBarsColor?: string | UniformDataColorOptions | ConditionalDataColorOptions;
     /**
      * Options to add forecast to this measure
      *

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

@@ -1,7 +1,6 @@
-import { Measure } from '@sisense/sdk-data';
 import { SeriesType } from './chart-options-service';
 import { AxisSettings } from './translations/axis-section';
-import { CartesianChartDataOptions } from '..';
+import { CartesianChartDataOptions, StyledMeasureColumn } from '..';
 export declare const FORECAST_PREFIX = "$forecast";
 export declare const TREND_PREFIX = "$trend";
 export declare const isForecastSeries: (name: string) => boolean;
@@ -30,7 +29,7 @@ export declare const formatAdvancedAnalyticsSeries: (series: SeriesType[]) => vo
  * @returns An array of trend measures.
  * @internal
  */
-export declare const extractTrendMeasures: (dataOptions: CartesianChartDataOptions) => Measure[];
+export declare const extractTrendMeasures: (dataOptions: CartesianChartDataOptions) => StyledMeasureColumn[];
 /**
  * Extracts forecast measures from data options if applicable.
  *
@@ -38,4 +37,4 @@ export declare const extractTrendMeasures: (dataOptions: CartesianChartDataOptio
  * @returns An array of forecast measures.
  * @internal
  */
-export declare const extractForecastMeasures: (dataOptions: CartesianChartDataOptions) => Measure[];
+export declare const extractForecastMeasures: (dataOptions: CartesianChartDataOptions) => StyledMeasureColumn[];

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/components/radio.d.ts

@@ -4,5 +4,5 @@ type ButtonProps = {
     onChange?: (checked: boolean) => void;
 };
 /** @internal */
-export declare const Radio: ({ checked, value, onChange }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Radio: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/packages/sdk-ui/src/common/hooks/use-debounced-value.d.ts

@@ -0,0 +1,5 @@
+/**
+ * A hook that returns a debounced version of the given value.
+ * The value is updated only after the specified delay (`wait`), preventing frequent updates.
+ */
+export declare function useDebouncedValue<T>(value: T, wait: number): T;

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

@@ -1,2 +1,5 @@
 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/filters/components/criteria-filter-tile/criteria-filter-operations.d.ts

@@ -1,5 +1,5 @@
 import { Filter, Measure } from '@sisense/sdk-data';
-import { CriteriaFilterType } from './criteria-filter-tile';
+import { TFunction } from '@sisense/sdk-common';
 /**
  * Collection of filter options for the {@link CriteriaFilterMenu},
  * to be provided to subcomponents as the `filterType` prop.
@@ -7,25 +7,25 @@ import { CriteriaFilterType } from './criteria-filter-tile';
  * @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;
 /**
@@ -59,9 +59,9 @@ export declare const CRITERIA_FILTER_MAP: {
  *
  * @internal
  */
-export declare const filterToOption: (filter: CriteriaFilterType) => FilterOptionType;
+export declare const filterToOption: (filter: Filter) => FilterOptionType;
 export type CriteriaFilterValueType = string | number | Measure;
-export declare const filterToDefaultValues: (filter: CriteriaFilterType) => CriteriaFilterValueType[];
+export declare const filterToDefaultValues: (filter: Filter) => CriteriaFilterValueType[];
 export declare const valuesToDisplayValues: (values: CriteriaFilterValueType[]) => (string | number)[];
-export declare const translatedMsgNoVal: (message: string, t: Function) => any;
+export declare const translatedMsgNoVal: (message: string, t: TFunction) => string;
 export declare const filterTypeToInputType: (filterType: string) => string;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { FilterTileDesignOptions } from '../filter-tile-container.js';
-import { ExcludeFilter, Filter, Measure, NumericFilter, RankingFilter, TextFilter } from '@sisense/sdk-data';
+import { Filter, Measure } from '@sisense/sdk-data';
 import { FilterVariant } from '../common/filter-utils.js';
 /**
  * Props for {@link CriteriaFilterTile}
@@ -9,11 +9,11 @@ export interface CriteriaFilterTileProps {
     /** Title for the filter tile, which is rendered into the header */
     title: string;
     /** Text or numeric filter object to initialize filter type and default values */
-    filter: CriteriaFilterType;
+    filter: Filter;
     /** Arrangement of the filter inputs. Use vertical for standard filter tiles and horizontal for toolbars */
     arrangement?: FilterVariant;
-    /** Callback returning filter object, or null for failure */
-    onUpdate: (filter: Filter | null) => void;
+    /** Callback returning updated filter object*/
+    onUpdate: (filter: Filter) => void;
     /** Filter delete callback */
     onDelete?: () => void;
     /** Filter edit callback */
@@ -27,7 +27,6 @@ export interface CriteriaFilterTileProps {
      */
     tileDesignOptions?: FilterTileDesignOptions;
 }
-export type CriteriaFilterType = NumericFilter | TextFilter | RankingFilter | ExcludeFilter;
 /**
  * UI component that allows the user to filter numeric or text attributes according to
  * a number of built-in operations defined in the numeric filter, text filter, or ranking filter.

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

@@ -1 +1,2 @@
-export { CriteriaFilterTile, type CriteriaFilterTileProps, type CriteriaFilterType, } from './criteria-filter-tile';
+export { CriteriaFilterTile, type CriteriaFilterTileProps } from './criteria-filter-tile';
+export type { CriteriaFilterType } from './types';

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

@@ -0,0 +1,7 @@
+import { NumericFilter, TextFilter, RankingFilter, ExcludeFilter } from '@sisense/sdk-data';
+/**
+ * Deprecated type for `filter` property of {@link CriteriaFilterTileProps}.
+ * Use regular {@link @sisense/sdk-data!Filter | Filter} instead.
+ * @deprecated
+ */
+export type CriteriaFilterType = NumericFilter | TextFilter | RankingFilter | ExcludeFilter;

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

@@ -1,5 +1,11 @@
-/// <reference types="react" />
-export declare const Input: import("@emotion/styled").StyledComponent<{
+import type { 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;
+};
+/** @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/select/base.d.ts

@@ -7,8 +7,15 @@ export declare const SelectContainer: import("@emotion/styled").StyledComponent<
 export declare const SelectItemContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    background?: string | undefined;
+    color?: string | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 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/multi-select-item.d.ts

@@ -1,7 +1,9 @@
 import { SelectItem } from './types';
+import { CSSProperties } from 'react';
 type MultiSelectItemProps<Value> = SelectItem<Value> & {
     selected: boolean;
     onSelect?: (value: Value) => void;
+    style?: CSSProperties;
 };
 export declare function MultiSelectItem<Value = unknown>(props: MultiSelectItemProps<Value>): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,11 +1,16 @@
 import { CSSProperties } from 'react';
 import { SelectItem } from './types';
+import { ScrollWrapperOnScrollEvent } from '../../../../../filters/components/filter-editor-popover/common/scroll-wrapper';
 type SearchableMultiSelectProps<Value> = {
     values?: Value[];
     items: SelectItem<Value>[];
     style?: CSSProperties;
     placeholder?: string;
     onChange?: (values: Value[]) => void;
+    primaryColor?: string;
+    primaryBackgroundColor?: string;
+    onListScroll?: (event: ScrollWrapperOnScrollEvent) => void;
+    showListLoader?: boolean;
 };
 /** @internal */
 export declare function SearchableMultiSelect<Value = unknown>(props: SearchableMultiSelectProps<Value>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,16 @@
 import { CSSProperties } from 'react';
 import { SelectItem } from './types';
+import { ScrollWrapperOnScrollEvent } from '../../../../../filters/components/filter-editor-popover/common/scroll-wrapper';
 type SearchableSingleSelectProps<Value> = {
     value?: Value;
     items: SelectItem<Value>[];
     style?: CSSProperties;
     placeholder?: string;
     onChange?: (value: Value) => void;
+    primaryColor?: string;
+    primaryBackgroundColor?: string;
+    onListScroll?: (event: ScrollWrapperOnScrollEvent) => void;
+    showListLoader?: boolean;
 };
 /** @internal */
 export declare function SearchableSingleSelect<Value = unknown>(props: SearchableSingleSelectProps<Value>): import("react/jsx-runtime").JSX.Element;