@sisense/sdk-ui 2.7.0 → 2.8.0

package/dist/packages/sdk-ui/src/ai/common/icon-button.d.ts

@@ -3,9 +3,7 @@ import { type IconButtonProps as MuiIconButtonProps } from '@mui/material/IconBu
 interface IconButtonProps extends MuiIconButtonProps {
     $hoverColor?: string;
 }
-declare const IconButton: import("@emotion/styled").StyledComponent<import("@mui/material/IconButton").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "loading" | "children" | "disabled" | "size" | "className" | "style" | "tabIndex" | "color" | "sx" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loadingIndicator"> & {
+declare const IconButton: import("@emotion/styled").StyledComponent<import("@mui/material/IconButton").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "loading" | "children" | "disabled" | "size" | "className" | "style" | "tabIndex" | "color" | "sx" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loadingIndicator"> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & IconButtonProps, {}, {}>;
 export default IconButton;

package/dist/packages/sdk-ui/src/ai/messages/clickable-message.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     children: string | JSX.Element;
     align: 'left' | 'right';

package/dist/packages/sdk-ui/src/chart-options-processor/data-points.d.ts

@@ -2,6 +2,7 @@ import { Measure } from '@sisense/sdk-data';
 import { HighchartsPoint } from '../types';
 import { SisenseChartDataPoint } from '../sisense-chart/types';
 import { ChartDataOptionsInternal, StyledColumn, StyledMeasureColumn } from '..';
+export declare function createFormatter(dataOption: StyledColumn | StyledMeasureColumn): (value?: number | string | Date) => string;
 export declare function getDataPointMetadata(dataOptionPath: string, dataOption: StyledColumn | StyledMeasureColumn): {
     measure?: Measure | undefined;
     attribute?: import("@sisense/sdk-data").Attribute | undefined;

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

@@ -1,3 +1,4 @@
-export declare const DragHandleIcon: ({ color }: {
+export declare const DragHandleIcon: ({ color, ...props }: {
+    [x: string]: any;
     color?: string | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -7,7 +7,16 @@ import { GenericDataOptions } from '../types';
 export interface CustomWidgetComponentProps<DataOptions = GenericDataOptions, StyleOptions = any> {
     dataSource?: DataSource;
     dataOptions: DataOptions;
-    styleOptions: StyleOptions;
+    styleOptions: StyleOptions & {
+        /**
+         * The width of the custom widget component.
+         */
+        width?: number;
+        /**
+         * The height of the custom widget component.
+         */
+        height?: number;
+    };
     filters?: Filter[] | FilterRelations;
     highlights?: Filter[];
     description?: string;

package/dist/packages/sdk-ui/src/dashboard/components/editable-layout/components/draggable-line.d.ts

@@ -14,11 +14,15 @@ type DraggableLineProps = {
      * The orientation of the draggable line
      */
     orientation?: DraggableLineOrientation;
+    /**
+     * The aria-label of the draggable line
+     */
+    ariaLabel?: string;
 };
 /**
  * Renders a draggable line component that can be used to resize columns or rows
  *
  * @internal
  */
-export declare const DraggableLine: ({ id, orientation }: DraggableLineProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DraggableLine: ({ id, orientation, ariaLabel, }: DraggableLineProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface DashboardHeaderToolbarMenuItem {
     title: string;
     icon?: JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WidgetsPanelLayout } from '../../models';
 /**
  * Props for the useEditModeToolbar hook

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

@@ -23,6 +23,8 @@ export declare const useDashboardThemeInternal: ({ styleOptions }: DashboardThem
                 primaryTextColor: string;
                 secondaryTextColor: string;
                 backgroundColor: string;
+                dividerLineColor: string;
+                dividerLineWidth: number;
             };
         };
         palette?: import("..").ColorPaletteTheme | undefined;
@@ -47,6 +49,8 @@ export declare const useDashboardTheme: (args_0: DashboardThemeParams) => {
                 primaryTextColor: string;
                 secondaryTextColor: string;
                 backgroundColor: string;
+                dividerLineColor: string;
+                dividerLineWidth: number;
             };
         };
         palette?: import("..").ColorPaletteTheme | undefined;

package/dist/packages/sdk-ui/src/error-boundary/error-boundary.d.ts

@@ -36,6 +36,6 @@ export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBo
     };
     componentDidCatch(error: Error): void;
     componentDidUpdate(prevProps: ErrorBoundaryProps, prevState: ErrorBoundaryState): void;
-    render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
+    render(): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
 }
 export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Filter, DataSource } from '@sisense/sdk-data';
 import type { UseExistingFilterEditingConfig } from '../types';
 type UseExistingFilterEditingParams = {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DataSource, Filter } from '@sisense/sdk-data';
 import { UseNewFilterCreationConfig } from '../types';
 import { AttributiveElement } from '../../../../data-browser/dimensions-browser/types';

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

@@ -9,6 +9,6 @@ interface Props {
 export declare const useMembers: ({ initialMembers, initialSelectedMembers, onUpdateSelectedMembers, disabled, }: Props) => {
     members: Member[];
     selectedMembers: import("./members-reducer").SelectedMember[];
-    dispatch: import("react").Dispatch<import("./members-reducer").MembersAction>;
+    dispatch: import("react").ActionDispatch<[action: import("./members-reducer").MembersAction]>;
 };
 export {};

package/dist/packages/sdk-ui/src/pivot-table/hooks/use-apply-pivot-table-cell-events/get-pivot-table-data-point.d.ts

@@ -0,0 +1,4 @@
+import { type PivotTableDataOptionsInternal } from '../../../chart-data-options/types';
+import { PivotTableDataPoint } from '../../../types';
+import { PivotTableCellPayload } from './types';
+export declare const getPivotTableDataPoint: (cellPayload: PivotTableCellPayload, dataOptions: PivotTableDataOptionsInternal) => PivotTableDataPoint;

package/dist/packages/sdk-ui/src/pivot-table/hooks/use-apply-pivot-table-cell-events/index.d.ts

@@ -0,0 +1 @@
+export { useApplyPivotTableCellEvents } from './use-apply-pivot-table-cell-events';

package/dist/packages/sdk-ui/src/pivot-table/hooks/use-apply-pivot-table-cell-events/types.d.ts

@@ -0,0 +1,32 @@
+type AbstractDataTreeNode = {
+    value: string;
+    content: string;
+    level: number;
+    metadataType: string;
+    userType: string;
+    parent: AbstractDataTreeNode | undefined;
+};
+export type ValueDataNode = AbstractDataTreeNode & {
+    index: number;
+    metadataType: 'measures';
+    userType: 'measureBottom' | 'measureTop';
+};
+export type RowDataNode = AbstractDataTreeNode & {
+    index: number;
+    metadataType: 'rows';
+    userType: 'corner' | 'subTotal' | 'grandTotal';
+};
+export type ColumnDataNode = AbstractDataTreeNode & {
+    index: number;
+    metadataType: 'columns';
+    userType: 'subTotal' | 'grandTotal';
+};
+export type PivotTableCellPayload = {
+    dataNode: ValueDataNode | RowDataNode | ColumnDataNode;
+    rowTreeNode?: RowDataNode;
+    columnTreeNode?: ColumnDataNode;
+    measureTreeNode?: ValueDataNode;
+    isDataCell: boolean;
+    event: MouseEvent;
+};
+export type { AbstractDataTreeNode };

package/dist/packages/sdk-ui/src/pivot-table/hooks/use-apply-pivot-table-cell-events/use-apply-pivot-table-cell-events.d.ts

@@ -0,0 +1,18 @@
+import { type PivotTableDataOptionsInternal } from '../../../chart-data-options/types';
+import { PivotTableDataPointEventHandler } from '../../../index-typedoc';
+import { PivotTableCellPayload } from './types';
+type UseApplyPivotTableCellEventsProps = {
+    dataOptions: PivotTableDataOptionsInternal;
+    onDataPointClick?: PivotTableDataPointEventHandler;
+    onDataPointContextMenu?: PivotTableDataPointEventHandler;
+};
+type UseApplyPivotTableCellEventsResult = {
+    handlePivotTableCellClick: (payload: PivotTableCellPayload) => void;
+};
+/**
+ * A hook that applies pivot table cell events.
+ *
+ * @internal
+ */
+export declare const useApplyPivotTableCellEvents: ({ dataOptions, onDataPointClick, onDataPointContextMenu, }: UseApplyPivotTableCellEventsProps) => UseApplyPivotTableCellEventsResult;
+export {};

package/dist/packages/sdk-ui/src/pivot-table/hooks/use-apply-pivot-table-cell-events/utils.d.ts

@@ -0,0 +1,11 @@
+import { AbstractDataTreeNode } from './types';
+export declare function getTreeNodeByLevel(node: AbstractDataTreeNode, level: number): AbstractDataTreeNode;
+export declare function isSubTotalTreeNode(node: AbstractDataTreeNode, type: 'rows' | 'columns'): boolean;
+export declare function isGrandTotalTreeNode(node: AbstractDataTreeNode, type: 'rows' | 'columns'): boolean;
+/**
+ * Safely performs modulo operation, returning 0 if divisor is null/undefined or 0
+ * @param dividend - The dividend number (defaults to 0 if not provided)
+ * @param divisor - The divisor number (optional)
+ * @returns The result of dividend % divisor, or 0 if divisor is invalid
+ */
+export declare function safeModulo(dividend?: number, divisor?: number): number;

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

@@ -1,5 +1,5 @@
 import { type DataService } from '@sisense/sdk-pivot-client';
-import { type PivotTableDataOptions } from '../../chart-data-options/types';
+import { type PivotTableDataOptionsInternal } from '../../chart-data-options/types';
 /**
  * A hook that applies formatting over pivot table cells.
  *
@@ -7,5 +7,5 @@ import { type PivotTableDataOptions } from '../../chart-data-options/types';
  */
 export declare const useApplyPivotTableFormatting: ({ dataService, dataOptions, }: {
     dataService: DataService;
-    dataOptions: PivotTableDataOptions;
+    dataOptions: PivotTableDataOptionsInternal;
 }) => void;

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

@@ -1,13 +1,13 @@
-/// <reference types="react" />
 import { type PivotBuilder } from '@sisense/sdk-pivot-client';
 import type { CompleteThemeSettings, PivotTableStyleOptions } from '../../types';
-import type { PivotTableDataOptions } from '../../chart-data-options/types';
+import type { PivotTableDataOptionsInternal } from '../../chart-data-options/types';
 import type { ContainerSize } from '../../dynamic-size-container/dynamic-size-container';
+import { PivotTableDataPointEventHandler } from '../../index-typedoc';
 type PivotRenderOptions = {
     /** The pivot builder instance. */
     pivotBuilder: PivotBuilder;
     /** The pivot table data options. */
-    dataOptions: PivotTableDataOptions;
+    dataOptions: PivotTableDataOptionsInternal;
     /** The pivot table style options. */
     styleOptions: PivotTableStyleOptions;
     /** The theme settings. */
@@ -16,11 +16,15 @@ type PivotRenderOptions = {
     size: ContainerSize | null;
     /** Callback to handle total height change. */
     onTotalHeightChange?: (totalHeight: number) => void;
+    /** Callback to handle data point click. */
+    onDataPointClick?: PivotTableDataPointEventHandler;
+    /** Callback to handle data point context menu. */
+    onDataPointContextMenu?: PivotTableDataPointEventHandler;
 };
 /**
  * A hook that renders the pivot table.
  */
-export declare function useRenderPivot({ pivotBuilder, dataOptions, styleOptions, themeSettings, size, onTotalHeightChange, }: PivotRenderOptions): {
+export declare function useRenderPivot({ pivotBuilder, dataOptions, styleOptions, themeSettings, size, onTotalHeightChange, onDataPointClick, onDataPointContextMenu, }: PivotRenderOptions): {
     pivotElement: JSX.Element | null;
 };
 export {};

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, 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 { 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, PivotTableDataPoint } 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';
@@ -306,6 +306,14 @@ export type TextWidgetDataPointEventHandler = (
 point: TextWidgetDataPoint, 
 /** Native MouseEvent */
 nativeEvent: MouseEvent) => void;
+/**
+ * Click handler for when a pivot table cell is clicked.
+ */
+export type PivotTableDataPointEventHandler = (
+/** Data point that was clicked */
+point: PivotTableDataPoint, 
+/** Native MouseEvent */
+nativeEvent: MouseEvent) => void;
 interface HighchartsBasedChartEventProps {
     /**
      * A callback that allows you to customize the underlying chart element before it is rendered.
@@ -871,6 +879,18 @@ export interface PivotTableProps {
      * @internal
      */
     onHeightChange?: (height: number) => void;
+    /**
+     * Callback function that is called when the pivot table cell is clicked
+     *
+     * @internal
+     */
+    onDataPointClick?: PivotTableDataPointEventHandler;
+    /**
+     * Callback function that is called when the pivot table cell is right-clicked
+     *
+     * @internal
+     */
+    onDataPointContextMenu?: PivotTableDataPointEventHandler;
 }
 /**
  * Props of the {@link ScatterChart} component.
@@ -1182,6 +1202,18 @@ export interface PivotTableWidgetProps {
      * @category Widget
      */
     description?: string;
+    /**
+     * Callback function that is called when the pivot table cell is clicked
+     *
+     * @internal
+     */
+    onDataPointClick?: PivotTableDataPointEventHandler;
+    /**
+     * Callback function that is called when the pivot table cell is right-clicked
+     *
+     * @internal
+     */
+    onDataPointContextMenu?: PivotTableDataPointEventHandler;
 }
 /**
  * Props for the `TextWidget` component.

package/dist/packages/sdk-ui/src/theme-provider/default-theme-settings.d.ts

@@ -3,7 +3,12 @@ export declare const DEFAULT_DIVIDER_COLOR = "#F2F2F2";
 export declare const DEFAULT_DIVIDER_WIDTH = 4;
 export declare const DEFAULT_DASHBOARD_BORDER_COLOR = "#D5D5D5";
 export declare const DEFAULT_DASHBOARD_BORDER_WIDTH = 1;
+export declare const DEFAULT_DASHBOARD_TOOLBAR_DIVIDER_LINE_COLOR = "#D5D5D5";
+export declare const DEFAULT_DASHBOARD_TOOLBAR_DIVIDER_LINE_WIDTH = 1;
+export declare const DEFAULT_FILTER_PANEL_DIVIDER_LINE_COLOR = "#DADADA";
+export declare const DEFAULT_FILTER_PANEL_DIVIDER_LINE_WIDTH = 1;
 export declare const DEFAULT_FILTER_PANEL_BORDER_COLOR = "#DADADA";
+export declare const DEFAULT_FILTER_PANEL_BORDER_WIDTH = 1;
 export declare const DEFAULT_TITLE_FONT_SIZE = 15;
 /**
  * Returns default theme settings, which can be used as base for custom theme options.

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

@@ -975,6 +975,10 @@ export type DashboardThemeSettings = {
         secondaryTextColor?: string;
         /** Background color for the dashboard toolbar */
         backgroundColor?: string;
+        /** Divider line color for the dashboard toolbar */
+        dividerLineColor?: string;
+        /** Divider line width for the dashboard toolbar */
+        dividerLineWidth?: number;
     };
 };
 /**
@@ -986,14 +990,24 @@ export type FilterThemeSettings = {
         titleColor?: string;
         /** Background color */
         backgroundColor?: string;
+        /** Divider line color for the filter panel */
+        dividerLineColor?: string;
+        /** Divider line width for the filter panel */
+        dividerLineWidth?: number;
         /**
-         * Border color
+         * Border color for the filter panel component
+         *
+         * **Note:** Does not apply to filter panel inside `Dashboard`
+         * use dividerLineColor and dividerLineWidth instead
          *
          * @internal
          * */
         borderColor?: string;
         /**
-         * Border width
+         * Border width for the filter panel component
+         *
+         * **Note:** Does not apply to filter panel inside `Dashboard`
+         * use dividerLineColor and dividerLineWidth instead
          *
          * @internal
          * */
@@ -1311,7 +1325,16 @@ export type TextWidgetStyleOptions = {
 /**
  * Style settings defining the look and feel of CustomWidget
  */
-export type CustomWidgetStyleOptions = Record<string, unknown> & WidgetContainerStyleOptions;
+export type CustomWidgetStyleOptions = WidgetContainerStyleOptions & Record<string, unknown> & {
+    /**
+     * The width of the custom widget component.
+     */
+    width?: number;
+    /**
+     * The height of the custom widget component.
+     */
+    height?: number;
+};
 /**
  * Runs type guard check for ThemeOid.
  *
@@ -1476,6 +1499,37 @@ export type TextWidgetDataPoint = {
     /** HTML content of the text widget */
     html?: string;
 };
+/** Data point in a PivotTable. */
+export type PivotTableDataPoint = {
+    /**
+     * Boolean flag that defines if the data point is a data cell
+     *
+     * @internal
+     */
+    isDataCell: boolean;
+    /**
+     * Boolean flag that defines if the data point is a caption cell
+     *
+     * @internal
+     */
+    isCaptionCell: boolean;
+    /**
+     * Boolean flag that defines if the data point is a total cell (subtotal or grandtotal)
+     *
+     * @internal
+     */
+    isTotalCell: boolean;
+    /**
+     * A collection of data point entries that represents values for all related `dataOptions`.
+     *
+     * @internal
+     */
+    entries: {
+        rows?: DataPointEntry[];
+        columns?: DataPointEntry[];
+        values?: DataPointEntry[];
+    };
+};
 /**
  * Data point in an Areamap chart.
  */

package/dist/packages/sdk-ui/src/widget-by-id/utils.d.ts

@@ -1,7 +1,7 @@
 import { ChartSubtype } from '../chart-options-processor/subtype-to-design-options.js';
 import { ChartType, RenderToolbarHandler } from '../types.js';
 import { Panel, PanelItem, TextWidgetDtoStyle, WidgetStyle, WidgetSubtype, FusionWidgetType } from './types.js';
-import { ChartProps, ChartWidgetProps, PivotTableWidgetProps, CustomWidgetProps, TextWidgetProps, CommonWidgetProps, WithCommonWidgetProps, WidgetProps, WidgetType } from '../props';
+import { ChartProps, ChartWidgetProps, PivotTableWidgetProps, CustomWidgetProps, TextWidgetProps, CommonWidgetProps, WithCommonWidgetProps, WidgetProps, WidgetType, PivotTableProps } from '../props';
 import { WidgetTypeInternal } from '../models/widget/types';
 import { WidgetModel } from '../models';
 export { mergeFilters, getFilterRelationsFromJaql, convertFilterRelationsModelToJaql, getFilterCompareId, } from '@sisense/sdk-data';
@@ -97,7 +97,7 @@ export declare function registerDataPointClickHandler(widgetProps: WidgetProps,
  *
  * @internal
  */
-export declare function registerDataPointContextMenuHandler(widgetProps: WidgetProps, handler: NonNullable<ChartProps['onDataPointContextMenu']>): void;
+export declare function registerDataPointContextMenuHandler(widgetProps: WidgetProps, handler: NonNullable<ChartProps['onDataPointContextMenu'] | PivotTableProps['onDataPointContextMenu']>): void;
 /**
  * Registers new "onDataPointsSelected" handler for the Widget component
  *

package/dist/packages/sdk-ui/src/widgets/common/drilldown-breadcrumbs/styled-buttons.d.ts

@@ -1,11 +1,7 @@
 /// <reference types="react" />
-export declare const StyledPrevButton: import("@emotion/styled").StyledComponent<import("@mui/material/IconButton").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "loading" | "children" | "disabled" | "size" | "className" | "style" | "tabIndex" | "color" | "sx" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loadingIndicator"> & {
+export declare const StyledPrevButton: import("@emotion/styled").StyledComponent<import("@mui/material/IconButton").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "loading" | "children" | "disabled" | "size" | "className" | "style" | "tabIndex" | "color" | "sx" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loadingIndicator"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledNextButton: import("@emotion/styled").StyledComponent<import("@mui/material/IconButton").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "loading" | "children" | "disabled" | "size" | "className" | "style" | "tabIndex" | "color" | "sx" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loadingIndicator"> & {
+export declare const StyledNextButton: import("@emotion/styled").StyledComponent<import("@mui/material/IconButton").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "loading" | "children" | "disabled" | "size" | "className" | "style" | "tabIndex" | "color" | "sx" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loadingIndicator"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;