@sisense/sdk-ui 2.2.0 → 2.3.0

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

@@ -0,0 +1,113 @@
+import { type Filter } from '@sisense/sdk-data';
+import { WidgetProps } from '../../props.js';
+import { OpenMenuFn } from '../../common/components/menu/types.js';
+import { DataPoint } from '../../types';
+import { WidgetsOptions } from '../../index-typedoc';
+import { JTDConfig, JTDDrillTarget } from '../../widget-by-id/types';
+import React from 'react';
+import { SizeMeasurement } from '../../types';
+/**
+ * Jump to Dashboard (JTD) Filter Merging Logic:
+ *
+ * When a user clicks on a datapoint to open a JTD modal, multiple types of filters are merged:
+ *
+ * 1. **Generated Filters**: Created from the clicked datapoint's category and breakBy entries
+ * 2. **Dashboard Filters**: Current dashboard filters (filtered by includeDashFilterDims)
+ * 3. **Widget Filters**: Original widget-specific filters (filtered by includeWidgetFilterDims)
+ * 4. **Formula Context Filters**: NEW - Embedded filters from the clicked widget's datapoint calculations
+ *
+ * ## Formula Context Filters (New Feature)
+ *
+ * Formula context filters are embedded within datapoint calculations and represent intrinsic
+ * filters that are part of the measure/column computation itself. They are extracted only from
+ * the specific widget that was clicked, not from all widgets. For example:
+ *
+ * ```
+ * clickedWidget.dataOptions.value[0].column.context = {
+ *   "13FC1-655": {
+ *     "type": "filter",
+ *     "filterType": "numeric",
+ *     "attribute": { ... },
+ *     "valueA": 10,
+ *     "valueB": 27249.89453125
+ *   }
+ * }
+ * ```
+ *
+ * These filters:
+ * - Represent calculation constraints that are intrinsic to the clicked widget's datapoint
+ * - Are extracted from all dataOption fields of the clicked widget (value, category, breakBy, x, y, etc.)
+ * - Support both object format and string reference format
+ *
+ * ## Duplicate Filter Handling
+ *
+ * Complex formulas like `AVG(cost) - AVG(PREVMONTH(cost))` can contain multiple filters on the same dimension.
+ * The `sendFormulaFiltersDuplicate` parameter controls how duplicates are handled:
+ *
+ * - **"none"**: Exclude all duplicate filters (only include filters that appear once)
+ * - **Number (1+)**: Include only the filter at that position (1-indexed). Invalid numbers treated as "none"
+ * - **Other values**: Include only the first duplicate filter
+ *
+ * Examples:
+ * - Formula has 2 filters on Commerce.Cost dimension
+ * - `sendFormulaFiltersDuplicate = "none"` → No Cost filters included
+ * - `sendFormulaFiltersDuplicate = 1` → Include first Cost filter
+ * - `sendFormulaFiltersDuplicate = 2` → Include second Cost filter
+ * - `sendFormulaFiltersDuplicate = 3` → Invalid (out of range), treat as "none"
+ */
+export declare const getFormulaContextFilters: (point: DataPoint, clickedWidget: WidgetProps, jtdConfig: JTDConfig) => Filter[];
+/**
+ * @internal
+ * Handle duplicate formula filters based on sendFormulaFiltersDuplicate parameter
+ * @param filters - The filters to handle
+ * @param sendFormulaFiltersDuplicate - The send formula filters duplicate parameter
+ * @returns The filtered filters
+ */
+export declare const handleFormulaDuplicateFilters: (filters: Filter[], sendFormulaFiltersDuplicate?: number | 'none') => Filter[];
+export declare const getFiltersFromDataPoint: (point: DataPoint) => Filter[];
+/**
+ * Filter filters based on allowed dimension names, supporting cascading filters
+ *
+ * @param filters - The filters to filter
+ * @param allowedDims - The allowed dimensions
+ * @returns The filtered filters
+ */
+export declare const filterByAllowedDimensions: (filters: Filter[], allowedDims?: string[]) => Filter[];
+/**
+ * @internal
+ * Get the JTD click handler for a specific data point of the specific widget
+ * @param jtdConfig - The JTD config
+ * @param drillTarget - The drill target
+ * @param widgetProps - The widget props
+ * @param point - The data point
+ * @param dashboardFilters - The dashboard filters
+ * @param originalWidgetFilters - The original widget filters
+ * @param openModal - The open modal function
+ * @returns The JTD click handler
+ */
+export declare const getJtdClickHandler: (jtdConfig: JTDConfig, drillTarget: JTDDrillTarget, widgetProps: WidgetProps, point: DataPoint, dashboardFilters: Filter[], originalWidgetFilters: Filter[], openModal: (options: {
+    title: string;
+    width?: number;
+    height?: number;
+    measurement?: SizeMeasurement;
+    allowResize?: boolean;
+    content: React.ReactNode;
+}) => Promise<string>) => () => Promise<void>;
+/**
+ * @internal
+ * Jump to Dashboard (JTD) hook.
+ * Implements the JTD functionality for each widget with JTD config.
+ * @param widgetOptions - The widget options of the dashboard
+ * @param dashboardFilters - The dashboard filters to use
+ * @param widgetFilters - The widget filters to use
+ * @param openMenu - The open menu function to use
+ * @returns The connect to widget props function
+ */
+export declare const useJtd: ({ widgetOptions, dashboardFilters, widgetFilters, openMenu, }: {
+    widgetOptions: WidgetsOptions;
+    dashboardFilters?: Filter[] | undefined;
+    widgetFilters?: Map<string, Filter[]> | undefined;
+    openMenu: OpenMenuFn;
+}) => {
+    connectToWidgetProps: (widgetProps: WidgetProps) => WidgetProps;
+};

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

@@ -89,9 +89,16 @@ export interface DashboardConfig {
          */
         responsive?: boolean;
         /**
-         * If true will .
+         * If true, an 'Edit Layout' action is visible to users on the dashboard toolbar.
+         * Clicking 'Edit Layout' opens the dashboard in editing mode, where the user can resize or reposition widgets using drag and drop.
+         * Layout changes are temporarily stored during editing, with undo/redo buttons available on the toolbar.
+         * Finally, changes are confirmed or discarded with 'Apply' or 'Cancel' buttons.
          *
-         * @internal
+         * If persistence is enabled for the dashboard, changes to the layout will be saved to Fusion on clicking the 'Apply' button.
+         *
+         * This feature is in alpha.
+         *
+         * @alpha
          */
         editMode?: boolean;
     };

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

@@ -0,0 +1,14 @@
+import { Dimension } from '@sisense/sdk-data';
+type DataSchemaBrowserProps = {
+    dimensions: Dimension[];
+    collapseAll?: boolean;
+};
+/**
+ * A component that displays a list of dimensions and attributes for a given data source.
+ *
+ * @param params DataSchemaBrowserProps
+ * @returns ReactElement
+ * @internal
+ */
+export declare const DataSchemaBrowser: ({ dimensions, collapseAll }: DataSchemaBrowserProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Themable } from '../../theme-provider/types.js';
+export declare const DimensionsBrowserContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & Themable, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -37,6 +37,11 @@ export type DimensionsBrowserProps = {
         disabledAttributes: AttributiveElement[];
         getTooltip: (attribute: AttributiveElement) => string;
     };
+    /**
+     * Whether to collapse all dimensions by default.
+     * @internal
+     */
+    collapseAll?: boolean;
 };
 /**
  * Attribute-like element.

package/dist/packages/sdk-ui/src/decorators/component-decorators/as-sisense-component.d.ts

@@ -17,6 +17,8 @@ export type SisenseComponentConfig = {
     customContextErrorMessageKey?: string;
     /** If set, the component will have a standalone menu root, allowing the menu to be opened even when the component is used outside of the SisenseContextProvider */
     shouldHaveOwnMenuRoot?: boolean;
+    /** If set, the component will have a standalone modal root, allowing modals to be opened even when the component is used outside of a ModalProvider */
+    shouldHaveOwnModalRoot?: boolean;
 };
 export type ComponentDecorator<DecoratorConfig> = (decoratorConfig: DecoratorConfig) => <ComponentProps extends Record<string, any>>(Component: FunctionComponent<ComponentProps>) => FunctionComponent<ComponentProps>;
 /**

package/dist/packages/sdk-ui/src/decorators/component-decorators/with-modal.d.ts

@@ -0,0 +1,6 @@
+import { ComponentDecorator } from './as-sisense-component';
+type ModalConfig = {
+    shouldHaveOwnModalRoot?: boolean;
+};
+export declare const withModal: ComponentDecorator<ModalConfig>;
+export {};

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

@@ -44,7 +44,7 @@ export { usePlugins } from './plugins-provider/plugins-provider';
 export { extractDimensionsAndMeasures, useExecutePluginQuery, } from './plugins-provider/use-execute-plugin-query';
 export { getThemeSettingsByOid } from './themes/theme-loader';
 export { getDefaultThemeSettings } from './theme-provider/default-theme-settings';
-export { useGetDashboardModel, useGetDashboardModels, useDashboardModel, getDashboardModel, getDashboardModels, useGetWidgetModel, getWidgetModel, translateToDashboardResponse, translateToDashboardsResponse, useGetHierarchyModels, getHierarchyModels, translateFiltersAndRelationsToDto, type DashboardModel, type GetDashboardModelParams, type GetDashboardModelsParams, type DashboardModelState, type DashboardModelLoadingState, type DashboardModelSuccessState, type DashboardModelErrorState, type DashboardModelsState, type DashboardModelsLoadingState, type DashboardModelsSuccessState, type DashboardModelsErrorState, type WidgetModel, type WidgetDataOptions, type WidgetModelState, type WidgetModelLoadingState, type WidgetModelErrorState, type WidgetModelSuccessState, type GetWidgetModelParams, type GetDashboardModelOptions, type GetDashboardModelsOptions, type WidgetsPanelColumnLayout, type WidgetsPanelLayout, type WidgetsPanelColumn, type WidgetsPanelRow, type WidgetsPanelCell, type WidgetId, type WidgetsOptions, type CommonFiltersOptions, type CommonFiltersApplyMode, type FiltersIgnoringRules, type HierarchyModel, type Hierarchy, type HierarchyId, type GetHierarchyModelsParams, type HierarchyModelsState, type HierarchyModelsLoadingState, type HierarchyModelsErrorState, type HierarchyModelsSuccessState, UseDashboardModelActionType, } from './models';
+export { useGetDashboardModel, useGetDashboardModels, useDashboardModel, useDashboardPersistence, getDashboardModel, getDashboardModels, useGetWidgetModel, getWidgetModel, translateToDashboardResponse, translateToDashboardsResponse, useGetHierarchyModels, getHierarchyModels, translateFiltersAndRelationsToDto, type DashboardModel, type GetDashboardModelParams, type GetDashboardModelsParams, type DashboardModelState, type DashboardModelLoadingState, type DashboardModelSuccessState, type DashboardModelErrorState, type DashboardModelsState, type DashboardModelsLoadingState, type DashboardModelsSuccessState, type DashboardModelsErrorState, type WidgetModel, type WidgetDataOptions, type WidgetModelState, type WidgetModelLoadingState, type WidgetModelErrorState, type WidgetModelSuccessState, type GetWidgetModelParams, type GetDashboardModelOptions, type GetDashboardModelsOptions, type WidgetsPanelColumnLayout, type WidgetsPanelLayout, type WidgetsPanelColumn, type WidgetsPanelRow, type WidgetsPanelCell, type WidgetId, type WidgetsOptions, type CommonFiltersOptions, type CommonFiltersApplyMode, type FiltersIgnoringRules, type HierarchyModel, type Hierarchy, type HierarchyId, type GetHierarchyModelsParams, type HierarchyModelsState, type HierarchyModelsLoadingState, type HierarchyModelsErrorState, type HierarchyModelsSuccessState, UseDashboardModelActionType, } from './models';
 /**
  * Utility functions to translate a Fusion widget model from and to other widget data structures
  *
@@ -93,4 +93,5 @@ export { translateColumnToAttribute } from './chart-data-options/utils';
 export { isSameAttribute } from './utils/filters';
 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';

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

@@ -7,3 +7,4 @@ export * from './dashboard-model';
 export * as dashboardModelTranslator from './dashboard-model-translator';
 export * from './use-dashboard-model/use-dashboard-model';
 export * from './use-dashboard-model/use-dashboard-model-reducer';
+export * from './use-dashboard-model/use-dashboard-persistence';

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

@@ -1,5 +1,6 @@
 import { CommonFiltersOptions } from '../../common-filters/types';
 import { ColorPaletteTheme, TabberConfig } from '../../types';
+import { JTDConfig } from '../../widget-by-id/types';
 export type { CommonFiltersOptions, CommonFiltersApplyMode, FiltersIgnoringRules, } from '../../common-filters/types';
 /**
  * Part of Dashboard layout, which describes how widgets are arranged in a cell
@@ -49,6 +50,11 @@ export type WidgetId = string;
  */
 export type WidgetsOptions = Record<WidgetId, {
     filtersOptions?: CommonFiltersOptions;
+    /**
+     * Jump to dashboard config for widgets
+      @internal
+     */
+    jtdConfig?: JTDConfig;
 }>;
 /**
  * Options for TabberWidets in a dashboard

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

@@ -1,6 +1,5 @@
-import { GetDashboardModelParams } from '../../../models';
-import { Dispatch } from 'react';
-import { UseDashboardModelAction } from './use-dashboard-model-reducer';
+import { GetDashboardModelParams } from '../use-get-dashboard-model';
+import { UseDashboardPersistenceResult } from './use-dashboard-persistence';
 export interface UseDashboardModelParams extends GetDashboardModelParams {
     /**
      * Boolean flag indicating whether changes to the dashboard state should be saved to the dashboard in Fusion
@@ -10,6 +9,20 @@ export interface UseDashboardModelParams extends GetDashboardModelParams {
      */
     persist?: boolean;
 }
+export interface UseDashboardModelResult extends UseDashboardPersistenceResult {
+    /**
+     * Whether the dashboard model is loading
+     */
+    isLoading: boolean;
+    /**
+     * Whether the dashboard model load has failed
+     */
+    isError: boolean;
+    /**
+     * The error if any occurred during loading
+     */
+    error: Error | undefined;
+}
 /**
  *  This hook allows you to retrieve and manage a dashboard model from a Sisense instance.
  *  It handles fetching the existing dashboard, managing its local state, and saving any changes back to the Sisense server.
@@ -20,22 +33,10 @@ export interface UseDashboardModelParams extends GetDashboardModelParams {
  * @fusionEmbed
  * @internal
  */
-export declare const useDashboardModel: (args_0: UseDashboardModelParams) => {
-    dashboard: import('../../../models').UseDashboardModelState;
-    isLoading: boolean;
-    isError: boolean;
-    error: Error | undefined;
-    dispatchChanges: Dispatch<UseDashboardModelAction>;
-};
+export declare const useDashboardModel: (args_0: UseDashboardModelParams) => UseDashboardModelResult;
 /**
  * {@link useDashboardModel} without tracking to be used inside other hooks or components in Compose SDK.
  *
  * @internal
  */
-export declare function useDashboardModelInternal({ dashboardOid, includeWidgets, includeFilters, persist, }: UseDashboardModelParams): {
-    dashboard: import('../../../models').UseDashboardModelState;
-    isLoading: boolean;
-    isError: boolean;
-    error: Error | undefined;
-    dispatchChanges: Dispatch<UseDashboardModelAction>;
-};
+export declare function useDashboardModelInternal({ dashboardOid, includeWidgets, includeFilters, persist, }: UseDashboardModelParams): UseDashboardModelResult;

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

@@ -0,0 +1,34 @@
+import { UseDashboardModelAction } from './use-dashboard-model-reducer';
+import { DashboardModel } from '../../../models';
+export interface UseDashboardPersistenceParams {
+    /**
+     * The dashboard model to manage persistence for
+     */
+    dashboard: DashboardModel | null;
+    /**
+     * Boolean flag indicating whether changes to the dashboard state should be saved to the dashboard in Fusion
+     *
+     * @default true
+     */
+    persist?: boolean;
+}
+export interface UseDashboardPersistenceResult {
+    /**
+     * The current dashboard model with local state
+     */
+    dashboard: DashboardModel | null;
+    /**
+     * Function to dispatch changes to the dashboard model with optional persistence
+     * Returns a promise when persistence is enabled to allow error handling
+     */
+    dispatchChanges: (action: UseDashboardModelAction) => Promise<void> | void;
+}
+/**
+ * Hook that provides persistence capabilities for an already loaded dashboard model.
+ * This hook manages local state changes and optionally persists them to the server.
+ *
+ * @param params - Parameters for dashboard persistence
+ * @returns Dashboard persistence state and dispatch function
+ * @internal
+ */
+export declare function useDashboardPersistence({ dashboard, persist, }: UseDashboardPersistenceParams): UseDashboardPersistenceResult;

package/dist/packages/sdk-ui/src/pivot-table/hooks/use-render-pivot.d.ts

@@ -1,11 +1,9 @@
 /// <reference types="react" />
-import type { PivotBuilder } from '@sisense/sdk-pivot-client';
+import { type PivotBuilder } from '@sisense/sdk-pivot-client';
 import type { CompleteThemeSettings, PivotTableStyleOptions } from '../../types';
 import type { PivotTableDataOptions } from '../../chart-data-options/types';
 import type { ContainerSize } from '../../dynamic-size-container/dynamic-size-container';
 type PivotRenderOptions = {
-    /** Reference to the pivot table container. */
-    nodeRef: React.RefObject<HTMLDivElement>;
     /** The pivot builder instance. */
     pivotBuilder: PivotBuilder;
     /** The pivot table data options. */
@@ -22,5 +20,7 @@ type PivotRenderOptions = {
 /**
  * A hook that renders the pivot table.
  */
-export declare function useRenderPivot({ nodeRef, pivotBuilder, dataOptions, styleOptions, themeSettings, size, onTotalHeightChange, }: PivotRenderOptions): void;
+export declare function useRenderPivot({ pivotBuilder, dataOptions, styleOptions, themeSettings, size, onTotalHeightChange, }: PivotRenderOptions): {
+    pivotElement: JSX.Element | null;
+};
 export {};

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { DataSource, Filter } from '@sisense/sdk-data';
+import { DataSource, Filter, FilterRelations } from '@sisense/sdk-data';
 import { GenericDataOptions } from '../types';
 /**
  * Props passed to a user-defined widget component.
@@ -10,7 +10,7 @@ export interface PluginComponentProps<DataOptions = GenericDataOptions, StyleOpt
     dataSource?: DataSource;
     dataOptions: DataOptions;
     styleOptions: StyleOptions;
-    filters?: Filter[];
+    filters?: Filter[] | FilterRelations;
     highlights?: Filter[];
     description?: string;
 }

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

@@ -1,5 +1,5 @@
 import { Attribute, Filter, Measure, DataSource, Data, QueryResultData, FilterRelations } from '@sisense/sdk-data';
-import { ChartDataOptions, CartesianChartDataOptions, CategoricalChartDataOptions, ThemeSettings, PolarStyleOptions, PieStyleOptions, StackableStyleOptions, LineStyleOptions, AreaStyleOptions, FunnelStyleOptions, ScatterStyleOptions, ChartStyleOptions, ChartType, IndicatorStyleOptions, DrilldownOptions, ThemeOid, TreemapStyleOptions, CustomDrilldownResult, MenuPosition, MenuItemSection, SunburstStyleOptions, ChartWidgetStyleOptions, TableWidgetStyleOptions, WidgetByIdStyleOptions, BoxplotStyleOptions, ScattermapStyleOptions, AreamapStyleOptions, DataPoint, ScatterDataPoint, AreamapDataPoint, BoxplotDataPoint, ChartDataPoints, ScattermapDataPoint, PivotTableStyleOptions, PivotTableWidgetStyleOptions, RegularChartType, RegularChartStyleOptions, TabularChartStyleOptions, TableStyleOptions, AreaRangeStyleOptions, DrilldownSelection, TextWidgetStyleOptions, GenericDataOptions, IndicatorRenderOptions, TabberStyleProps } from './types';
+import { ChartDataOptions, CartesianChartDataOptions, CategoricalChartDataOptions, ThemeSettings, PolarStyleOptions, PieStyleOptions, StackableStyleOptions, LineStyleOptions, AreaStyleOptions, FunnelStyleOptions, ScatterStyleOptions, ChartStyleOptions, ChartType, IndicatorStyleOptions, DrilldownOptions, ThemeOid, TreemapStyleOptions, CustomDrilldownResult, MenuPosition, MenuItemSection, SunburstStyleOptions, ChartWidgetStyleOptions, TableWidgetStyleOptions, WidgetByIdStyleOptions, BoxplotStyleOptions, ScattermapStyleOptions, AreamapStyleOptions, DataPoint, ScatterDataPoint, AreamapDataPoint, BoxplotDataPoint, ChartDataPoints, ScattermapDataPoint, PivotTableStyleOptions, PivotTableWidgetStyleOptions, RegularChartType, RegularChartStyleOptions, TabularChartStyleOptions, TableStyleOptions, AreaRangeStyleOptions, DrilldownSelection, TextWidgetStyleOptions, GenericDataOptions, IndicatorRenderOptions, TabberStyleProps, PluginWidgetStyleOptions } from './types';
 import { HighchartsOptions } from './chart-options-processor/chart-options-service';
 import { ComponentType, PropsWithChildren, ReactNode } from 'react';
 import { IndicatorChartDataOptions, BoxplotChartCustomDataOptions, BoxplotChartDataOptions, ScatterChartDataOptions, TableDataOptions, ScattermapChartDataOptions, AreamapChartDataOptions, PivotTableDataOptions, RegularChartDataOptions, TabularChartDataOptions, RangeChartDataOptions } from './chart-data-options/types';
@@ -1182,7 +1182,7 @@ export interface PluginWidgetProps {
      *
      * @category Data
      */
-    filters?: Filter[];
+    filters?: Filter[] | FilterRelations;
     /**
      * Filters that will highlight query results
      *
@@ -1200,7 +1200,7 @@ export interface PluginWidgetProps {
      *
      * @category Widget
      */
-    styleOptions?: unknown;
+    styleOptions?: PluginWidgetStyleOptions;
     /**
      * Title of the widget
      *

package/dist/packages/sdk-ui/src/translation/resources/en.d.ts

@@ -49,6 +49,7 @@ export declare const translation: {
         invalidFilterType: string;
         secondsDateTimeLevelSupportedOnlyForLive: string;
         missingMenuRoot: string;
+        missingModalRoot: string;
         missingDataSource: string;
         incorrectOnDataReadyHandler: string;
         undefinedDataSource: string;
@@ -68,9 +69,11 @@ export declare const translation: {
         mapLoadingFailed: string;
         cascadingFilterOriginalNotFound: string;
         dashboardLoadFailed: string;
+        widgetLoadFailed: string;
         dashboardWithOidNotFound: string;
         failedToAddWidget: string;
         widgetWithOidNotFound: string;
+        widgetWithOidNotFoundInDashboard: string;
         widgetEmptyResponse: string;
         dateFilterIncorrectOperator: string;
         synchronizedFilterInvalidProps: string;
@@ -87,6 +90,7 @@ export declare const translation: {
         addFilterPopover: {
             noDataSources: string;
         };
+        tabberInvalidConfiguration: string;
     };
     errorBoxText: string;
     chartNoData: string;
@@ -361,6 +365,9 @@ export declare const translation: {
             editLayout: string;
         };
     };
+    jumpToDashboard: {
+        defaultCaption: string;
+    };
 };
 /**
  * A reference type containing all currently used translation keys.

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

@@ -59,6 +59,7 @@ export declare const resources: {
             invalidFilterType: string;
             secondsDateTimeLevelSupportedOnlyForLive: string;
             missingMenuRoot: string;
+            missingModalRoot: string;
             missingDataSource: string;
             incorrectOnDataReadyHandler: string;
             undefinedDataSource: string;
@@ -78,9 +79,11 @@ export declare const resources: {
             mapLoadingFailed: string;
             cascadingFilterOriginalNotFound: string;
             dashboardLoadFailed: string;
+            widgetLoadFailed: string;
             dashboardWithOidNotFound: string;
             failedToAddWidget: string;
             widgetWithOidNotFound: string;
+            widgetWithOidNotFoundInDashboard: string;
             widgetEmptyResponse: string;
             dateFilterIncorrectOperator: string;
             synchronizedFilterInvalidProps: string;
@@ -97,6 +100,7 @@ export declare const resources: {
             addFilterPopover: {
                 noDataSources: string;
             };
+            tabberInvalidConfiguration: string;
         };
         errorBoxText: string;
         chartNoData: string;
@@ -371,6 +375,9 @@ export declare const resources: {
                 editLayout: string;
             };
         };
+        jumpToDashboard: {
+            defaultCaption: string;
+        };
     };
     uk: {
         errors: {
@@ -423,6 +430,7 @@ export declare const resources: {
             invalidFilterType: string;
             secondsDateTimeLevelSupportedOnlyForLive: string;
             missingMenuRoot: string;
+            missingModalRoot: string;
             missingDataSource: string;
             incorrectOnDataReadyHandler: string;
             undefinedDataSource: string;
@@ -442,9 +450,11 @@ export declare const resources: {
             mapLoadingFailed: string;
             cascadingFilterOriginalNotFound: string;
             dashboardLoadFailed: string;
+            widgetLoadFailed: string;
             dashboardWithOidNotFound: string;
             failedToAddWidget: string;
             widgetWithOidNotFound: string;
+            widgetWithOidNotFoundInDashboard: string;
             widgetEmptyResponse: string;
             dateFilterIncorrectOperator: string;
             synchronizedFilterInvalidProps: string;
@@ -461,6 +471,7 @@ export declare const resources: {
             addFilterPopover: {
                 noDataSources: string;
             };
+            tabberInvalidConfiguration: string;
         };
         errorBoxText: string;
         chartNoData: string;
@@ -735,5 +746,8 @@ export declare const resources: {
                 editLayout: string;
             };
         };
+        jumpToDashboard: {
+            defaultCaption: string;
+        };
     };
 };

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

@@ -17,6 +17,14 @@ import { SoftUnion } from './utils/utility-types';
 export type { SortDirection, PivotRowsSort } from '@sisense/sdk-data';
 export type { AppConfig } from './app/client-application';
 export type { DateConfig } from './query/date-formats';
+/**
+ * @internal
+ * Enum for size measurement units
+ */
+export declare enum SizeMeasurement {
+    PERCENT = "%",
+    PIXEL = "px"
+}
 export type { CartesianChartDataOptions, CategoricalChartDataOptions, ChartDataOptions, ScatterChartDataOptions, IndicatorChartDataOptions, StyledColumn, StyledMeasureColumn, } from './chart-data-options/types';
 export type { DataColorCondition, ConditionalDataColorOptions, DataColorOptions, RangeDataColorOptions, UniformDataColorOptions, } from './chart-data/data-coloring/types';
 export type { CartesianChartType, CategoricalChartType, ScatterChartType, IndicatorChartType, BoxplotChartType, ScattermapChartType, AreamapChartType, TableType, TableChartType, AreaSubtype, AreaRangeSubtype, LineSubtype, PieSubtype, PolarSubtype, StackableSubtype, BoxplotSubtype, IndicatorComponents, ScatterMarkerSize, LegendPosition, GeoDataElement, RawGeoDataElement, Coordinates, RangeChartType, TableColorOptions, };
@@ -249,6 +257,17 @@ export interface LineStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions
     lineWidth?: LineWidth;
     /** Subtype of LineChart */
     subtype?: LineSubtype;
+    /**
+     * For step charts: defines where the step occurs (before, between, or after points)
+     * Only used when subtype is 'line/step'
+     *
+     * **Values**
+     *
+     * - `left` - step occurs before the point (default)
+     * - `center` - step occurs between points
+     * - `right` - step occurs after the point
+     */
+    stepPosition?: 'left' | 'center' | 'right';
 }
 /** Configuration options that define functional style of the various elements of AreaRangeChart */
 export interface AreaRangeStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions {
@@ -1145,7 +1164,7 @@ export type CompleteThemeSettings = DeepRequired<Omit<ThemeSettings, 'typography
     };
 };
 /** Complete set of configuration options that define functional style of the various elements of the charts as well as the look and feel of widget itself and widget header. */
-export type WidgetStyleOptions = (ChartStyleOptions | TableStyleOptions | TextWidgetStyleOptions) & WidgetContainerStyleOptions;
+export type WidgetStyleOptions = (ChartStyleOptions | TableStyleOptions | TextWidgetStyleOptions | PluginWidgetStyleOptions) & WidgetContainerStyleOptions;
 /** Style settings defining the look and feel of widget itself and widget header */
 export interface WidgetContainerStyleOptions {
     /** Space between widget container edge and the chart */
@@ -1243,6 +1262,10 @@ export type TextWidgetStyleOptions = {
     vAlign: `valign-${'middle' | 'top' | 'bottom'}`;
     bgColor: string;
 };
+/**
+ * Style settings defining the look and feel of PluginWidget
+ */
+export type PluginWidgetStyleOptions = Record<string, unknown> & WidgetContainerStyleOptions;
 /**
  * Runs type guard check for ThemeOid.
  *
@@ -1692,8 +1715,8 @@ export type TabberTab = {
  *
  * @internal
  */
-export type TabberDtoStyle = TabberStyleProps & {
-    activeTab: string;
+export type TabberDtoStyle = Partial<TabberStyleProps> & {
+    activeTab?: string;
 };
 /**
  * Configuration options that define style of the various elements of the Tabber component.

package/dist/packages/sdk-ui/src/utils/filter-relations.d.ts

@@ -23,10 +23,10 @@ export declare function getFilterRelationsDescription(relations: FilterRelations
 /**
  * Merge two arrays of filters using the specified merge strategy.
  *
- * @param {Filter[]} widgetFilters - The filters from the widget.
- * @param {Filter[]} codeFilters - The filters from the code.
- * @param {FiltersMergeStrategy} [mergeStrategy] - The strategy to use for merging filters.
- * @returns {Filter[]} The merged filters based on the selected strategy.
+ * @param widgetFilters - The filters from the widget.
+ * @param codeFilters - The filters from the code.
+ * @param mergeStrategy - The strategy to use for merging filters.
+ * @returns The merged filters based on the selected strategy.
  * @internal
  */
 export declare function mergeFiltersByStrategy(widgetFilters?: Filter[] | FilterRelations, codeFilters?: Filter[] | FilterRelations, mergeStrategy?: FiltersMergeStrategy): Filter[] | FilterRelations;