@sisense/sdk-ui 1.31.0 → 1.33.0

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

@@ -10,7 +10,7 @@ import { Filter, FilterRelations } from '@sisense/sdk-data';
  * ```ts
  * const existingDashboard: DashboardProps = {...}
  * const newFilters: Filter[] = [{...}, {...}, ...];
- * const updatedDashboard = replaceFilters(existingDashboard, newFilters);
+ * const updatedDashboard = dashboardHelpers.replaceFilters(existingDashboard, newFilters);
  * ```
  * @param dashboard - The original dashboard (`DashboardProps`) whose filters are to be replaced.
  * @param newFilters - An array of new filters or filter relations to set on the dashboard.
@@ -27,7 +27,7 @@ export declare const replaceFilters: (dashboard: DashboardProps, newFilters: Fil
  * ```ts
  * const existingDashboard: DashboardProps = {...};
  * const newFilter: Filter = {...};
- * const updatedDashboard = addFilter(existingDashboard, newFilter);
+ * const updatedDashboard = dashboardHelpers.addFilter(existingDashboard, newFilter);
  * ```
  * @param dashboard - The original dashboard (`DashboardProps`) to which the filter will be added.
  * @param newFilter - The filter to add to the dashboard.
@@ -44,7 +44,7 @@ export declare const addFilter: (dashboard: DashboardProps, newFilter: Filter) =
  * ```ts
  * const existingDashboard: DashboardProps = {...};
  * const newFilters: Filter[] = [{...}, {...}, ...];
- * const updatedDashboard = addFilters(existingDashboard, newFilters);
+ * const updatedDashboard = dashboardHelpers.addFilters(existingDashboard, newFilters);
  * ```
  * @param dashboard - The original dashboard (`DashboardProps`) to which the filters will be added.
  * @param newFilters - An array of filters to add to the dashboard.
@@ -63,7 +63,7 @@ export declare const addFilters: (dashboard: DashboardProps, newFilters: Filter[
  * const existingDashboard: DashboardProps = {...};
  * const filterToReplace: Filter = {...};
  * const newFilter: Filter = {...};
- * const updatedDashboard = replaceFilter(existingDashboard, filterToReplace, newFilter);
+ * const updatedDashboard = dashboardHelpers.replaceFilter(existingDashboard, filterToReplace, newFilter);
  * ```
  * @param dashboard - The original dashboard (`DashboardProps`) containing the filter to be replaced.
  * @param filterToReplace - The existing filter to be replaced.
@@ -94,7 +94,7 @@ export declare const modifyFilter: (dashboard: DashboardProps, filterToModify: F
  * ```ts
  * const existingDashboard: DashboardProps = {...};
  * const filterToRemove: Filter = {...};
- * const updatedDashboard = removeFilter(existingDashboard, filterToRemove);
+ * const updatedDashboard = dashboardHelpers.removeFilter(existingDashboard, filterToRemove);
  * ```
  * @param dashboard - The original dashboard (`DashboardProps`) from which to remove the filter.
  * @param filterToRemove - The filter to be removed.
@@ -112,7 +112,7 @@ export declare const removeFilter: (dashboard: DashboardProps, filterToRemove: F
  * ```ts
  * const existingDashboard: DashboardProps = {...};
  * const filtersToRemove: Filter[] = [{...}, {...}, ...];
- * const updatedDashboard = removeFilters(existingDashboard, filtersToRemove);
+ * const updatedDashboard = dashboardHelpers.removeFilters(existingDashboard, filtersToRemove);
  * ```
  * @param dashboard - The original dashboard (`DashboardProps`) from which the specified filters are removed.
  * @param filtersToRemove - An array of filters to remove.

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

@@ -2,4 +2,4 @@ export { DashboardById } from './dashboard-by-id';
 export { Dashboard } from './dashboard';
 export { useComposedDashboard, type ComposableDashboardProps, type UseComposedDashboardOptions, } from './use-composed-dashboard';
 export { useDashboardTheme, type DashboardThemeParams } from './use-dashboard-theme';
-export type { DashboardByIdProps, DashboardProps, DashboardLayoutOptions, DashboardStyleOptions, DashboardConfig, } from './types';
+export type { DashboardByIdProps, DashboardProps, DashboardLayoutOptions, DashboardStyleOptions, DashboardConfig, DashboardByIdConfig, DashboardFiltersPanelConfig, } from './types';

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

@@ -1,10 +1,11 @@
-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';
+import { FiltersPanelConfig } from '../filters/components/filters-panel/types';
 export type { DashboardStyleOptions, WidgetsPanelColumnLayout } from '../models';
 /**
- * Props for the DashboardById component
+ * Props of the {@link DashboardById} component.
  */
 export interface DashboardByIdProps {
     /**
@@ -12,18 +13,9 @@ export interface DashboardByIdProps {
      */
     dashboardOid: string;
     /**
-     * Boolean flag indicating whether changes to the embedded dashboard should be saved to the dashboard in Fusion.
-     *
-     * If not specified, the default value is `false`.
-     *
-     * Limitations:
-     * - WAT authentication does not support persistence.
-     * - As an alpha feature, currently only changes to dashboard filters are persisted.
-     * @alpha
+     * The configuration for the dashboard
      */
-    persist?: boolean;
-    /** @internal */
-    enableFilterEditor?: boolean;
+    config?: DashboardByIdConfig;
 }
 /**
  * Props for the DashboardContainer component
@@ -42,34 +34,77 @@ export interface DashboardContainerProps {
      * @internal
      */
     onChange?: (action: DashboardChangeAction) => void;
-    /** @internal */
-    enableFilterEditor?: boolean;
+}
+/**
+ * Dashboard filters panel configuration
+ */
+export interface DashboardFiltersPanelConfig extends FiltersPanelConfig {
+    /**
+     * Determines whether the filters panel is visible.
+     *
+     * If not specified, the default value is `true`.
+     */
+    visible?: boolean;
+    /**
+     * Boolean flag that controls the initial "collapsed" state of the filters panel.
+     *
+     * If not specified, the default value is `false`.
+     */
+    collapsedInitially?: boolean;
+    /**
+     * Setting this to `true` will use the isCollapsed state from local storage, if available, and store any changes to local storage.
+     * This state is shared across all dashboards.
+     * This state has a higher priority than `collapsedInitially` when enabled.
+     */
+    persistCollapsedStateToLocalStorage?: boolean;
 }
 /**
  * Dashboard configuration
- *
- * @internal
  */
 export interface DashboardConfig {
-    filtersPanel?: {
-        isVisible?: boolean;
+    /**
+     * Configuration for the filters panel
+     */
+    filtersPanel?: DashboardFiltersPanelConfig;
+    /**
+     * Configuration for the toolbar
+     */
+    toolbar?: {
         /**
-         * Boolean flag that controls the initial "collapsed" state of the filters panel.
+         * Determines whether the toolbar is visible.
          *
          * If not specified, the default value is `false`.
          */
-        isCollapsedInitially?: boolean;
+        visible: boolean;
+    };
+    /**
+     * Configuration for the widgets panel
+     */
+    widgetsPanel?: {
         /**
-         * Setting this to true will use the isCollapsed state from local storage, if available, and store any changes to local storage.
-         * This state is shared across all dashboards.
-         * This state has a higher priority than "initialIsCollapsed" when enabled.
+         * If true adjust layout based on available width of widgets panel.
+         *
+         * If not specified, the default value is `false`.
          */
-        persistCollapsedStateToLocalStorage?: boolean;
-    };
-    toolbar?: {
-        isVisible: boolean;
+        responsive?: boolean;
     };
 }
+/**
+ * Dashboard configuration
+ */
+export interface DashboardByIdConfig extends DashboardConfig {
+    /**
+     * Boolean flag indicating whether changes to the embedded dashboard should be saved to the dashboard in Fusion.
+     *
+     * If not specified, the default value is `false`.
+     *
+     * Limitations:
+     * - WAT authentication does not support persistence.
+     * - As an alpha feature, currently only changes to dashboard filters are persisted.
+     * @alpha
+     */
+    persist?: boolean;
+}
 /**
  * Dashboard layout options
  */
@@ -92,8 +127,6 @@ export interface DashboardProps {
     layoutOptions?: DashboardLayoutOptions;
     /**
      * The configuration for the dashboard
-     *
-     * @internal
      */
     config?: DashboardConfig;
     /** The widgets to render in the dashboard */
@@ -104,6 +137,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;
     /**
@@ -112,8 +150,6 @@ export interface DashboardProps {
      * @internal
      */
     onChange?: (action: DashboardChangeAction) => void;
-    /** @internal */
-    enableFilterEditor?: boolean;
 }
 /**
  * Props for the Dashboard Header component

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/data-browser/add-filter-popover/add-filter-data-browser.d.ts

@@ -0,0 +1,9 @@
+import { DataSource } from '@sisense/sdk-data';
+import { AttributiveElement } from '../dimensions-browser/types.js';
+type AddFilterDataBrowserProps = {
+    dataSources: DataSource[];
+    initialDataSource: DataSource;
+    onAttributeClick: (attribute: AttributiveElement) => void;
+};
+export declare const AddFilterDataBrowser: (props: AddFilterDataBrowserProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/sdk-ui/src/data-browser/add-filter-popover/add-filter-popover.d.ts

@@ -0,0 +1,14 @@
+import { DataSource, Filter } from '@sisense/sdk-data';
+type AddFilterPopoverProps = {
+    anchorEl: HTMLElement;
+    isOpen: boolean;
+    onClose?: () => void;
+    dataSources: DataSource[];
+    initialDataSource: DataSource;
+    onFilterCreated: (filter: Filter) => void;
+};
+/**
+ * A popover with "data browser" that allows users to select a data source and an attribute to create a filter.
+ */
+export declare const AddFilterPopover: ({ anchorEl, isOpen, onClose, dataSources, initialDataSource, onFilterCreated, }: AddFilterPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/sdk-ui/src/data-browser/add-filter-popover/index.d.ts

@@ -0,0 +1 @@
+export * from './add-filter-popover';

package/dist/packages/sdk-ui/src/data-browser/add-filter-popover/popover-header.d.ts

@@ -0,0 +1,12 @@
+/** A header for the popover with a title and a flow path. */
+export declare const PopoverHeader: (props: PopoverHeaderProps) => import("react/jsx-runtime").JSX.Element;
+type PopoverHeaderProps = {
+    title: string;
+    flowPath: FlowStep[];
+    onClose?: () => void;
+};
+type FlowStep = {
+    title: string;
+    isCurrentStep: boolean;
+};
+export {};

package/dist/packages/sdk-ui/src/data-browser/data-source-selector/data-source-selector.d.ts

@@ -0,0 +1,7 @@
+import { DataSource } from '@sisense/sdk-data';
+export type DataSourceSelectorProps = {
+    dataSources: DataSource[];
+    selectedDataSource: DataSource;
+    onChange: (dataSource: DataSource) => void;
+};
+export declare function DataSourceSelector({ dataSources, selectedDataSource, onChange, }: DataSourceSelectorProps): import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/data-browser/data-source-selector/use-data-source-selection.d.ts

@@ -0,0 +1,5 @@
+import { DataSource } from '@sisense/sdk-data';
+export declare const useDataSourceSelection: (initialDataSource: DataSource) => {
+    selectedDataSource: DataSource;
+    selectDataSource: (dataSource: DataSource) => void;
+};

package/dist/packages/sdk-ui/src/data-browser/dimensions-browser/dimensions-browser.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { DimensionsBrowserProps } from './types.js';
+/**
+ * A component that displays a list of dimensions and their attributes.
+ */
+export declare const DimensionsBrowser: React.FC<DimensionsBrowserProps>;

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

@@ -0,0 +1,74 @@
+/// <reference types="react" />
+import { Attribute, DateDimension, Dimension } from '@sisense/sdk-data';
+/**
+ * Properties for the `DimensionsBrowser` component.
+ */
+export type DimensionsBrowserProps = {
+    /**
+     * List of dimensions to be displayed.
+     */
+    dimensions: Dimension[];
+    /**
+     * Action to be performed when an attribute is clicked.
+     */
+    attributeActionConfig?: AttributeActionConfig;
+    /**
+     * Config for secondary action to be performed on an attribute.
+     */
+    attributeSecondaryActionConfig?: AttributeSecondaryActionConfig;
+    /**
+     * Config for secondary action to be performed on a dimension.
+     */
+    dimensionSecondaryActionConfig?: DimensionSecondaryActionConfig;
+    /**
+     * Callback to be executed when the user scrolls to the bottom of the list.
+     */
+    onScrolledToBottom?: () => void;
+    /**
+     * Flag indicating whether the component is in a loading state.
+     * If `true`, a loading spinner will be displayed.
+     */
+    isLoading?: boolean;
+};
+/**
+ * Attribute-like element.
+ * In the context of the `DimensionsBrowser`, both `Attribute` and inner `DateDimension`
+ * of the parent `Dimension` mean the same level of item.
+ */
+export type AttributiveElement = Attribute | DateDimension;
+/**
+ * Config for an action to be performed when an attribute is clicked.
+ */
+export type AttributeActionConfig = {
+    onClick(this: void, attribute: AttributiveElement): void;
+};
+/**
+ * Config for secondary action to be performed on an attribute.
+ */
+export type AttributeSecondaryActionConfig = {
+    /**
+     * Icon (or any UI component) to be displayed on the secondary action button.
+     */
+    SecondaryActionButtonIcon: React.ComponentType<{
+        attribute: AttributiveElement;
+    }>;
+    /**
+     * Callback to be executed when the secondary action button is clicked.
+     */
+    onClick(this: void, attribute: AttributiveElement): void;
+};
+/**
+ * Config for secondary action to be performed on a dimension.
+ */
+export type DimensionSecondaryActionConfig = {
+    /**
+     * Icon (or any UI component) to be displayed on the secondary action button.
+     */
+    SecondaryActionButtonIcon: React.ComponentType<{
+        dimension: Dimension;
+    }>;
+    /**
+     * Callback to be executed when the secondary action button is clicked.
+     */
+    onClick(this: void, dimension: Dimension): void;
+};

package/dist/packages/sdk-ui/src/data-browser/search-input/search-input.d.ts

@@ -0,0 +1,5 @@
+export type SearchInputProps = {
+    onChange: (value: string) => void;
+    initialValue?: string;
+};
+export declare const SearchInput: (props: SearchInputProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,6 +4,7 @@ type CheckboxProps = {
     isLabelInactive?: boolean;
     wrapperClassName?: string;
     indeterminate?: boolean;
+    labelProps?: React.HTMLProps<HTMLLabelElement>;
 } & InputHTMLAttributes<HTMLInputElement>;
 export declare const Checkbox: FunctionComponent<CheckboxProps>;
 export {};

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,13 @@
-import type { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+import { Themable } from '../../../../theme-provider/types';
 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>, {}>;
+} & Themable, 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,20 +1,24 @@
 /// <reference types="react" />
 import { Focusable } from './types';
-export declare const SelectContainer: import("@emotion/styled").StyledComponent<{
+import { Themable } from '../../../../../theme-provider/types';
+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>, {}>;
+} & Focusable & Themable, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 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>, {}>;
+} & Themable, 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>, {}>;
+} & Themable, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const DropdownSelectLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & Themable & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
 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;

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

@@ -0,0 +1,24 @@
+import { CalendarRangeValue, CalendarSelectLimits, CalendarSelectTypes } from './types';
+type BaseCalendarSelectProps = {
+    limits?: CalendarSelectLimits;
+    placeholder?: string;
+    width?: number | 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 {};