@sisense/sdk-ui 2.11.0 → 2.13.0

package/dist/packages/sdk-ui/src/dashboard/hooks/jtd/jtd-handlers.d.ts

@@ -1,8 +1,8 @@
 import { type Filter } from '@sisense/sdk-data';
+import { OpenModalFn } from '../../../common/components/modal/modal-context';
 import { WidgetProps } from '../../../props.js';
-import { PivotTableDataPoint, DataPoint } from '../../../types';
+import { DataPoint, PivotTableDataPoint } from '../../../types';
 import { JtdActions, JtdClickHandlerData, JtdConfig, JtdContext, JtdCoreData, JtdDataPointClickEvent } from './jtd-types';
-import { OpenModalFn } from '../../../common/components/modal/modal-context';
 /**
  * Get the JTD click handler for a specific data point of the specific widget
  *

package/dist/packages/sdk-ui/src/dashboard/hooks/jtd/jtd-menu.d.ts

@@ -1,4 +1,4 @@
-import { JtdCoreData, JtdContext, JtdActions } from './jtd-types';
+import { JtdActions, JtdContext, JtdCoreData } from './jtd-types';
 export declare const jumpToDashboardMenuId = "jump-to-dashboard-menu";
 /**
  * Get the JTD menu item for a specific data point of the specific widget

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

@@ -1,9 +1,9 @@
-import { Attribute, Measure, type Filter } from '@sisense/sdk-data';
+import { Attribute, type Filter, Measure } from '@sisense/sdk-data';
+import { OpenMenuFn } from '../../../common/components/menu/types.js';
+import { OpenModalFn } from '../../../common/components/modal/modal-context';
+import { DashboardConfig, DashboardProps } from '../../../dashboard/types';
 import { WidgetProps } from '../../../props.js';
 import { DataPoint } from '../../../types';
-import { DashboardConfig, DashboardProps } from '../../../dashboard/types';
-import { OpenModalFn } from '../../../common/components/modal/modal-context';
-import { OpenMenuFn } from '../../../common/components/menu/types.js';
 /**
  * Menu item structure for JTD navigation
  *

package/dist/packages/sdk-ui/src/dashboard/hooks/use-dashboard-header-toolbar.d.ts

@@ -12,12 +12,13 @@ export interface DashboardHeaderToolbarMenuItem {
  */
 export interface UseDashboardHeaderToolbarProps {
     menuItems: DashboardHeaderToolbarMenuItem[];
+    toolbarComponents?: JSX.Element[];
 }
 /**
  * Hook that returns a toolbar element for dashboard header
  * @internal
  */
-export declare const useDashboardHeaderToolbar: ({ menuItems }: UseDashboardHeaderToolbarProps) => {
+export declare const useDashboardHeaderToolbar: ({ menuItems, toolbarComponents, }: UseDashboardHeaderToolbarProps) => {
     toolbar: () => import("react/jsx-runtime").JSX.Element;
 };
 export default useDashboardHeaderToolbar;

package/dist/packages/sdk-ui/src/dashboard/hooks/use-jtd.d.ts

@@ -1,9 +1,10 @@
 import { type Filter } from '@sisense/sdk-data';
-import { WidgetProps } from '../../props.js';
 import { OpenMenuFn } from '../../common/components/menu/types.js';
-import { CompleteThemeSettings, WidgetsOptions } from '../../index-typedoc';
 import { type JtdActions } from '../../dashboard/hooks/jtd/jtd-types';
 import { JtdConfig } from '../../dashboard/hooks/jtd/jtd-types';
+import { WidgetsOptions } from '../../models/dashboard/types';
+import { WidgetProps } from '../../props.js';
+import { CompleteThemeSettings } from '../../types';
 /**
  * Shared function to apply JTD functionality to a widget.
  * Extracted to avoid code duplication between use-jtd.ts and use-jtd-widget.ts

package/dist/packages/sdk-ui/src/dashboard/hooks/use-tabber.d.ts

@@ -1,26 +1,41 @@
-import { WidgetProps } from '../../props';
 import { WidgetPanelLayoutManager } from '../../dashboard/hooks/use-widgets-layout';
-import { TabberTab } from '../../types';
-import { TabbersOptions, WidgetsPanelColumnLayout } from '../../models';
+import { WidgetId, WidgetsPanelColumnLayout } from '../../models';
+import { TabberButtonsWidgetProps, WidgetProps } from '../../props';
 /**
  * @internal
  */
 export type UseTabber = ({ widgets, config, }: {
     widgets: WidgetProps[];
-    config?: TabbersOptions | undefined;
+    config?: TabbersConfig | undefined;
 }) => {
     layoutManager: WidgetPanelLayoutManager;
     widgets: WidgetProps[];
 };
 /**
- * @internal
+ * Configuration for a single tab in a tabber widget.
+ */
+export type TabberTabConfig = {
+    /**
+     * Widget IDs from the dashboard to display in the tab.
+     */
+    displayWidgetIds: string[];
+};
+/**
+ * Configuration for a tabber widget.
  */
-export type SingleTabberConfig = {
-    tabs: TabberTab[];
-    activeTab: number;
+export type TabberConfig = {
+    /**
+     * Tabs configuration for the tabber widget.
+     */
+    tabs: TabberTabConfig[];
 };
-export declare const isTabberWidget: (widget: WidgetProps) => boolean;
-export declare const modifyLayout: (tabbersOptions: TabbersOptions, tabberState: Record<string, number>) => (layout: WidgetsPanelColumnLayout) => WidgetsPanelColumnLayout;
+/**
+ * Configuration for tabbers in a dashboard.
+ * It includes separate configuration for each tabber.
+ */
+export type TabbersConfig = Record<WidgetId, TabberConfig>;
+export declare const isTabberButtonsWidget: (widget: WidgetProps) => widget is TabberButtonsWidgetProps;
+export declare const modifyLayout: (tabbersOptions: TabbersConfig, tabberState: Record<string, number>) => (layout: WidgetsPanelColumnLayout) => WidgetsPanelColumnLayout;
 /**
  * Hook that modifies widget properties so it became a tabber widget.
  * Incapsulates logic for updating layout via navigating tabs

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

@@ -1,6 +1,6 @@
 export { DashboardById } from './dashboard-by-id';
 export { Dashboard } from './dashboard';
-export { useComposedDashboard, useComposedDashboardInternal, type ComposableDashboardProps, type UseComposedDashboardOptions, } from './use-composed-dashboard';
+export { useComposedDashboard, useComposedDashboardInternal, type ComposableDashboardProps, type UseComposedDashboardOptions, type ComposedDashboardResult, } from './use-composed-dashboard';
 export { useDashboardTheme, type DashboardThemeParams } from './use-dashboard-theme';
 export * from './hooks';
-export type { DashboardByIdProps, DashboardProps, DashboardLayoutOptions, DashboardStyleOptions, DashboardConfig, DashboardByIdConfig, WidgetsPanelConfig, EditModeConfig, DashboardFiltersPanelConfig, } from './types';
+export type { DashboardByIdProps, DashboardProps, DashboardLayoutOptions, DashboardStyleOptions, DashboardConfig, DashboardByIdConfig, WidgetsPanelConfig, EditModeConfig, DashboardFiltersPanelConfig, TabbersConfig, TabberConfig, TabberTabConfig, } from './types';

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

@@ -1,10 +1,12 @@
-import { DashboardStyleOptions, TabbersOptions, WidgetsOptions, WidgetsPanelLayout } from '../models';
-import { WidgetProps } from '../props';
-import { DashboardChangeAction } from '../dashboard/dashboard';
+import { ReactNode } from 'react';
 import { DataSource, Filter, FilterRelations } from '@sisense/sdk-data';
+import { DashboardChangeAction } from '../dashboard/dashboard';
+import { TabbersConfig } from '../dashboard/hooks/use-tabber';
 import { FiltersPanelConfig } from '../filters/components/filters-panel/types';
-import { ReactNode } from 'react';
+import { DashboardStyleOptions, WidgetsOptions, WidgetsPanelLayout } from '../models';
+import { WidgetProps } from '../props';
 export type { DashboardStyleOptions, WidgetsPanelColumnLayout, WidgetsPanelLayout, WidgetsPanelCell, WidgetsPanelRow, WidgetsPanelColumn, } from '../models';
+export type { TabbersConfig, TabberConfig, TabberTabConfig } from '../dashboard/hooks/use-tabber';
 /**
  * Props of the {@link DashboardById} component.
  */
@@ -58,6 +60,14 @@ export interface DashboardFiltersPanelConfig extends FiltersPanelConfig {
      * This state has a higher priority than `collapsedInitially` when enabled.
      */
     persistCollapsedStateToLocalStorage?: boolean;
+    /**
+     * If enabled, the expand/collapse arrow on the divider between the filters panel and the dashboard content will be replaced with a filter toggle icon on the dashboard toolbar.
+     *
+     * If the dashboard toolbar is configured to be not visible, this setting will be ignored.
+     *
+     * If not specified, the default value is `false`.
+     */
+    showFilterIconInToolbar?: boolean;
 }
 /**
  * Widgets panel configuration
@@ -145,7 +155,7 @@ export interface DashboardConfig {
         /**
          * Determines whether the toolbar is visible.
          *
-         * If not specified, the default value is `false`.
+         * If not specified, the default value is `true`.
          */
         visible: boolean;
     };
@@ -153,6 +163,10 @@ export interface DashboardConfig {
      * Configuration for the widgets panel
      */
     widgetsPanel?: WidgetsPanelConfig;
+    /**
+     * Configuration for tabber widgets in the dashboard
+     */
+    tabbers?: TabbersConfig;
 }
 /**
  * Dashboard configuration
@@ -214,12 +228,6 @@ 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,7 +1,7 @@
-import { DashboardProps } from './types.js';
 import { Filter, FilterRelations } from '@sisense/sdk-data';
 import { WidgetsPanelLayout } from '../models';
-export type ComposableDashboardProps = Pick<DashboardProps, 'filters' | 'widgets' | 'widgetsOptions' | 'layoutOptions' | 'tabbersOptions'>;
+import { DashboardProps } from './types.js';
+export type ComposableDashboardProps = Pick<DashboardProps, 'filters' | 'widgets' | 'widgetsOptions' | 'layoutOptions' | 'config'>;
 export type UseComposedDashboardOptions = {
     /**
      * @internal
@@ -9,24 +9,67 @@ export type UseComposedDashboardOptions = {
     onFiltersChange?: (filters: Filter[] | FilterRelations) => void;
 };
 /**
- * {@link useComposedDashboard} without tracking to be used inside other hooks or components in Compose SDK.
- *
- * @param params - Parameters of the composable dashboard props
- * @internal
+ * Result of the {@link useComposedDashboard} hook.
  */
-export declare function useComposedDashboardInternal<D extends ComposableDashboardProps | DashboardProps>(initialDashboard: D, { onFiltersChange }?: UseComposedDashboardOptions): {
+export type ComposedDashboardResult<D extends ComposableDashboardProps | DashboardProps> = {
+    /** The composable dashboard object containing the current state of the dashboard. */
     dashboard: D;
+    /** API to set filters on the dashboard. */
     setFilters: (filters: Filter[] | FilterRelations) => void;
+    /** API to set the layout of the widgets on the dashboard. */
     setWidgetsLayout: (newLayout: WidgetsPanelLayout) => void;
 };
+/**
+ * {@link useComposedDashboard} without tracking to be used inside other hooks or components in Compose SDK.
+ *
+ * @internal
+ */
+export declare function useComposedDashboardInternal<D extends ComposableDashboardProps | DashboardProps>(initialDashboard: D, { onFiltersChange }?: UseComposedDashboardOptions): ComposedDashboardResult<D>;
 /**
  * React hook that takes in separate dashboard elements and
  * composes them into a coordinated dashboard with change detection, cross filtering, and drill down.
  *
+ * @example
+ * ```ts
+ * import { useComposedDashboard } from '@sisense/sdk-ui/dashboard/use-composed-dashboard.js';
+ * import { Widget } from '@sisense/sdk-ui';
+ * import { DashboardProps } from '../dashboard/types.js';
+ * import { FilterTile } from '../filters';
+ *
+ * const CodeExample = () => {
+ *   const dashboardProps: DashboardProps = { ... };
+ *
+ *   const {
+ *     dashboard: { title, widgets, filters = [] }
+ *   } = useComposedDashboard(dashboardProps);
+ *
+ *   return (
+ *     <div>
+ *       <span>{title}</span>
+ *       <div>
+ *         {widgets.map((widget) => (
+ *           <Widget key={widget.id} {...widget} />
+ *         ))}
+ *       </div>
+ *
+ *       {Array.isArray(filters) ? filters.map((filter) => (
+ *         <FilterTile
+ *           key={filter.name}
+ *           filter={filter}
+ *           onChange={(filter) => console.log('Updated filter', filter)}
+ *         />
+ *       )) : null}
+ *     </div>
+ *   );
+ * }
+ *   export default CodeExample;
+ * ```
+ *
+ * @template {D extends ComposableDashboardProps | DashboardProps} D - The type parameter for a dashboard properties, restricted to ComposableDashboardProps or DashboardProps
+ * @param {D} initialDashboard - set of properties for the Dashboard component
+ * @param {UseComposedDashboardOptions} [options] - Options for the composable.
+ *
+ * @return {ComposedDashboardResult} An object containing the composed dashboard and APIs to interact with it.
  * @group Dashboards
  */
-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;
-};
+export declare const useComposedDashboard: <D extends DashboardProps | ComposableDashboardProps>(initialDashboard: D, options?: UseComposedDashboardOptions) => ComposedDashboardResult<D>;

package/dist/packages/sdk-ui/src/decorators/component-decorators/with-tracking/error-tracker.d.ts

@@ -1,6 +1,6 @@
-import { ErrorEventOptions } from '@sisense/sdk-tracking';
-import { HttpClient } from '@sisense/sdk-rest-client';
 import { Component, ReactNode } from 'react';
+import { HttpClient } from '@sisense/sdk-rest-client';
+import { ErrorEventOptions } from '@sisense/sdk-tracking';
 import { SisenseContextPayload } from '../../../sisense-context/sisense-context';
 type ErrorTrackerProps = {
     children: ReactNode;

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

@@ -1,4 +1,4 @@
-import { type FunctionComponent, type InputHTMLAttributes, CSSProperties } from 'react';
+import { CSSProperties, type FunctionComponent, type InputHTMLAttributes } from 'react';
 type BasicInputProps = {
     label?: string;
     callback: (value: string) => void;

package/dist/packages/sdk-ui/src/filters/components/common/date-range-field-button.d.ts

@@ -1,4 +1,4 @@
-import { type FunctionComponent, type ButtonHTMLAttributes } from 'react';
+import { type ButtonHTMLAttributes, type FunctionComponent } from 'react';
 import { Themable } from '../../../theme-provider/types';
 export type Variant = 'white' | 'grey';
 type InputProps = {

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

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-import { FilterOptionType, CriteriaFilterValueType } from './criteria-filter-operations.js';
+import { CriteriaFilterValueType, FilterOptionType } from './criteria-filter-operations.js';
 /**
  * Props for {@link CriteriaFilterDisplay}
  */

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

@@ -1,7 +1,7 @@
 import { FunctionComponent } from 'react';
-import { FilterOptionType, CriteriaFilterValueType } from './criteria-filter-operations';
 import { Measure } from '@sisense/sdk-data';
 import { FilterVariant } from '../common/filter-utils';
+import { CriteriaFilterValueType, FilterOptionType } from './criteria-filter-operations';
 /**
  * Props for {@link CriteriaFilterMenu}
  *

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

@@ -1,5 +1,5 @@
-import { Filter, Measure } from '@sisense/sdk-data';
 import { TFunction } from '@sisense/sdk-common';
+import { Filter, Measure } from '@sisense/sdk-data';
 /**
  * Collection of filter options for the {@link CriteriaFilterMenu},
  * to be provided to subcomponents as the `filterType` prop.

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { FilterTileDesignOptions } from '../filter-tile-container.js';
 import { Filter, Measure } from '@sisense/sdk-data';
 import { FilterVariant } from '../common/filter-utils.js';
+import { FilterTileDesignOptions } from '../filter-tile-container.js';
 /**
  * Props of the {@link CriteriaFilterTile} component.
  */

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { LevelAttribute, DataSource, Filter } from '@sisense/sdk-data';
+import { DataSource, Filter, LevelAttribute } from '@sisense/sdk-data';
 import { FilterTileDesignOptions } from '../../filter-tile-container';
 /**
  * Props of the {@link DateRangeFilterTile} component.

package/dist/packages/sdk-ui/src/filters/components/date-filter/relative-date-filter-tile/relative-date-filter-display.d.ts

@@ -1,5 +1,5 @@
-import { RelativeDateFilter } from '@sisense/sdk-data';
 import { FunctionComponent } from 'react';
+import { RelativeDateFilter } from '@sisense/sdk-data';
 /**
  * @internal
  */

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

@@ -1,6 +1,6 @@
+import { FunctionComponent } from 'react';
 import { RelativeDateFilter as RelativeDateFilterType } from '@sisense/sdk-data';
 import { FilterVariant } from '../../common/index.js';
-import { FunctionComponent } from 'react';
 /**
  * @internal
  */

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';
 import { Themable } from '../../../../../theme-provider/types';
+import { Focusable } from './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;

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

@@ -1,5 +1,5 @@
+import { SelectorMode } from '../../../../../../filters/components/date-filter/date-filter/calendar-date-selector';
 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/multi-select-item.d.ts

@@ -1,5 +1,5 @@
-import { SelectItem } from './types';
 import { CSSProperties } from 'react';
+import { SelectItem } from './types';
 type MultiSelectItemProps<Value> = SelectItem<Value> & {
     selected: boolean;
     onSelect?: (value: Value) => void;

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

@@ -1,5 +1,5 @@
-import { SelectItem } from './types';
 import { ScrollWrapperOnScrollEvent } from '../../../../../filters/components/filter-editor-popover/common/scroll-wrapper';
+import { SelectItem } from './types';
 type SearchableMultiSelectProps<Value> = {
     values?: Value[];
     items: SelectItem<Value>[];

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

@@ -1,7 +1,7 @@
 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';
+import { SelectItem } from './types';
 type SearchableSingleSelectProps<Value> = {
     value?: Value;
     items: SelectItem<Value>[];

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

@@ -1,5 +1,5 @@
-import { SelectItem } from './types';
 import { CSSProperties } from 'react';
+import { SelectItem } from './types';
 type SingleSelectItemProps<Value> = SelectItem<Value> & {
     selected: boolean;
     onSelect?: (value: Value) => void;

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

@@ -1,6 +1,6 @@
 import { TFunction } from '@sisense/sdk-common';
 import { Filter } from '@sisense/sdk-data';
-import { NumericConditionType, NumericConditionFilterData } from './types.js';
+import { NumericConditionFilterData, NumericConditionType } from './types.js';
 export declare function validateInputValue(value: string, t: TFunction): string | undefined;
 export declare function getNumericFilterCondition(filter: Filter, initialCondition: NumericConditionType): NumericConditionType;
 export declare function getNumericFilterValue(filter: Filter): string;

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

@@ -1,6 +1,6 @@
 import type { FunctionComponent, ReactNode } from 'react';
-import { FilterVariant } from './common/filter-utils';
 import { DeepRequired } from 'ts-essentials';
+import { FilterVariant } from './common/filter-utils';
 declare const BaseContainer: 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/filters-panel/filter-relations-tile/filter-relations-tile.d.ts

@@ -1,5 +1,5 @@
-import { FilterRelationsRules } from '../../../../utils/filter-relations';
 import { Filter } from '@sisense/sdk-data';
+import { FilterRelationsRules } from '../../../../utils/filter-relations';
 /**
  * Filter relations tile component.
  */

package/dist/packages/sdk-ui/src/filters/components/filters-panel/filter-relations-tile/filter-relations-tooltip.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { FilterRelationsRules } from '../../../../utils/filter-relations';
 import { Filter } from '@sisense/sdk-data';
+import { FilterRelationsRules } from '../../../../utils/filter-relations';
 export declare function FilterRelationsTooltip({ relations, filters, children, }: {
     relations: FilterRelationsRules;
     filters: Filter[];

package/dist/packages/sdk-ui/src/filters/components/filters-panel/filter-relations-tile/tooltip-utils.d.ts

@@ -1,6 +1,6 @@
-import { FilterRelationsDescription } from '../../../../utils/filter-relations';
-import { TFunction } from '@sisense/sdk-common';
 import { ReactNode } from 'react';
+import { TFunction } from '@sisense/sdk-common';
+import { FilterRelationsDescription } from '../../../../utils/filter-relations';
 export declare function generateTooltipLines(filterRelationsDescription: FilterRelationsDescription, t: TFunction): ReactNode[];
 /**
  * Recursively removes unnecessary "outermost" parentheses from the filter relations description.

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

@@ -1,4 +1,4 @@
-import { Filter, DataSource } from '@sisense/sdk-data';
+import { DataSource, Filter } from '@sisense/sdk-data';
 import type { UseExistingFilterEditingConfig } from '../types';
 type UseExistingFilterEditingParams = {
     onFilterChanged: (filter: Filter) => void;

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

@@ -1,6 +1,6 @@
 import { DataSource, Filter } from '@sisense/sdk-data';
-import { UseNewFilterCreationConfig } from '../types';
 import { AttributiveElement } from '../../../../data-browser/dimensions-browser/types';
+import { UseNewFilterCreationConfig } from '../types';
 type UseNewFilterCreationParams = {
     defaultDataSource?: DataSource;
     dataSources: DataSource[];

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

@@ -1,5 +1,5 @@
-import { Themable } from '../../../theme-provider/types';
 import type { SVGProps } from 'react';
+import { Themable } from '../../../theme-provider/types';
 export declare const ArrowIcon: (props: Pick<SVGProps<SVGElement>, 'className' | 'width' | 'height' | 'fill' | 'onClick'> & {
     direction: 'left' | 'right';
     disabled?: boolean;

package/dist/packages/sdk-ui/src/filters/components/icons/double-arrow-icon.d.ts

@@ -1,5 +1,5 @@
-import { Themable } from '../../../theme-provider/types';
 import type { SVGProps } from 'react';
+import { Themable } from '../../../theme-provider/types';
 export declare const DoubleArrowIcon: (props: Pick<SVGProps<SVGElement>, 'className' | 'width' | 'height' | 'fill' | 'onClick'> & {
     direction: 'left' | 'right';
     disabled?: boolean;

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

@@ -1,5 +1,5 @@
-import { Attribute, DataSource, Filter } from '@sisense/sdk-data';
 import { FunctionComponent } from 'react';
+import { Attribute, DataSource, Filter } from '@sisense/sdk-data';
 import { FilterTileDesignOptions } from '../filter-tile-container';
 /**
  * Props of the {@link MemberFilterTile} component.

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

@@ -1,5 +1,5 @@
-import { FilterTileDesignOptions } from '../../filters/components/filter-tile-container';
 import { Filter } from '@sisense/sdk-data';
+import { FilterTileDesignOptions } from '../../filters/components/filter-tile-container';
 export type UnsupportedFilterTileProps = {
     filter: Filter;
     design?: FilterTileDesignOptions;

package/dist/packages/sdk-ui/src/filters/hooks/use-get-filter-members.d.ts

@@ -1,6 +1,6 @@
 import { DataSource, Filter } from '@sisense/sdk-data';
-import { Member, SelectedMember } from '../components/member-filter-tile';
 import { HookEnableParam } from '../../common/hooks/types';
+import { Member, SelectedMember } from '../components/member-filter-tile';
 /**
  * Params for {@link useGetFilterMembers}
  */
@@ -19,6 +19,19 @@ export interface GetFilterMembersParams extends HookEnableParam {
      * @internal
      */
     count?: number;
+    /**
+     * Whether to allow original filter members to be included in the result even if they are not present in the loaded data
+     *
+     * When enabled, filter members that are not found in the queried results will still be included
+     * in the `selectedMembers` and `allMembers` arrays.
+     *
+     * Example case: there's no value for a specific date, but user still have to be able to select it in the filter
+     *
+     * If not specified, the default value is `false`
+     *
+     * @internal
+     */
+    allowMissingMembers?: boolean;
 }
 /**
  * Result data of retrieving filter members.
@@ -107,7 +120,7 @@ export type GetFilterMembersResult = FilterMembersState & {
  * @param params - Parameters of the query
  * @internal
  */
-export declare const useGetFilterMembersInternal: ({ filter, defaultDataSource, parentFilters, count, enabled, }: GetFilterMembersParams) => GetFilterMembersResult;
+export declare const useGetFilterMembersInternal: ({ filter, defaultDataSource, parentFilters, count, enabled, allowMissingMembers, }: GetFilterMembersParams) => GetFilterMembersResult;
 /**
  * Hook that fetches members of the provided filter
  *

package/dist/packages/sdk-ui/src/formulas/fetch-formula.d.ts

@@ -1,5 +1,5 @@
-import { ClientApplication } from '../app/client-application.js';
 import { DataSource, DimensionalCalculatedMeasure } from '@sisense/sdk-data';
+import { ClientApplication } from '../app/client-application.js';
 /**
  * Fetch a formula by oid from the default Sisense instance
  *

package/dist/packages/sdk-ui/src/formulas/use-get-shared-formula.d.ts

@@ -1,7 +1,7 @@
 import { CalculatedMeasure } from '@sisense/sdk-data';
-import { UseGetSharedFormulaParams } from '../props.js';
-import { HookEnableParam } from '../common/hooks/types.js';
 import { DataState } from '../common/hooks/data-load-state-reducer.js';
+import { HookEnableParam } from '../common/hooks/types.js';
+import { UseGetSharedFormulaParams } from '../props.js';
 /**
  * Parameters for {@link useGetSharedFormula} hook.
  */

package/dist/packages/sdk-ui/src/index.d.ts

@@ -18,6 +18,7 @@ export { TableWidget } from './widgets/table-widget';
 export { PivotTableWidget } from './widgets/pivot-table-widget';
 export { TextWidget } from './widgets/text-widget';
 export { Widget } from './widgets/widget';
+export { TabberButtonsWidget } from './widgets/tabber/tabber-buttons-widget';
 export { ContextMenu } from './common/components/menu/context-menu/context-menu';
 export { DrilldownBreadcrumbs } from './widgets/common/drilldown-breadcrumbs';
 export * from './line-chart';
@@ -105,3 +106,4 @@ export { updateDrilldownSelections } from './widgets/common/use-drilldown-core';
 export { getSelectionTitleMenuItem, getDrilldownMenuItems } from './widgets/hooks/use-drilldown';
 export { DataSchemaBrowser } from './data-browser/data-schema-browser/data-schema-browser';
 export { type TranslationDictionary, PACKAGE_NAMESPACE as translationNamespace, } from './translation/resources';
+export * from './utils/gradient';

package/dist/packages/sdk-ui/src/indicator-canvas.d.ts

@@ -1,9 +1,9 @@
-import { IndicatorChartDataOptionsInternal } from './chart-data-options/types';
 import { type FunctionComponent } from 'react';
+import { IndicatorChartDataOptionsInternal } from './chart-data-options/types';
 import { IndicatorChartData } from './chart-data/types';
 import { IndicatorChartDesignOptions } from './chart-options-processor/translations/design-options';
-import { createIndicatorLegacyChartOptions } from './charts/indicator/indicator-legacy-chart-options';
 import { ChartRendererProps } from './chart/types';
+import { createIndicatorLegacyChartOptions } from './charts/indicator/indicator-legacy-chart-options';
 import { IndicatorRenderOptions } from './charts/indicator/indicator-render-options';
 import { IndicatorDataPointEventHandler } from './props';
 export type IndicatorLegacyChartOptions = ReturnType<typeof createIndicatorLegacyChartOptions>;

package/dist/packages/sdk-ui/src/models/dashboard/dashboard-model-translator.d.ts

@@ -1,8 +1,8 @@
-import { DashboardProps } from '../../dashboard';
-import { DashboardModel } from './dashboard-model.js';
 import { DashboardDto } from '../../api/types/dashboard-dto.js';
-import { CompleteThemeSettings } from '../../types.js';
 import { AppSettings } from '../../app/settings/settings.js';
+import { DashboardProps } from '../../dashboard';
+import { CompleteThemeSettings } from '../../types.js';
+import { DashboardModel } from './dashboard-model.js';
 /**
  * Translates {@link DashboardModel} to {@link DashboardProps}.
  *