@sisense/sdk-ui 2.3.1 → 2.4.1

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

@@ -5,22 +5,53 @@ import { FiltersPanelConfig } from './types';
  * Props of the {@link FiltersPanel} component
  *
  */
-export type FiltersPanelProps = {
+export interface FiltersPanelProps {
     /** Array of filters to display */
     filters: Filter[] | FilterRelations;
     /** Callback to handle changes in filters */
     onFiltersChange: (filters: Filter[] | FilterRelations) => void;
     /** Default data source used for filter tiles */
     defaultDataSource?: DataSource;
-    /** All data sources available for filter tiles @internal */
+    /**
+     * 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
  *
+ * @example
+ * Here's how to render a filters panel with a set of filters.
+ * ```tsx
+ * import { useState } from 'react';
+ * import { FiltersPanel } from '@sisense/sdk-ui';
+ * import { filterFactory, type Filter, type FilterRelations } from '@sisense/sdk-data';
+ * import * as DM from './sample-ecommerce-model';
+ *
+ * export function Example() {
+ *   const [filters, setFilters] = useState<Filter[]>([
+ *     filterFactory.members(DM.Commerce.Gender, ['Male', 'Female']),
+ *     filterFactory.members(DM.Commerce.AgeRange, ['0-18', '19-24']),
+ *   ]);
+ *
+ *   const handleFiltersChange = (updatedFilters: Filter[] | FilterRelations) => {
+ *     console.log('Filters changed:', updatedFilters);
+ *   };
+ *
+ *   return (
+ *     <FiltersPanel
+ *       filters={filters}
+ *       defaultDataSource={DM.DataSource}
+ *       onFiltersChange={handleFiltersChange}
+ *     />
+ *   );
+ * }
+ * ```
+ *
  * @group Filter Tiles
- * @alpha
  */
 export declare const FiltersPanel: import("react").FunctionComponent<FiltersPanelProps>;

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

@@ -1 +1 @@
-export { useGetFilterMembers, type GetFilterMembersParams, type GetFilterMembersResult, type GetFilterMembersSuccess, type GetFilterMembersError, } from './use-get-filter-members';
+export { useGetFilterMembers, type GetFilterMembersParams, type FilterMembersSuccessState, type FilterMembersLoadingState, type FilterMembersErrorState, type FilterMembersState, type GetFilterMembersResult, type GetFilterMembersData, } from './use-get-filter-members';

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

@@ -20,48 +20,87 @@ export interface GetFilterMembersParams extends HookEnableParam {
      */
     count?: number;
 }
-export interface GetFilterMembersSuccess {
+/**
+ * Result data of retrieving filter members.
+ */
+export interface GetFilterMembersData {
+    /** Array of members that are currently selected */
+    selectedMembers: SelectedMember[];
+    /** Array of all available members */
+    allMembers: Member[];
+    /** Flag indicating whether members are excluded */
+    excludeMembers: boolean;
+    /** Flag indicating if multiple selection is enabled */
+    enableMultiSelection: boolean;
+    /** Flag indicating if there is a background filter applied */
+    hasBackgroundFilter: boolean;
+}
+/**
+ * State of a filter members load that has succeeded.
+ */
+export interface FilterMembersSuccessState {
     /** Whether the data fetching is loading */
-    isLoading: boolean;
-    /**
-     * Function to load more data rows
-     *
-     * @internal
-     */
-    loadMore: (count: number) => void;
+    isLoading: false;
     /** Whether the data fetching has failed */
     isError: false;
+    /** Whether the data fetching has succeeded */
+    isSuccess: true;
+    /** The status of the data fetching execution */
+    status: 'success';
     /** The error if any occurred */
     error: undefined;
     /** The result data */
-    data: {
-        selectedMembers: SelectedMember[];
-        allMembers: Member[];
-        excludeMembers: boolean;
-        enableMultiSelection: boolean;
-        hasBackgroundFilter: boolean;
-    };
+    data: GetFilterMembersData;
 }
-export interface GetFilterMembersError {
+/**
+ * State of a filter members load that is loading.
+ */
+export interface FilterMembersLoadingState {
     /** Whether the data fetching is loading */
-    isLoading: false;
+    isLoading: true;
     /** Whether the data fetching has failed */
-    error: Error;
+    isError: false;
+    /** Whether the data fetching has succeeded */
+    isSuccess: false;
+    /** The status of the data fetching execution */
+    status: 'loading';
     /** The error if any occurred */
+    error: undefined;
+    /** The result data */
+    data: GetFilterMembersData;
+}
+/**
+ * State of a filter members load that has failed.
+ */
+export interface FilterMembersErrorState {
+    /** Whether the data fetching is loading */
+    isLoading: false;
+    /** Whether the data fetching has failed */
     isError: true;
+    /** Whether the data fetching has succeeded */
+    isSuccess: false;
+    /** The status of the data fetching execution */
+    status: 'error';
+    /** The error if any occurred */
+    error: Error;
     /** The result data */
     data: undefined;
+}
+/**
+ * States of the {@link useGetFilterMembers} hook.
+ */
+export type FilterMembersState = FilterMembersLoadingState | FilterMembersErrorState | FilterMembersSuccessState;
+/**
+ * Result of the {@link useGetFilterMembers} hook.
+ */
+export type GetFilterMembersResult = FilterMembersState & {
     /**
      * Function to load more data rows
      *
      * @internal
      */
     loadMore: (count: number) => void;
-}
-/**
- * State for {@link useGetFilterMembers} hook.
- */
-export type GetFilterMembersResult = GetFilterMembersError | GetFilterMembersSuccess;
+};
 /**
  * {@link useGetFilterMembers} without tracking to be used inside other hooks or components in Compose SDK.
  *
@@ -93,6 +132,5 @@ export declare const useGetFilterMembersInternal: ({ filter, defaultDataSource,
  * @returns Results that contains the status of the filter query execution, the result data, or the error if any occurred
  * @shortDescription Hook to fetch members of a filter
  * @group Filter Tiles
- * @beta
  */
 export declare const useGetFilterMembers: (args_0: GetFilterMembersParams) => GetFilterMembersResult;

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

@@ -4,7 +4,7 @@ export { Chart } from './chart';
 export { ThemeProvider } from './theme-provider';
 export * from './dashboard';
 export { WidgetById } from './widget-by-id/widget-by-id';
-export { isChartWidgetProps, isPivotTableWidgetProps, isTextWidgetProps, isPluginWidgetProps, } from './widget-by-id/utils';
+export { isChartWidgetProps, isPivotTableWidgetProps, isTextWidgetProps, isCustomWidgetProps, } from './widget-by-id/utils';
 export { type CartesianWidgetType, type CategoricalWidgetType, type TabularWidgetType, type TextWidgetType, } from './widget-by-id/types';
 export { getChartType } from './widget-by-id/utils';
 export * from './query-execution';
@@ -38,10 +38,10 @@ export * from './areamap-chart';
 export * from './area-range-chart';
 export * from './sisense-context/custom-sisense-context-provider';
 export * from './theme-provider/custom-theme-provider';
-export * from './plugins-provider/custom-plugins-provider';
-export * from './plugins-provider/types';
-export { usePlugins } from './plugins-provider/plugins-provider';
-export { extractDimensionsAndMeasures, useExecutePluginQuery, } from './plugins-provider/use-execute-plugin-query';
+export * from './custom-widgets-provider/custom-widgets-provider-adapter';
+export * from './custom-widgets-provider/types';
+export { useCustomWidgets } from './custom-widgets-provider';
+export { extractDimensionsAndMeasures, useExecuteCustomWidgetQuery, useExecuteCustomWidgetQueryInternal, type ExecuteCustomWidgetQueryParams, type CustomWidgetQueryState, } from './custom-widgets-provider';
 export { getThemeSettingsByOid } from './themes/theme-loader';
 export { getDefaultThemeSettings } from './theme-provider/default-theme-settings';
 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';

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

@@ -5,6 +5,7 @@ import { IndicatorChartDesignOptions } from './chart-options-processor/translati
 import { createIndicatorLegacyChartOptions } from './charts/indicator/indicator-legacy-chart-options';
 import { ChartRendererProps } from './chart/types';
 import { IndicatorRenderOptions } from './charts/indicator/indicator-render-options';
+import { IndicatorDataPointEventHandler } from './props';
 export type IndicatorLegacyChartOptions = ReturnType<typeof createIndicatorLegacyChartOptions>;
 type IndicatorOnBeforeRender = (options: IndicatorRenderOptions) => IndicatorRenderOptions;
 export interface IndicatorCanvasProps {
@@ -12,6 +13,7 @@ export interface IndicatorCanvasProps {
     dataOptions: IndicatorChartDataOptionsInternal;
     designOptions: IndicatorChartDesignOptions;
     onBeforeRender?: IndicatorOnBeforeRender;
+    onDataPointClick?: IndicatorDataPointEventHandler;
 }
 /**
  * @internal

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

@@ -15,6 +15,13 @@ export interface GetDashboardModelOptions {
      * If not specified, the default value is `false`
      */
     includeFilters?: boolean;
+    /**
+     * Whether to load the dashboard in shared mode (co-authoring feature).
+     *
+     * @default false
+     * @internal
+     */
+    sharedMode?: boolean;
 }
 /**
  * Retrieves a dashboard model by its OID.

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

@@ -8,7 +8,8 @@ export type UseDashboardModelState = DashboardModel | null;
  * @internal
  */
 export declare enum UseDashboardModelActionTypeInternal {
-    DASHBOARD_INIT = "DASHBOARD.INIT"
+    DASHBOARD_INIT = "DASHBOARD.INIT",
+    UPDATE_WIDGETS_PANEL_LAYOUT_AND_WIDGETS_DELETE = "UPDATE_WIDGETS_PANEL_LAYOUT_AND_WIDGETS_DELETE"
 }
 /**
  * Action types for the dashboard model state used in {@link useDashboardModel}.
@@ -18,7 +19,8 @@ export declare enum UseDashboardModelActionTypeInternal {
 export declare enum UseDashboardModelActionType {
     FILTERS_UPDATE = "FILTERS.UPDATE",
     ADD_WIDGET = "WIDGETS.ADD",
-    WIDGETS_PANEL_LAYOUT_UPDATE = "WIDGETS_PANEL_LAYOUT.UPDATE"
+    WIDGETS_PANEL_LAYOUT_UPDATE = "WIDGETS_PANEL_LAYOUT.UPDATE",
+    WIDGETS_DELETE = "WIDGETS.DELETE"
 }
 /**
  * Internal actions for the dashboard model state used in {@link useDashboardModel}.
@@ -28,13 +30,19 @@ export declare enum UseDashboardModelActionType {
 export type UseDashboardModelInternalAction = UseDashboardModelAction | {
     type: UseDashboardModelActionTypeInternal.DASHBOARD_INIT;
     payload: DashboardModel;
+} | {
+    type: UseDashboardModelActionTypeInternal.UPDATE_WIDGETS_PANEL_LAYOUT_AND_WIDGETS_DELETE;
+    payload: {
+        widgetsPanel: WidgetsPanelLayout;
+        widgets: string[];
+    };
 };
 /**
  * Actions for the dashboard model state used in {@link useDashboardModel}.
  *
  * @internal
  */
-export type UseDashboardModelAction = UseDashboardModelFilterUpdateAction | UseDashboardModelAddWidgetAction | UseDashboardModelLayoutUpdateAction;
+export type UseDashboardModelAction = UseDashboardModelFilterUpdateAction | UseDashboardModelAddWidgetAction | UseDashboardModelLayoutUpdateAction | UseDashboardWidgetsDeleteAction;
 /**
  * Filter update actions for the dashboard model state used in {@link useDashboardModel}.
  *
@@ -62,6 +70,15 @@ export type UseDashboardModelLayoutUpdateAction = {
     type: UseDashboardModelActionType.WIDGETS_PANEL_LAYOUT_UPDATE;
     payload: WidgetsPanelLayout;
 };
+/**
+ * Layout update action for the dashboard model state used in {@link useDashboardModel}.
+ *
+ * @internal
+ */
+export type UseDashboardWidgetsDeleteAction = {
+    type: UseDashboardModelActionType.WIDGETS_DELETE;
+    payload: string[];
+};
 /**
  * Reducer for the dashboard model state used in {@link useDashboardModel}.
  *
@@ -91,4 +108,4 @@ export declare function translateFiltersAndRelationsToDto(filtersOrFilterRelatio
  * @param reducer - The dashboard model reducer
  * @internal
  */
-export declare function persistDashboardModelMiddleware(dashboardOid: string | undefined, action: UseDashboardModelInternalAction, restApi: RestApi): Promise<UseDashboardModelInternalAction>;
+export declare function persistDashboardModelMiddleware(dashboardOid: string | undefined, action: UseDashboardModelInternalAction, restApi: RestApi, sharedMode: boolean): Promise<UseDashboardModelInternalAction>;

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

@@ -39,4 +39,4 @@ export declare const useDashboardModel: (args_0: UseDashboardModelParams) => Use
  *
  * @internal
  */
-export declare function useDashboardModelInternal({ dashboardOid, includeWidgets, includeFilters, persist, }: UseDashboardModelParams): UseDashboardModelResult;
+export declare function useDashboardModelInternal({ dashboardOid, includeWidgets, includeFilters, persist, sharedMode, }: UseDashboardModelParams): UseDashboardModelResult;

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

@@ -11,6 +11,13 @@ export interface UseDashboardPersistenceParams {
      * @default true
      */
     persist?: boolean;
+    /**
+     * Whether to load the dashboard in shared mode (co-authoring feature).
+     *
+     * @default false
+     * @internal
+     */
+    sharedMode?: boolean;
 }
 export interface UseDashboardPersistenceResult {
     /**
@@ -31,4 +38,4 @@ export interface UseDashboardPersistenceResult {
  * @returns Dashboard persistence state and dispatch function
  * @internal
  */
-export declare function useDashboardPersistence({ dashboard, persist, }: UseDashboardPersistenceParams): UseDashboardPersistenceResult;
+export declare function useDashboardPersistence({ dashboard, persist, sharedMode, }: UseDashboardPersistenceParams): UseDashboardPersistenceResult;

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

@@ -6,4 +6,4 @@ import { ChartType } from '../../index';
  *
  * @internal
  */
-export type WidgetTypeInternal = ChartType | 'pivot' | 'plugin' | 'text';
+export type WidgetTypeInternal = ChartType | 'pivot' | 'custom' | 'text';

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

@@ -1,6 +1,6 @@
 import { ExecutePivotQueryParams, ExecuteQueryParams } from '../../query-execution';
 import { WidgetModel } from './widget-model.js';
-import { ChartProps, ChartWidgetProps, WidgetProps, PivotTableProps, PivotTableWidgetProps, PluginWidgetProps, TableProps, TableWidgetProps, TextWidgetProps, CommonWidgetProps } from '../../props';
+import { ChartProps, ChartWidgetProps, WidgetProps, PivotTableProps, PivotTableWidgetProps, CustomWidgetProps, TableProps, TableWidgetProps, TextWidgetProps, CommonWidgetProps } from '../../props';
 import { JaqlDataSourceForDto } from '@sisense/sdk-data';
 import { CompleteThemeSettings } from '../../types.js';
 import { WidgetDto } from '../../widget-by-id/types.js';
@@ -117,11 +117,11 @@ export declare function toPivotTableWidgetProps(widgetModel: WidgetModel): Pivot
  */
 export declare function toTextWidgetProps(widgetModel: WidgetModel): TextWidgetProps;
 /**
- * Translates a {@link WidgetModel} to the props for rendering a plugin widget.
+ * Translates a {@link WidgetModel} to the props for rendering a custom widget.
  *
  * @internal
  */
-export declare function toPluginWidgetProps(widgetModel: WidgetModel): PluginWidgetProps;
+export declare function toCustomWidgetProps(widgetModel: WidgetModel): CustomWidgetProps;
 /**
  * Translates {@link WidgetModel} to {@link CommonWidgetProps}.
  *

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

@@ -35,11 +35,11 @@ export interface WidgetModel {
      */
     widgetType: WidgetType;
     /**
-     * Plugin type. Only present for plugin widgets.
+     * Custom widget type. Only present for custom widgets.
      *
-     * If this is a plugin widget, this is typically the name/ID of the plugin.
+     * If this is a custom widget, this is typically the name/ID of the custom widget.
      */
-    pluginType: string;
+    customWidgetType: string;
     /**
      * Widget data options.
      */

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, PluginWidgetStyleOptions } from './types';
+import { ChartDataOptions, CartesianChartDataOptions, CategoricalChartDataOptions, ThemeSettings, PolarStyleOptions, PieStyleOptions, StackableStyleOptions, LineStyleOptions, AreaStyleOptions, FunnelStyleOptions, ScatterStyleOptions, ChartStyleOptions, ChartType, IndicatorStyleOptions, DrilldownOptions, ThemeOid, TreemapStyleOptions, CustomDrilldownResult, MenuPosition, MenuAlignment, 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, IndicatorDataPoint, TextWidgetDataPoint, CustomWidgetStyleOptions } 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';
@@ -278,6 +278,24 @@ export type BoxplotDataPointEventHandler = (
 point: BoxplotDataPoint, 
 /** Native PointerEvent */
 nativeEvent: PointerEvent) => void;
+/**
+ * Click handler for when an indicator chart is clicked.
+ */
+export type IndicatorDataPointEventHandler = (
+/** Data point that was clicked */
+point: IndicatorDataPoint, 
+/** Native MouseEvent */
+nativeEvent: MouseEvent) => void;
+/**
+ * Click handler for when text widget is clicked.
+ *
+ * @internal
+ */
+export type TextWidgetDataPointEventHandler = (
+/** Data point that was clicked */
+point: TextWidgetDataPoint, 
+/** Native MouseEvent */
+nativeEvent: MouseEvent) => void;
 interface HighchartsBasedChartEventProps {
     /**
      * A callback that allows you to customize the underlying chart element before it is rendered.
@@ -413,6 +431,13 @@ interface IndicatorChartEventProps extends BaseChartEventProps {
      * @category Callbacks
      */
     onBeforeRender?: IndicatorBeforeRenderHandler;
+    /**
+     * A callback that allows you to customize what happens when indicator chart is clicked.
+     *
+     * @category Callbacks
+     * @internal
+     */
+    onDataPointClick?: IndicatorDataPointEventHandler;
 }
 /**
  * Base Chart Props to be extended by {@link ChartProps}
@@ -521,7 +546,7 @@ interface ChartEventProps extends BaseChartEventProps {
      *
      * @category Callbacks
      */
-    onDataPointClick?: DataPointEventHandler | ScatterDataPointEventHandler | AreamapDataPointEventHandler | BoxplotDataPointEventHandler | ScattermapDataPointEventHandler;
+    onDataPointClick?: DataPointEventHandler | ScatterDataPointEventHandler | AreamapDataPointEventHandler | BoxplotDataPointEventHandler | ScattermapDataPointEventHandler | IndicatorDataPointEventHandler;
     /**
      * Context menu handler callback for a data point
      *
@@ -1158,17 +1183,25 @@ export interface TextWidgetProps {
      * @category Widget
      */
     styleOptions: TextWidgetStyleOptions;
+    /**
+     * A callback that allows you to customize what happens when a text widget is clicked.
+     * Since TextWidget doesn't have specific data points, this fires when clicking anywhere on the widget.
+     *
+     * @category Callbacks
+     * @internal
+     */
+    onDataPointClick?: TextWidgetDataPointEventHandler;
 }
 /**
- * Props for the Plugin Widget component
+ * Props for the Custom Widget component
  */
-export interface PluginWidgetProps {
+export interface CustomWidgetProps {
     /**
-     * Plugin type. This is typically the name/ID of the plugin.
+     * Custom widget type. This is typically the name/ID of the custom widget.
      *
      * @category Widget
      */
-    pluginType: string;
+    customWidgetType: string;
     /**
      * Data source the query is run against - e.g. `Sample ECommerce`
      *
@@ -1196,17 +1229,17 @@ export interface PluginWidgetProps {
      */
     dataOptions: GenericDataOptions;
     /**
-     * Style options for the plugin widget.
+     * Style options for the custom widget.
      *
      * @category Widget
      */
-    styleOptions?: PluginWidgetStyleOptions;
+    styleOptions?: CustomWidgetStyleOptions;
     /**
      * Title of the widget
      *
      * @category Widget
      */
-    title: string;
+    title?: string;
     /**
      *  Description of the widget
      *
@@ -1238,11 +1271,11 @@ export type WithCommonWidgetProps<BaseWidget, Type extends WidgetType> = BaseWid
 /**
  * Type of the widget component.
  */
-export type WidgetType = 'chart' | 'pivot' | 'text' | 'plugin';
+export type WidgetType = 'chart' | 'pivot' | 'text' | 'custom';
 /**
  * Props for the widget component within a container component like dashboard.
  */
-export type WidgetProps = WithCommonWidgetProps<ChartWidgetProps, 'chart'> | WithCommonWidgetProps<PivotTableWidgetProps, 'pivot'> | WithCommonWidgetProps<TextWidgetProps, 'text'> | WithCommonWidgetProps<PluginWidgetProps, 'plugin'>;
+export type WidgetProps = WithCommonWidgetProps<ChartWidgetProps, 'chart'> | WithCommonWidgetProps<PivotTableWidgetProps, 'pivot'> | WithCommonWidgetProps<TextWidgetProps, 'text'> | WithCommonWidgetProps<CustomWidgetProps, 'custom'>;
 /**
  * Props for the facade widget component.
  *
@@ -1411,6 +1444,14 @@ export interface ContextMenuProps {
      * @category Widget
      */
     children?: React.ReactNode;
+    /**
+     * Menu alignment configuration for positioning
+     *
+     * @category Widget
+     *
+     * @internal
+     */
+    alignment?: MenuAlignment;
 }
 /**
  * Props of the {@link DrilldownBreadcrumbs} component.

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

@@ -40,7 +40,7 @@ export declare const translation: {
             onlyTableWidgetSupported: string;
             onlyPivotWidgetSupported: string;
             onlyTextWidgetSupported: string;
-            onlyPluginWidgetSupported: string;
+            onlyCustomWidgetSupported: string;
             unsupportedWidgetType: string;
             unsupportedFusionWidgetType: string;
         };
@@ -223,8 +223,12 @@ export declare const translation: {
             details: string;
             tooltip: string;
         };
+        menu: {
+            deleteWidget: string;
+            distributeEqualWidth: string;
+        };
     };
-    plugins: {
+    customWidgets: {
         registerPrompt: string;
     };
     ai: {
@@ -363,6 +367,7 @@ export declare const translation: {
             cancel: string;
             apply: string;
             editLayout: string;
+            viewMode: string;
         };
     };
     jumpToDashboard: {

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

@@ -50,7 +50,7 @@ export declare const resources: {
                 onlyTableWidgetSupported: string;
                 onlyPivotWidgetSupported: string;
                 onlyTextWidgetSupported: string;
-                onlyPluginWidgetSupported: string;
+                onlyCustomWidgetSupported: string;
                 unsupportedWidgetType: string;
                 unsupportedFusionWidgetType: string;
             };
@@ -233,8 +233,12 @@ export declare const resources: {
                 details: string;
                 tooltip: string;
             };
+            menu: {
+                deleteWidget: string;
+                distributeEqualWidth: string;
+            };
         };
-        plugins: {
+        customWidgets: {
             registerPrompt: string;
         };
         ai: {
@@ -373,6 +377,7 @@ export declare const resources: {
                 cancel: string;
                 apply: string;
                 editLayout: string;
+                viewMode: string;
             };
         };
         jumpToDashboard: {
@@ -421,7 +426,7 @@ export declare const resources: {
                 onlyTableWidgetSupported: string;
                 onlyPivotWidgetSupported: string;
                 onlyTextWidgetSupported: string;
-                onlyPluginWidgetSupported: string;
+                onlyCustomWidgetSupported: string;
                 unsupportedWidgetType: string;
                 unsupportedFusionWidgetType: string;
             };
@@ -604,8 +609,12 @@ export declare const resources: {
                 details: string;
                 tooltip: string;
             };
+            menu: {
+                deleteWidget: string;
+                distributeEqualWidth: string;
+            };
         };
-        plugins: {
+        customWidgets: {
             registerPrompt: string;
         };
         ai: {
@@ -744,6 +753,7 @@ export declare const resources: {
                 cancel: string;
                 apply: string;
                 editLayout: string;
+                viewMode: string;
             };
         };
         jumpToDashboard: {