@sisense/sdk-ui 2.15.0 → 2.16.0

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

@@ -9,8 +9,8 @@ import { IndicatorComponents, TableColorOptions } from './chart-options-processo
 import { FunnelDirection, FunnelSize, FunnelType } from './chart-options-processor/translations/funnel-plot-options';
 import { LegendPosition } from './chart-options-processor/translations/legend-section';
 import { ScatterMarkerSize } from './chart-options-processor/translations/scatter-plot-options';
-import { AreamapChartType, BoxplotChartType, CalendarHeatmapChartType, CartesianChartType, CategoricalChartType, IndicatorChartType, RangeChartType, ScatterChartType, ScattermapChartType, TableChartType, TableType, TextStyle } from './chart-options-processor/translations/types';
-import { GeoDataElement, RawGeoDataElement } from './chart/restructured-charts/areamap-chart/types';
+import { AreamapChartType, BoxplotChartType, CalendarHeatmapChartType, CartesianChartType, CategoricalChartType, IndicatorChartType, RangeChartType, ScatterChartType, ScattermapChartType, TableChartType, TextStyle } from './chart-options-processor/translations/types';
+import { GeoDataElement } from './chart/restructured-charts/areamap-chart/types';
 import { CalendarDayOfWeek } from './chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/utils';
 import { DataPointsEventHandler } from './props';
 import { GradientColor } from './utils/gradient';
@@ -21,7 +21,14 @@ export type { DateConfig } from './query/date-formats';
 export type { CalendarDayOfWeek } from './chart/restructured-charts/highchart-based-charts/calendar-heatmap-chart/utils';
 export type { CartesianChartDataOptions, CategoricalChartDataOptions, ChartDataOptions, ScatterChartDataOptions, IndicatorChartDataOptions, CalendarHeatmapChartDataOptions, 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, CalendarHeatmapChartType, TableType, TableChartType, AreaSubtype, AreaRangeSubtype, LineSubtype, PieSubtype, PolarSubtype, StackableSubtype, BoxplotSubtype, IndicatorComponents, ScatterMarkerSize, LegendPosition, GeoDataElement, RawGeoDataElement, Coordinates, RangeChartType, TableColorOptions, TextStyle, };
+export type { CartesianChartType, CategoricalChartType, ScatterChartType, IndicatorChartType, BoxplotChartType, ScattermapChartType, AreamapChartType, CalendarHeatmapChartType, TableType, TableChartType, RangeChartType, TextStyle, } from './chart-options-processor/translations/types';
+export type { IndicatorComponents } from './chart-options-processor/translations/design-options';
+export type { ScatterMarkerSize } from './chart-options-processor/translations/scatter-plot-options';
+export type { LegendPosition } from './chart-options-processor/translations/legend-section';
+export type { GeoDataElement, RawGeoDataElement, } from './chart/restructured-charts/areamap-chart/types';
+export type { Coordinates } from './charts/map-charts/scattermap/types';
+export type { TableColorOptions } from './chart-options-processor/translations/design-options';
+export type { AreaSubtype, AreaRangeSubtype, LineSubtype, PieSubtype, PolarSubtype, StackableSubtype, BoxplotSubtype, } from './chart-options-processor/subtype-to-design-options';
 export type { MonthOfYear, DayOfWeek, DateLevel } from './query/date-formats/apply-date-format';
 export type { IndicatorRenderOptions } from './charts/indicator/indicator-render-options';
 export type { TabberButtonsWidgetStyleOptions, TabberButtonsWidgetCustomOptions, } from './widgets/tabber/types';
@@ -640,6 +647,44 @@ export interface AreaStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions
      */
     totalLabels?: TotalLabels;
 }
+/**
+ * Configuration options that define the visual style of a Streamgraph chart.
+ *
+ * Streamgraphs are centered stacked area charts that emphasize flowing patterns
+ * and overall trends. The Y-axis is typically hidden or minimal, and series labels
+ * are often displayed directly on the areas for identification.
+ */
+export interface StreamgraphStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions {
+    /**
+     * Configuration that defines line style for area boundaries.
+     */
+    line?: LineOptions;
+    /**
+     * Configuration that defines line width for area boundaries.
+     *
+     * @deprecated
+     * Use line.width instead
+     */
+    lineWidth?: LineWidth;
+    /**
+     * Configuration for series labels - titles/names identifying data series in a chart.
+     */
+    seriesLabels?: SeriesLabels;
+    /**
+     * Configuration for titles of series
+     * @internal
+     **/
+    seriesTitles?: {
+        /** Boolean flag that defines if titles of series should be shown */
+        enabled: boolean;
+        /**
+         * Text style for series titles
+         *
+         * Font size and weight are calculated automatically
+         * */
+        textStyle?: Omit<TextStyle, 'pointerEvents' | 'textOverflow' | 'fontSize' | 'fontWeight'>;
+    };
+}
 /** Configuration options that define functional style of the various elements of stackable charts, like Column or Bar */
 export interface StackableStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions {
     /** Subtype of stackable chart */
@@ -731,6 +776,10 @@ export interface PieStyleOptions extends BaseStyleOptions {
     labels?: Labels;
     /** Subtype of Pie chart*/
     subtype?: PieSubtype;
+    /**
+     * Boolean flag that defines if the pie chart should be displayed as a semi-circle
+     */
+    semiCircle?: boolean;
     /**
      * Configuration for series labels - titles/names identifying data series in a chart
      */
@@ -934,6 +983,21 @@ export interface PivotTableStyleOptions {
      * @default false
      */
     isAutoContentWidth?: boolean;
+    /**
+     * Array of column indexes where images are displayed in table cells
+     *
+     * todo Raw interface only for Fusion parity, should be changed before goes public
+     * @internal
+     */
+    imageColumns?: number[];
+    /**
+     * Boolean flag whether to always show the results per page select
+     *
+     * If `true`, the results per page select will be shown even if there is only one page of results.
+     *
+     * @default false
+     */
+    alwaysShowResultsPerPage?: boolean;
 }
 /**
  * Common part of IndicatorStyleOptions for all types of indicator
@@ -1272,7 +1336,7 @@ export type CalendarHeatmapViewType = 'month' | 'quarter' | 'half-year' | 'year'
  */
 export type ChartStyleOptions = RegularChartStyleOptions | TabularChartStyleOptions;
 /** Style options for regular chart types */
-export type RegularChartStyleOptions = LineStyleOptions | AreaStyleOptions | StackableStyleOptions | PieStyleOptions | FunnelStyleOptions | PolarStyleOptions | IndicatorStyleOptions | ScatterStyleOptions | TreemapStyleOptions | SunburstStyleOptions | BoxplotStyleOptions | AreamapStyleOptions | ScattermapStyleOptions | AreaRangeStyleOptions | CalendarHeatmapStyleOptions;
+export type RegularChartStyleOptions = LineStyleOptions | AreaStyleOptions | StackableStyleOptions | PieStyleOptions | FunnelStyleOptions | PolarStyleOptions | IndicatorStyleOptions | ScatterStyleOptions | TreemapStyleOptions | SunburstStyleOptions | BoxplotStyleOptions | AreamapStyleOptions | ScattermapStyleOptions | AreaRangeStyleOptions | CalendarHeatmapStyleOptions | StreamgraphStyleOptions;
 /** Mapping of each of the chart value series to colors. */
 export type ValueToColorMap = {
     [value: string]: string;
@@ -1583,6 +1647,8 @@ export interface TypographyThemeSettings {
     secondaryTextColor?: string;
     /** Hyperlink color */
     hyperlinkColor?: string;
+    /** Hyperlink hover color */
+    hyperlinkHoverColor?: string;
     /** Settings for font loading */
     fontsLoader?: FontsLoaderSettings;
 }
@@ -1840,6 +1906,13 @@ export type PopoverThemeSettings = {
  * @internal
  */
 export type ButtonsThemeSettings = {
+    /** Theme settings for primary button */
+    primary?: {
+        /** Background color */
+        backgroundColor?: string | ElementStateColors;
+        /** Text color */
+        textColor?: string;
+    };
     /** Theme settings for cancel button */
     cancel?: {
         /** Background color */
@@ -1883,6 +1956,13 @@ export type CompleteThemeSettings = DeepRequired<Omit<ThemeSettings, 'typography
         fontsLoader?: FontsLoaderSettings;
     };
 };
+/** @internal */
+export type ThemeConfig = {
+    cssSelectorPrefix?: {
+        enabled?: boolean;
+        value?: string;
+    };
+};
 /** 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 | CustomWidgetStyleOptions) & WidgetContainerStyleOptions;
 /** Style settings defining the look and feel of widget itself and widget header */

package/dist/packages/sdk-ui/src/widget-by-id/translate-widget-style-options/translate-widget-style-options.d.ts

@@ -1,5 +1,5 @@
 import { AlignmentTypes, ChartStyleOptions, GaugeIndicatorStyleOptions, NumericBarIndicatorStyleOptions, NumericSimpleIndicatorStyleOptions, PivotTableStyleOptions, RadiusSizes, ShadowsTypes, SpaceSizes, TabberButtonsWidgetStyleOptions, TableStyleOptions, TextWidgetStyleOptions, WidgetStyleOptions } from '../../types.js';
-import { FusionWidgetType, IndicatorWidgetStyle, PivotWidgetStyle, TableWidgetStyle, WidgetDesign, WidgetDto, WidgetSubtype } from '../types.js';
+import { FusionWidgetType, IndicatorWidgetStyle, TableWidgetStyle, WidgetDesign, WidgetDto, WidgetSubtype } from '../types.js';
 /**
  * Helper function to extract table chart style options from WidgetDto
  */
@@ -8,7 +8,7 @@ export declare const getIndicatorTypeSpecificOptions: (widgetSubtype: WidgetSubt
 /**
  * Helper function to extract pivot table chart style options from WidgetDto
  */
-export declare function extractPivotTableStyleOptions(widgetStyle: PivotWidgetStyle): PivotTableStyleOptions;
+export declare function extractPivotTableStyleOptions(widget: WidgetDto): PivotTableStyleOptions;
 /**
  * Helper function to extract style options from WidgetDto
  */

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

@@ -75,6 +75,7 @@ export interface WidgetDto {
         disallowSelector?: boolean;
         disallowWidgetTitle?: boolean;
         supportsHierarchies?: boolean;
+        imageColumns?: number[];
     };
     source?: any;
     owner?: string;

package/dist/packages/sdk-ui/src/widgets/common/drilldown-utils.d.ts

@@ -1,7 +1,22 @@
-import { Attribute } from '@sisense/sdk-data';
-import { ScatterDataPoint } from '../..';
+import { Attribute, Column } from '@sisense/sdk-data';
+import { DrilldownSelection, Hierarchy, ScatterDataPoint, StyledColumn } from '../..';
 import { ChartDataOptions, ChartType, DataPoint } from '../../types';
 export declare function getDrilldownInitialDimension(chartType: ChartType, dataOptions: ChartDataOptions): Attribute | undefined;
 export declare function isDrilldownApplicableToChart(chartType: ChartType, dataOptions: ChartDataOptions): boolean;
 export declare function applyDrilldownDimension(chartType: ChartType, dataOptions: ChartDataOptions, drilldownDimension: Attribute): ChartDataOptions;
 export declare function prepareDrilldownSelectionPoints(points: (DataPoint | ScatterDataPoint)[], nativeEvent: MouseEvent, dataOptions: ChartDataOptions): DataPoint[];
+/**
+ * Collects the available drilldown paths based on the provided paths and currently selected attributes.
+ * @param drilldownPaths - The available drilldown paths (attributes or hierarchies)
+ * @param selectedAttributes - The currently selected attributes in the drilldown chain
+ * @returns Filtered drilldown paths that are still available for selection
+ * @internal
+ */
+export declare function getAvailableDrilldownPaths(drilldownPaths: (Attribute | Hierarchy)[], selectedAttributes: Attribute[]): (Attribute | Hierarchy)[];
+/**
+ * Collects the currently selected attributes in the drilldown chain.
+ * @param initialDimension - The initial dimension
+ * @param drilldownSelections - The drilldown selections
+ * @returns The currently selected attributes in the drilldown chain
+ */
+export declare function getSelectedDrilldownAttributes(initialDimension: Attribute | Column | StyledColumn, drilldownSelections: DrilldownSelection[]): Attribute[];

package/dist/packages/sdk-ui/src/widgets/hooks/use-drilldown.d.ts

@@ -5,7 +5,6 @@ import { Hierarchy } from '../../models';
 import { DataPoint, DrilldownSelection, MenuItemSection, MenuPosition, StyledColumn } from '../../types.js';
 type UseDrilldownParams = {
     initialDimension: Column | StyledColumn;
-    drilldownPaths?: (Attribute | Hierarchy)[];
     drilldownSelections?: DrilldownSelection[];
     /**
      * todo: make it optional when we will have a public `MenuProvider`.
@@ -14,11 +13,11 @@ type UseDrilldownParams = {
     openMenu: OpenMenuFn;
     onDrilldownSelectionsChange?: (selections: DrilldownSelection[]) => void;
 };
-export declare const useDrilldown: ({ initialDimension, drilldownPaths, drilldownSelections, openMenu, onDrilldownSelectionsChange, }: UseDrilldownParams) => {
+export declare const useDrilldown: ({ initialDimension, drilldownSelections, openMenu, onDrilldownSelectionsChange, }: UseDrilldownParams) => {
     drilldownDimension: Attribute;
     drilldownFilters: import("@sisense/sdk-data").MembersFilter[];
     breadcrumbs: import("react/jsx-runtime").JSX.Element;
-    openDrilldownMenu: (position: MenuPosition, points: DataPoint[]) => void;
+    openDrilldownMenu: (position: MenuPosition, points: DataPoint[], availableDrilldownPaths?: (Attribute | Hierarchy)[]) => void;
 };
 /** @internal */
 export declare function getSelectionTitleMenuItem(points: DataPoint[], drilldownDimension: Attribute): MenuItemSection;

package/dist/packages/sdk-ui/src/widgets/hooks/use-with-drilldown.d.ts

@@ -6,7 +6,7 @@ type UseWithDrilldownParams = {
 };
 export declare const useWithDrilldown: ({ propsToExtend, onDrilldownSelectionsChange, }: UseWithDrilldownParams) => {
     propsWithDrilldown: ChartWidgetProps;
-    isDrilldownEnabled: boolean | 0;
+    isDrilldownEnabled: boolean;
     breadcrumbs: import("react/jsx-runtime").JSX.Element;
 };
 export {};

package/dist/{types-B8jkBXCe.cjs → types-Clbnx4mQ.cjs}

@@ -1 +1 @@
-"use strict";const a=require("./execute-query-k_ytd_Rf.cjs");class s extends a.DimensionalElement{constructor(e,r){var i;super((i=e.jaql.title)!==null&&i!==void 0?i:"",r),this.__serializable="JaqlElement",this.expression=e.jaql.dim||e.jaql.formula,this.metadataItem=e,e.jaql.agg?this.aggregation=e.jaql.agg:delete this.aggregation,e.jaql.formula?this.formula=e.jaql.formula:delete this.formula,e.jaql.sort?this.sortType=a.getSortType(e.jaql.sort):delete this.sortType,this.skipValidation=!0}get id(){return this.expression}jaql(e){return e===!0?this.metadataItem.jaql:this.metadataItem}serialize(){const e=super.serialize();return e.metadataItem=this.metadataItem,e.type=this.type,e}}const l={text:a.MetadataTypes.TextAttribute,numeric:a.MetadataTypes.NumericAttribute,datetime:a.MetadataTypes.DateLevel},d=t=>t&&t.__serializable==="JaqlElement";function n(t){var e;return new s(t,(e=l[t.jaql.datatype])!==null&&e!==void 0?e:"numeric")}function o(t){const{jaql:e}=t;if(e.formula)return a.createCalculatedMeasureHelper(e);const r=a.getGranularityFromJaql(e);return"agg"in e&&e.dim&&e.datatype?a.createMeasureHelper({expression:e.dim,dataType:e.datatype,agg:e.agg||"",granularity:r,format:void 0,sort:e.sort,title:e.title,dataSource:e.datasource}):e.dim&&e.datatype?a.createAttributeHelper({expression:e.dim,dataType:e.datatype,granularity:r,sort:e.sort,title:e.title,panel:t.panel,dataSource:e.datasource}):n(t)}const u={jaql:{datasource:{title:"",type:"elasticube"},metadata:[]},queryTitle:"",chartRecommendations:{}},m={model:"",metadata:[],chart:{},queryTitle:""},c=t=>"widgetProps"in t,p=t=>"dashboardOid"in t&&"widgetOid"in t,g=t=>"dashboardProps"in t,y=t=>"dashboardOid"in t;exports.EMPTY_EXPANDED_QUERY_MODEL=u;exports.EMPTY_SIMPLE_QUERY_MODEL=m;exports.JaqlElement=s;exports.createDimensionalElementFromMetadataItem=o;exports.isByIdDashboardCodeParams=y;exports.isByIdWidgetCodeParams=p;exports.isClientSideDashboardCodeParams=g;exports.isClientSideWidgetCodeParams=c;exports.isJaqlElement=d;
+"use strict";const a=require("./execute-query-CB4XfUng.cjs");class s extends a.DimensionalElement{constructor(e,r){var i;super((i=e.jaql.title)!==null&&i!==void 0?i:"",r),this.__serializable="JaqlElement",this.expression=e.jaql.dim||e.jaql.formula,this.metadataItem=e,e.jaql.agg?this.aggregation=e.jaql.agg:delete this.aggregation,e.jaql.formula?this.formula=e.jaql.formula:delete this.formula,e.jaql.sort?this.sortType=a.getSortType(e.jaql.sort):delete this.sortType,this.skipValidation=!0}get id(){return this.expression}jaql(e){return e===!0?this.metadataItem.jaql:this.metadataItem}serialize(){const e=super.serialize();return e.metadataItem=this.metadataItem,e.type=this.type,e}}const l={text:a.MetadataTypes.TextAttribute,numeric:a.MetadataTypes.NumericAttribute,datetime:a.MetadataTypes.DateLevel},d=t=>t&&t.__serializable==="JaqlElement";function n(t){var e;return new s(t,(e=l[t.jaql.datatype])!==null&&e!==void 0?e:"numeric")}function o(t){const{jaql:e}=t;if(e.formula)return a.createCalculatedMeasureHelper(e);const r=a.getGranularityFromJaql(e);return"agg"in e&&e.dim&&e.datatype?a.createMeasureHelper({expression:e.dim,dataType:e.datatype,agg:e.agg||"",granularity:r,format:void 0,sort:e.sort,title:e.title,dataSource:e.datasource}):e.dim&&e.datatype?a.createAttributeHelper({expression:e.dim,dataType:e.datatype,granularity:r,sort:e.sort,title:e.title,panel:t.panel,dataSource:e.datasource}):n(t)}const u={jaql:{datasource:{title:"",type:"elasticube"},metadata:[]},queryTitle:"",chartRecommendations:{}},m={model:"",metadata:[],chart:{},queryTitle:""},c=t=>"widgetProps"in t,p=t=>"dashboardOid"in t&&"widgetOid"in t,g=t=>"dashboardProps"in t,y=t=>"dashboardOid"in t;exports.EMPTY_EXPANDED_QUERY_MODEL=u;exports.EMPTY_SIMPLE_QUERY_MODEL=m;exports.JaqlElement=s;exports.createDimensionalElementFromMetadataItem=o;exports.isByIdDashboardCodeParams=y;exports.isByIdWidgetCodeParams=p;exports.isClientSideDashboardCodeParams=g;exports.isClientSideWidgetCodeParams=c;exports.isJaqlElement=d;

package/dist/{types-DZhBEm3K.js → types-D1mqt0Mg.js}

@@ -1,4 +1,4 @@
-import { f as i, g as l, h as n, i as o, D as d, k as u, M as s } from "./execute-query-D1JOjJ8n.js";
+import { f as i, g as l, h as n, i as o, D as d, k as u, M as s } from "./execute-query-CFK2R_1S.js";
 class m extends d {
   constructor(e, t) {
     var r;
@@ -52,13 +52,7 @@ function y(a) {
   }) : p(a);
 }
 const q = {
-  jaql: {
-    datasource: {
-      title: "",
-      type: "elasticube"
-    },
-    metadata: []
-  },
+  jaql: { datasource: { title: "", type: "elasticube" }, metadata: [] },
   queryTitle: "",
   chartRecommendations: {}
 }, f = {