@sisense/sdk-ui 1.32.0 → 1.33.0

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,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 */
@@ -117,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/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/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 {};

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

@@ -4,7 +4,8 @@ type SelectableSectionProps = {
     selected: boolean;
     onSelect: (selected: boolean) => void;
     children: ReactNode | ChildrenFn;
+    disabled?: boolean;
 };
 /** @internal */
-export declare const SelectableSection: ({ selected, children, onSelect, ...rest }: SelectableSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectableSection: ({ selected, children, onSelect, disabled, ...rest }: SelectableSectionProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
+import { Themable } from '../../../theme-provider/types';
 export declare const FilterEditorContainer: 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<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Themable, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { DataSource } from '@sisense/sdk-data';
+type FilterEditorContextValue = {
+    defaultDataSource: DataSource | null;
+};
+/** @internal */
+export declare const useFilterEditorContext: () => FilterEditorContextValue;
+/** @internal */
+export declare const FilterEditorContextProvider: ({ value, children, }: {
+    value: FilterEditorContextValue;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

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

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

@@ -1,12 +1,16 @@
-import { type Filter } from '@sisense/sdk-data';
+import { DataSource, type Filter } from '@sisense/sdk-data';
 import { PopoverAnchorPosition } from '../../../common/components/popover';
+import { FilterEditorConfig } from './types';
 type FilterEditorPopoverPosition = Pick<PopoverAnchorPosition, 'anchorEl'>;
 type FilterEditorPopoverProps = {
     filter?: Filter | null;
     position?: FilterEditorPopoverPosition;
     onChange?: (filter: Filter) => void;
     onClose?: () => void;
+    /** Default data source used for filter attribute */
+    defaultDataSource?: DataSource;
+    config?: FilterEditorConfig;
 };
 /** @internal */
-export declare const FilterEditorPopover: ({ filter, position, onChange, onClose, }: FilterEditorPopoverProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const FilterEditorPopover: ({ filter, position, onChange, onClose, defaultDataSource, config, }: FilterEditorPopoverProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

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

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

@@ -1,8 +1,12 @@
-import { Filter } from '@sisense/sdk-data';
+import { DataSource, Filter } from '@sisense/sdk-data';
+import { FilterEditorConfig } from './types';
 type FilterEditorProps = {
     filter: Filter;
     onChange?: (filter: Filter | null) => void;
+    /** Default data source used for filter attribute */
+    defaultDataSource?: DataSource;
+    config?: FilterEditorConfig;
 };
 /** @internal */
-export declare const FilterEditor: ({ filter, onChange }: FilterEditorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FilterEditor: ({ filter, config, onChange, defaultDataSource, }: FilterEditorProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,7 +1,9 @@
-import { Attribute } from '@sisense/sdk-data';
+import { Attribute, DataSource } from '@sisense/sdk-data';
 import { HookEnableParam } from '../../../../common/hooks/types';
 interface UseGetAttributeStatsParams extends HookEnableParam {
     attribute: Attribute;
+    /** Default data source to use if attribute does not have one */
+    defaultDataSource?: DataSource;
 }
 export type NumericAttributeStats = {
     count: number;

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

@@ -0,0 +1,6 @@
+type NotSupportedSectionProps = {
+    selected: boolean;
+};
+/** @internal */
+export declare const NotSupportedSection: ({ selected }: NotSupportedSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,4 +1,7 @@
-import { Attribute, MembersFilterConfig } from '@sisense/sdk-data';
+import { Attribute, Filter, MembersFilterConfig } from '@sisense/sdk-data';
 import { CRITERIA_FILTER_MAP } from '../../criteria-filter-tile/criteria-filter-operations.js';
 export declare function getCriteriaFilterBuilder(condition: keyof typeof CRITERIA_FILTER_MAP): import("../../criteria-filter-tile/criteria-filter-operations.js").FilterInfo;
-export declare function createExcludeMembersFilter(attribute: Attribute, members: string[], config?: MembersFilterConfig): import("@sisense/sdk-data").Filter | null;
+export declare function createExcludeMembersFilter(attribute: Attribute, members: string[], config?: MembersFilterConfig): Filter | null;
+export declare function getMembersWithoutDeactivated(filter: Filter, selectedMembers: string[]): string[];
+export declare function getMembersWithDeactivated(filter: Filter): string[];
+export declare function getConfigWithUpdatedDeactivated(filter: Filter, selectedMembers: string[]): import("@sisense/sdk-data").FilterConfig;

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

@@ -0,0 +1,5 @@
+export type FilterEditorConfig = {
+    multiSelect?: {
+        visible?: boolean;
+    };
+};

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

@@ -1,5 +1,6 @@
 import { TFunction } from '@sisense/sdk-common';
 import { Filter, MembersFilter, DimensionalLevelAttribute, RelativeDateFilter } from '@sisense/sdk-data';
+export declare function isSupportedByFilterEditor(filter: Filter): boolean;
 export declare function isIncludeAllFilter(filter: Filter): filter is MembersFilter;
 export declare function isIncludeMembersFilter(filter: Filter): filter is MembersFilter;
 export declare function isExcludeMembersFilter(filter: Filter): filter is MembersFilter;

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

@@ -1,6 +1,13 @@
 import type { FunctionComponent, ReactNode } from 'react';
 import { FilterVariant } from './common/filter-utils';
 import { DeepRequired } from 'ts-essentials';
+declare const BaseContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    shouldShowBorder: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Container: (props: React.ComponentProps<typeof BaseContainer>) => import("react/jsx-runtime").JSX.Element;
 /**
  * Design options for the filter tile component.
  *

package/dist/packages/sdk-ui/src/filters/components/filters-panel/constants.d.ts

@@ -0,0 +1,6 @@
+import type { DeepRequired } from 'ts-essentials';
+import { FiltersPanelConfig } from './types';
+/**
+ * Default configuration for the filters panel
+ */
+export declare const DEFAULT_FILTERS_PANEL_CONFIG: DeepRequired<FiltersPanelConfig>;

package/dist/packages/sdk-ui/src/filters/components/filters-panel/filters-panel-header.d.ts

@@ -0,0 +1,6 @@
+type FiltersPanelHeaderProps = {
+    onAddFilterButtonClick: () => void;
+    shouldShowAddFilterButton?: boolean;
+};
+export declare const FiltersPanelHeader: ({ onAddFilterButtonClick, shouldShowAddFilterButton, }: FiltersPanelHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { DataSource, Filter, FilterRelations } from '@sisense/sdk-data';
+import { FiltersPanelConfig } from './types';
 /**
  * Props of the {@link FiltersPanel} component
  *
@@ -11,8 +12,10 @@ export type FiltersPanelProps = {
     onFiltersChange: (filters: Filter[] | FilterRelations) => void;
     /** Default data source used for filter tiles */
     defaultDataSource?: DataSource;
-    /** @internal */
-    enableFilterEditor?: boolean;
+    /** All data sources available for filter tiles @internal */
+    dataSources?: DataSource[];
+    /** The configuration for the filters panel */
+    config?: FiltersPanelConfig;
 };
 /**
  * Filters panel component that renders a list of filter tiles

package/dist/packages/sdk-ui/src/filters/components/filters-panel/hooks/use-existing-filter-editing.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { Filter, DataSource } from '@sisense/sdk-data';
+import type { UseExistingFilterEditingConfig } from '../types';
+type UseExistingFilterEditingParams = {
+    onFilterChanged: (filter: Filter) => void;
+    defaultDataSource?: DataSource;
+    config?: UseExistingFilterEditingConfig;
+};
+type UseExistingFilterEditingReturn = {
+    ExistingFilterEditor: () => JSX.Element | null;
+    startEditingFilter: (anchorEl: HTMLElement, filter: Filter) => void;
+};
+/**
+ * Hook that keeps editing process of existing filters.
+ * Returns a function to start editing a filter and a component that renders the filter editing popover.
+ */
+export declare const useExistingFilterEditing: ({ config, defaultDataSource, onFilterChanged, }: UseExistingFilterEditingParams) => UseExistingFilterEditingReturn;
+export declare function isFilterSupportEditing(filter: Filter): boolean;
+export {};