@sisense/sdk-ui-angular 0.13.0 → 0.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/esm2020/lib/components/area-chart.component.mjs +4 -2
  2. package/dist/esm2020/lib/components/bar-chart.component.mjs +4 -2
  3. package/dist/esm2020/lib/components/chart-widget.component.mjs +6 -3
  4. package/dist/esm2020/lib/components/column-chart.component.mjs +4 -2
  5. package/dist/esm2020/lib/components/dashboard-widget.component.mjs +3 -2
  6. package/dist/esm2020/lib/components/funnel-chart.component.mjs +3 -2
  7. package/dist/esm2020/lib/components/indicator-chart.component.mjs +3 -2
  8. package/dist/esm2020/lib/components/line-chart.component.mjs +3 -2
  9. package/dist/esm2020/lib/components/pie-chart.component.mjs +4 -2
  10. package/dist/esm2020/lib/components/polar-chart.component.mjs +3 -2
  11. package/dist/esm2020/lib/components/scatter-chart.component.mjs +10 -2
  12. package/dist/esm2020/lib/components/table-widget.component.mjs +2 -2
  13. package/dist/esm2020/lib/components/table.component.mjs +2 -2
  14. package/dist/esm2020/lib/components/treemap-chart.component.mjs +4 -2
  15. package/dist/esm2020/lib/services/query.service.mjs +13 -1
  16. package/dist/fesm2015/sisense-sdk-ui-angular.mjs +53 -15
  17. package/dist/fesm2015/sisense-sdk-ui-angular.mjs.map +1 -1
  18. package/dist/fesm2020/sisense-sdk-ui-angular.mjs +53 -15
  19. package/dist/fesm2020/sisense-sdk-ui-angular.mjs.map +1 -1
  20. package/dist/lib/components/area-chart.component.d.ts +3 -1
  21. package/dist/lib/components/bar-chart.component.d.ts +3 -1
  22. package/dist/lib/components/chart-widget.component.d.ts +47 -5
  23. package/dist/lib/components/column-chart.component.d.ts +9 -2
  24. package/dist/lib/components/dashboard-widget.component.d.ts +2 -1
  25. package/dist/lib/components/funnel-chart.component.d.ts +2 -1
  26. package/dist/lib/components/indicator-chart.component.d.ts +2 -1
  27. package/dist/lib/components/line-chart.component.d.ts +2 -1
  28. package/dist/lib/components/pie-chart.component.d.ts +3 -1
  29. package/dist/lib/components/polar-chart.component.d.ts +2 -1
  30. package/dist/lib/components/scatter-chart.component.d.ts +9 -1
  31. package/dist/lib/components/table-widget.component.d.ts +29 -3
  32. package/dist/lib/components/table.component.d.ts +5 -5
  33. package/dist/lib/components/treemap-chart.component.d.ts +3 -1
  34. package/dist/lib/services/query.service.d.ts +12 -0
  35. package/dist/package.json +1 -1
  36. package/package.json +3 -3
@@ -396,7 +396,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
396
396
  }] } });
397
397
 
398
398
  /**
399
- * Table Component
399
+ * Table with aggregation and pagination.
400
400
  */
401
401
  class TableComponent {
402
402
  constructor(sisenseContextService, themeService) {
@@ -453,7 +453,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
453
453
  }] } });
454
454
 
455
455
  /**
456
- * Chart Widget Component
456
+ * The Chart Widget component extending {@link ChartComponent} to support widget style options.
457
457
  */
458
458
  class ChartWidgetComponent {
459
459
  constructor(sisenseContextService, themeService) {
@@ -504,6 +504,7 @@ class ChartWidgetComponent {
504
504
  drilldownOptions: this.drilldownOptions,
505
505
  title: this.title,
506
506
  description: this.description,
507
+ highlightSelectionDisabled: this.highlightSelectionDisabled,
507
508
  onBeforeRender: this.beforeRender?.bind(this),
508
509
  onDataPointClick: (...[point, nativeEvent]) => this.dataPointClick.emit({ point, nativeEvent }),
509
510
  onDataPointContextMenu: (...[point, nativeEvent]) => this.dataPointContextMenu.emit({ point, nativeEvent }),
@@ -517,7 +518,7 @@ class ChartWidgetComponent {
517
518
  }
518
519
  }
519
520
  ChartWidgetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWidgetComponent, deps: [{ token: SisenseContextService }, { token: ThemeService }], target: i0.ɵɵFactoryTarget.Component });
520
- ChartWidgetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWidgetComponent, selector: "csdk-chart-widget", inputs: { chartType: "chartType", dataSource: "dataSource", dataOptions: "dataOptions", filters: "filters", highlights: "highlights", styleOptions: "styleOptions", widgetStyleOptions: "widgetStyleOptions", drilldownOptions: "drilldownOptions", title: "title", description: "description", beforeRender: "beforeRender" }, outputs: { dataPointClick: "dataPointClick", dataPointContextMenu: "dataPointContextMenu", dataPointsSelect: "dataPointsSelect" }, viewQueries: [{ propertyName: "preactRef", first: true, predicate: ["preact"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #preact style=\"width: 100%; height: 100%\"></div>", isInline: true });
521
+ ChartWidgetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWidgetComponent, selector: "csdk-chart-widget", inputs: { chartType: "chartType", dataSource: "dataSource", dataOptions: "dataOptions", filters: "filters", highlights: "highlights", styleOptions: "styleOptions", widgetStyleOptions: "widgetStyleOptions", drilldownOptions: "drilldownOptions", title: "title", description: "description", highlightSelectionDisabled: "highlightSelectionDisabled", beforeRender: "beforeRender" }, outputs: { dataPointClick: "dataPointClick", dataPointContextMenu: "dataPointContextMenu", dataPointsSelect: "dataPointsSelect" }, viewQueries: [{ propertyName: "preactRef", first: true, predicate: ["preact"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #preact style=\"width: 100%; height: 100%\"></div>", isInline: true });
521
522
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWidgetComponent, decorators: [{
522
523
  type: Component,
523
524
  args: [{
@@ -547,6 +548,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
547
548
  type: Input
548
549
  }], description: [{
549
550
  type: Input
551
+ }], highlightSelectionDisabled: [{
552
+ type: Input
550
553
  }], beforeRender: [{
551
554
  type: Input
552
555
  }], dataPointClick: [{
@@ -558,7 +561,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
558
561
  }] } });
559
562
 
560
563
  /**
561
- * Column Chart Component
564
+ * A component representing categorical data with vertical rectangular bars
565
+ * whose heights are proportional to the values that they represent.
566
+ * See [Column Chart](https://docs.sisense.com/main/SisenseLinux/column-chart.htm) for more information.
562
567
  */
563
568
  class ColumnChartComponent {
564
569
  constructor() {
@@ -637,7 +642,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
637
642
  }] } });
638
643
 
639
644
  /**
640
- * Bar Chart Component
645
+ * A component representing categorical data with horizontal rectangular bars,
646
+ * whose lengths are proportional to the values that they represent.
647
+ * See [Bar Chart](https://docs.sisense.com/main/SisenseLinux/bar-chart.htm) for more information.
641
648
  */
642
649
  class BarChartComponent {
643
650
  constructor() {
@@ -716,7 +723,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
716
723
  }] } });
717
724
 
718
725
  /**
719
- * Area Chart Component
726
+ * A component similar to a {@link LineChartComponent},
727
+ * but with filled in areas under each line and an option to display them as stacked.
728
+ * More info on [Sisense Documentation page](https://docs.sisense.com/main/SisenseLinux/area-chart.htm).
720
729
  */
721
730
  class AreaChartComponent {
722
731
  constructor() {
@@ -795,7 +804,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
795
804
  }] } });
796
805
 
797
806
  /**
798
- * Line Chart Component
807
+ * A component displaying data as a series of points connected by a line. Used to show trends or changes over time.
808
+ * See [Line Chart](https://docs.sisense.com/main/SisenseLinux/line-chart.htm) for more information.
799
809
  */
800
810
  class LineChartComponent {
801
811
  constructor() {
@@ -874,7 +884,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
874
884
  }] } });
875
885
 
876
886
  /**
877
- * Indicator Chart Component
887
+ * A component that provides various options for displaying one or two numeric values as a number, gauge or ticker.
888
+ * See [Indicator](https://docs.sisense.com/main/SisenseLinux/indicator.htm) for more information.
878
889
  */
879
890
  class IndicatorChartComponent {
880
891
  constructor() {
@@ -919,7 +930,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
919
930
  }] } });
920
931
 
921
932
  /**
922
- * Scatter Chart Component
933
+ * A component displaying the distribution of two variables on an X-Axis, Y-Axis,
934
+ * and two additional fields of data that are shown as colored circles scattered across the chart.
935
+ *
936
+ * **Point**: A field that for each of its members a scatter point is drawn. The maximum amount of data points is 500.
937
+ *
938
+ * **Size**: An optional field represented by the size of the circles.
939
+ * If omitted, all scatter points are equal in size. If used, the circle sizes are relative to their values.
940
+ *
941
+ * See [Scatter Chart](https://docs.sisense.com/main/SisenseLinux/scatter-chart.htm) for more information.
923
942
  */
924
943
  class ScatterChartComponent {
925
944
  constructor() {
@@ -998,7 +1017,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
998
1017
  }] } });
999
1018
 
1000
1019
  /**
1001
- * Pie Chart Component
1020
+ * A component representing data in a circular graph with the data shown as slices of a whole,
1021
+ * with each slice representing a proportion of the total.
1022
+ * See [Pie Chart](https://docs.sisense.com/main/SisenseLinux/pie-chart.htm) for more information.
1002
1023
  */
1003
1024
  class PieChartComponent {
1004
1025
  constructor() {
@@ -1077,7 +1098,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1077
1098
  }] } });
1078
1099
 
1079
1100
  /**
1080
- * Funnel Chart Component
1101
+ * A component representing data progressively decreasing in size or quantity through a funnel shape.
1102
+ * See [Funnel Chart](https://docs.sisense.com/main/SisenseLinux/funnel-chart.htm) for more information.
1081
1103
  */
1082
1104
  class FunnelChartComponent {
1083
1105
  constructor() {
@@ -1156,7 +1178,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1156
1178
  }] } });
1157
1179
 
1158
1180
  /**
1159
- * Polar Chart Component
1181
+ * A component comparing multiple categories/variables with a spacial perspective in a radial chart.
1182
+ * See [Polar Chart](https://docs.sisense.com/main/SisenseLinux/polar-chart.htm) for more information.
1160
1183
  */
1161
1184
  class PolarChartComponent {
1162
1185
  constructor() {
@@ -1235,7 +1258,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1235
1258
  }] } });
1236
1259
 
1237
1260
  /**
1238
- * Treemap Chart Component
1261
+ * A component displaying hierarchical data in the form of nested rectangles.
1262
+ * This type of chart can be used instead of a column chart for comparing a large number of categories and sub-categories.
1263
+ * See [Treemap Chart](https://docs.sisense.com/main/SisenseLinux/treemap.htm) for more information.
1239
1264
  */
1240
1265
  class TreemapChartComponent {
1241
1266
  constructor() {
@@ -1314,7 +1339,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1314
1339
  }] } });
1315
1340
 
1316
1341
  /**
1317
- * Table Widget Component
1342
+ * The Table Widget component extending {@link TableComponent} component to support widget style options.
1318
1343
  *
1319
1344
  * @internal
1320
1345
  */
@@ -1379,7 +1404,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1379
1404
  }] } });
1380
1405
 
1381
1406
  /**
1382
- * Dashboard Widget Component
1407
+ * The Dashboard Widget component, which is a thin wrapper on {@link ChartWidgetComponent},
1408
+ * used to render a widget created in the Sisense instance.
1383
1409
  */
1384
1410
  class DashboardWidgetComponent {
1385
1411
  constructor(sisenseContextService, themeService) {
@@ -1563,12 +1589,24 @@ class QueryService {
1563
1589
  constructor(sisenseContextService) {
1564
1590
  this.sisenseContextService = sisenseContextService;
1565
1591
  }
1592
+ /**
1593
+ * Executes a data query.
1594
+ *
1595
+ * @param params - Query parameters
1596
+ * return Query result
1597
+ */
1566
1598
  async executeQuery(params) {
1567
1599
  const { dataSource, dimensions, measures, filters, highlights, count, offset, onBeforeQuery } = params;
1568
1600
  const app = await this.sisenseContextService.getApp();
1569
1601
  const data = await executeQuery({ dataSource, dimensions, measures, filters, highlights, count, offset }, app, { onBeforeQuery });
1570
1602
  return { data };
1571
1603
  }
1604
+ /**
1605
+ * Executes a data query extracted from an existing widget in the Sisense instance.
1606
+ *
1607
+ * @param params - Parameters to identify the target widget
1608
+ * @returns Query result
1609
+ */
1572
1610
  async executeQueryByWidgetId(params) {
1573
1611
  const app = await this.sisenseContextService.getApp();
1574
1612
  return executeQueryByWidgetId({