@sisense/sdk-ui-vue 1.20.0 → 1.21.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -19,6 +19,9 @@ import type { PropType } from 'vue';
19
19
  * const dashboardOid = '6441e728dac1920034bce737';
20
20
  * </script>
21
21
  * ```
22
+ *
23
+ * To learn more about this and related dashboard components,
24
+ * see [Embedded Dashboards](/guides/sdk/guides/dashboards/index.html).
22
25
  * @group Fusion Embed
23
26
  * @fusionEmbed
24
27
  * @beta
@@ -12,14 +12,15 @@ import type { PropType } from 'vue';
12
12
  * :layoutOptions="dashboardProps.layoutOptions"
13
13
  * :widgets="dashboardProps.widgets"
14
14
  * :filters="dashboardProps.filters"
15
- * :defaultDataSource="dashboardProps.dataSource"
15
+ * :defaultDataSource="dashboardProps.defaultDataSource"
16
16
  * :widgetsOptions="dashboardProps.widgetsOptions"
17
17
  * :styleOptions="dashboardProps.styleOptions"
18
18
  * />
19
19
  * </template>
20
20
  *
21
21
  * <script setup lang="ts">
22
- * import { dashboardModelTranslator, useGetDashboardModel } from '@sisense/sdk-ui-vue';
22
+ * import { dashboardModelTranslator, useGetDashboardModel, Dashboard } from '@sisense/sdk-ui-vue';
23
+ * import { computed } from 'vue';
23
24
  *
24
25
  * const { dashboard } = useGetDashboardModel({
25
26
  * dashboardOid: '6441e728dac1920034bce737',
@@ -32,7 +33,10 @@ import type { PropType } from 'vue';
32
33
  * );
33
34
  * </script>
34
35
  * ```
35
- * @group Dashboarding
36
+ *
37
+ * To learn more about this and related dashboard components,
38
+ * see [Embedded Dashboards](/guides/sdk/guides/dashboards/index.html).
39
+ * @group Dashboards
36
40
  * @beta
37
41
  */
38
42
  export declare const Dashboard: import("vue").DefineComponent<{
@@ -1,7 +1,7 @@
1
1
  import type { PropType } from 'vue';
2
2
  /**
3
3
  * UI component that allows the user to filter numeric or text attributes according to
4
- * a number of built-in operations defined in the {@link NumericFilter}, {@link TextFilter}, or {@link RankingFilter}.
4
+ * a number of built-in operations defined in the numeric filter, text filter, or ranking filter.
5
5
  *
6
6
  * The arrangement prop determines whether the filter is rendered vertically or horizontally, with the latter intended for toolbar use and omitting title, enable/disable, and collapse/expand functionality.
7
7
  *
@@ -17,7 +17,7 @@ import type { PropType } from 'vue';
17
17
  *
18
18
  * <script setup lang="ts">
19
19
  * import { ref } from 'vue';
20
- * import { CriteriaFilterTile, type DateRangeFilterTileProps } from '@sisense/sdk-ui-vue';
20
+ * import { DateRangeFilterTile, type DateRangeFilterTileProps } from '@sisense/sdk-ui-vue';
21
21
  * import { filterFactory } from '@sisense/sdk-data';
22
22
  * import * as DM from '../assets/sample-retail-model';
23
23
  *
@@ -2,3 +2,4 @@ export { BasicMemberFilterTile } from './basic-member-filter-tile';
2
2
  export { DateRangeFilterTile } from './date-range-filter-tile';
3
3
  export { MemberFilterTile } from './member-filter-tile';
4
4
  export { CriteriaFilterTile } from './criteria-filter-tile';
5
+ export { RelativeDateFilterTile } from './relative-date-filter-tile';
@@ -0,0 +1,100 @@
1
+ import type { PropType } from 'vue';
2
+ /**
3
+ * Relative Date Filter Tile component for filtering data by relative date.
4
+ *
5
+ * @example
6
+ * Vue example of configuring the date min max values and handling onUpdate event.
7
+ * ```vue
8
+ * <template>
9
+ * <RelativeDateFilterTile
10
+ * :title="relativeDateFilter.title"
11
+ * :filter="relativeDateFilter.filter"
12
+ * :arrangement="relativeDateFilter.arrangement"
13
+ * :onUpdate="relativeDateFilter.onUpdate"
14
+ * />
15
+ * </template>
16
+ *
17
+ * <script setup lang="ts">
18
+ * import { ref } from 'vue';
19
+ * import { RelativeDateFilterTile, type RelativeDateFilterTileProps } from '@sisense/sdk-ui-vue';
20
+ * import { filterFactory } from '@sisense/sdk-data';
21
+ * import * as DM from '../assets/sample-retail-model';
22
+ *
23
+ * const relativeDateFilterValue = ref<Filter | null>(filterFactory.dateRelativeTo(DM.DimDate.Date.Months, 0, 18);
24
+ *
25
+ * const relativeDateFilter = ref<RelativeDateFilterTileProps>({
26
+ * title: 'Relative Date Filter Tile',
27
+ * filter: relativeDateFilterValue.value!,
28
+ * arrangement: 'vertical',
29
+ * onUpdate(filter) {
30
+ * relativeDateFilterValue.value = filter;
31
+ * },
32
+ * });
33
+ * </script>
34
+ * ```
35
+ * <img src="media://vue-relative-date-filter-tile-example.png" width="800px" />
36
+ * @param props - RelativeDateFilterTile props
37
+ * @returns RelativeDateFilterTile component
38
+ * @group Filter Tiles
39
+ */
40
+ export declare const RelativeDateFilterTile: import("vue").DefineComponent<{
41
+ /**
42
+ * {@inheritDoc @sisense/sdk-ui!RelativeDateFilterTileProps.title}
43
+ */
44
+ title: PropType<string>;
45
+ /**
46
+ * {@inheritDoc @sisense/sdk-ui!RelativeDateFilterTileProps.filter}
47
+ */
48
+ filter: PropType<import("@sisense/sdk-data").Filter>;
49
+ /**
50
+ * {@inheritDoc @sisense/sdk-ui!RelativeDateFilterTileProps.arrangement}
51
+ */
52
+ arrangement: PropType<import("@sisense/sdk-ui-preact").FilterVariant | undefined>;
53
+ /**
54
+ * {@inheritDoc @sisense/sdk-ui!RelativeDateFilterTileProps.onUpdate}
55
+ */
56
+ onUpdate: PropType<(filter: import("@sisense/sdk-data").Filter) => void>;
57
+ /**
58
+ * {@inheritDoc @sisense/sdk-ui!RelativeDateFilterTileProps.limit}
59
+ */
60
+ limit: PropType<{
61
+ maxDate: string;
62
+ minDate: string;
63
+ } | undefined>;
64
+ /**
65
+ * {@inheritDoc @sisense/sdk-ui!RelativeDateFilterTileProps.tileDesignOptions}
66
+ * @internal
67
+ */
68
+ tileDesignOptions: PropType<import("@sisense/sdk-ui/dist/packages/sdk-ui/src/filters/components/filter-tile.js").FilterTileDesignOptions | undefined>;
69
+ }, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
70
+ [key: string]: any;
71
+ }>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
72
+ /**
73
+ * {@inheritDoc @sisense/sdk-ui!RelativeDateFilterTileProps.title}
74
+ */
75
+ title: PropType<string>;
76
+ /**
77
+ * {@inheritDoc @sisense/sdk-ui!RelativeDateFilterTileProps.filter}
78
+ */
79
+ filter: PropType<import("@sisense/sdk-data").Filter>;
80
+ /**
81
+ * {@inheritDoc @sisense/sdk-ui!RelativeDateFilterTileProps.arrangement}
82
+ */
83
+ arrangement: PropType<import("@sisense/sdk-ui-preact").FilterVariant | undefined>;
84
+ /**
85
+ * {@inheritDoc @sisense/sdk-ui!RelativeDateFilterTileProps.onUpdate}
86
+ */
87
+ onUpdate: PropType<(filter: import("@sisense/sdk-data").Filter) => void>;
88
+ /**
89
+ * {@inheritDoc @sisense/sdk-ui!RelativeDateFilterTileProps.limit}
90
+ */
91
+ limit: PropType<{
92
+ maxDate: string;
93
+ minDate: string;
94
+ } | undefined>;
95
+ /**
96
+ * {@inheritDoc @sisense/sdk-ui!RelativeDateFilterTileProps.tileDesignOptions}
97
+ * @internal
98
+ */
99
+ tileDesignOptions: PropType<import("@sisense/sdk-ui/dist/packages/sdk-ui/src/filters/components/filter-tile.js").FilterTileDesignOptions | undefined>;
100
+ }>>, {}, {}>;
@@ -54,7 +54,7 @@ import type { PropType } from 'vue';
54
54
  * <img src="media://chart-widget-with-drilldown-example-1.png" width="800px" />
55
55
  * @param props - ChartWidget properties
56
56
  * @returns ChartWidget component representing a chart type as specified in `ChartWidgetProps.`{@link ChartWidgetProps.chartType | chartType}
57
- * @group Dashboarding
57
+ * @group Dashboards
58
58
  */
59
59
  export declare const ChartWidget: import("vue").DefineComponent<{
60
60
  /**