@sisense/sdk-ui-vue 1.0.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/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
|
+
}
|