@sisense/sdk-ui-vue 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- package/LICENSE.md +35 -0
- package/README.md +2 -0
- package/dist/favicon.ico +0 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +67815 -0
- package/dist/src/components/charts/area-chart.d.ts +45 -0
- package/dist/src/components/charts/bar-chart.d.ts +53 -0
- package/dist/src/components/charts/chart-widget.d.ts +66 -0
- package/dist/src/components/charts/chart.d.ts +82 -0
- package/dist/src/components/charts/column-chart.d.ts +45 -0
- package/dist/src/components/charts/dashboard-widget.d.ts +68 -0
- package/dist/src/components/charts/funnel-chart.d.ts +45 -0
- package/dist/src/components/charts/index.d.ts +16 -0
- package/dist/src/components/charts/indicator-chart.d.ts +37 -0
- package/dist/src/components/charts/line-chart.d.ts +45 -0
- package/dist/src/components/charts/pie-chart.d.ts +45 -0
- package/dist/src/components/charts/polar-chart.d.ts +45 -0
- package/dist/src/components/charts/scatter-chart.d.ts +45 -0
- package/dist/src/components/charts/sunburst-chart.d.ts +45 -0
- package/dist/src/components/charts/table-widget.d.ts +46 -0
- package/dist/src/components/charts/table.d.ts +38 -0
- package/dist/src/components/charts/treemap-chart.d.ts +45 -0
- package/dist/src/components/filters/basic-member-filter-tile.d.ts +41 -0
- package/dist/src/components/filters/criteria-filter-tile.d.ts +37 -0
- package/dist/src/components/filters/date-range-filter-tile.d.ts +43 -0
- package/dist/src/components/filters/index.d.ts +4 -0
- package/dist/src/components/filters/member-filter-tile.d.ts +39 -0
- package/dist/src/hooks/index.d.ts +1 -0
- package/dist/src/hooks/use-execute-query.d.ts +11 -0
- package/dist/src/lib.d.ts +5 -0
- package/dist/src/providers/index.d.ts +2 -0
- package/dist/src/providers/sisense-context-provider.d.ts +58 -0
- package/dist/src/providers/theme-provider.d.ts +99 -0
- package/dist/src/setup-helper.d.ts +6 -0
- package/package.json +58 -0
@@ -0,0 +1,45 @@
|
|
1
|
+
import type { PropType } from 'vue';
|
2
|
+
/**
|
3
|
+
* A Vue component that wraps the ScatterChart Preact component for use in Vue applications.
|
4
|
+
* It maintains compatibility with Vue's reactivity system while preserving the functionality of the ScatterChart.
|
5
|
+
*
|
6
|
+
* @example
|
7
|
+
* Here's how you can use the ScatterChart component in a Vue application:
|
8
|
+
* ```vue
|
9
|
+
* <template>
|
10
|
+
* <ScatterChart :props="scatterChartProps" />
|
11
|
+
* </template>
|
12
|
+
*
|
13
|
+
* <script setup lang="ts">
|
14
|
+
* import { ref } from 'vue';
|
15
|
+
* import ScatterChart from '@sisense/sdk-ui-vue/ScatterChart';
|
16
|
+
*
|
17
|
+
* const scatterChartProps = ref({
|
18
|
+
* // Configure your ScatterChartProps here
|
19
|
+
* });
|
20
|
+
* </script>
|
21
|
+
* ```
|
22
|
+
*/
|
23
|
+
export declare const ScatterChart: import("vue").DefineComponent<{
|
24
|
+
dataOptions: PropType<import("@sisense/sdk-ui-preact").ScatterChartDataOptions>;
|
25
|
+
dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
|
26
|
+
filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
|
27
|
+
highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
|
28
|
+
onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
|
29
|
+
onDataPointClick: PropType<import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | undefined>;
|
30
|
+
onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | undefined>;
|
31
|
+
onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").ScatterDataPointsEventHandler | undefined>;
|
32
|
+
styleOptions: PropType<import("@sisense/sdk-ui-preact").ScatterStyleOptions | undefined>;
|
33
|
+
}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
34
|
+
[key: string]: any;
|
35
|
+
}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
36
|
+
dataOptions: PropType<import("@sisense/sdk-ui-preact").ScatterChartDataOptions>;
|
37
|
+
dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
|
38
|
+
filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
|
39
|
+
highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
|
40
|
+
onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
|
41
|
+
onDataPointClick: PropType<import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | undefined>;
|
42
|
+
onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | undefined>;
|
43
|
+
onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").ScatterDataPointsEventHandler | undefined>;
|
44
|
+
styleOptions: PropType<import("@sisense/sdk-ui-preact").ScatterStyleOptions | undefined>;
|
45
|
+
}>>, {}, {}>;
|
@@ -0,0 +1,45 @@
|
|
1
|
+
import type { PropType } from 'vue';
|
2
|
+
/**
|
3
|
+
* A Vue component that wraps the SunburstChart Preact component for use in Vue applications.
|
4
|
+
* It maintains compatibility with Vue's reactivity system while preserving the functionality of the SunburstChart.
|
5
|
+
*
|
6
|
+
* @example
|
7
|
+
* Here's how you can use the SunburstChart component in a Vue application:
|
8
|
+
* ```vue
|
9
|
+
* <template>
|
10
|
+
* <SunburstChart :props="sunburstChartProps" />
|
11
|
+
* </template>
|
12
|
+
*
|
13
|
+
* <script setup lang="ts">
|
14
|
+
* import { ref } from 'vue';
|
15
|
+
* import SunburstChart from '@sisense/sdk-ui-vue/SunburstChart';
|
16
|
+
*
|
17
|
+
* const sunburstChartProps = ref({
|
18
|
+
* // Configure your SunburstChartProps here
|
19
|
+
* });
|
20
|
+
* </script>
|
21
|
+
* ```
|
22
|
+
*/
|
23
|
+
export declare const SunburstChart: import("vue").DefineComponent<{
|
24
|
+
dataOptions: PropType<import("@sisense/sdk-ui-preact").CategoricalChartDataOptions>;
|
25
|
+
dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
|
26
|
+
filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
|
27
|
+
highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
|
28
|
+
onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
|
29
|
+
onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
|
30
|
+
onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
|
31
|
+
onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
|
32
|
+
styleOptions: PropType<import("@sisense/sdk-ui-preact").SunburstStyleOptions | undefined>;
|
33
|
+
}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
34
|
+
[key: string]: any;
|
35
|
+
}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
36
|
+
dataOptions: PropType<import("@sisense/sdk-ui-preact").CategoricalChartDataOptions>;
|
37
|
+
dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
|
38
|
+
filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
|
39
|
+
highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
|
40
|
+
onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
|
41
|
+
onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
|
42
|
+
onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
|
43
|
+
onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
|
44
|
+
styleOptions: PropType<import("@sisense/sdk-ui-preact").SunburstStyleOptions | undefined>;
|
45
|
+
}>>, {}, {}>;
|
@@ -0,0 +1,46 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { type Prop } from 'vue';
|
3
|
+
/**
|
4
|
+
* A Vue component that wraps the TableWidget Preact component for use in Vue applications.
|
5
|
+
* It uses a single 'props' prop to pass all TableWidgetProps to the TableWidgetPreact component.
|
6
|
+
*
|
7
|
+
* @example
|
8
|
+
* Here's how you can use the TableWidget component in a Vue application:
|
9
|
+
* ```vue
|
10
|
+
* <template>
|
11
|
+
* <TableWidget :props="tableWidgetProps" />
|
12
|
+
* </template>
|
13
|
+
*
|
14
|
+
* <script setup lang="ts">
|
15
|
+
* import { ref } from 'vue';
|
16
|
+
* import TableWidget from '@sisense/sdk-ui-vue/TableWidget';
|
17
|
+
*
|
18
|
+
* const tableWidgetProps = ref({
|
19
|
+
* // Configure your TableWidgetProps here
|
20
|
+
* });
|
21
|
+
* </script>
|
22
|
+
* ```
|
23
|
+
*/
|
24
|
+
export declare const TableWidget: import("vue").DefineComponent<{
|
25
|
+
bottomSlot: Prop<import("react").ReactNode>;
|
26
|
+
dataOptions: Prop<import("@sisense/sdk-ui-preact").TableDataOptions>;
|
27
|
+
dataSource: Prop<string | undefined>;
|
28
|
+
description: Prop<string | undefined>;
|
29
|
+
filters: Prop<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
|
30
|
+
styleOptions: Prop<import("@sisense/sdk-ui-preact").TableWidgetStyleOptions | undefined>;
|
31
|
+
title: Prop<string | undefined>;
|
32
|
+
topSlot: Prop<import("react").ReactNode>;
|
33
|
+
widgetStyleOptions: Prop<import("@sisense/sdk-ui-preact").TableWidgetStyleOptions | undefined>;
|
34
|
+
}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
35
|
+
[key: string]: any;
|
36
|
+
}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
37
|
+
bottomSlot: Prop<import("react").ReactNode>;
|
38
|
+
dataOptions: Prop<import("@sisense/sdk-ui-preact").TableDataOptions>;
|
39
|
+
dataSource: Prop<string | undefined>;
|
40
|
+
description: Prop<string | undefined>;
|
41
|
+
filters: Prop<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
|
42
|
+
styleOptions: Prop<import("@sisense/sdk-ui-preact").TableWidgetStyleOptions | undefined>;
|
43
|
+
title: Prop<string | undefined>;
|
44
|
+
topSlot: Prop<import("react").ReactNode>;
|
45
|
+
widgetStyleOptions: Prop<import("@sisense/sdk-ui-preact").TableWidgetStyleOptions | undefined>;
|
46
|
+
}>>, {}, {}>;
|
@@ -0,0 +1,38 @@
|
|
1
|
+
import type { PropType } from 'vue';
|
2
|
+
/**
|
3
|
+
* A Vue component that wraps the Table Preact component for use in Vue applications.
|
4
|
+
* It provides a single 'props' prop to pass all the TableProps to the Table Preact component,
|
5
|
+
* enabling the use of the table within Vue's reactivity system.
|
6
|
+
*
|
7
|
+
* @example
|
8
|
+
* Here's how you can use the Table component in a Vue application:
|
9
|
+
* ```vue
|
10
|
+
* <template>
|
11
|
+
* <Table :props="tableProps" />
|
12
|
+
* </template>
|
13
|
+
*
|
14
|
+
* <script setup lang="ts">
|
15
|
+
* import { ref } from 'vue';
|
16
|
+
* import Table from '@sisense/sdk-ui-vue/Table';
|
17
|
+
*
|
18
|
+
* const tableProps = ref({
|
19
|
+
* // Define your TableProps configuration here
|
20
|
+
* });
|
21
|
+
* </script>
|
22
|
+
* ```
|
23
|
+
*/
|
24
|
+
export declare const Table: import("vue").DefineComponent<{
|
25
|
+
dataOptions: PropType<import("@sisense/sdk-ui-preact").TableDataOptions>;
|
26
|
+
dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
|
27
|
+
filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
|
28
|
+
refreshCounter: PropType<number | undefined>;
|
29
|
+
styleOptions: PropType<import("@sisense/sdk-ui-preact").TableStyleOptions | undefined>;
|
30
|
+
}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
31
|
+
[key: string]: any;
|
32
|
+
}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
33
|
+
dataOptions: PropType<import("@sisense/sdk-ui-preact").TableDataOptions>;
|
34
|
+
dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
|
35
|
+
filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
|
36
|
+
refreshCounter: PropType<number | undefined>;
|
37
|
+
styleOptions: PropType<import("@sisense/sdk-ui-preact").TableStyleOptions | undefined>;
|
38
|
+
}>>, {}, {}>;
|
@@ -0,0 +1,45 @@
|
|
1
|
+
import type { PropType } from 'vue';
|
2
|
+
/**
|
3
|
+
* A Vue component that wraps the TreemapChart Preact component for use in Vue applications.
|
4
|
+
* It maintains compatibility with Vue's reactivity system while preserving the functionality of the TreemapChart.
|
5
|
+
*
|
6
|
+
* @example
|
7
|
+
* Here's how you can use the TreemapChart component in a Vue application:
|
8
|
+
* ```vue
|
9
|
+
* <template>
|
10
|
+
* <TreemapChart :props="treemapChartProps" />
|
11
|
+
* </template>
|
12
|
+
*
|
13
|
+
* <script setup lang="ts">
|
14
|
+
* import { ref } from 'vue';
|
15
|
+
* import TreemapChart from '@sisense/sdk-ui-vue/TreemapChart';
|
16
|
+
*
|
17
|
+
* const treemapChartProps = ref({
|
18
|
+
* // Configure your TreemapChartProps here
|
19
|
+
* });
|
20
|
+
* </script>
|
21
|
+
* ```
|
22
|
+
*/
|
23
|
+
export declare const TreemapChart: import("vue").DefineComponent<{
|
24
|
+
dataOptions: PropType<import("@sisense/sdk-ui-preact").CategoricalChartDataOptions>;
|
25
|
+
dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
|
26
|
+
filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
|
27
|
+
highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
|
28
|
+
onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
|
29
|
+
onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
|
30
|
+
onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
|
31
|
+
onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
|
32
|
+
styleOptions: PropType<import("@sisense/sdk-ui-preact").TreemapStyleOptions | undefined>;
|
33
|
+
}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
34
|
+
[key: string]: any;
|
35
|
+
}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
36
|
+
dataOptions: PropType<import("@sisense/sdk-ui-preact").CategoricalChartDataOptions>;
|
37
|
+
dataSet: PropType<string | import("@sisense/sdk-data").Data | undefined>;
|
38
|
+
filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelation | undefined>;
|
39
|
+
highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
|
40
|
+
onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
|
41
|
+
onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
|
42
|
+
onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
|
43
|
+
onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
|
44
|
+
styleOptions: PropType<import("@sisense/sdk-ui-preact").TreemapStyleOptions | undefined>;
|
45
|
+
}>>, {}, {}>;
|
@@ -0,0 +1,41 @@
|
|
1
|
+
import type { PropType } from 'vue';
|
2
|
+
/**
|
3
|
+
* A Vue component that wraps the BasicMemberFilterTile Preact component for use in Vue applications.
|
4
|
+
* It maintains compatibility with Vue's reactivity system while preserving the functionality of the BasicMemberFilterTile.
|
5
|
+
*
|
6
|
+
* @example
|
7
|
+
* Here's how you can use the BasicMemberFilterTile component in a Vue application:
|
8
|
+
* ```vue
|
9
|
+
* <template>
|
10
|
+
* <BasicMemberFilterTile :props="basicMemberFilterTileProps" />
|
11
|
+
* </template>
|
12
|
+
*
|
13
|
+
* <script setup lang="ts">
|
14
|
+
* import { ref } from 'vue';
|
15
|
+
* import BasicMemberFilterTile from '@sisense/sdk-ui-vue/BasicMemberFilterTile';
|
16
|
+
*
|
17
|
+
* const basicMemberFilterTileProps = ref({
|
18
|
+
* // Configure your BasicMemberFilterTileProps here
|
19
|
+
* });
|
20
|
+
* </script>
|
21
|
+
* ```
|
22
|
+
*/
|
23
|
+
export declare const BasicMemberFilterTile: import("vue").DefineComponent<{
|
24
|
+
allMembers: PropType<import("@sisense/sdk-ui-preact").Member[]>;
|
25
|
+
initialSelectedMembers: PropType<import("@sisense/sdk-ui/dist/filters/components/member-filter-tile/members-reducer").SelectedMember[] | undefined>;
|
26
|
+
isDependent: PropType<boolean | undefined>;
|
27
|
+
maxAllowedMembers: PropType<number | undefined>;
|
28
|
+
onUpdateSelectedMembers: PropType<((members: string[]) => void) | undefined>;
|
29
|
+
shouldUpdateSelectedMembers: PropType<boolean | undefined>;
|
30
|
+
title: PropType<string>;
|
31
|
+
}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
32
|
+
[key: string]: any;
|
33
|
+
}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
34
|
+
allMembers: PropType<import("@sisense/sdk-ui-preact").Member[]>;
|
35
|
+
initialSelectedMembers: PropType<import("@sisense/sdk-ui/dist/filters/components/member-filter-tile/members-reducer").SelectedMember[] | undefined>;
|
36
|
+
isDependent: PropType<boolean | undefined>;
|
37
|
+
maxAllowedMembers: PropType<number | undefined>;
|
38
|
+
onUpdateSelectedMembers: PropType<((members: string[]) => void) | undefined>;
|
39
|
+
shouldUpdateSelectedMembers: PropType<boolean | undefined>;
|
40
|
+
title: PropType<string>;
|
41
|
+
}>>, {}, {}>;
|
@@ -0,0 +1,37 @@
|
|
1
|
+
import type { PropType } from 'vue';
|
2
|
+
/**
|
3
|
+
* A Vue component that wraps the CriteriaFilterTile Preact component for use in Vue applications.
|
4
|
+
* It maintains compatibility with Vue's reactivity system while preserving the functionality of the CriteriaFilterTile.
|
5
|
+
*
|
6
|
+
* @example
|
7
|
+
* Here's how you can use the CriteriaFilterTile component in a Vue application:
|
8
|
+
* ```vue
|
9
|
+
* <template>
|
10
|
+
* <CriteriaFilterTile :props="criteriaFilterTileProps" />
|
11
|
+
* </template>
|
12
|
+
*
|
13
|
+
* <script setup lang="ts">
|
14
|
+
* import { ref } from 'vue';
|
15
|
+
* import {CriteriaFilterTile} from '@sisense/sdk-ui-vue';
|
16
|
+
*
|
17
|
+
* const criteriaFilterTileProps = ref({
|
18
|
+
* // Configure your CriteriaFilterTileProps here
|
19
|
+
* });
|
20
|
+
* </script>
|
21
|
+
* ```
|
22
|
+
*/
|
23
|
+
export declare const CriteriaFilterTile: import("vue").DefineComponent<{
|
24
|
+
arrangement: PropType<import("@sisense/sdk-ui-preact").FilterVariant | undefined>;
|
25
|
+
filter: PropType<import("@sisense/sdk-ui-preact").CriteriaFilterType>;
|
26
|
+
measures: PropType<import("@sisense/sdk-data").Measure[] | undefined>;
|
27
|
+
onUpdate: PropType<(filter: import("@sisense/sdk-data").Filter | null) => void>;
|
28
|
+
title: PropType<string>;
|
29
|
+
}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
30
|
+
[key: string]: any;
|
31
|
+
}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
32
|
+
arrangement: PropType<import("@sisense/sdk-ui-preact").FilterVariant | undefined>;
|
33
|
+
filter: PropType<import("@sisense/sdk-ui-preact").CriteriaFilterType>;
|
34
|
+
measures: PropType<import("@sisense/sdk-data").Measure[] | undefined>;
|
35
|
+
onUpdate: PropType<(filter: import("@sisense/sdk-data").Filter | null) => void>;
|
36
|
+
title: PropType<string>;
|
37
|
+
}>>, {}, {}>;
|
@@ -0,0 +1,43 @@
|
|
1
|
+
import type { PropType } from 'vue';
|
2
|
+
/**
|
3
|
+
* A Vue component that wraps the DateRangeFilterTile Preact component for use in Vue applications.
|
4
|
+
* It maintains compatibility with Vue's reactivity system while preserving the functionality of the DateRangeFilterTile.
|
5
|
+
*
|
6
|
+
* @example
|
7
|
+
* Here's how you can use the DateRangeFilterTile component in a Vue application:
|
8
|
+
* ```vue
|
9
|
+
* <template>
|
10
|
+
* <DateRangeFilterTile :props="dateRangeFilterTileProps" />
|
11
|
+
* </template>
|
12
|
+
*
|
13
|
+
* <script setup lang="ts">
|
14
|
+
* import { ref } from 'vue';
|
15
|
+
* import {CriteriaFilterTile} from '@sisense/sdk-ui-vue';
|
16
|
+
*
|
17
|
+
* const dateRangeFilterTileProps = ref({
|
18
|
+
* // Configure your dateRangeFilterTileProps
|
19
|
+
* });
|
20
|
+
* </script>
|
21
|
+
* ```
|
22
|
+
*/
|
23
|
+
export declare const DateRangeFilterTile: import("vue").DefineComponent<{
|
24
|
+
attribute: PropType<import("@sisense/sdk-data").LevelAttribute>;
|
25
|
+
datasource: PropType<string | undefined>;
|
26
|
+
earliestDate: PropType<string | undefined>;
|
27
|
+
filter: PropType<import("@sisense/sdk-data").Filter>;
|
28
|
+
lastDate: PropType<string | undefined>;
|
29
|
+
onChange: PropType<(filter: import("@sisense/sdk-data").Filter) => void>;
|
30
|
+
parentFilters: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
|
31
|
+
title: PropType<string>;
|
32
|
+
}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
33
|
+
[key: string]: any;
|
34
|
+
}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
35
|
+
attribute: PropType<import("@sisense/sdk-data").LevelAttribute>;
|
36
|
+
datasource: PropType<string | undefined>;
|
37
|
+
earliestDate: PropType<string | undefined>;
|
38
|
+
filter: PropType<import("@sisense/sdk-data").Filter>;
|
39
|
+
lastDate: PropType<string | undefined>;
|
40
|
+
onChange: PropType<(filter: import("@sisense/sdk-data").Filter) => void>;
|
41
|
+
parentFilters: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
|
42
|
+
title: PropType<string>;
|
43
|
+
}>>, {}, {}>;
|
@@ -0,0 +1,39 @@
|
|
1
|
+
import type { PropType } from 'vue';
|
2
|
+
/**
|
3
|
+
* A Vue component that wraps the MemberFilterTile Preact component for use in Vue applications.
|
4
|
+
* It maintains compatibility with Vue's reactivity system while preserving the functionality of the MemberFilterTile.
|
5
|
+
*
|
6
|
+
* @example
|
7
|
+
* Here's how you can use the MemberFilterTile component in a Vue application:
|
8
|
+
* ```vue
|
9
|
+
* <template>
|
10
|
+
* <MemberFilterTile :props="memberFilterTileProps" />
|
11
|
+
* </template>
|
12
|
+
*
|
13
|
+
* <script setup lang="ts">
|
14
|
+
* import { ref } from 'vue';
|
15
|
+
* import MemberFilterTile from '@sisense/sdk-ui-vue/MemberFilterTile';
|
16
|
+
*
|
17
|
+
* const memberFilterTileProps = ref({
|
18
|
+
* // Configure your MemberFilterTileProps here
|
19
|
+
* });
|
20
|
+
* </script>
|
21
|
+
* ```
|
22
|
+
*/
|
23
|
+
export declare const MemberFilterTile: import("vue").DefineComponent<{
|
24
|
+
attribute: PropType<import("@sisense/sdk-data").Attribute>;
|
25
|
+
dataSource: PropType<string | undefined>;
|
26
|
+
filter: PropType<import("@sisense/sdk-data").Filter | null>;
|
27
|
+
onChange: PropType<(filter: import("@sisense/sdk-data").Filter | null) => void>;
|
28
|
+
parentFilters: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
|
29
|
+
title: PropType<string>;
|
30
|
+
}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
31
|
+
[key: string]: any;
|
32
|
+
}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
33
|
+
attribute: PropType<import("@sisense/sdk-data").Attribute>;
|
34
|
+
dataSource: PropType<string | undefined>;
|
35
|
+
filter: PropType<import("@sisense/sdk-data").Filter | null>;
|
36
|
+
onChange: PropType<(filter: import("@sisense/sdk-data").Filter | null) => void>;
|
37
|
+
parentFilters: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
|
38
|
+
title: PropType<string>;
|
39
|
+
}>>, {}, {}>;
|
@@ -0,0 +1 @@
|
|
1
|
+
export { useExecuteQuery } from './use-execute-query';
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import type { ExecuteQueryParams } from '@sisense/sdk-ui-preact';
|
2
|
+
/**
|
3
|
+
* A hook function that executes a data query.
|
4
|
+
* TODO Document
|
5
|
+
*
|
6
|
+
*
|
7
|
+
* @returns TODO
|
8
|
+
*/
|
9
|
+
export declare const useExecuteQuery: (params: ExecuteQueryParams) => Promise<{
|
10
|
+
data: import("@sisense/sdk-data").QueryResultData;
|
11
|
+
}>;
|
@@ -0,0 +1,5 @@
|
|
1
|
+
export { SisenseContextProvider, ThemeProvider } from './providers';
|
2
|
+
export * from './components/charts';
|
3
|
+
export * from './components/filters';
|
4
|
+
export * from './hooks';
|
5
|
+
export type { AreaChartProps, BarChartProps, ChartProps, LineChartProps, ColumnChartProps, FunnelChartProps, PolarChartProps, ScatterChartProps, PieChartProps, TreemapChartProps, SunburstChartProps, IndicatorChartProps, MemberFilterTileProps, CriteriaFilterTileProps, DateRangeFilterTileProps, ChartWidgetProps, TableWidgetProps, TableProps, CustomSisenseContextProviderProps, } from '@sisense/sdk-ui-preact';
|
@@ -0,0 +1,58 @@
|
|
1
|
+
import type { PropType } from 'vue';
|
2
|
+
import type { SisenseContextProviderProps } from '@sisense/sdk-ui-preact';
|
3
|
+
import { ClientApplication } from '@sisense/sdk-ui-preact';
|
4
|
+
/**
|
5
|
+
* Gets Sisense context
|
6
|
+
*/
|
7
|
+
export declare const getSisenseContext: () => SisenseContextProviderProps;
|
8
|
+
/**
|
9
|
+
* Gets Sisense application
|
10
|
+
*/
|
11
|
+
export declare const getApp: () => Promise<ClientApplication>;
|
12
|
+
/**
|
13
|
+
* Creates Sisense context connector
|
14
|
+
*/
|
15
|
+
export declare const createSisenseContextConnector: () => {
|
16
|
+
prepareContext(): Promise<{
|
17
|
+
app: ClientApplication;
|
18
|
+
isInitialized: boolean;
|
19
|
+
}>;
|
20
|
+
renderContextProvider: (contextData: import("@sisense/sdk-ui-preact").CustomSisenseContext | undefined, children: import("preact").VNode<{}>, error?: Error | undefined) => import("preact").VNode<{}>;
|
21
|
+
};
|
22
|
+
/**
|
23
|
+
* Sisense Context Provider
|
24
|
+
*
|
25
|
+
*/
|
26
|
+
export declare const SisenseContextProvider: import("vue").DefineComponent<{
|
27
|
+
defaultDataSource: PropType<string | undefined>;
|
28
|
+
url: PropType<string>;
|
29
|
+
ssoEnabled: PropType<boolean | undefined>;
|
30
|
+
token: PropType<string | undefined>;
|
31
|
+
wat: PropType<string | undefined>;
|
32
|
+
appConfig: PropType<import("@sisense/sdk-ui-preact").AppConfig | undefined>;
|
33
|
+
/**
|
34
|
+
* @internal
|
35
|
+
*/
|
36
|
+
showRuntimeErrors: PropType<boolean | undefined>;
|
37
|
+
/**
|
38
|
+
* @internal
|
39
|
+
*/
|
40
|
+
enableTracking: PropType<boolean | undefined>;
|
41
|
+
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
42
|
+
[key: string]: any;
|
43
|
+
}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
44
|
+
defaultDataSource: PropType<string | undefined>;
|
45
|
+
url: PropType<string>;
|
46
|
+
ssoEnabled: PropType<boolean | undefined>;
|
47
|
+
token: PropType<string | undefined>;
|
48
|
+
wat: PropType<string | undefined>;
|
49
|
+
appConfig: PropType<import("@sisense/sdk-ui-preact").AppConfig | undefined>;
|
50
|
+
/**
|
51
|
+
* @internal
|
52
|
+
*/
|
53
|
+
showRuntimeErrors: PropType<boolean | undefined>;
|
54
|
+
/**
|
55
|
+
* @internal
|
56
|
+
*/
|
57
|
+
enableTracking: PropType<boolean | undefined>;
|
58
|
+
}>>, {}, {}>;
|
@@ -0,0 +1,99 @@
|
|
1
|
+
import type { PropType } from 'vue';
|
2
|
+
/**
|
3
|
+
* Gets Theme context
|
4
|
+
*/
|
5
|
+
export declare const getThemeContext: () => {
|
6
|
+
chart: {
|
7
|
+
textColor: string;
|
8
|
+
secondaryTextColor: string;
|
9
|
+
backgroundColor: string;
|
10
|
+
panelBackgroundColor: string;
|
11
|
+
};
|
12
|
+
palette: {
|
13
|
+
variantColors: import("@sisense/sdk-ui-preact").Color[];
|
14
|
+
};
|
15
|
+
typography: {
|
16
|
+
fontFamily: string;
|
17
|
+
primaryTextColor: string;
|
18
|
+
secondaryTextColor: string;
|
19
|
+
};
|
20
|
+
general: {
|
21
|
+
brandColor: string;
|
22
|
+
backgroundColor: string;
|
23
|
+
primaryButtonTextColor: string;
|
24
|
+
primaryButtonHoverColor: string;
|
25
|
+
};
|
26
|
+
};
|
27
|
+
/**
|
28
|
+
* Creates theme context connector
|
29
|
+
*/
|
30
|
+
export declare const createThemeContextConnector: () => {
|
31
|
+
prepareContext(): Promise<{
|
32
|
+
themeSettings: {
|
33
|
+
chart: {
|
34
|
+
textColor: string;
|
35
|
+
secondaryTextColor: string;
|
36
|
+
backgroundColor: string;
|
37
|
+
panelBackgroundColor: string;
|
38
|
+
};
|
39
|
+
palette: {
|
40
|
+
variantColors: import("@sisense/sdk-ui-preact").Color[];
|
41
|
+
};
|
42
|
+
typography: {
|
43
|
+
fontFamily: string;
|
44
|
+
primaryTextColor: string;
|
45
|
+
secondaryTextColor: string;
|
46
|
+
};
|
47
|
+
general: {
|
48
|
+
brandColor: string;
|
49
|
+
backgroundColor: string;
|
50
|
+
primaryButtonTextColor: string;
|
51
|
+
primaryButtonHoverColor: string;
|
52
|
+
};
|
53
|
+
};
|
54
|
+
skipTracking: boolean;
|
55
|
+
}>;
|
56
|
+
renderContextProvider: (contextData: {
|
57
|
+
themeSettings: {
|
58
|
+
chart: {
|
59
|
+
textColor: string;
|
60
|
+
secondaryTextColor: string;
|
61
|
+
backgroundColor: string;
|
62
|
+
panelBackgroundColor: string;
|
63
|
+
};
|
64
|
+
palette: {
|
65
|
+
variantColors: import("@sisense/sdk-ui-preact").Color[];
|
66
|
+
};
|
67
|
+
typography: {
|
68
|
+
fontFamily: string;
|
69
|
+
primaryTextColor: string;
|
70
|
+
secondaryTextColor: string;
|
71
|
+
};
|
72
|
+
general: {
|
73
|
+
brandColor: string;
|
74
|
+
backgroundColor: string;
|
75
|
+
primaryButtonTextColor: string;
|
76
|
+
primaryButtonHoverColor: string;
|
77
|
+
};
|
78
|
+
};
|
79
|
+
skipTracking?: boolean | undefined;
|
80
|
+
}, children: import("preact").VNode<{}>, error?: Error | undefined) => import("preact").VNode<{}>;
|
81
|
+
};
|
82
|
+
/**
|
83
|
+
* Theme Provider
|
84
|
+
*/
|
85
|
+
export declare const ThemeProvider: import("vue").DefineComponent<{
|
86
|
+
theme: PropType<string | import("@sisense/sdk-ui-preact").ThemeSettings | undefined>;
|
87
|
+
/**
|
88
|
+
* @internal
|
89
|
+
*/
|
90
|
+
skipTracking: PropType<boolean | undefined>;
|
91
|
+
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
92
|
+
[key: string]: any;
|
93
|
+
}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
94
|
+
theme: PropType<string | import("@sisense/sdk-ui-preact").ThemeSettings | undefined>;
|
95
|
+
/**
|
96
|
+
* @internal
|
97
|
+
*/
|
98
|
+
skipTracking: PropType<boolean | undefined>;
|
99
|
+
}>>, {}, {}>;
|
@@ -0,0 +1,6 @@
|
|
1
|
+
export declare function isObject(value: unknown): boolean;
|
2
|
+
export declare function getRawData<T>(data: T): T;
|
3
|
+
export declare function toDeepRaw<T>(data: T): T;
|
4
|
+
export declare const setupHelper: <P, C>(component: C, props: P) => (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
5
|
+
[key: string]: any;
|
6
|
+
}>) | null;
|
package/package.json
ADDED
@@ -0,0 +1,58 @@
|
|
1
|
+
{
|
2
|
+
"name": "@sisense/sdk-ui-vue",
|
3
|
+
"homepage": "https://sisense.dev/guides/sdk/",
|
4
|
+
"description": "Compose SDK package containing general UI elements and related logic tailored for Vue development",
|
5
|
+
"repository": {
|
6
|
+
"type": "git",
|
7
|
+
"url": "https://github.com/sisense/compose-sdk-monorepo",
|
8
|
+
"directory": "packages/sdk-ui-vue"
|
9
|
+
},
|
10
|
+
"keywords": [
|
11
|
+
"Sisense",
|
12
|
+
"Compose SDK"
|
13
|
+
],
|
14
|
+
"version": "1.0.0",
|
15
|
+
"type": "module",
|
16
|
+
"main": "./dist/index.js",
|
17
|
+
"module": "./dist/index.js",
|
18
|
+
"types": "./dist/index.d.ts",
|
19
|
+
"author": "Sisense",
|
20
|
+
"license": "SEE LICENSE IN LICENSE.md",
|
21
|
+
"files": [
|
22
|
+
"dist/**/*"
|
23
|
+
],
|
24
|
+
"scripts": {
|
25
|
+
"dev": "vite",
|
26
|
+
"build": "run-p type-check build-only",
|
27
|
+
"build:prod": "run-p type-check build-only:prod",
|
28
|
+
"preview": "vite preview",
|
29
|
+
"build-only": "vite build --mode development",
|
30
|
+
"build-only:prod": "vite build",
|
31
|
+
"type-check": "vue-tsc --noEmit",
|
32
|
+
"lint": "eslint . --ext .vue,.js,.jsx,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
|
33
|
+
"format": "prettier --write .",
|
34
|
+
"format:check": "prettier --check ."
|
35
|
+
},
|
36
|
+
"dependencies": {
|
37
|
+
"vue": "^3.3.2"
|
38
|
+
},
|
39
|
+
"devDependencies": {
|
40
|
+
"@rushstack/eslint-patch": "^1.2.0",
|
41
|
+
"@types/node": "^18.14.2",
|
42
|
+
"@vitejs/plugin-vue": "^4.0.0",
|
43
|
+
"@vue/eslint-config-prettier": "^7.1.0",
|
44
|
+
"@vue/eslint-config-typescript": "^11.0.2",
|
45
|
+
"@vue/tsconfig": "^0.1.3",
|
46
|
+
"eslint": "^8.40.0",
|
47
|
+
"eslint-plugin-vue": "^9.9.0",
|
48
|
+
"npm-run-all": "^4.1.5",
|
49
|
+
"prettier": "^2.8.4",
|
50
|
+
"typescript": "~4.8.4",
|
51
|
+
"vite": "^4.1.4",
|
52
|
+
"vite-plugin-dts": "^2.3.0",
|
53
|
+
"vue-tsc": "^1.6.5"
|
54
|
+
},
|
55
|
+
"volta": {
|
56
|
+
"extends": "../../package.json"
|
57
|
+
}
|
58
|
+
}
|