@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.
- package/dist/index.cjs +378 -319
- package/dist/index.js +24715 -24604
- package/dist/packages/sdk-ui-vue/src/components/dashboard/dashboard-by-id.d.ts +3 -0
- package/dist/packages/sdk-ui-vue/src/components/dashboard/dashboard.d.ts +7 -3
- package/dist/packages/sdk-ui-vue/src/components/filters/criteria-filter-tile.d.ts +1 -1
- package/dist/packages/sdk-ui-vue/src/components/filters/date-range-filter-tile.d.ts +1 -1
- package/dist/packages/sdk-ui-vue/src/components/filters/index.d.ts +1 -0
- package/dist/packages/sdk-ui-vue/src/components/filters/relative-date-filter-tile.d.ts +100 -0
- package/dist/packages/sdk-ui-vue/src/components/widgets/chart-widget.d.ts +1 -1
- package/dist/packages/sdk-ui-vue/src/composables/use-custom-drilldown.d.ts +330 -330
- package/dist/packages/sdk-ui-vue/src/composables/use-get-dashboard-models.d.ts +1 -1
- package/dist/packages/sdk-ui-vue/src/sdk-ui-core-exports.d.ts +1 -1
- package/dist/packages/sdk-ui-vue/src/setup-helper.d.ts +4 -2
- package/package.json +2 -2
@@ -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.
|
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
|
-
*
|
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
|
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 {
|
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
|
57
|
+
* @group Dashboards
|
58
58
|
*/
|
59
59
|
export declare const ChartWidget: import("vue").DefineComponent<{
|
60
60
|
/**
|