@sisense/sdk-ui-vue 2.31.1 → 2.33.0

package/dist/src/components/charts/chart.d.ts

@@ -103,7 +103,7 @@ export declare const Chart: import("vue").DefineComponent<{
      *
      * @category Callbacks
      */
-    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | import("@sisense/sdk-ui-preact").IndicatorBeforeRenderHandler | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | import("@sisense/sdk-ui-preact").IndicatorBeforeRenderHandler | import("@sisense/sdk-ui-preact").KpiBeforeRenderHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartProps.onDataReady}
      *
@@ -115,13 +115,13 @@ export declare const Chart: import("vue").DefineComponent<{
      *
      * @category Callbacks
      */
-    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").AreamapDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").ScattermapDataPointEventHandler | import("@sisense/sdk-ui-preact").IndicatorDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").AreamapDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").ScattermapDataPointEventHandler | import("@sisense/sdk-ui-preact").IndicatorDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | import("@sisense/sdk-ui-preact").KpiDataPointEventHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartProps.onDataPointContextMenu}
      *
      * @category Callbacks
      */
-    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | import("@sisense/sdk-ui-preact").KpiDataPointEventHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartProps.onDataPointsSelected}
      *
@@ -182,7 +182,7 @@ export declare const Chart: import("vue").DefineComponent<{
      *
      * @category Callbacks
      */
-    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | import("@sisense/sdk-ui-preact").IndicatorBeforeRenderHandler | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | import("@sisense/sdk-ui-preact").IndicatorBeforeRenderHandler | import("@sisense/sdk-ui-preact").KpiBeforeRenderHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartProps.onDataReady}
      *
@@ -194,13 +194,13 @@ export declare const Chart: import("vue").DefineComponent<{
      *
      * @category Callbacks
      */
-    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").AreamapDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").ScattermapDataPointEventHandler | import("@sisense/sdk-ui-preact").IndicatorDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").AreamapDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").ScattermapDataPointEventHandler | import("@sisense/sdk-ui-preact").IndicatorDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | import("@sisense/sdk-ui-preact").KpiDataPointEventHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartProps.onDataPointContextMenu}
      *
      * @category Callbacks
      */
-    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | import("@sisense/sdk-ui-preact").KpiDataPointEventHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartProps.onDataPointsSelected}
      *

package/dist/src/components/charts/index.d.ts

@@ -18,3 +18,4 @@ export { AreamapChart, type AreamapChartProps } from './areamap-chart';
 export { ScattermapChart, type ScattermapChartProps } from './scattermap-chart';
 export { StreamgraphChart, type StreamgraphChartProps } from './streamgraph-chart';
 export { AreaRangeChart, type AreaRangeChartProps } from './area-range-chart';
+export { SankeyChart, type SankeyChartProps } from './sankey-chart';

package/dist/src/components/charts/sankey-chart.d.ts

@@ -0,0 +1,178 @@
+import type { SankeyChartProps as SankeyChartPropsPreact } from '@sisense/sdk-ui-preact';
+import type { PropType } from 'vue';
+/**
+ * Props of the {@link @sisense/sdk-ui-vue!SankeyChart | `SankeyChart`} component.
+ */
+export interface SankeyChartProps extends SankeyChartPropsPreact {
+}
+/**
+ * A Vue component that visualizes flow and volume between nodes using a Sankey diagram.
+ *
+ * Node width represents the total flow through that node; link width represents the flow
+ * between two connected nodes.
+ *
+ * @example
+ * Here's how you can use the SankeyChart component in a Vue application:
+ * ```vue
+ * <template>
+ * <SankeyChart
+ *      :dataOptions="sankeyChartProps.dataOptions"
+ *      :dataSet="sankeyChartProps.dataSet"
+ *      :styleOptions="sankeyChartProps.styleOptions"
+ *    />
+ * </template>
+ *
+ * <script setup lang="ts">
+ * import { ref } from 'vue';
+ * import { measureFactory } from '@sisense/sdk-data';
+ * import * as DM from '../assets/sample-ecommerce';
+ * import { SankeyChart, type SankeyChartProps } from '@sisense/sdk-ui-vue';
+ *
+ * const sankeyChartProps = ref<SankeyChartProps>({
+ *   dataSet: DM.DataSource,
+ *   dataOptions: {
+ *     category: [DM.Commerce.Gender, DM.Commerce.AgeRange],
+ *     value: measureFactory.sum(DM.Commerce.Revenue, 'Revenue'),
+ *   },
+ *   styleOptions: {
+ *     orientation: 'horizontal',
+ *     nodeAlignment: 'top',
+ *   },
+ * });
+ * </script>
+ * ```
+ * @param {SankeyChartProps} - Sankey chart properties
+ * @returns Sankey Chart component
+ * @group Charts
+ */
+export declare const SankeyChart: import("vue").DefineComponent<{
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.dataOptions}
+     *
+     * @category Chart
+     */
+    dataOptions: {
+        type: PropType<import("@sisense/sdk-ui-preact").SankeyChartDataOptions>;
+        required: true;
+    };
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.dataSet}
+     *
+     * @category Data
+     */
+    dataSet: PropType<import("@sisense/sdk-data").DataSource | import("@sisense/sdk-data").Data | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.filters}
+     *
+     * @category Data
+     */
+    filters: PropType<import("@sisense/sdk-data").FilterRelations | import("@sisense/sdk-data").Filter[] | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.highlights}
+     *
+     * @category Data
+     */
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.styleOptions}
+     *
+     * @category Chart
+     */
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").SankeyStyleOptions | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.onBeforeRender}
+     *
+     * @category Callbacks
+     */
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.onDataReady}
+     *
+     * @category Callbacks
+     */
+    onDataReady: PropType<((data: import("@sisense/sdk-data").Data) => import("@sisense/sdk-data").Data) | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.onDataPointClick}
+     *
+     * @category Callbacks
+     */
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.onDataPointContextMenu}
+     *
+     * @category Callbacks
+     */
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.onDataPointsSelected}
+     *
+     * @category Callbacks
+     */
+    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
+}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.dataOptions}
+     *
+     * @category Chart
+     */
+    dataOptions: {
+        type: PropType<import("@sisense/sdk-ui-preact").SankeyChartDataOptions>;
+        required: true;
+    };
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.dataSet}
+     *
+     * @category Data
+     */
+    dataSet: PropType<import("@sisense/sdk-data").DataSource | import("@sisense/sdk-data").Data | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.filters}
+     *
+     * @category Data
+     */
+    filters: PropType<import("@sisense/sdk-data").FilterRelations | import("@sisense/sdk-data").Filter[] | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.highlights}
+     *
+     * @category Data
+     */
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.styleOptions}
+     *
+     * @category Chart
+     */
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").SankeyStyleOptions | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.onBeforeRender}
+     *
+     * @category Callbacks
+     */
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.onDataReady}
+     *
+     * @category Callbacks
+     */
+    onDataReady: PropType<((data: import("@sisense/sdk-data").Data) => import("@sisense/sdk-data").Data) | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.onDataPointClick}
+     *
+     * @category Callbacks
+     */
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.onDataPointContextMenu}
+     *
+     * @category Callbacks
+     */
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.onDataPointsSelected}
+     *
+     * @category Callbacks
+     */
+    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
+}>>, {}, {}>;

package/dist/src/components/dashboard/dashboard-by-id.d.ts

@@ -1,6 +1,6 @@
 import type { DashboardByIdConfig as DashboardByIdConfigPreact, DashboardByIdProps as DashboardByIdPropsPreact } from '@sisense/sdk-ui-preact';
 import type { PropType } from 'vue';
-import type { DashboardHeaderConfig } from './dashboard';
+import { type DashboardHeaderConfig } from './dashboard-header-config';
 /**
  * Configuration for the {@link @sisense/sdk-ui-vue!DashboardById | `DashboardById`} component.
  */

package/dist/src/components/dashboard/dashboard-header-config.d.ts

@@ -0,0 +1,87 @@
+import { type DashboardHeaderConfig as DashboardHeaderConfigPreact, type DashboardHeaderItemComponentProps, type DashboardHeaderItem as DashboardHeaderItemPreact } from '@sisense/sdk-ui-preact';
+import type { Component, DefineComponent } from 'vue';
+/**
+ * A Vue component that renders the content of a custom dashboard header item.
+ * This can be a Vue component options object, a `defineComponent` result, or any valid Vue component.
+ *
+ * The item size resolved by the header layout is provided via the `size` prop.
+ *
+ * @example
+ * A Vue header item component rendering an export button that uses its resolved size:
+ * ```vue
+ * <script setup lang="ts">
+ * import { type DashboardHeaderItemComponentProps } from '@sisense/sdk-ui-vue';
+ *
+ * const props = defineProps<DashboardHeaderItemComponentProps>();
+ *
+ * const onExport = () => {
+ *   // trigger the export
+ * };
+ * </script>
+ * <template>
+ *   <button :style="{ height: props.size.height + 'px' }" @click="onExport">Export</button>
+ * </template>
+ * ```
+ */
+export type DashboardHeaderItemComponent = Component<DashboardHeaderItemComponentProps> | DefineComponent<DashboardHeaderItemComponentProps>;
+/**
+ * A custom item to inject into the dashboard header.
+ */
+export interface DashboardHeaderItem extends Omit<DashboardHeaderItemPreact, 'component'> {
+    /**
+     * Vue component that renders the content of the item.
+     */
+    component: DashboardHeaderItemComponent;
+}
+/**
+ * A dashboard header item after the built-in and custom items have been ordered (position applied).
+ *
+ * This is the shape passed to {@link DashboardHeaderConfig.onBeforeRender}.
+ *
+ * For custom items, `component` is the same Vue component that was registered in
+ * {@link DashboardHeaderConfig.items}, so items can be matched by component identity as well as by
+ * `id`. For built-in items, `component` is an opaque handle to an internal renderer: reorder, keep,
+ * or remove such an item, but do not invoke or replace its component.
+ */
+export type DashboardResolvedHeaderItem = Omit<DashboardHeaderItem, 'position'>;
+/**
+ * Transforms the fully ordered list of dashboard header items right before rendering.
+ */
+export type DashboardHeaderItemsTransform = (items: ReadonlyArray<DashboardResolvedHeaderItem>) => DashboardResolvedHeaderItem[];
+/**
+ * Configuration for the dashboard header.
+ *
+ * Injects custom {@link DashboardHeaderItem | items} into the header and, via
+ * {@link DashboardHeaderConfig.onBeforeRender | `onBeforeRender`}, reorders or removes the
+ * built-in items (referenced by {@link DashboardHeaderTargets}).
+ *
+ * @example
+ * Add a custom item after the title and hide the built-in title:
+ * ```ts
+ * import { DashboardHeaderTargets, type DashboardConfig } from '@sisense/sdk-ui-vue';
+ * import ExportButton from './export-button.vue';
+ *
+ * const config: DashboardConfig = {
+ *   header: {
+ *     items: [
+ *       {
+ *         id: 'export',
+ *         component: ExportButton,
+ *         position: { type: 'after', target: DashboardHeaderTargets.Title },
+ *       },
+ *     ],
+ *     onBeforeRender: (items) => items.filter((item) => item.id !== DashboardHeaderTargets.Title),
+ *   },
+ * };
+ * ```
+ */
+export interface DashboardHeaderConfig extends Omit<DashboardHeaderConfigPreact, 'items' | 'onBeforeRender'> {
+    /**
+     * {@inheritDoc @sisense/sdk-ui!DashboardHeaderConfig.items}
+     */
+    items?: DashboardHeaderItem[];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!DashboardHeaderConfig.onBeforeRender}
+     */
+    onBeforeRender?: DashboardHeaderItemsTransform;
+}

package/dist/src/components/dashboard/dashboard.d.ts

@@ -1,12 +1,11 @@
-import type { DashboardConfig as DashboardConfigPreact, DashboardFiltersPanelConfig, DashboardHeaderConfig as DashboardHeaderConfigPreact, DashboardProps as DashboardPropsPreact } from '@sisense/sdk-ui-preact';
+import { DashboardHeaderTargets } from '@sisense/sdk-ui-preact';
+import type { DashboardConfig as DashboardConfigPreact, DashboardFiltersPanelConfig, DashboardHeaderItemComponentProps, DashboardHeaderItemPosition, DashboardHeaderItemSize, DashboardHeaderTarget, DashboardProps as DashboardPropsPreact } from '@sisense/sdk-ui-preact';
 import type { PropType } from 'vue';
 import type { WidgetProps } from '../widgets';
-export { DashboardFiltersPanelConfig };
-/**
- * Configuration for the dashboard header.
- */
-export interface DashboardHeaderConfig extends Omit<DashboardHeaderConfigPreact, 'items' | 'onBeforeRender'> {
-}
+import { type DashboardHeaderConfig } from './dashboard-header-config';
+export { DashboardHeaderTargets };
+export type { DashboardFiltersPanelConfig, DashboardHeaderItemComponentProps, DashboardHeaderItemPosition, DashboardHeaderItemSize, DashboardHeaderTarget, };
+export type { DashboardHeaderConfig, DashboardHeaderItem, DashboardHeaderItemComponent, DashboardHeaderItemsTransform, DashboardResolvedHeaderItem, } from './dashboard-header-config';
 /**
  * Configuration for the {@link @sisense/sdk-ui-vue!Dashboard | `Dashboard`} component.
  */

package/dist/src/components/widgets/chart-widget.d.ts

@@ -126,19 +126,19 @@ export declare const ChartWidget: import("vue").DefineComponent<{
      *
      * @category Callbacks
      */
-    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | import("@sisense/sdk-ui-preact").IndicatorBeforeRenderHandler | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | import("@sisense/sdk-ui-preact").IndicatorBeforeRenderHandler | import("@sisense/sdk-ui-preact").KpiBeforeRenderHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartProps.onDataPointClick}
      *
      * @category Callbacks
      */
-    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").AreamapDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").ScattermapDataPointEventHandler | import("@sisense/sdk-ui-preact").IndicatorDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").AreamapDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").ScattermapDataPointEventHandler | import("@sisense/sdk-ui-preact").IndicatorDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | import("@sisense/sdk-ui-preact").KpiDataPointEventHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartProps.onDataPointContextMenu}
      *
      * @category Callbacks
      */
-    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | import("@sisense/sdk-ui-preact").KpiDataPointEventHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartProps.onDataPointsSelected}
      *
@@ -157,6 +157,12 @@ export declare const ChartWidget: import("vue").DefineComponent<{
      * @category Widget
      */
     config: PropType<import("@sisense/sdk-ui-preact").WidgetConfig | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.id}
+     *
+     * @category Widget
+     */
+    id: PropType<string | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.title}
      *
@@ -252,19 +258,19 @@ export declare const ChartWidget: import("vue").DefineComponent<{
      *
      * @category Callbacks
      */
-    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | import("@sisense/sdk-ui-preact").IndicatorBeforeRenderHandler | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | import("@sisense/sdk-ui-preact").IndicatorBeforeRenderHandler | import("@sisense/sdk-ui-preact").KpiBeforeRenderHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartProps.onDataPointClick}
      *
      * @category Callbacks
      */
-    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").AreamapDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").ScattermapDataPointEventHandler | import("@sisense/sdk-ui-preact").IndicatorDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").AreamapDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").ScattermapDataPointEventHandler | import("@sisense/sdk-ui-preact").IndicatorDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | import("@sisense/sdk-ui-preact").KpiDataPointEventHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartProps.onDataPointContextMenu}
      *
      * @category Callbacks
      */
-    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | import("@sisense/sdk-ui-preact").KpiDataPointEventHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartProps.onDataPointsSelected}
      *
@@ -283,6 +289,12 @@ export declare const ChartWidget: import("vue").DefineComponent<{
      * @category Widget
      */
     config: PropType<import("@sisense/sdk-ui-preact").WidgetConfig | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.id}
+     *
+     * @category Widget
+     */
+    id: PropType<string | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.title}
      *

package/dist/src/components/widgets/widget-by-id.d.ts

@@ -50,7 +50,7 @@ export declare const WidgetById: import("vue").DefineComponent<{
      */
     description: PropType<string | undefined>;
     /** @internal */
-    drilldownOptions: PropType<import("@sisense/sdk-ui-preact").PivotTableDrilldownOptions | import("@sisense/sdk-ui-preact").DrilldownOptions | undefined>;
+    drilldownOptions: PropType<import("@sisense/sdk-ui-preact").DrilldownOptions | import("@sisense/sdk-ui-preact").PivotTableDrilldownOptions | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!WidgetByIdProps.filters}
      *
@@ -86,19 +86,19 @@ export declare const WidgetById: import("vue").DefineComponent<{
      *
      * @category Callbacks
      */
-    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | import("@sisense/sdk-ui-preact").IndicatorBeforeRenderHandler | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | import("@sisense/sdk-ui-preact").IndicatorBeforeRenderHandler | import("@sisense/sdk-ui-preact").KpiBeforeRenderHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!WidgetByIdProps.onDataPointClick}
      *
      * @category Callbacks
      */
-    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").AreamapDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").ScattermapDataPointEventHandler | import("@sisense/sdk-ui-preact").IndicatorDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").AreamapDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").ScattermapDataPointEventHandler | import("@sisense/sdk-ui-preact").IndicatorDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | import("@sisense/sdk-ui-preact").KpiDataPointEventHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!WidgetByIdProps.onDataPointContextMenu}
      *
      * @category Callbacks
      */
-    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | import("@sisense/sdk-ui-preact").KpiDataPointEventHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!WidgetByIdProps.onDataPointsSelected}
      *
@@ -157,7 +157,7 @@ export declare const WidgetById: import("vue").DefineComponent<{
      */
     description: PropType<string | undefined>;
     /** @internal */
-    drilldownOptions: PropType<import("@sisense/sdk-ui-preact").PivotTableDrilldownOptions | import("@sisense/sdk-ui-preact").DrilldownOptions | undefined>;
+    drilldownOptions: PropType<import("@sisense/sdk-ui-preact").DrilldownOptions | import("@sisense/sdk-ui-preact").PivotTableDrilldownOptions | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!WidgetByIdProps.filters}
      *
@@ -193,19 +193,19 @@ export declare const WidgetById: import("vue").DefineComponent<{
      *
      * @category Callbacks
      */
-    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | import("@sisense/sdk-ui-preact").IndicatorBeforeRenderHandler | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | import("@sisense/sdk-ui-preact").IndicatorBeforeRenderHandler | import("@sisense/sdk-ui-preact").KpiBeforeRenderHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!WidgetByIdProps.onDataPointClick}
      *
      * @category Callbacks
      */
-    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").AreamapDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").ScattermapDataPointEventHandler | import("@sisense/sdk-ui-preact").IndicatorDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").AreamapDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").ScattermapDataPointEventHandler | import("@sisense/sdk-ui-preact").IndicatorDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | import("@sisense/sdk-ui-preact").KpiDataPointEventHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!WidgetByIdProps.onDataPointContextMenu}
      *
      * @category Callbacks
      */
-    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | import("@sisense/sdk-ui-preact").KpiDataPointEventHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!WidgetByIdProps.onDataPointsSelected}
      *

package/dist/src/components/widgets/widget.d.ts

@@ -63,7 +63,7 @@ export declare const Widget: import("vue").DefineComponent<{
      * @category Widget
      */
     widgetType: {
-        type: PropType<"filter" | "chart" | "pivot" | "text" | "custom">;
+        type: PropType<"filter" | "text" | "custom" | "chart" | "pivot">;
         required: true;
     };
     /**
@@ -89,7 +89,7 @@ export declare const Widget: import("vue").DefineComponent<{
      *
      * @category Chart
      */
-    dataOptions: PropType<import("@sisense/sdk-ui-preact").PivotTableDataOptions | import("@sisense/sdk-ui-preact").GenericDataOptions | import("@sisense/sdk-ui-preact").ChartDataOptions | undefined>;
+    dataOptions: PropType<import("@sisense/sdk-ui-preact").GenericDataOptions | import("@sisense/sdk-ui-preact").ChartDataOptions | import("@sisense/sdk-ui-preact").PivotTableDataOptions | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.filters}
      *
@@ -107,7 +107,7 @@ export declare const Widget: import("vue").DefineComponent<{
      *
      * @category Widget
      */
-    styleOptions: PropType<import("@sisense/sdk-ui-preact").TextWidgetStyleOptions | import("@sisense/sdk-ui-preact").WidgetContainerStyleOptions | import("@sisense/sdk-ui-preact").CustomWidgetStyleOptions | import("@sisense/sdk-ui-preact").PivotTableWidgetStyleOptions | import("@sisense/sdk-ui-preact").ChartWidgetStyleOptions | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").WidgetContainerStyleOptions | import("@sisense/sdk-ui-preact").CustomWidgetStyleOptions | import("@sisense/sdk-ui-preact").ChartWidgetStyleOptions | import("@sisense/sdk-ui-preact").PivotTableWidgetStyleOptions | import("@sisense/sdk-ui-preact").TextWidgetStyleOptions | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.config}
      *
@@ -126,7 +126,7 @@ export declare const Widget: import("vue").DefineComponent<{
      *
      * @category Widget
      */
-    drilldownOptions: PropType<import("@sisense/sdk-ui-preact").PivotTableDrilldownOptions | import("@sisense/sdk-ui-preact").DrilldownOptions | undefined>;
+    drilldownOptions: PropType<import("@sisense/sdk-ui-preact").DrilldownOptions | import("@sisense/sdk-ui-preact").PivotTableDrilldownOptions | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.title}
      *
@@ -151,7 +151,7 @@ export declare const Widget: import("vue").DefineComponent<{
      *
      * @category Callbacks
      */
-    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | import("@sisense/sdk-ui-preact").IndicatorBeforeRenderHandler | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | import("@sisense/sdk-ui-preact").IndicatorBeforeRenderHandler | import("@sisense/sdk-ui-preact").KpiBeforeRenderHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.onDataReady}
      *
@@ -170,13 +170,13 @@ export declare const Widget: import("vue").DefineComponent<{
      *
      * @category Callbacks
      */
-    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").PivotTableDataPointEventHandler | import("@sisense/sdk-ui-preact").CustomWidgetDataPointEventHandler<import("@sisense/sdk-ui-preact").AbstractDataPointWithEntries> | import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").AreamapDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").ScattermapDataPointEventHandler | import("@sisense/sdk-ui-preact").IndicatorDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | import("@sisense/sdk-ui-preact").TextWidgetDataPointEventHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").CustomWidgetDataPointEventHandler<import("@sisense/sdk-ui-preact").AbstractDataPointWithEntries> | import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").AreamapDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").ScattermapDataPointEventHandler | import("@sisense/sdk-ui-preact").IndicatorDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | import("@sisense/sdk-ui-preact").KpiDataPointEventHandler | import("@sisense/sdk-ui-preact").PivotTableDataPointEventHandler | import("@sisense/sdk-ui-preact").TextWidgetDataPointEventHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.onDataPointContextMenu}
      *
      * @category Callbacks
      */
-    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").PivotTableDataPointEventHandler | import("@sisense/sdk-ui-preact").CustomWidgetDataPointContextMenuHandler<import("@sisense/sdk-ui-preact").AbstractDataPointWithEntries> | import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").CustomWidgetDataPointContextMenuHandler<import("@sisense/sdk-ui-preact").AbstractDataPointWithEntries> | import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | import("@sisense/sdk-ui-preact").KpiDataPointEventHandler | import("@sisense/sdk-ui-preact").PivotTableDataPointEventHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.onDataPointsSelected}
      *
@@ -201,7 +201,7 @@ export declare const Widget: import("vue").DefineComponent<{
      * @category Widget
      */
     widgetType: {
-        type: PropType<"filter" | "chart" | "pivot" | "text" | "custom">;
+        type: PropType<"filter" | "text" | "custom" | "chart" | "pivot">;
         required: true;
     };
     /**
@@ -227,7 +227,7 @@ export declare const Widget: import("vue").DefineComponent<{
      *
      * @category Chart
      */
-    dataOptions: PropType<import("@sisense/sdk-ui-preact").PivotTableDataOptions | import("@sisense/sdk-ui-preact").GenericDataOptions | import("@sisense/sdk-ui-preact").ChartDataOptions | undefined>;
+    dataOptions: PropType<import("@sisense/sdk-ui-preact").GenericDataOptions | import("@sisense/sdk-ui-preact").ChartDataOptions | import("@sisense/sdk-ui-preact").PivotTableDataOptions | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.filters}
      *
@@ -245,7 +245,7 @@ export declare const Widget: import("vue").DefineComponent<{
      *
      * @category Widget
      */
-    styleOptions: PropType<import("@sisense/sdk-ui-preact").TextWidgetStyleOptions | import("@sisense/sdk-ui-preact").WidgetContainerStyleOptions | import("@sisense/sdk-ui-preact").CustomWidgetStyleOptions | import("@sisense/sdk-ui-preact").PivotTableWidgetStyleOptions | import("@sisense/sdk-ui-preact").ChartWidgetStyleOptions | undefined>;
+    styleOptions: PropType<import("@sisense/sdk-ui-preact").WidgetContainerStyleOptions | import("@sisense/sdk-ui-preact").CustomWidgetStyleOptions | import("@sisense/sdk-ui-preact").ChartWidgetStyleOptions | import("@sisense/sdk-ui-preact").PivotTableWidgetStyleOptions | import("@sisense/sdk-ui-preact").TextWidgetStyleOptions | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.config}
      *
@@ -264,7 +264,7 @@ export declare const Widget: import("vue").DefineComponent<{
      *
      * @category Widget
      */
-    drilldownOptions: PropType<import("@sisense/sdk-ui-preact").PivotTableDrilldownOptions | import("@sisense/sdk-ui-preact").DrilldownOptions | undefined>;
+    drilldownOptions: PropType<import("@sisense/sdk-ui-preact").DrilldownOptions | import("@sisense/sdk-ui-preact").PivotTableDrilldownOptions | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.title}
      *
@@ -289,7 +289,7 @@ export declare const Widget: import("vue").DefineComponent<{
      *
      * @category Callbacks
      */
-    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | import("@sisense/sdk-ui-preact").IndicatorBeforeRenderHandler | undefined>;
+    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | import("@sisense/sdk-ui-preact").IndicatorBeforeRenderHandler | import("@sisense/sdk-ui-preact").KpiBeforeRenderHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.onDataReady}
      *
@@ -308,13 +308,13 @@ export declare const Widget: import("vue").DefineComponent<{
      *
      * @category Callbacks
      */
-    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").PivotTableDataPointEventHandler | import("@sisense/sdk-ui-preact").CustomWidgetDataPointEventHandler<import("@sisense/sdk-ui-preact").AbstractDataPointWithEntries> | import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").AreamapDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").ScattermapDataPointEventHandler | import("@sisense/sdk-ui-preact").IndicatorDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | import("@sisense/sdk-ui-preact").TextWidgetDataPointEventHandler | undefined>;
+    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").CustomWidgetDataPointEventHandler<import("@sisense/sdk-ui-preact").AbstractDataPointWithEntries> | import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").AreamapDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").ScattermapDataPointEventHandler | import("@sisense/sdk-ui-preact").IndicatorDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | import("@sisense/sdk-ui-preact").KpiDataPointEventHandler | import("@sisense/sdk-ui-preact").PivotTableDataPointEventHandler | import("@sisense/sdk-ui-preact").TextWidgetDataPointEventHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.onDataPointContextMenu}
      *
      * @category Callbacks
      */
-    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").PivotTableDataPointEventHandler | import("@sisense/sdk-ui-preact").CustomWidgetDataPointContextMenuHandler<import("@sisense/sdk-ui-preact").AbstractDataPointWithEntries> | import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | undefined>;
+    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").CustomWidgetDataPointContextMenuHandler<import("@sisense/sdk-ui-preact").AbstractDataPointWithEntries> | import("@sisense/sdk-ui-preact").DataPointEventHandler | import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | import("@sisense/sdk-ui-preact").BoxplotDataPointEventHandler | import("@sisense/sdk-ui-preact").CalendarHeatmapDataPointEventHandler | import("@sisense/sdk-ui-preact").KpiDataPointEventHandler | import("@sisense/sdk-ui-preact").PivotTableDataPointEventHandler | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.onDataPointsSelected}
      *