@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.
Files changed (35) hide show
  1. package/LICENSE.md +35 -0
  2. package/README.md +2 -0
  3. package/dist/favicon.ico +0 -0
  4. package/dist/index.d.ts +1 -0
  5. package/dist/index.js +67815 -0
  6. package/dist/src/components/charts/area-chart.d.ts +45 -0
  7. package/dist/src/components/charts/bar-chart.d.ts +53 -0
  8. package/dist/src/components/charts/chart-widget.d.ts +66 -0
  9. package/dist/src/components/charts/chart.d.ts +82 -0
  10. package/dist/src/components/charts/column-chart.d.ts +45 -0
  11. package/dist/src/components/charts/dashboard-widget.d.ts +68 -0
  12. package/dist/src/components/charts/funnel-chart.d.ts +45 -0
  13. package/dist/src/components/charts/index.d.ts +16 -0
  14. package/dist/src/components/charts/indicator-chart.d.ts +37 -0
  15. package/dist/src/components/charts/line-chart.d.ts +45 -0
  16. package/dist/src/components/charts/pie-chart.d.ts +45 -0
  17. package/dist/src/components/charts/polar-chart.d.ts +45 -0
  18. package/dist/src/components/charts/scatter-chart.d.ts +45 -0
  19. package/dist/src/components/charts/sunburst-chart.d.ts +45 -0
  20. package/dist/src/components/charts/table-widget.d.ts +46 -0
  21. package/dist/src/components/charts/table.d.ts +38 -0
  22. package/dist/src/components/charts/treemap-chart.d.ts +45 -0
  23. package/dist/src/components/filters/basic-member-filter-tile.d.ts +41 -0
  24. package/dist/src/components/filters/criteria-filter-tile.d.ts +37 -0
  25. package/dist/src/components/filters/date-range-filter-tile.d.ts +43 -0
  26. package/dist/src/components/filters/index.d.ts +4 -0
  27. package/dist/src/components/filters/member-filter-tile.d.ts +39 -0
  28. package/dist/src/hooks/index.d.ts +1 -0
  29. package/dist/src/hooks/use-execute-query.d.ts +11 -0
  30. package/dist/src/lib.d.ts +5 -0
  31. package/dist/src/providers/index.d.ts +2 -0
  32. package/dist/src/providers/sisense-context-provider.d.ts +58 -0
  33. package/dist/src/providers/theme-provider.d.ts +99 -0
  34. package/dist/src/setup-helper.d.ts +6 -0
  35. 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,4 @@
1
+ export { BasicMemberFilterTile } from './basic-member-filter-tile';
2
+ export { DateRangeFilterTile } from './date-range-filter-tile';
3
+ export { MemberFilterTile } from './member-filter-tile';
4
+ export { CriteriaFilterTile } from './criteria-filter-tile';
@@ -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,2 @@
1
+ export { SisenseContextProvider, createSisenseContextConnector } from './sisense-context-provider';
2
+ export { ThemeProvider, createThemeContextConnector } from './theme-provider';
@@ -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
+ }