@sisense/sdk-ui 1.32.0 → 1.34.0

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

@@ -0,0 +1,10 @@
+import type { DeepRequired } from 'ts-essentials';
+import { AnyObject } from '../../utils/utility-types';
+/**
+ * Merges the provided configuration with the default configuration.
+ *
+ * @param config - The configuration to merge with the default configuration.
+ * @param defaults - The default configuration.
+ * @returns The merged configuration.
+ */
+export declare const useDefaults: <Config extends AnyObject>(config: Config | undefined, defaults: DeepRequired<Config>) => DeepRequired<Config>;

package/dist/packages/sdk-ui/src/common/hooks/use-last-defined.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Hook that returns the last defined value.
+ *
+ * @param value - last defined value to return.
+ */
+export declare function useLastDefined<T>(value: T | null | undefined): T;

package/dist/packages/sdk-ui/src/common/icons/approval-icon.d.ts

@@ -0,0 +1 @@
+export declare const ApprovalIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/common/icons/arrow-icon.d.ts

@@ -0,0 +1,3 @@
+export declare const ArrowIcon: (props: {
+    direction: 'left' | 'right' | 'up' | 'down';
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/common/icons/breadcrumbs-arrows-arrow-icon.d.ts

@@ -0,0 +1,3 @@
+export declare const BreadcrumbsArrowsIcon: ({ direction, }: {
+    direction?: "left" | "right" | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/common/icons/close-icon.d.ts

@@ -0,0 +1 @@
+export declare const CloseIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/common/icons/date-attribute-icon.d.ts

@@ -0,0 +1 @@
+export declare const DateAttributeIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/common/icons/elasticube-icon.d.ts

@@ -0,0 +1 @@
+export declare const ElasticubeIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/common/icons/numeric-attribute-icon.d.ts

@@ -0,0 +1 @@
+export declare const NumericAttributeIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/common/icons/plus-icon.d.ts

@@ -0,0 +1 @@
+export declare const PlusIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/common/icons/table-icon.d.ts

@@ -0,0 +1 @@
+export declare const TableIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/common/icons/text-attribute-icon.d.ts

@@ -0,0 +1 @@
+export declare const TextAttributeIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/dashboard/components/content-panel.d.ts

@@ -10,6 +10,14 @@ export interface ContentPanelProps {
      * An object defining how the widgets should be laid out.
      */
     layout?: WidgetsPanelLayout;
+    /**
+     * If true adjust layout based on available width of content panel.
+     *
+     * If not specified, the default value is `false`.
+     *
+     * @internal
+     */
+    responsive?: boolean;
     /**
      * A list of widget props to render.
      */
@@ -21,4 +29,4 @@ export interface ContentPanelProps {
  * @param props - {@link ContentPanelProps}
  * @internal
  */
-export declare const ContentPanel: ({ layout, widgets }: ContentPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContentPanel: ({ layout, responsive, widgets }: ContentPanelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { DashboardContainerProps } from '../../dashboard/types';
-export declare const DashboardContainer: ({ title, layoutOptions, config, widgets, filters, onFiltersChange, defaultDataSource, onChange, enableFilterEditor, }: DashboardContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DashboardContainer: ({ title, layoutOptions, config, widgets, filters, onFiltersChange, defaultDataSource, onChange, }: DashboardContainerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,6 @@
+import type { DeepRequired } from 'ts-essentials';
+import { DashboardByIdConfig, DashboardConfig } from './types';
 export declare const DASHBOARD_DIVIDER_COLOR = "#d5d5d5";
 export declare const DASHBOARD_DIVIDER_WIDTH = 1;
+export declare const DEFAULT_DASHBOARD_CONFIG: DeepRequired<DashboardConfig>;
+export declare const DEFAULT_DASHBOARD_BY_ID_CONFIG: DeepRequired<DashboardByIdConfig>;

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.
@@ -76,7 +76,6 @@ export declare const replaceFilter: (dashboard: DashboardProps, filterToReplace:
  * Alias for `replaceFilter`.
  *
  * @deprecated Use {@link replaceFilter} instead
- *
  * @param dashboard - The original dashboard (`DashboardProps`) containing the filter to modify.
  * @param filterToModify - The existing filter to be modified.
  * @param newFilter - The new filter to replace the existing one.
@@ -94,7 +93,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 +111,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/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

@@ -2,6 +2,7 @@ import { DashboardStyleOptions, TabbersOptions, WidgetsOptions, WidgetsPanelLayo
 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 of the {@link DashboardById} component.
@@ -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,78 @@ 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 +128,6 @@ export interface DashboardProps {
     layoutOptions?: DashboardLayoutOptions;
     /**
      * The configuration for the dashboard
-     *
-     * @internal
      */
     config?: DashboardConfig;
     /** The widgets to render in the dashboard */
@@ -106,8 +140,9 @@ export interface DashboardProps {
     widgetsOptions?: WidgetsOptions;
     /**
      * The Tabber widgets configurations as a single dashboard config
+     *
      * @internal
-     * */
+     */
     tabbersOptions?: TabbersOptions;
     /** The style options for the dashboard */
     styleOptions?: DashboardStyleOptions;
@@ -117,8 +152,6 @@ export interface DashboardProps {
      * @internal
      */
     onChange?: (action: DashboardChangeAction) => void;
-    /** @internal */
-    enableFilterEditor?: boolean;
 }
 /**
  * Props for the Dashboard Header component

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

@@ -0,0 +1,16 @@
+import { DataSource } from '@sisense/sdk-data';
+import { AttributiveElement } from '../dimensions-browser/types.js';
+type AddFilterDataBrowserProps = {
+    dataSources: DataSource[];
+    initialDataSource: DataSource;
+    /**
+     * Optional. If provided, the user will not be able to see these attributes in the data browser.
+     */
+    disabledAttributes?: AttributiveElement[];
+    onAttributeClick: (attribute: AttributiveElement) => void;
+};
+/**
+ * A component that allows users to select a data source and an attribute to create a filter.
+ */
+export declare const AddFilterDataBrowser: ({ initialDataSource, dataSources, disabledAttributes, onAttributeClick, }: 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,19 @@
+import { DataSource, Filter } from '@sisense/sdk-data';
+import { AttributiveElement } from '../dimensions-browser/types';
+type AddFilterPopoverProps = {
+    anchorEl: HTMLElement;
+    isOpen: boolean;
+    onClose?: () => void;
+    dataSources: DataSource[];
+    initialDataSource: DataSource;
+    /**
+     * Optional. If provided, these attributes in the data browser will be disabled and can't be selected for filter creation.
+     */
+    disabledAttributes?: AttributiveElement[];
+    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, disabledAttributes, }: 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,82 @@
+/// <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;
+    /**
+     * Config for attributes disabling.
+     * If provided, the specified attributes will be disabled and a tooltip will be shown on hover.
+     */
+    disabledAttributesConfig?: {
+        disabledAttributes: AttributiveElement[];
+        getTooltip: (attribute: AttributiveElement) => string;
+    };
+};
+/**
+ * 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/cascading-filter-tile/cascading-filter-tile.d.ts

@@ -21,6 +21,8 @@ export interface CascadingFilterTileProps {
     onChange: (filter: Filter) => void;
     /** Filter delete callback */
     onDelete?: () => void;
+    /** Filter edit callback */
+    onEdit?: (levelIndex: number) => void;
 }
 /**
  * UI component representing group of cascading (dependent) filters.

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

@@ -16,6 +16,8 @@ export type CascadingLevelFilterTileProps = {
     parentFilters: Filter[];
     /** Callback to handle filter change */
     onChange: (filter: Filter | null) => void;
+    /** Filter edit callback */
+    onEdit?: () => void;
     /** Whether the filter is the last in the list */
     isLast?: boolean;
 };
@@ -24,4 +26,4 @@ export type CascadingLevelFilterTileProps = {
  *
  * @internal
  */
-export declare const CascadingLevelFilterTile: ({ filter, dataSource, parentFilters, onChange, isLast, }: CascadingLevelFilterTileProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CascadingLevelFilterTile: ({ filter, dataSource, parentFilters, onChange, isLast, onEdit, }: CascadingLevelFilterTileProps) => 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/types.d.ts

@@ -2,6 +2,7 @@ import { NumericFilter, TextFilter, RankingFilter, ExcludeFilter } from '@sisens
 /**
  * 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/date-filter/relative-date-filter-tile/relative-date-filter.d.ts

@@ -23,5 +23,9 @@ export declare const DATE_OPS_MAP: {
     readonly next: "dateFilter.next";
 };
 export declare const DATE_LEVELS_MAP: {
-    readonly [x: string]: "dateFilter.days" | "dateFilter.weeks" | "dateFilter.months" | "dateFilter.quarters" | "dateFilter.years";
+    readonly Days: "dateFilter.days";
+    readonly Weeks: "dateFilter.weeks";
+    readonly Months: "dateFilter.months";
+    readonly Quarters: "dateFilter.quarters";
+    readonly Years: "dateFilter.years";
 };

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

@@ -1,8 +1,9 @@
 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;

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';
+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

@@ -1,11 +1,8 @@
-import { CSSProperties } from 'react';
 import { CalendarRangeValue, CalendarSelectLimits, CalendarSelectTypes } from './types';
 type BaseCalendarSelectProps = {
     limits?: CalendarSelectLimits;
-    style?: CSSProperties;
     placeholder?: string;
-    primaryColor?: string;
-    primaryBackgroundColor?: string;
+    width?: number | string;
 };
 type CalendarSingleSelectProps = BaseCalendarSelectProps & {
     type: CalendarSelectTypes.SINGLE_SELECT;

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

@@ -1,14 +1,11 @@
-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;
+    width?: number | string;
     placeholder?: string;
     onChange?: (values: Value[]) => void;
-    primaryColor?: string;
-    primaryBackgroundColor?: string;
     onListScroll?: (event: ScrollWrapperOnScrollEvent) => void;
     showListLoader?: boolean;
     showSearch?: boolean;

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

@@ -1,14 +1,13 @@
-import React, { CSSProperties } from 'react';
+import React from 'react';
 import { SelectItem } from './types';
 import { ScrollWrapperOnScrollEvent } from '../../../../../filters/components/filter-editor-popover/common/scroll-wrapper';
+import { Themable } from '../../../../../theme-provider/types';
 type SearchableSingleSelectProps<Value> = {
     value?: Value;
     items: SelectItem<Value>[];
-    style?: CSSProperties;
+    width?: number | string;
     placeholder?: string;
     onChange?: (value: Value) => void;
-    primaryColor?: string;
-    primaryBackgroundColor?: string;
     onListScroll?: (event: ScrollWrapperOnScrollEvent) => void;
     showListLoader?: boolean;
     showSearch?: boolean;
@@ -25,10 +24,7 @@ export declare const StyledSearchInput: import("@emotion/styled").StyledComponen
     className?: string | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
-} & {
-    backgroundColor?: string | undefined;
-    color?: string | undefined;
-}, {}, {}>;
+} & Themable, {}, {}>;
 /** @internal */
 export declare function SearchableSingleSelect<Value = unknown>(props: SearchableSingleSelectProps<Value>): import("react/jsx-runtime").JSX.Element;
 export {};