@sisense/sdk-ui 1.7.1 → 1.8.0

package/dist/translation/resources/index.d.ts

@@ -10,6 +10,7 @@ export declare const resources: {
             chartNoSisenseContext: string;
             dashboardWidgetNoSisenseContext: string;
             dashboardWidgetInvalidIdentifiers: string;
+            dashboardWidgetsInvalidIdentifiers: string;
             executeQueryNoSisenseContext: string;
             executeQueryNoDataSource: string;
             dataOptions: {
@@ -35,6 +36,7 @@ export declare const resources: {
                 onlyTabularWidgetsSupported: string;
             };
             unknownFilterInFilterRelations: string;
+            filterRelationsNotSupported: string;
         };
         errorBoxText: string;
         chartNoData: string;
@@ -94,6 +96,7 @@ export declare const resources: {
             chartNoSisenseContext: string;
             dashboardWidgetNoSisenseContext: string;
             dashboardWidgetInvalidIdentifiers: string;
+            dashboardWidgetsInvalidIdentifiers: string;
             executeQueryNoSisenseContext: string;
             executeQueryNoDataSource: string;
             dataOptions: {
@@ -119,6 +122,7 @@ export declare const resources: {
                 onlyTabularWidgetsSupported: string;
             };
             unknownFilterInFilterRelations: string;
+            filterRelationsNotSupported: string;
         };
         errorBoxText: string;
         chartNoData: string;

package/dist/treemap-chart.d.ts

@@ -2,31 +2,20 @@
 import { TreemapChartProps } from './props';
 /**
  * A React component displaying hierarchical data in the form of nested rectangles.
+ *
  * This type of chart can be used instead of a column chart for comparing a large number of categories and sub-categories.
- * See [Treemap Chart](https://docs.sisense.com/main/SisenseLinux/treemap.htm) for more information.
  *
- * @example
- * An example of using the component to visualize the `Sample ECommerce` data source:
- * ```tsx
- * <TreemapChart
- *   dataSet={DM.DataSource}
- *   dataOptions={{
- *     category: [
- *        {
- *          column: DM.Commerce.Condition,
- *          isColored: true,
- *        },
- *        DM.Commerce.Date.Years
- *      ],
- *     value: [measureFactory.sum(DM.Commerce.Quantity)],
- *   }}
- *   onDataPointClick= {(point, nativeEvent) => {
- *     console.log('clicked', point, nativeEvent);
- *   }}
+ * ## Example
+ *
+ * Tree map chart displaying total revenue, categorized by condition and age range, from the Sample ECommerce data model.
+ *
+ * <iframe
+ *  src='https://csdk-playground.sisense.com/?example=charts%2Ftreemap-chart&mode=docs'
+ *  width=800
+ *  height=870
+ *  style='border:none;'
  * />
- * ```
  *
- * <img src="media://treemap-chart-example-1.png" width="600px" />
  * @param props - Treemap chart properties
  * @returns Treemap Chart component
  * @group Charts

package/dist/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Attribute, MembersFilter } from '@sisense/sdk-data';
+import type { Attribute, MembersFilter } from '@sisense/sdk-data';
 import { DeepRequired } from 'ts-essentials';
 import { AreaSubtype, BoxplotSubtype, LineSubtype, PieSubtype, PolarSubtype, StackableSubtype } from './chart-options-processor/subtype-to-design-options';
 import { IndicatorComponents } from './chart-options-processor/translations/design-options';
@@ -10,6 +10,7 @@ import { DataPointsEventHandler } from './props';
 import { LegendPosition } from './chart-options-processor/translations/legend-section';
 import { GeoDataElement, RawGeoDataElement } from './chart-data/types';
 import { Coordinates } from './charts/map-charts/scattermap/types';
+export type { SortDirection, PivotRowsSort } from '@sisense/sdk-data';
 export type { AppConfig } from './app/client-application';
 export type { DateConfig } from './query/date-formats';
 export type { CartesianChartDataOptions, CategoricalChartDataOptions, ChartDataOptions, ScatterChartDataOptions, IndicatorChartDataOptions, StyledColumn, StyledMeasureColumn, } from './chart-data-options/types';
@@ -482,8 +483,6 @@ export type ChartType = CartesianChartType | CategoricalChartType | ScatterChart
 export type SeriesChartType = 'auto' | 'line' | 'spline' | 'areaspline' | 'bar' | 'area' | 'column' | 'scatter';
 /** The number of decimal places */
 export type DecimalScale = number | 'auto';
-/** Sorting direction, either by Ascending order, Descending order, or None */
-export type SortDirection = 'sortAsc' | 'sortDesc' | 'sortNone';
 /**
  * Configuration for number formatting.
  */
@@ -624,7 +623,7 @@ export interface WidgetStyleOptions {
          *
          * @internal
          */
-        renderToolbar?: (onRefresh: () => void) => JSX.Element;
+        renderToolbar?: (onRefresh: () => void) => JSX.Element | null;
     };
 }
 /** Style settings defining the look and feel of DashboardWidget */