@sisense/sdk-ui 1.31.0 → 1.32.0

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/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/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-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,10 +1,12 @@
-import type { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+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;
 }, 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;

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>, {}>;

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;

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

@@ -0,0 +1,11 @@
+import { Attribute } from '@sisense/sdk-data';
+type MembersListSelectProps = {
+    attribute: Attribute;
+    selectedMembers: string[];
+    onChange: (values: string[]) => void;
+    multiSelect?: boolean;
+    showSearch?: boolean;
+    width?: number | string;
+};
+export declare const MembersListSelect: ({ attribute, multiSelect, onChange, selectedMembers, showSearch, width, }: MembersListSelectProps) => 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

@@ -11,6 +11,8 @@ type SearchableMultiSelectProps<Value> = {
     primaryBackgroundColor?: string;
     onListScroll?: (event: ScrollWrapperOnScrollEvent) => void;
     showListLoader?: boolean;
+    showSearch?: boolean;
+    onSearchUpdate?: (searchValue: string) => void;
 };
 /** @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,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 import { SelectItem } from './types';
 import { ScrollWrapperOnScrollEvent } from '../../../../../filters/components/filter-editor-popover/common/scroll-wrapper';
 type SearchableSingleSelectProps<Value> = {
@@ -11,7 +11,24 @@ type SearchableSingleSelectProps<Value> = {
     primaryBackgroundColor?: string;
     onListScroll?: (event: ScrollWrapperOnScrollEvent) => void;
     showListLoader?: boolean;
+    showSearch?: boolean;
+    onSearchUpdate?: (searchValue: string) => void;
 };
 /** @internal */
+export declare const StyledSearchInput: import("@emotion/styled").StyledComponent<{
+    placeholder?: string | undefined;
+    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
+    value?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    inputStyle?: React.CSSProperties | undefined;
+    inputRef?: ((input: HTMLInputElement) => void) | undefined;
+    className?: string | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    backgroundColor?: string | undefined;
+    color?: string | undefined;
+}, {}, {}>;
+/** @internal */
 export declare function SearchableSingleSelect<Value = unknown>(props: SearchableSingleSelectProps<Value>): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,14 +1,15 @@
 import { CSSProperties } from 'react';
 import { SelectItem } from './types';
-type SelectProps<Value> = {
+type SingleSelectProps<Value> = {
     value?: Value;
     multiple?: boolean;
     items: SelectItem<Value>[];
     style?: CSSProperties;
+    className?: string;
     onChange?: (value: Value) => void;
     primaryColor?: string;
     primaryBackgroundColor?: string;
 };
 /** @internal */
-export declare function SingleSelect<Value = unknown>(props: SelectProps<Value>): import("react/jsx-runtime").JSX.Element;
+export declare function SingleSelect<Value = unknown>(props: SingleSelectProps<Value>): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,8 @@
+import { Filter } from '@sisense/sdk-data';
+type FilterEditorDatetimeProps = {
+    filter: Filter;
+    onChange?: (filter: Filter | null) => void;
+};
+/** @internal */
+export declare const FilterEditorDatetime: ({ filter, onChange }: FilterEditorDatetimeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/hooks/use-datetime-formatter.d.ts

@@ -0,0 +1,2 @@
+export type DatetimeFormatter = (value: Date | string, format: string) => string;
+export declare const useDatetimeFormatter: () => DatetimeFormatter;

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/hooks/use-get-attribute-stats.d.ts

@@ -11,7 +11,7 @@ export type NumericAttributeStats = {
 type TextAttributeStats = {
     count: number;
 };
-type DatetimeAttributeStats = {
+export type DatetimeAttributeStats = {
     count: number;
     min: string;
     max: string;

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

@@ -0,0 +1,8 @@
+export declare const dateLevelGranularities: {
+    value: string;
+    displayValue: string;
+}[];
+export declare const granularities: {
+    value: string;
+    displayValue: string;
+}[];

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/sections/datetime-condition-section/condition-forms/datetime-exclude-condition-form.d.ts

@@ -0,0 +1,11 @@
+import { Filter } from '@sisense/sdk-data';
+import { DatetimeLimits } from '../../types.js';
+type DatetimeConditionSectionFormProps = {
+    filter: Filter;
+    multiSelectEnabled: boolean;
+    limits?: DatetimeLimits;
+    onChange: (filter: Filter | null) => void;
+};
+/** @internal */
+export declare const DatetimeExcludeConditionForm: ({ filter, multiSelectEnabled, limits, onChange, }: DatetimeConditionSectionFormProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/sections/datetime-condition-section/condition-forms/datetime-is-within-condition-form.d.ts

@@ -0,0 +1,10 @@
+import { Filter } from '@sisense/sdk-data';
+import { DatetimeLimits } from '../../types.js';
+type DatetimeConditionSectionProps = {
+    filter: Filter;
+    limits?: DatetimeLimits;
+    onChange: (filter: Filter | null) => void;
+};
+/** @internal */
+export declare const DatetimeIsWithinConditionForm: ({ filter, limits, onChange, }: DatetimeConditionSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/sections/datetime-condition-section/datetime-condition-section.d.ts

@@ -0,0 +1,12 @@
+import { Filter } from '@sisense/sdk-data';
+import { DatetimeLimits } from '../types.js';
+type DatetimeConditionSectionProps = {
+    filter: Filter;
+    selected: boolean;
+    multiSelectEnabled: boolean;
+    limits?: DatetimeLimits;
+    onChange: (filter: Filter | null) => void;
+};
+/** @internal */
+export declare const DatetimeConditionSection: ({ filter, selected, multiSelectEnabled, limits, onChange, }: DatetimeConditionSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/sections/datetime-condition-section/index.d.ts

@@ -0,0 +1 @@
+export { DatetimeConditionSection } from './datetime-condition-section';

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/sections/datetime-members-section.d.ts

@@ -0,0 +1,12 @@
+import { Filter } from '@sisense/sdk-data';
+import { DatetimeLimits } from './types';
+type DatetimeMembersSectionProps = {
+    filter: Filter;
+    selected: boolean;
+    multiSelectEnabled: boolean;
+    limits?: DatetimeLimits;
+    onChange: (filter: Filter | null) => void;
+};
+/** @internal */
+export declare const DatetimeMembersSection: (props: DatetimeMembersSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/sections/datetime-range-section.d.ts

@@ -0,0 +1,11 @@
+import { Filter } from '@sisense/sdk-data';
+import { DatetimeLimits } from './types';
+type DatetimeRangeSectionProps = {
+    filter: Filter;
+    selected: boolean;
+    limits?: DatetimeLimits;
+    onChange: (filter: Filter | null) => void;
+};
+/** @internal */
+export declare const DatetimeRangeSection: (props: DatetimeRangeSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/sections/datetime-relative-section.d.ts

@@ -0,0 +1,9 @@
+import { Filter } from '@sisense/sdk-data';
+type DatetimeRelativeSectionProps = {
+    filter: Filter;
+    selected: boolean;
+    onChange: (filter: Filter | null) => void;
+};
+/** @internal */
+export declare const DatetimeRelativeSection: (props: DatetimeRelativeSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/sections/members-section.d.ts

@@ -1,14 +1,9 @@
 import { Filter } from '@sisense/sdk-data';
-import { Member } from '../../../../filters';
-import { ScrollWrapperOnScrollEvent } from '../../../../filters/components/filter-editor-popover/common/scroll-wrapper';
 type MembersSectionProps = {
     filter: Filter;
     selected: boolean;
-    members: Member[];
     multiSelectEnabled: boolean;
     onChange: (filter: Filter | null) => void;
-    onListScroll?: (event: ScrollWrapperOnScrollEvent) => void;
-    showListLoader?: boolean;
 };
 /** @internal */
 export declare const MembersSection: (props: MembersSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/sections/numeric-condition-section/numeric-condition-section.d.ts

@@ -1,15 +1,10 @@
 import { Filter } from '@sisense/sdk-data';
-import { Member } from '../../../../../filters';
-import { ScrollWrapperOnScrollEvent } from '../../common/scroll-wrapper';
 type NumericConditionSectionProps = {
     filter: Filter;
     selected: boolean;
-    members: Member[];
     multiSelectEnabled: boolean;
     onChange: (filter: Filter | null) => void;
-    onListScroll?: (event: ScrollWrapperOnScrollEvent) => void;
-    showListLoader?: boolean;
 };
 /** @internal */
-export declare const NumericConditionSection: ({ filter, selected, members, multiSelectEnabled, onChange, onListScroll, showListLoader, }: NumericConditionSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NumericConditionSection: ({ filter, selected, multiSelectEnabled, onChange, }: NumericConditionSectionProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/sections/text-condition-section.d.ts

@@ -1,15 +1,13 @@
 import { Filter } from '@sisense/sdk-data';
-import { Member } from '../../../../filters';
 import { ScrollWrapperOnScrollEvent } from '../common/scroll-wrapper';
 type TextConditionSectionProps = {
     filter: Filter;
     selected: boolean;
-    members: Member[];
     multiSelectEnabled: boolean;
     onChange: (filter: Filter | null) => void;
     onListScroll?: (event: ScrollWrapperOnScrollEvent) => void;
     showListLoader?: boolean;
 };
 /** @internal */
-export declare const TextConditionSection: ({ filter, selected, members, multiSelectEnabled, onChange, onListScroll, showListLoader, }: TextConditionSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextConditionSection: ({ filter, selected, multiSelectEnabled, onChange, }: TextConditionSectionProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,4 @@
+export type DatetimeLimits = {
+    maxDate?: string;
+    minDate?: string;
+};