@sisense/sdk-ui-angular 1.31.0 → 1.33.0

package/dist/lib/services/sisense-context.service.d.ts

@@ -11,8 +11,8 @@ export { type SisenseContextConfig };
  *
  * ```ts
  * export const SISENSE_CONTEXT_CONFIG: SisenseContextConfig = {
- *   url="<instance url>" // replace with the URL of your Sisense instance
- *   token="<api token>" // replace with the API token of your user account
+ *   url: "<instance url>", // replace with the URL of your Sisense instance
+ *   token: "<api token>", // replace with the API token of your user account
  *   defaultDataSource: DM.DataSource,
  * };
  *

package/dist/lib/services/theme.service.d.ts

@@ -13,8 +13,8 @@ export { type ThemeConfig };
  *
  * ```ts
  * export const SISENSE_CONTEXT_CONFIG: SisenseContextConfig = {
- *   url="<instance url>" // replace with the URL of your Sisense instance
- *   token="<api token>" // replace with the API token of your user account
+ *   url: "<instance url>", // replace with the URL of your Sisense instance
+ *   token: "<api token>", // replace with the API token of your user account
  *   defaultDataSource: DM.DataSource,
  * };
  *

package/dist/lib/types/dashboard-config.d.ts

@@ -0,0 +1,24 @@
+import type { DashboardConfig as DashboardConfigPreact, DashboardByIdConfig as DashboardByIdConfigPreact, DashboardFiltersPanelConfig as DashboardFiltersPanelConfigPreact } from '@sisense/sdk-ui-preact';
+/**
+ * {@inheritDoc @sisense/sdk-ui!DashboardFiltersPanelConfig}
+ */
+export interface DashboardFiltersPanelConfig extends Omit<DashboardFiltersPanelConfigPreact, 'actions'> {
+}
+/**
+ * {@inheritDoc @sisense/sdk-ui!DashboardConfig}
+ */
+export interface DashboardConfig extends Omit<DashboardConfigPreact, 'filtersPanel'> {
+    /**
+     * {@inheritDoc @sisense/sdk-ui!DashboardConfig.filtersPanel}
+     */
+    filtersPanel?: DashboardFiltersPanelConfig;
+}
+/**
+ * {@inheritDoc @sisense/sdk-ui!DashboardByIdConfig}
+ */
+export interface DashboardByIdConfig extends Omit<DashboardByIdConfigPreact, 'filtersPanel'> {
+    /**
+     * {@inheritDoc @sisense/sdk-ui!DashboardByIdConfig.filtersPanel}
+     */
+    filtersPanel?: DashboardFiltersPanelConfig;
+}

package/dist/lib/types/index.d.ts

@@ -1,3 +1,4 @@
 export * from './utility-types';
 export * from './data-point';
 export * from './chart-event-props';
+export * from './dashboard-config';

package/dist/lib/utilities/dashboard-helpers.d.ts

@@ -0,0 +1,105 @@
+import { DashboardProps } from '../components';
+import { Filter, FilterRelations } from '@sisense/sdk-data';
+/**
+ * {@inheritDoc @sisense/sdk-ui!dashboardHelpers.replaceFilters}
+ *
+ * @example
+ * Replace all filters on a dashboard with a new set of filters.
+ * ```ts
+ * const existingDashboard: DashboardProps = {...}
+ * const newFilters: Filter[] = [{...}, {...}, ...];
+ * const updatedDashboard = dashboardHelpers.replaceFilters(existingDashboard, newFilters);
+ * ```
+ * @param dashboard - The original dashboard (`DashboardProps`) whose filters are to be replaced.
+ * @param newFilters - An array of new filters or filter relations to set on the dashboard.
+ * @returns A new dashboard instance with the updated filters.
+ */
+export declare const replaceFilters: (dashboard: DashboardProps, newFilters: Filter[] | FilterRelations) => DashboardProps;
+/**
+ * {@inheritDoc @sisense/sdk-ui!dashboardHelpers.addFilter}
+ *
+ * @example
+ * Add a new filter to a dashboard.
+ * ```ts
+ * const existingDashboard: DashboardProps = {...};
+ * const newFilter: Filter = {...};
+ * const updatedDashboard = dashboardHelpers.addFilter(existingDashboard, newFilter);
+ * ```
+ * @param dashboard - The original dashboard (`DashboardProps`) to which the filter will be added.
+ * @param newFilter - The filter to add to the dashboard.
+ * @returns A new dashboard instance with the new filter added.
+ */
+export declare const addFilter: (dashboard: DashboardProps, newFilter: Filter) => DashboardProps;
+/**
+ * {@inheritDoc @sisense/sdk-ui!dashboardHelpers.addFilters}
+ *
+ * @example
+ * Add multiple new filters to a dashboard.
+ * ```ts
+ * const existingDashboard: DashboardProps = {...};
+ * const newFilters: Filter[] = [{...}, {...}, ...];
+ * const updatedDashboard = dashboardHelpers.addFilters(existingDashboard, newFilters);
+ * ```
+ * @param dashboard - The original dashboard (`DashboardProps`) to which the filters will be added.
+ * @param newFilters - An array of filters to add to the dashboard.
+ * @returns A new dashboard instance with the new filters added.
+ */
+export declare const addFilters: (dashboard: DashboardProps, newFilters: Filter[]) => DashboardProps;
+/**
+ * {@inheritDoc @sisense/sdk-ui!dashboardHelpers.replaceFilter}
+ *
+ * @example
+ * Replace a filter in a dashboard.
+ * ```ts
+ * const existingDashboard: DashboardProps = {...};
+ * const filterToReplace: Filter = {...};
+ * const newFilter: Filter = {...};
+ * const updatedDashboard = dashboardHelpers.replaceFilter(existingDashboard, filterToReplace, newFilter);
+ * ```
+ * @param dashboard - The original dashboard (`DashboardProps`) containing the filter to be replaced.
+ * @param filterToReplace - The existing filter to be replaced.
+ * @param newFilter - The new filter to replace the existing one.
+ * @returns A new dashboard instance with the specified filter replaced.
+ */
+export declare const replaceFilter: (dashboard: DashboardProps, filterToReplace: Filter, newFilter: Filter) => DashboardProps;
+/**
+ * {@inheritDoc @sisense/sdk-ui!dashboardHelpers.modifyFilter}
+ *
+ * @deprecated Use {@link replaceFilter} instead
+ *
+ * @param dashboard - The original dashboard (`DashboardProps`) containing the filter to modify.
+ * @param filterToModify - The existing filter to be modified.
+ * @param newFilter - The new filter to replace the existing one.
+ * @returns A new dashboard instance with the specified filter modified.
+ */
+export declare const modifyFilter: (dashboard: DashboardProps, filterToModify: Filter, newFilter: Filter) => DashboardProps;
+/**
+ * {@inheritDoc @sisense/sdk-ui!dashboardHelpers.removeFilter}
+ *
+ * @example
+ * Remove a filter from a dashboard.
+ * ```ts
+ * const existingDashboard: DashboardProps = {...};
+ * const filterToRemove: Filter = {...};
+ * const updatedDashboard = dashboardHelpers.removeFilter(existingDashboard, filterToRemove);
+ * ```
+ * @param dashboard - The original dashboard (`DashboardProps`) from which to remove the filter.
+ * @param filterToRemove - The filter to be removed.
+ * @returns A new dashboard instance with the specified filter removed.
+ */
+export declare const removeFilter: (dashboard: DashboardProps, filterToRemove: Filter) => DashboardProps;
+/**
+ * {@inheritDoc @sisense/sdk-ui!dashboardHelpers.removeFilters}
+ *
+ * @example
+ * Remove multiple filters from a dashboard.
+ * ```ts
+ * const existingDashboard: DashboardProps = {...};
+ * const filtersToRemove: Filter[] = [{...}, {...}, ...];
+ * const updatedDashboard = dashboardHelpers.removeFilters(existingDashboard, filtersToRemove);
+ * ```
+ * @param dashboard - The original dashboard (`DashboardProps`) from which the specified filters are removed.
+ * @param filtersToRemove - An array of filters to remove.
+ * @returns A new dashboard instance with the specified filters removed.
+ */
+export declare const removeFilters: (dashboard: DashboardProps, filtersToRemove: Filter[]) => DashboardProps;

package/dist/lib/utilities/dashboard-model-translator.d.ts

@@ -0,0 +1,47 @@
+import { type DashboardModel } from '@sisense/sdk-ui-preact';
+import { type DashboardProps } from '../components';
+/**
+ * Translates {@link DashboardModel} to {@link DashboardProps}.
+ *
+ * @example
+ * ```html
+<csdk-dashboard
+  *ngIf="dashboard"
+  [title]="dashboard.title"
+  [layoutOptions]="dashboard.layoutOptions"
+  [widgets]="dashboard.widgets"
+  [filters]="dashboard.filters"
+  [defaultDataSource]="dashboard.defaultDataSource"
+  [widgetsOptions]="dashboard.widgetsOptions"
+/>
+ * ```
+ *
+ * ```ts
+import { Component } from '@angular/core';
+import {
+  type DashboardProps,
+  DashboardService,
+  dashboardModelTranslator,
+} from '@sisense/sdk-ui-angular';
+
+@Component({
+  selector: 'app-dashboard',
+  templateUrl: './dashboard.component.html',
+  styleUrls: ['./dashboard.component.scss'],
+})
+export class DashboardComponent {
+  dashboard: DashboardProps | null = null;
+
+  constructor(private dashboardService: DashboardService) {}
+
+  async ngOnInit(): Promise<void> {
+    const dashboardModel = await this.dashboardService.getDashboardModel('your-dashboard-oid', {
+      includeWidgets: true,
+      includeFilters: true,
+    });
+    this.dashboard = dashboardModelTranslator.toDashboardProps(dashboardModel);
+  }
+}
+ * ```
+ */
+export declare function toDashboardProps(dashboardModel: DashboardModel): DashboardProps;

package/dist/lib/utilities/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * {@inheritDoc @sisense/sdk-ui!dashboardModelTranslator}
+ *
+ * @group Fusion Assets
+ * @fusionEmbed
+ * @shortDescription Utility functions to translate a Fusion dashboard model from and to other dashboard data structures
+ */
+export * as dashboardModelTranslator from './dashboard-model-translator';
+/**
+ * {@inheritDoc @sisense/sdk-ui!dashboardHelpers}
+ *
+ * @group Dashboards
+ * @shortDescription Utility functions to manipulate dashboard elements
+ */
+export * as dashboardHelpers from './dashboard-helpers';
+/**
+ * {@inheritDoc @sisense/sdk-ui!widgetModelTranslator}
+ *
+ * @group Fusion Assets
+ * @fusionEmbed
+ * @shortDescription Utility functions to translate a Fusion widget model from and to other widget data structures
+ */
+export * as widgetModelTranslator from './widget-model-translator';

package/dist/lib/utilities/widget-model-translator.d.ts

@@ -0,0 +1,289 @@
+import { type WidgetModel, type TextWidgetProps } from '@sisense/sdk-ui-preact';
+import { ExecutePivotQueryParams, ExecuteQueryParams } from '../services';
+import { ChartProps, ChartWidgetProps, PivotTableProps, PivotTableWidgetProps, TableProps } from '../components';
+/**
+ * Translates a {@link WidgetModel} to the parameters for executing a query for the widget.
+ *
+ * @example
+ * ```ts
+const widgetModel = await widgetService.getWidgetModel({
+  dashboardOid: 'your-dashboard-oid',
+  widgetOid: 'your-widget-oid'
+});
+const executeQueryParams = widgetModelTranslator.toExecuteQueryParams(widgetModel);
+const queryResult = await queryService.executeQuery(executeQueryParams);
+ * ```
+ *
+ * Note: this method is not supported for getting pivot query.
+ * Use {@link toExecutePivotQueryParams} instead for getting query parameters for the pivot widget.
+ */
+export declare const toExecuteQueryParams: (widgetModel: WidgetModel) => ExecuteQueryParams;
+/**
+ * Translates a {@link WidgetModel} to the parameters for executing a query for the pivot widget.
+ *
+ * @example
+ * ```ts
+const widgetModel = await widgetService.getWidgetModel({
+  dashboardOid: 'your-dashboard-oid',
+  widgetOid: 'your-widget-oid'
+});
+const executePivotQueryParams = widgetModelTranslator.toExecutePivotQueryParams(widgetModel);
+const queryResult = await queryService.executePivotQuery(executeQueryParams);
+ * ```
+ *
+ * Note: this method is supported only for getting pivot query.
+ * Use {@link toExecuteQueryParams} instead for getting query parameters for non-pivot widgets.
+ */
+export declare const toExecutePivotQueryParams: (widgetModel: WidgetModel) => ExecutePivotQueryParams;
+/**
+ * Translates a {@link WidgetModel} to the props for rendering a chart.
+ *
+ * @example
+ * ```html
+<csdk-chart
+  *ngIf="chartProps"
+  [chartType]="chartProps.chartType"
+  [dataSet]="chartProps.dataSet"
+  [dataOptions]="chartProps.dataOptions"
+  [filters]="chartProps.filters"
+  [highlights]="chartProps.highlights"
+  [styleOptions]="chartProps.styleOptions"
+/>
+ * ```
+ *
+ * ```ts
+import { Component } from '@angular/core';
+import {
+  type ChartProps
+  WidgetService,
+  widgetModelTranslator,
+} from '@sisense/sdk-ui-angular';
+
+@Component({
+  selector: 'app-example',
+  templateUrl: './example.component.html',
+  styleUrls: ['./example.component.scss'],
+})
+export class ExampleComponent {
+  chartProps: ChartProps | null = null;
+
+  constructor(private widgetService: WidgetService) {}
+
+  async ngOnInit(): Promise<void> {
+    const widgetModel = await widgetService.getWidgetModel({
+      dashboardOid: 'your-dashboard-oid',
+      widgetOid: 'your-widget-oid'
+    });
+    this.chartProps = widgetModelTranslator.toChartProps(widgetModel);
+  }
+}
+ * ```
+ *
+ * Note: this method is not supported for pivot widgets.
+ * Use {@link toPivotTableProps} instead for getting props for the {@link PivotTableComponent}.
+ */
+export declare function toChartProps(widgetModel: WidgetModel): ChartProps;
+/**
+ * Translates a {@link WidgetModel} to the props for rendering a table.
+ *
+ * @example
+ * ```html
+<csdk-table
+  *ngIf="tableProps"
+  [dataSet]="tableProps.dataSet"
+  [dataOptions]="tableProps.dataOptions"
+  [filters]="tableProps.filters"
+  [styleOptions]="tableProps.styleOptions"
+/>
+ * ```
+ *
+ * ```ts
+import { Component } from '@angular/core';
+import {
+  type TableProps
+  WidgetService,
+  widgetModelTranslator,
+} from '@sisense/sdk-ui-angular';
+
+@Component({
+  selector: 'app-example',
+  templateUrl: './example.component.html',
+  styleUrls: ['./example.component.scss'],
+})
+export class ExampleComponent {
+  tableProps: TableProps | null = null;
+
+  constructor(private widgetService: WidgetService) {}
+
+  async ngOnInit(): Promise<void> {
+    const widgetModel = await widgetService.getWidgetModel({
+      dashboardOid: 'your-dashboard-oid',
+      widgetOid: 'your-widget-oid'
+    });
+    this.tableProps = widgetModelTranslator.toTableProps(widgetModel);
+  }
+}
+ * ```
+ *
+ * Note: this method is not supported for chart and pivot widgets.
+ * Use {@link toChartProps} instead for getting props for the {@link ChartComponent}.
+ * Use {@link toPivotTableProps} instead for getting props for the {@link PivotTableComponent}.
+ */
+export declare function toTableProps(widgetModel: WidgetModel): TableProps;
+/**
+ * Translates a {@link WidgetModel} to the props for rendering a pivot table.
+ *
+ * @example
+ * ```html
+<csdk-pivot-table
+  *ngIf="pivotTableProps"
+  [dataSet]="pivotTableProps.dataSet"
+  [dataOptions]="pivotTableProps.dataOptions"
+  [filters]="pivotTableProps.filters"
+  [styleOptions]="pivotTableProps.styleOptions"
+/>
+ * ```
+ *
+ * ```ts
+import { Component } from '@angular/core';
+import {
+  type PivotTableProps
+  WidgetService,
+  widgetModelTranslator,
+} from '@sisense/sdk-ui-angular';
+
+@Component({
+  selector: 'app-example',
+  templateUrl: './example.component.html',
+  styleUrls: ['./example.component.scss'],
+})
+export class ExampleComponent {
+  pivotTableProps: PivotTableProps | null = null;
+
+  constructor(private widgetService: WidgetService) {}
+
+  async ngOnInit(): Promise<void> {
+    const widgetModel = await widgetService.getWidgetModel({
+      dashboardOid: 'your-dashboard-oid',
+      widgetOid: 'your-widget-oid'
+    });
+    this.pivotTableProps = widgetModelTranslator.toPivotTableProps(widgetModel);
+  }
+}
+ * ```
+ *
+ * Note: this method is not supported for chart or table widgets.
+ * Use {@link toChartProps} instead for getting props for the {@link ChartComponent}.
+ * Use {@link toTableProps} instead for getting props for the {@link TableComponent}.
+ */
+export declare function toPivotTableProps(widgetModel: WidgetModel): PivotTableProps;
+/**
+ * Translates a {@link WidgetModel} to the props for rendering a chart widget.
+ *
+ * @example
+ * ```html
+<csdk-chart-widget
+  *ngIf="chartWidgetProps"
+  [chartType]="chartWidgetProps.chartType"
+  [dataSource]="chartWidgetProps.dataSource"
+  [dataOptions]="chartWidgetProps.dataOptions"
+  [filters]="chartWidgetProps.filters"
+  [highlights]="chartWidgetProps.highlights"
+  [styleOptions]="chartWidgetProps.styleOptions"
+/>
+ * ```
+ *
+ * ```ts
+import { Component } from '@angular/core';
+import {
+  type ChartWidgetProps
+  WidgetService,
+  widgetModelTranslator,
+} from '@sisense/sdk-ui-angular';
+
+@Component({
+  selector: 'app-example',
+  templateUrl: './example.component.html',
+  styleUrls: ['./example.component.scss'],
+})
+export class ExampleComponent {
+  chartWidgetProps: ChartWidgetProps | null = null;
+
+  constructor(private widgetService: WidgetService) {}
+
+  async ngOnInit(): Promise<void> {
+    const widgetModel = await widgetService.getWidgetModel({
+      dashboardOid: 'your-dashboard-oid',
+      widgetOid: 'your-widget-oid'
+    });
+    this.chartWidgetProps = widgetModelTranslator.toChartWidgetProps(widgetModel);
+  }
+}
+ * ```
+ *
+ * Note: this method is not supported for pivot widgets.
+ */
+export declare function toChartWidgetProps(widgetModel: WidgetModel): ChartWidgetProps;
+/**
+ * Translates a {@link WidgetModel} to the props for rendering a pivot table widget.
+ *
+ * @example
+ * ```html
+<csdk-pivot-table-widget
+  *ngIf="pivotWidgetProps"
+  [dataSet]="pivotWidgetProps.dataSet"
+  [dataOptions]="pivotWidgetProps.dataOptions"
+  [filters]="pivotWidgetProps.filters"
+  [styleOptions]="pivotWidgetProps.styleOptions"
+/>
+ * ```
+ *
+ * ```ts
+import { Component } from '@angular/core';
+import {
+  type PivotTableWidgetProps
+  WidgetService,
+  widgetModelTranslator,
+} from '@sisense/sdk-ui-angular';
+
+@Component({
+  selector: 'app-example',
+  templateUrl: './example.component.html',
+  styleUrls: ['./example.component.scss'],
+})
+export class ExampleComponent {
+  pivotWidgetProps: PivotTableWidgetProps | null = null;
+
+  constructor(private widgetService: WidgetService) {}
+
+  async ngOnInit(): Promise<void> {
+    const widgetModel = await widgetService.getWidgetModel({
+      dashboardOid: 'your-dashboard-oid',
+      widgetOid: 'your-widget-oid'
+    });
+    this.pivotWidgetProps = widgetModelTranslator.toPivotTableWidgetProps(widgetModel);
+  }
+}
+ * ```
+ *
+ * Note: this method is not supported for chart or table widgets.
+ * Use {@link toChartWidgetProps} instead for getting props for the {@link ChartWidgetComponent}.
+ */
+export declare function toPivotTableWidgetProps(widgetModel: WidgetModel): PivotTableWidgetProps;
+/**
+ * Translates a {@link WidgetModel} to the props for rendering a text widget.
+ *
+ * @example
+ * ```ts
+const widgetModel = await widgetService.getWidgetModel({
+  dashboardOid: 'your-dashboard-oid',
+  widgetOid: 'your-widget-oid'
+});
+const textWidgetProps = widgetModelTranslator.toTextWidgetProps(widgetModel);
+ * ```
+ *
+ * Note: this method is not supported for chart or pivot widgets.
+ * Use {@link toChartWidgetProps} instead for getting props for the {@link ChartWidgetComponent}.
+ * Use {@link toPivotTableWidgetProps} instead for getting props for the pivot table widget.
+ */
+export declare function toTextWidgetProps(widgetModel: WidgetModel): TextWidgetProps;

package/dist/package.json

@@ -11,7 +11,7 @@
     "Sisense",
     "Compose SDK"
   ],
-  "version": "1.31.0",
+  "version": "1.33.0",
   "author": "Sisense",
   "license": "SEE LICENSE IN LICENSE.md",
   "main": "dist",

package/dist/public-api.d.ts

@@ -1,28 +1,11 @@
 /**
- * @packageDocumentation
- * @groupDescription Charts
- * Angular components and utilities for working with charts
- * @groupDescription Data Grids
- * Angular components for data grids
- * @groupDescription Drilldown
- * Angular components for creating drilldown experiences
- * @groupDescription Filter Tiles
- * Angular filter tile components
- * @groupDescription Contexts
- * Angular context modules, services, and variables
- * @groupDescription Queries
- * Angular query service
- * @groupDescription Dashboards
- * Angular components and utilities for working with dashboards
- * @groupDescription Fusion Assets
- * Angular modules, services, and components for working with Fusion dashboards, widgets, queries, and formulas
- * @groupDescription Interfaces
- * TypeScript interfaces for components and services listed above
- * @groupDescription Type Aliases
- * TypeScript type aliases for components and services listed above
+ * Public API Surface of @sisense/sdk-ui-angular
  */
 export * from './lib/sdk-ui.module';
 export * from './lib/components';
 export * from './lib/services';
+export * from './lib/utilities';
 export * from './lib/sdk-ui-core-exports';
-export type { DataPointEvent, AreamapDataPointEvent, BoxplotDataPointEvent, ScatterDataPointEvent, ScattermapDataPointEvent, ChartDataPointEvent, DataPointsEvent, ChartDataPointsEvent, ScatterDataPointsEvent, DataPointEventHandler, ScattermapDataPointEventHandler, AreamapDataPointEventHandler, BoxplotDataPointEventHandler, DataPointsEventHandler, ScatterDataPointEventHandler, ScatterDataPointsEventHandler, } from './lib/types';
+export type { DataPointEvent, AreamapDataPointEvent, BoxplotDataPointEvent, ScatterDataPointEvent, ScattermapDataPointEvent, ChartDataPointEvent, DataPointsEvent, ChartDataPointsEvent, ScatterDataPointsEvent, DataPointEventHandler, ScattermapDataPointEventHandler, AreamapDataPointEventHandler, BoxplotDataPointEventHandler, DataPointsEventHandler, ScatterDataPointEventHandler, ScatterDataPointsEventHandler, DashboardConfig, DashboardByIdConfig, DashboardFiltersPanelConfig, } from './lib/types';
+export { createThemeContextConnector, createSisenseContextConnector, createPluginsContextConnector, } from './lib/component-wrapper-helpers';
+export { TrackableService } from './lib/decorators';

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.31.0";
+declare const _default: "1.33.0";
 export default _default;

package/package.json

@@ -11,7 +11,7 @@
     "Sisense",
     "Compose SDK"
   ],
-  "version": "1.31.0",
+  "version": "1.33.0",
   "author": "Sisense",
   "license": "SEE LICENSE IN LICENSE.md",
   "main": "dist",
@@ -76,9 +76,9 @@
     "@angular/core": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@sisense/sdk-data": "^1.31.0",
-    "@sisense/sdk-tracking": "^1.31.0",
-    "@sisense/sdk-ui-preact": "^1.31.0",
+    "@sisense/sdk-data": "^1.33.0",
+    "@sisense/sdk-tracking": "^1.33.0",
+    "@sisense/sdk-ui-preact": "^1.33.0",
     "rxjs": "^7.8.1",
     "ts-deepmerge": "^6.2.0",
     "tslib": "^2.3.0"