@sisense/sdk-ui-vue 1.20.0 → 1.21.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.
@@ -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
  /**