@sisense/sdk-ui 1.19.0 → 1.21.0

package/package.json

@@ -11,7 +11,7 @@
     "Sisense",
     "Compose SDK"
   ],
-  "version": "1.19.0",
+  "version": "1.21.0",
   "type": "module",
   "exports": {
     ".": {
@@ -53,12 +53,12 @@
     "@emotion/styled": "^11.10.5",
     "@mui/material": "^5.15.16",
     "@mui/system": "^5.15.15",
-    "@sisense/sdk-common": "^1.19.0",
-    "@sisense/sdk-data": "^1.19.0",
-    "@sisense/sdk-pivot-client": "^1.19.0",
-    "@sisense/sdk-query-client": "^1.19.0",
-    "@sisense/sdk-rest-client": "^1.19.0",
-    "@sisense/sdk-tracking": "^1.19.0",
+    "@sisense/sdk-common": "^1.21.0",
+    "@sisense/sdk-data": "^1.21.0",
+    "@sisense/sdk-pivot-client": "^1.21.0",
+    "@sisense/sdk-query-client": "^1.21.0",
+    "@sisense/sdk-rest-client": "^1.21.0",
+    "@sisense/sdk-tracking": "^1.21.0",
     "@sisense/sisense-charts": "5.1.1",
     "@tanstack/react-query": "4.36.1",
     "classnames": "^2.3.2",
@@ -71,6 +71,7 @@
     "geojson": "^0.5.0",
     "guid-typescript": "^1.0.9",
     "highcharts-react-official": "^3.2.1",
+    "highcharts-rounded-corners": "^1.0.7",
     "immer": "^10.0.2",
     "leaflet": "^1.9.4",
     "lodash-es": "^4.17.21",
@@ -122,6 +123,7 @@
     "@swc-node/register": "^1.6.5",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.0.0",
+    "@types/d3": "^7",
     "@types/dompurify": "^3.0.5",
     "@types/fixed-data-table-2": "^1.0.0",
     "@types/leaflet": "^1.9.8",
@@ -135,6 +137,7 @@
     "autoprefixer": "^10.4.14",
     "blob-polyfill": "^7.0.20220408",
     "canvas": "^2.11.2",
+    "d3": "^7.9.0",
     "eslint": "^8.40.0",
     "jsdom": "^22.1.0",
     "msw": "2.2.1",

package/dist/chart-data/advanced-analytics-data.d.ts

@@ -1,50 +0,0 @@
-import { DataTable } from '../chart-data-processor/table-processor';
-import { CartesianChartData } from './types';
-import { CartesianChartDataOptionsInternal } from '../chart-data-options/types';
-export declare const isForecastChart: (dataOptions: CartesianChartDataOptionsInternal) => boolean;
-export declare const isTrendChart: (dataOptions: CartesianChartDataOptionsInternal) => boolean;
-export declare const createForecastDataOptions: (dataOptions: CartesianChartDataOptionsInternal) => {
-    rangeValues: {
-        title: string;
-        name: string;
-        aggregation?: string | undefined;
-        sortType?: import("@sisense/sdk-data").SortDirection | undefined;
-        showOnRightAxis?: boolean | undefined;
-        numberFormatConfig?: import("..").NumberFormatConfig | undefined;
-        chartType?: import("..").SeriesChartType | undefined;
-        color?: import("./data-coloring").DataColorOptions | undefined;
-        enabled?: boolean | undefined;
-        treatNullDataAsZeros?: boolean | undefined;
-        connectNulls?: boolean | undefined;
-        totalsCalculation?: import("@sisense/sdk-data").TotalsCalculation | undefined;
-        dataBars?: boolean | undefined;
-        forecast?: import("@sisense/sdk-data").ForecastFormulaOptions | undefined;
-        trend?: import("@sisense/sdk-data").TrendFormulaOptions | undefined;
-        width?: number | undefined;
-        seriesStyleOptions?: import("../chart-data-options/types").SeriesStyleOptions | undefined;
-    }[][];
-    seriesValues: import("../chart-data-options/types").Value[];
-    y: {
-        title: string;
-        name: string;
-        aggregation?: string | undefined;
-        sortType?: import("@sisense/sdk-data").SortDirection | undefined;
-        showOnRightAxis?: boolean | undefined;
-        numberFormatConfig?: import("..").NumberFormatConfig | undefined;
-        chartType?: import("..").SeriesChartType | undefined;
-        color?: import("./data-coloring").DataColorOptions | undefined;
-        enabled?: boolean | undefined;
-        treatNullDataAsZeros?: boolean | undefined;
-        connectNulls?: boolean | undefined;
-        totalsCalculation?: import("@sisense/sdk-data").TotalsCalculation | undefined;
-        dataBars?: boolean | undefined;
-        forecast?: import("@sisense/sdk-data").ForecastFormulaOptions | undefined;
-        trend?: import("@sisense/sdk-data").TrendFormulaOptions | undefined;
-        width?: number | undefined;
-        seriesStyleOptions?: import("../chart-data-options/types").SeriesStyleOptions | undefined;
-    }[];
-    x: import("../chart-data-options/types").Category[];
-    breakBy: import("../chart-data-options/types").Category[];
-    seriesToColorMap?: import("..").ValueToColorMap | undefined;
-};
-export declare const advancedAnalyticsData: (dataOptions: CartesianChartDataOptionsInternal, dataTable: DataTable) => CartesianChartData;

package/dist/chart-data/filter-and-aggregate-chart-data.d.ts

@@ -1,4 +0,0 @@
-import { Category, Value } from '../chart-data-options/types';
-import { DataColumnNamesMapping } from '../chart-data-options/validate-data-options';
-import { DataTable } from '../chart-data-processor/table-processor';
-export declare const filterAndAggregateChartData: (sourceTable: DataTable, attributes: Category[], measures: Value[], dataColumnNamesMapping?: DataColumnNamesMapping) => DataTable;

package/dist/chart-data-options/utils.d.ts

@@ -1,29 +0,0 @@
-import { Attribute, CalculatedMeasureColumn, Column, Measure, MeasureColumn } from '@sisense/sdk-data';
-import { Category, Value, StyledColumn, StyledMeasureColumn, AnyColumn, CategoryStyle } from './types';
-type AnyObject = Record<string, any>;
-/**
- * Combines two objects into a single one with saving prototype inheritance of "sourceWithInheritance" argument
- *
- * @param sourceWithInheritance - The object that has own and inherited properties.
- * @param sourceToAbsorb - The object whose properties will be copied as own properties.
- * @returns - A new object that combines the properties of the two input objects.
- */
-export declare const safeCombine: <T extends AnyObject>(sourceWithInheritance: T, sourceToAbsorb: AnyObject) => T;
-export declare const splitColumn: (c: StyledColumn | Column) => {
-    column: Column;
-    style: CategoryStyle | undefined;
-};
-export declare const translateColumnToCategory: (c: StyledColumn | Column) => Category;
-export declare const translateColumnToValue: (c: MeasureColumn | CalculatedMeasureColumn | StyledMeasureColumn) => Value;
-export declare const translateColumnToCategoryOrValue: (value: AnyColumn) => Value | Category;
-export declare const translateMeasureToValue: (measure: Measure) => Value;
-export declare const translateAttributeToCategory: (attribute: Attribute) => Category;
-export declare const translateValueToMeasure: (value: Value) => Measure;
-export declare const translateCategoryToAttribute: (category: Category) => Attribute;
-export declare const getDataOptionTitle: (option: Category | Value) => string;
-export declare const translateColumnToAttribure: (c: StyledColumn | Column) => Attribute;
-export declare const translateColumnToMeasure: (c: MeasureColumn | CalculatedMeasureColumn | StyledMeasureColumn) => Measure;
-export declare const translateCategoryOrValueToColumn: <Source extends Value | Category, Target extends AnyColumn>(option: Source) => Target;
-export declare const translateCategoryToColumn: (option: Category) => Column | StyledColumn;
-export declare const translateValueToColumn: (option: Value) => MeasureColumn | CalculatedMeasureColumn | StyledMeasureColumn;
-export {};

package/dist/dashboard/components/content-panel.d.ts

@@ -1,41 +0,0 @@
-import { Layout, WidgetModel } from '../../models';
-/**
- * Props for the {@link ContentPanel} component.
- *
- * @internal
- */
-export interface ContentPanelProps {
-    /**
-     * An object defining how the widgets should be laid out.
-     */
-    layout: Layout;
-    /**
-     * A list of widget models to render.
-     */
-    widgets: WidgetModel[];
-}
-/**
- * A React component used for rendering a layout of widgets.
- *
- * @example
- * Example of using the component with the useGetDashboardModel hook:
- * ```tsx
- * const { dashboard, isLoading, isError } = useGetDashboardModel({
- *   dashboardOid: 'dashboard-oid',
- *   includeWidgets: true,
- * });
- *
- * const { layout, widgets } = dashboard;
- * if (!layout || !widgets) return null;
- *
- * return (
- *   <ContentPanel
- *     layout={layout}
- *     widgets={widgets}
- *   />
- * );
- * ```
- * @param props - {@link ContentPanelProps}
- * @internal
- */
-export declare const ContentPanel: ({ layout, widgets }: ContentPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/dashboard/components/dashboard-container.d.ts

@@ -1,2 +0,0 @@
-import { DashboardLayoutProps } from '../../dashboard/types';
-export declare const DashboardContainer: ({ title, layout, widgets, filters, onFiltersChange, defaultDataSource, }: DashboardLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/dashboard/index.d.ts

@@ -1,3 +0,0 @@
-export { DashboardById } from './dashboard-by-id';
-export { Dashboard } from './dashboard';
-export type { DashboardByIdProps, DashboardProps, DashboardStyleOptions } from './types';

package/dist/dashboard/types.d.ts

@@ -1,50 +0,0 @@
-import { DashboardStyleOptions, Layout, WidgetFilterOptions, WidgetModel } from '../models';
-import { DataSource, Filter } from '@sisense/sdk-data';
-export type { DashboardStyleOptions, Layout } from '../models';
-/**
- * Props for the DashboardById component
- */
-export interface DashboardByIdProps {
-    /**
-     * The OID of the dashboard to render.
-     */
-    dashboardOid: string;
-}
-/**
- * Props for the DashboardLayout component
- */
-export interface DashboardLayoutProps {
-    title: string;
-    layout: Layout;
-    widgets: WidgetModel[];
-    filters: Filter[];
-    onFiltersChange: (filters: Filter[]) => void;
-    defaultDataSource?: DataSource;
-}
-/**
- * Props for the Dashboard component
- */
-export interface DashboardProps {
-    /** The title of the dashboard */
-    title: string;
-    /** The layout of the dashboard */
-    layout: Layout;
-    /** The widgets to render in the dashboard */
-    widgets: WidgetModel[];
-    /** The dashboard filters to be applied to each of the widgets based on the widget filter options */
-    filters: Filter[];
-    /** The default data source to use for the dashboard */
-    defaultDataSource?: DataSource;
-    /** The filter options for each of the widgets */
-    widgetFilterOptions?: WidgetFilterOptions;
-    /** The style options for the dashboard */
-    styleOptions: DashboardStyleOptions;
-}
-/**
- * Props for the Dashboard Header component
- *
- * @internal
- */
-export interface DashboardHeaderProps {
-    title: string;
-}

package/dist/dashboard/utils.d.ts

@@ -1 +0,0 @@
-export declare const getDividerStyle: (color: string, width: number) => string;

package/dist/models/dashboard/dashboard-model.d.ts

@@ -1,74 +0,0 @@
-import { DataSource, Filter } from '@sisense/sdk-data';
-import { DashboardStyleOptions, Layout, WidgetModel } from '../../models';
-import type { DashboardDto } from '../../api/types/dashboard-dto';
-import { DashboardProps } from '../../dashboard/types';
-import { type WidgetFilterOptions } from './types';
-import { CompleteThemeSettings } from '../../types';
-import { AppSettings } from '../../app/settings/settings';
-/**
- * Model of Sisense dashboard defined in the abstractions of Compose SDK.
- *
- * @group Fusion Embed
- * @fusionEmbed
- */
-export declare class DashboardModel {
-    /**
-     * Unique identifier of the dashboard.
-     */
-    oid: string;
-    /**
-     * Dashboard title.
-     */
-    title: string;
-    /**
-     * Dashboard data source details.
-     */
-    dataSource: DataSource;
-    /**
-     * Dashboard widgets.
-     */
-    widgets: WidgetModel[];
-    /**
-     * Dashboard layout.
-     *
-     * @internal
-     */
-    layout: Layout;
-    /**
-     * Dashboard style options.
-     *
-     * @internal
-     */
-    styleOptions: DashboardStyleOptions;
-    /**
-     * Dashboard filters.
-     *
-     * @internal
-     */
-    filters: Filter[];
-    /**
-     * Dashboard filters options per each widget.
-     *
-     * @internal
-     */
-    widgetFilterOptions: WidgetFilterOptions;
-    /**
-     * Creates a new dashboard model.
-     *
-     * @param dashboardDto - The widget DTO to be converted to a widget model
-     * @param themeSettings - Optional theme settings
-     * @param appSettings - Optional application settings
-     * @internal
-     */
-    constructor(dashboardDto: DashboardDto, themeSettings?: CompleteThemeSettings, appSettings?: AppSettings);
-    /**
-     * Returns the props to be used for rendering a dashboard.
-     *
-     * @example
-     * ```tsx
-     * <Dashboard {...dashboard.getDashboardProps()} />
-     * ```
-     * @internal
-     */
-    getDashboardProps(): DashboardProps;
-}

package/dist/models/dashboard/translate-dashboard-utils.d.ts

@@ -1,7 +0,0 @@
-import { type Layout as SisenseLayout, type FilterDto, type CascadingFilterDto } from '../../api/types/dashboard-dto';
-import type { Layout, WidgetFilterOptions } from './types';
-import { Filter } from '@sisense/sdk-data';
-import { WidgetDto } from '../../dashboard-widget/types';
-export declare const translateLayout: (layout: SisenseLayout) => Layout;
-export declare function extractDashboardFilters(dashboardFilters: Array<FilterDto | CascadingFilterDto>): Filter[];
-export declare function translateWidgetFilterOptions(widgets?: WidgetDto[]): WidgetFilterOptions;

package/dist/models/widget/translate-widget.d.ts

@@ -1,15 +0,0 @@
-import { CompleteThemeSettings } from '../../types';
-import { WidgetDto, WidgetType } from '../../dashboard-widget/types';
-import { WidgetTypeInternal } from './types';
-import { WidgetModel } from './widget-model';
-import { AppSettings } from '../../app/settings/settings';
-/**
- * Translates a widget DTO to a widget model.
- *
- * @param widget - The widget DTO to be converted to a widget model
- * @param themeSettings - Optional theme settings
- * @param appSettings - Optional application settings
- * @returns The widget model
- */
-export declare function translateWidget(widget: WidgetDto, themeSettings?: CompleteThemeSettings, appSettings?: AppSettings): WidgetModel;
-export declare function translateWidgetType(widgetType: WidgetType): WidgetTypeInternal;

package/dist/plugins-provider/plugins-context.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { WidgetPlugin } from './types';
-type PluginsContextType = {
-    plugins: Map<string, WidgetPlugin>;
-    registerPlugin: (pluginType: string, plugin: WidgetPlugin) => void;
-    getPlugin: (pluginType: string) => WidgetPlugin | undefined;
-};
-export declare const PluginsContext: import("react").Context<PluginsContextType>;
-export {};

package/dist/plugins-provider/types.d.ts

@@ -1,8 +0,0 @@
-import { WidgetModel } from '../models';
-import { CompleteThemeSettings } from '../types';
-/** @internal */
-export type WidgetPlugin<P = {}> = {
-    name: string;
-    component: (props: any) => any;
-    createChartProps(w: WidgetModel, themeSettings: CompleteThemeSettings): P;
-};

package/dist/query/date-formats/angular-text-date-format-replacers.d.ts

@@ -1,5 +0,0 @@
-import type { DateFormat } from './apply-date-format';
-declare const angularTextDates: readonly ["shortDate", "shortTime", "short", "mediumDate", "mediumTime", "medium", "longDate", "fullDate"];
-export type AngularTextDate = (typeof angularTextDates)[number];
-export declare function newDateFormatWithExpandedAngularTextFormats(oldFormat: DateFormat, locale: Locale): DateFormat;
-export {};