@sisense/sdk-ui-vue 2.34.0 → 2.36.0

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

@@ -10,34 +10,26 @@ export interface SunburstChartProps extends SunburstChartPropsPreact {
  * It maintains compatibility with Vue's reactivity system while preserving the functionality of the SunburstChart.
  *
  * @example
- * Here's how you can use the SunburstChart component in a Vue application:
  * ```vue
- * <template>
-    <SunburstChart
-      :dataOptions="sunburstChartProps.dataOptions"
-      :dataSet="sunburstChartProps.dataSet"
-      :filters="sunburstChartProps.filters"
-    />
- * </template>
- *
  * <script setup lang="ts">
  * import { ref } from 'vue';
- * import { measureFactory, filterFactory } from '@sisense/sdk-data';
- * import * as DM from '../assets/sample-retail-model';
- * import { SunburstChart,type SunburstChartProps } from '@sisense/sdk-ui-vue';
+ * import { SunburstChart } from '@sisense/sdk-ui-vue';
+ * import { measureFactory } from '@sisense/sdk-data';
+ * import * as DM from './sample-ecommerce';
  *
- * const dimProductName = DM.DimProducts.ProductName;
- * const measureTotalRevenue = measureFactory.sum(DM.Fact_Sale_orders.OrderRevenue, 'Total Revenue');
- * const sunburstChartProps = ref<SunburstChartProps>({
-    dataSet: DM.DataSource,
-    dataOptions: {
-      category: [dimProductName],
-      value: [{ column: measureTotalRevenue, sortType: 'sortDesc' }],
-    },
-    filters: [filterFactory.topRanking(dimProductName, measureTotalRevenue, 10)],
-  });
+ * const chartProps = ref({
+ *   dataOptions: {
+ *     category: [DM.Commerce.Condition, DM.Commerce.AgeRange],
+ *     value: [measureFactory.sum(DM.Commerce.Quantity, 'Total Quantity')],
+ *   },
+ * });
+ * </script>
+ *
+ * <template>
+ *   <SunburstChart :dataSet="DM.DataSource" :dataOptions="chartProps.dataOptions" />
+ * </template>
  * ```
- * <img src="media://vue-sunburst-chart-example.png" width="600px" />
+ * <img src="media://sunburst-chart-example-1.png" width="700px" />
  * @param props - Sunburst Chart properties
  * @returns Sunburst Chart component
  * @group Charts

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

@@ -5,36 +5,39 @@ export { TableProps };
  * Table with aggregation and pagination.
  *
  * @example
- * Here's how you can use the Table component in a Vue application:
  * ```vue
- * <template>
- *  <Table :dataOptions="tableProps.dataOptions" :dataSet="tableProps.dataSet"
-      :styleOptions="tableProps.styleOptions" :filters="tableProps.filters" />
- * </template>
- *
  * <script setup lang="ts">
  * import { ref } from 'vue';
- * import { measureFactory, filterFactory } from '@sisense/sdk-data';
- * import * as DM from '../assets/sample-retail-model';
- * import { Table, type TableProps } from '@sisense/sdk-ui-vue';
- *
- * const dimProductName = DM.DimProducts.ProductName;
- * const measureTotalRevenue = measureFactory.sum(DM.Fact_Sale_orders.OrderRevenue, 'Total Revenue');
+ * import { Table } from '@sisense/sdk-ui-vue';
+ * import { measureFactory } from '@sisense/sdk-data';
+ * import * as DM from './sample-ecommerce';
  *
- *  const tableProps = ref<TableProps>({
-      dataSet: DM.DataSource,
-      dataOptions: {
-        columns: [dimProductName, measureTotalRevenue],
-      },
-      styleOptions: {
-        width: 800,
-        height: 500,
-      },
-      filters: [filterFactory.topRanking(dimProductName, measureTotalRevenue, 10)],
- *  });
+ * const tableProps = ref({
+ *   dataOptions: {
+ *     columns: [
+ *       { column: DM.Commerce.Date.Years, name: 'Year', dateFormat: 'yyyy' },
+ *       DM.Commerce.Condition,
+ *       measureFactory.sum(DM.Commerce.Revenue, 'Total Revenue'),
+ *     ],
+ *   },
+ *   styleOptions: {
+ *     rowsPerPage: 12,
+ *     height: 420,
+ *     header: { color: { enabled: true, backgroundColor: '#94F5F0', textColor: '#121A23' } },
+ *     rows: { alternatingColor: { enabled: true, backgroundColor: '#f2f2f2' } },
+ *   },
+ * });
  * </script>
+ *
+ * <template>
+ *   <Table
+ *     :dataSet="DM.DataSource"
+ *     :dataOptions="tableProps.dataOptions"
+ *     :styleOptions="tableProps.styleOptions"
+ *   />
+ * </template>
  * ```
- * <img src="media://vue-table-example.png" width="800px" />
+ * <img src="media://table-example-1.png" width="700px" />
  * @param props - Table properties
  * @returns Table component
  * @group Data Grids

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

@@ -11,34 +11,26 @@ export interface TreemapChartProps extends TreemapChartPropsPreact {
  * This type of chart can be used instead of a column chart for comparing a large number of categories and sub-categories.
  *
  * @example
- * Here's how you can use the TreemapChart component in a Vue application:
  * ```vue
- * <template>
-      <TreemapChart
-        :dataOptions="treemapChartProps.dataOptions"
-        :dataSet="treemapChartProps.dataSet"
-        :filters="treemapChartProps.filters"
-      />
- * </template>
- *
  * <script setup lang="ts">
  * import { ref } from 'vue';
- * import { measureFactory, filterFactory } from '@sisense/sdk-data';
- * import * as DM from '../assets/sample-retail-model';
- * import { TreemapChart, type TreemapChartProps } from '@sisense/sdk-ui-vue';
+ * import { TreemapChart } from '@sisense/sdk-ui-vue';
+ * import { measureFactory } from '@sisense/sdk-data';
+ * import * as DM from './sample-ecommerce';
  *
- * const dimProductName = DM.DimProducts.ProductName;
- * const measureTotalRevenue = measureFactory.sum(DM.Fact_Sale_orders.OrderRevenue, 'Total Revenue');
- * const treemapChartProps = ref<TreemapChartProps>({
-    dataSet: DM.DataSource,
-    dataOptions: {
-      category: [dimProductName],
-      value: [{ column: measureTotalRevenue, sortType: 'sortDesc' }],
-    },
-    filters: [filterFactory.topRanking(dimProductName, measureTotalRevenue, 10)],
-  });
+ * const chartProps = ref({
+ *   dataOptions: {
+ *     category: [{ column: DM.Commerce.Condition, isColored: true }, DM.Commerce.AgeRange],
+ *     value: [measureFactory.sum(DM.Commerce.Revenue)],
+ *   },
+ * });
+ * </script>
+ *
+ * <template>
+ *   <TreemapChart :dataSet="DM.DataSource" :dataOptions="chartProps.dataOptions" />
+ * </template>
  * ```
- * <img src="media://vue-treemap-chart-example.png" width="600px" />
+ * <img src="media://treemap-chart-example-1.png" width="700px" />
  * @param props - Treemap chart properties
  * @returns Treemap Chart component
  * @group Charts

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

@@ -0,0 +1,14 @@
+import { type DashboardModel as DashboardModelPreact } from '@sisense/sdk-ui-preact';
+import { type WidgetModel } from '../widgets/widget-model';
+/**
+ * {@inheritDoc @sisense/sdk-ui!DashboardModel}
+ *
+ * @group Fusion Assets
+ * @fusionEmbed
+ */
+export interface DashboardModel extends Omit<DashboardModelPreact, 'widgets'> {
+    /**
+     * {@inheritDoc @sisense/sdk-ui!DashboardModel.widgets}
+     */
+    widgets: WidgetModel[];
+}

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

@@ -1,2 +1,3 @@
 export * from './dashboard-by-id';
 export * from './dashboard';
+export * from './dashboard-model';

package/dist/src/components/filters/criteria-filter-tile.d.ts

@@ -80,6 +80,10 @@ export declare const CriteriaFilterTile: import("vue").DefineComponent<{
      * {@inheritDoc @sisense/sdk-ui!CriteriaFilterTileProps.onEdit}
      */
     onEdit: PropType<(() => void) | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!CriteriaFilterTileProps.config}
+     */
+    config: PropType<import("@sisense/sdk-ui-preact").FilterTileConfig | 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<{
@@ -120,4 +124,8 @@ export declare const CriteriaFilterTile: import("vue").DefineComponent<{
      * {@inheritDoc @sisense/sdk-ui!CriteriaFilterTileProps.onEdit}
      */
     onEdit: PropType<(() => void) | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!CriteriaFilterTileProps.config}
+     */
+    config: PropType<import("@sisense/sdk-ui-preact").FilterTileConfig | undefined>;
 }>>, {}, {}>;

package/dist/src/components/filters/date-range-filter-tile.d.ts

@@ -102,6 +102,10 @@ export declare const DateRangeFilterTile: import("vue").DefineComponent<{
      * {@inheritDoc @sisense/sdk-ui!DateRangeFilterTileProps.onEdit}
      */
     onEdit: PropType<(() => void) | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!DateRangeFilterTileProps.config}
+     */
+    config: PropType<import("@sisense/sdk-ui-preact").FilterTileConfig | 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<{
@@ -162,4 +166,8 @@ export declare const DateRangeFilterTile: import("vue").DefineComponent<{
      * {@inheritDoc @sisense/sdk-ui!DateRangeFilterTileProps.onEdit}
      */
     onEdit: PropType<(() => void) | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!DateRangeFilterTileProps.config}
+     */
+    config: PropType<import("@sisense/sdk-ui-preact").FilterTileConfig | undefined>;
 }>>, {}, {}>;

package/dist/src/components/filters/filter-tile.d.ts

@@ -1,5 +1,8 @@
-import type { FilterTileProps as FilterTilePropsPreact } from '@sisense/sdk-ui-preact';
+import { FilterTileMenuTargets } from '@sisense/sdk-ui-preact';
+import type { FilterTileActionsConfig, FilterTileConfig, FilterTileHeaderConfig, FilterTileMenuActionItem, FilterTileMenuConfig, FilterTileMenuItem, FilterTileMenuSubmenuItem, FilterTileMenuTarget, FilterTileProps as FilterTilePropsPreact } from '@sisense/sdk-ui-preact';
 import type { PropType } from 'vue';
+/** Reexport related types */
+export { FilterTileMenuTargets, type FilterTileActionsConfig, type FilterTileConfig, type FilterTileHeaderConfig, type FilterTileMenuActionItem, type FilterTileMenuConfig, type FilterTileMenuItem, type FilterTileMenuSubmenuItem, type FilterTileMenuTarget, };
 /**
  * Props of the {@link @sisense/sdk-ui-vue!FilterTile | `FilterTile`} component.
  */
@@ -62,6 +65,10 @@ export declare const FilterTile: import("vue").DefineComponent<{
      * {@inheritDoc @sisense/sdk-ui!FilterTileProps.onEdit}
      */
     onEdit: PropType<((levelIndex?: number | undefined) => void) | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!FilterTileProps.config}
+     */
+    config: PropType<FilterTileConfig | 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<{
@@ -91,4 +98,8 @@ export declare const FilterTile: import("vue").DefineComponent<{
      * {@inheritDoc @sisense/sdk-ui!FilterTileProps.onEdit}
      */
     onEdit: PropType<((levelIndex?: number | undefined) => void) | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!FilterTileProps.config}
+     */
+    config: PropType<FilterTileConfig | undefined>;
 }>>, {}, {}>;

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

@@ -2,5 +2,5 @@ export { DateRangeFilterTile, type DateRangeFilterTileProps } from './date-range
 export { MemberFilterTile, type MemberFilterTileProps } from './member-filter-tile';
 export { CriteriaFilterTile, type CriteriaFilterTileProps } from './criteria-filter-tile';
 export { RelativeDateFilterTile, type RelativeDateFilterTileProps, } from './relative-date-filter-tile';
-export { FilterTile, type FilterTileProps } from './filter-tile';
-export { FiltersPanel, type FiltersPanelProps } from './filters-panel';
+export { FilterTile, type FilterTileProps, FilterTileMenuTargets, type FilterTileActionsConfig, type FilterTileConfig, type FilterTileHeaderConfig, type FilterTileMenuActionItem, type FilterTileMenuConfig, type FilterTileMenuItem, type FilterTileMenuSubmenuItem, type FilterTileMenuTarget, } from './filter-tile';
+export { FiltersPanel, type FiltersPanelProps, type FiltersPanelConfig } from './filters-panel';

package/dist/src/components/filters/member-filter-tile.d.ts

@@ -91,6 +91,10 @@ export declare const MemberFilterTile: import("vue").DefineComponent<{
      * {@inheritDoc @sisense/sdk-ui!MemberFilterTileProps.onEdit}
      */
     onEdit: PropType<(() => void) | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!MemberFilterTileProps.config}
+     */
+    config: PropType<import("@sisense/sdk-ui-preact").FilterTileConfig | 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<{
@@ -138,4 +142,8 @@ export declare const MemberFilterTile: import("vue").DefineComponent<{
      * {@inheritDoc @sisense/sdk-ui!MemberFilterTileProps.onEdit}
      */
     onEdit: PropType<(() => void) | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!MemberFilterTileProps.config}
+     */
+    config: PropType<import("@sisense/sdk-ui-preact").FilterTileConfig | undefined>;
 }>>, {}, {}>;

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

@@ -1,59 +1,57 @@
 /// <reference types="react" />
-import type { ChartWidgetProps } from '@sisense/sdk-ui-preact';
+import type { ChartWidgetProps as ChartWidgetPropsPreact } from '@sisense/sdk-ui-preact';
 import type { PropType } from 'vue';
-export { ChartWidgetProps };
+import type { ChartWidgetConfig } from './widget-config';
+/**
+ * Props of the {@link @sisense/sdk-ui-vue!ChartWidget | `ChartWidget`} component.
+ */
+export interface ChartWidgetProps extends Omit<ChartWidgetPropsPreact, 'config'> {
+    /**
+     * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.config}
+     *
+     * @category Widget
+     */
+    config?: ChartWidgetConfig;
+}
 /**
  * The Chart Widget component extending the {@link Chart} component to support widget style options.
  * It can be used along with the {@link DrilldownWidget} component to support advanced data drilldown.
  * @example
- * Here's how you can use the ChartWidget component in a Vue application:
  * ```vue
- * <template>
-    <DrilldownWidget :drilldownPaths="drilldownPaths" :initialDimension="dimProductName">
-      <template
-        #chart="{ drilldownFilters, drilldownDimension, onDataPointsSelected, onContextMenu }"
-      >
-        <ChartWidget
-          chart-type="bar"
-          v-bind:filters="drilldownFilters"
-          :dataOptions="{
-            ...chartProps.dataOptions,
-            category: [drilldownDimension],
-          }"
-          :highlight-selection-disabled="true"
-          :dataSet="chartProps.dataSet"
-          :style="chartProps.styleOptions"
-          :on-data-points-selected="(dataPoints:any,event:any) => {
-          onDataPointsSelected(dataPoints);
-          onContextMenu({ left: event.clientX, top: event.clientY });
-        }"
-          :on-data-point-click="(dataPoint:any,event:any) => {
-          onDataPointsSelected([dataPoint]);
-          onContextMenu({ left: event.clientX, top: event.clientY });
-        }"
-          :on-data-point-context-menu="(dataPoint:any,event:any) => {
-          onDataPointsSelected([dataPoint]);
-          onContextMenu({ left: event.clientX, top: event.clientY });
-        }"
-        />
-      </template>
-    </DrilldownWidget>
- * </template>
- *
  * <script setup lang="ts">
  * import { ref } from 'vue';
- * import { measureFactory, filterFactory } from '@sisense/sdk-data';
- * import * as DM from '../assets/sample-retail-model';
- * import { ChartWidget } from '@sisense/sdk-ui-vue';
-
- * const dimProductName = DM.DimProducts.ProductName;
- * const measureTotalRevenue = measureFactory.sum(DM.Fact_Sale_orders.OrderRevenue, 'Total Revenue');
- * const chartWidgetProps = ref({
- *   // Configure your ChartWidgetProps here
+ * import { type ChartDataOptions, type ChartType, ChartWidget } from '@sisense/sdk-ui-vue';
+ * import { measureFactory } from '@sisense/sdk-data';
+ * import * as DM from './sample-ecommerce';
+ *
+ * const chartProps = ref<{
+ *   chartType: ChartType;
+ *   title: string;
+ *   description: string;
+ *   dataOptions: ChartDataOptions;
+ * }>({
+ *   chartType: 'column',
+ *   title: 'Revenue by Quarter',
+ *   description: 'This chart shows the total revenue by quarter.',
+ *   dataOptions: {
+ *     category: [DM.Commerce.Date.Quarters],
+ *     value: [measureFactory.sum(DM.Commerce.Revenue, 'Total Revenue')],
+ *     breakBy: [],
+ *   },
  * });
  * </script>
+ *
+ * <template>
+ *   <ChartWidget
+ *     :chartType="chartProps.chartType"
+ *     :title="chartProps.title"
+ *     :description="chartProps.description"
+ *     :dataSource="DM.DataSource"
+ *     :dataOptions="chartProps.dataOptions"
+ *   />
+ * </template>
  * ```
- * <img src="media://vue-widget-example.png" width="800px" />
+ * <img src="media://chart-widget-example-1.png" width="700px" />
  * @param props - ChartWidget properties
  * @returns ChartWidget component representing a chart type as specified in `ChartWidgetProps.`{@link ChartWidgetProps.chartType | chartType}
  * @group Dashboards
@@ -156,7 +154,7 @@ export declare const ChartWidget: import("vue").DefineComponent<{
      *
      * @category Widget
      */
-    config: PropType<import("@sisense/sdk-ui-preact").ChartWidgetConfig | undefined>;
+    config: PropType<ChartWidgetConfig | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.id}
      *
@@ -288,7 +286,7 @@ export declare const ChartWidget: import("vue").DefineComponent<{
      *
      * @category Widget
      */
-    config: PropType<import("@sisense/sdk-ui-preact").ChartWidgetConfig | undefined>;
+    config: PropType<ChartWidgetConfig | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.id}
      *

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

@@ -1,4 +1,7 @@
 export { ChartWidget, type ChartWidgetProps } from './chart-widget';
 export { WidgetById, type WidgetByIdProps } from './widget-by-id';
-export { PivotTableWidget } from './pivot-table-widget';
-export { Widget, type WidgetProps, type WithCommonWidgetProps, type TextWidgetProps, type CustomWidgetProps, type PivotTableWidgetProps, } from './widget';
+export { PivotTableWidget, type PivotTableWidgetProps } from './pivot-table-widget';
+export { Widget, type WidgetProps, type WithCommonWidgetProps, type TextWidgetProps, type CustomWidgetProps, type FilterWidgetProps, } from './widget';
+export * from './widget-config';
+export * from './widget-header-config';
+export * from './widget-model';

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

@@ -1,10 +1,17 @@
 /// <reference types="react" />
 import type { WidgetByIdProps as WidgetByIdPropsPreact } from '@sisense/sdk-ui-preact';
 import type { PropType } from 'vue';
+import type { WidgetConfig } from './widget-config';
 /**
  * Props of the {@link @sisense/sdk-ui-vue!WidgetById | `WidgetById`} component.
  */
-export interface WidgetByIdProps extends WidgetByIdPropsPreact {
+export interface WidgetByIdProps extends Omit<WidgetByIdPropsPreact, 'config'> {
+    /**
+     * {@inheritDoc @sisense/sdk-ui!WidgetByIdProps.config}
+     *
+     * @category Widget
+     */
+    config?: WidgetConfig;
 }
 /**
  * The `WidgetById` component, which is a thin wrapper on the {@link ChartWidget} component,
@@ -111,6 +118,12 @@ export declare const WidgetById: import("vue").DefineComponent<{
      * @category Widget
      */
     styleOptions: PropType<import("@sisense/sdk-ui-preact").WidgetByIdStyleOptions | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!WidgetByIdProps.config}
+     *
+     * @category Widget
+     */
+    config: PropType<WidgetConfig | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!WidgetByIdProps.title}
      *
@@ -218,6 +231,12 @@ export declare const WidgetById: import("vue").DefineComponent<{
      * @category Widget
      */
     styleOptions: PropType<import("@sisense/sdk-ui-preact").WidgetByIdStyleOptions | undefined>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!WidgetByIdProps.config}
+     *
+     * @category Widget
+     */
+    config: PropType<WidgetConfig | undefined>;
     /**
      * {@inheritDoc @sisense/sdk-ui!WidgetByIdProps.title}
      *

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

@@ -0,0 +1,57 @@
+import { type ChartWidgetConfig as ChartWidgetConfigPreact, type CustomWidgetConfig as CustomWidgetConfigPreact, type FilterWidgetConfig as FilterWidgetConfigPreact, type PivotTableWidgetConfig as PivotTableWidgetConfigPreact, type TextWidgetConfig as TextWidgetConfigPreact } from '@sisense/sdk-ui-preact';
+import { type WidgetHeaderConfig } from './widget-header-config';
+/**
+ * Configuration of a chart widget.
+ */
+export interface ChartWidgetConfig extends Omit<ChartWidgetConfigPreact, 'header'> {
+    /**
+     * {@inheritDoc @sisense/sdk-ui!ChartWidgetConfig.header}
+     */
+    header?: WidgetHeaderConfig;
+}
+/**
+ * Configuration of a pivot table widget.
+ */
+export interface PivotTableWidgetConfig extends Omit<PivotTableWidgetConfigPreact, 'header'> {
+    /**
+     * {@inheritDoc @sisense/sdk-ui!PivotTableWidgetConfig.header}
+     */
+    header?: WidgetHeaderConfig;
+}
+/**
+ * Configuration of a custom widget.
+ */
+export interface CustomWidgetConfig extends Omit<CustomWidgetConfigPreact, 'header'> {
+    /**
+     * {@inheritDoc @sisense/sdk-ui!CustomWidgetConfig.header}
+     */
+    header?: WidgetHeaderConfig;
+}
+/**
+ * Configuration of a text widget.
+ */
+export interface TextWidgetConfig extends Omit<TextWidgetConfigPreact, 'header'> {
+    /**
+     * {@inheritDoc @sisense/sdk-ui!TextWidgetConfig.header}
+     */
+    header?: WidgetHeaderConfig;
+}
+/**
+ * Configuration of a filter widget.
+ *
+ * @beta
+ */
+export interface FilterWidgetConfig extends Omit<FilterWidgetConfigPreact, 'header'> {
+    /**
+     * {@inheritDoc @sisense/sdk-ui!FilterWidgetConfig.header}
+     */
+    header?: WidgetHeaderConfig;
+}
+/**
+ * Configuration of a widget — the union of every widget-type-specific configuration.
+ *
+ * Used where the widget type is not known statically, for example {@link WidgetModel.config}. When
+ * the widget type is known, prefer that widget's own configuration type, which lists only the
+ * options the widget supports.
+ */
+export type WidgetConfig = ChartWidgetConfig | PivotTableWidgetConfig | CustomWidgetConfig | TextWidgetConfig | FilterWidgetConfig;

package/dist/src/components/widgets/widget-header-config.d.ts

@@ -0,0 +1,6 @@
+import { type WidgetHeaderConfig as WidgetHeaderConfigPreact } from '@sisense/sdk-ui-preact';
+/**
+ * Configuration for the widget header.
+ */
+export interface WidgetHeaderConfig extends Omit<WidgetHeaderConfigPreact, 'items' | 'onBeforeRender'> {
+}

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

@@ -0,0 +1,14 @@
+import { type WidgetModel as WidgetModelPreact } from '@sisense/sdk-ui-preact';
+import { type WidgetConfig } from './widget-config';
+/**
+ * {@inheritDoc @sisense/sdk-ui!WidgetModel}
+ *
+ * @group Fusion Assets
+ * @fusionEmbed
+ */
+export interface WidgetModel extends Omit<WidgetModelPreact, 'config'> {
+    /**
+     * {@inheritDoc @sisense/sdk-ui!WidgetModel.config}
+     */
+    config?: WidgetConfig;
+}