@sisense/sdk-ui-vue 1.0.0 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +43865 -41210
- package/dist/src/components/charts/areamap-chart.d.ts +45 -0
- package/dist/src/components/charts/boxplot-chart.d.ts +45 -0
- package/dist/src/components/charts/index.d.ts +2 -0
- package/dist/src/hooks/index.d.ts +5 -0
- package/dist/src/hooks/use-execute-query-by-widget-id.d.ts +9 -0
- package/dist/src/hooks/use-get-dashboard-model.d.ts +4 -0
- package/dist/src/hooks/use-get-dashboard-models.d.ts +4 -0
- package/dist/src/hooks/use-get-shared-formula.d.ts +4 -0
- package/dist/src/hooks/use-get-widget-model.d.ts +4 -0
- package/dist/src/lib.d.ts +1 -1
- package/package.json +1 -1
@@ -0,0 +1,45 @@
|
|
1
|
+
import type { PropType } from 'vue';
|
2
|
+
/**
|
3
|
+
* A Vue component that wraps the AreamapChart Preact component for use in Vue applications.
|
4
|
+
* It maintains compatibility with Vue's reactivity system while preserving the functionality of the AreamapChart.
|
5
|
+
*
|
6
|
+
* @example
|
7
|
+
* Here's how you can use the AreamapChart component in a Vue application:
|
8
|
+
* ```vue
|
9
|
+
* <template>
|
10
|
+
* <AreamapChart :props="areamapChartProps" />
|
11
|
+
* </template>
|
12
|
+
*
|
13
|
+
* <script setup lang="ts">
|
14
|
+
* import { ref } from 'vue';
|
15
|
+
* import AreamapChart from '@sisense/sdk-ui-vue/AreamapChart';
|
16
|
+
*
|
17
|
+
* const areamapChartProps = ref({
|
18
|
+
* // Configure your AreamapChartProps here
|
19
|
+
* });
|
20
|
+
* </script>
|
21
|
+
* ```
|
22
|
+
*/
|
23
|
+
export declare const AreamapChart: import("vue").DefineComponent<{
|
24
|
+
dataOptions: PropType<import("@sisense/sdk-ui-preact").AreamapChartDataOptions>;
|
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
|
+
styleOptions: PropType<import("@sisense/sdk-ui-preact").AreamapStyleOptions | undefined>;
|
29
|
+
onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
|
30
|
+
onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
|
31
|
+
onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
|
32
|
+
onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | 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").AreamapChartDataOptions>;
|
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
|
+
styleOptions: PropType<import("@sisense/sdk-ui-preact").AreamapStyleOptions | undefined>;
|
41
|
+
onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
|
42
|
+
onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
|
43
|
+
onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
|
44
|
+
onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
|
45
|
+
}>>, {}, {}>;
|
@@ -0,0 +1,45 @@
|
|
1
|
+
import type { PropType } from 'vue';
|
2
|
+
/**
|
3
|
+
* A Vue component that wraps the BoxplotChart Preact component for use in Vue applications.
|
4
|
+
* It maintains compatibility with Vue's reactivity system while preserving the functionality of the BoxplotChart.
|
5
|
+
*
|
6
|
+
* @example
|
7
|
+
* Here's how you can use the BoxplotChart component in a Vue application:
|
8
|
+
* ```vue
|
9
|
+
* <template>
|
10
|
+
* <BoxplotChart :props="boxplotChartProps" />
|
11
|
+
* </template>
|
12
|
+
*
|
13
|
+
* <script setup lang="ts">
|
14
|
+
* import { ref } from 'vue';
|
15
|
+
* import BoxplotChart from '@sisense/sdk-ui-vue/BoxplotChart';
|
16
|
+
*
|
17
|
+
* const boxplotChartProps = ref({
|
18
|
+
* // Configure your BoxplotChartProps here
|
19
|
+
* });
|
20
|
+
* </script>
|
21
|
+
* ```
|
22
|
+
*/
|
23
|
+
export declare const BoxplotChart: import("vue").DefineComponent<{
|
24
|
+
dataOptions: PropType<import("@sisense/sdk-ui-preact").BoxplotChartDataOptions | import("@sisense/sdk-ui-preact").BoxplotChartCustomDataOptions>;
|
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
|
+
styleOptions: PropType<import("@sisense/sdk-ui-preact").BoxplotStyleOptions | undefined>;
|
29
|
+
onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
|
30
|
+
onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
|
31
|
+
onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
|
32
|
+
onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | 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").BoxplotChartDataOptions | import("@sisense/sdk-ui-preact").BoxplotChartCustomDataOptions>;
|
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
|
+
styleOptions: PropType<import("@sisense/sdk-ui-preact").BoxplotStyleOptions | undefined>;
|
41
|
+
onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
|
42
|
+
onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
|
43
|
+
onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
|
44
|
+
onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
|
45
|
+
}>>, {}, {}>;
|
@@ -14,3 +14,5 @@ export { ChartWidget } from './chart-widget';
|
|
14
14
|
export { Chart } from './chart';
|
15
15
|
export { DashboardWidget } from './dashboard-widget';
|
16
16
|
export { TableWidget } from './table-widget';
|
17
|
+
export { BoxplotChart } from './boxplot-chart';
|
18
|
+
export { AreamapChart } from './areamap-chart';
|
@@ -1 +1,6 @@
|
|
1
1
|
export { useExecuteQuery } from './use-execute-query';
|
2
|
+
export { useExecuteQueryByWidgetId } from './use-execute-query-by-widget-id';
|
3
|
+
export { useGetDashboardModel } from './use-get-dashboard-model';
|
4
|
+
export { useGetDashboardModels } from './use-get-dashboard-models';
|
5
|
+
export { useGetSharedFormula } from './use-get-shared-formula';
|
6
|
+
export { useGetWidgetModel } from './use-get-widget-model';
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import type { ExecuteQueryByWidgetIdParams } from '@sisense/sdk-ui-preact';
|
2
|
+
export declare const useExecuteQueryByWidgetId: (params: ExecuteQueryByWidgetIdParams) => Promise<{
|
3
|
+
data: {
|
4
|
+
data: import("@sisense/sdk-data").QueryResultData;
|
5
|
+
query: Omit<import("@sisense/sdk-ui-preact").ExecuteQueryParams, "filters"> & {
|
6
|
+
filters?: import("@sisense/sdk-data").Filter[] | undefined;
|
7
|
+
};
|
8
|
+
};
|
9
|
+
}>;
|
package/dist/src/lib.d.ts
CHANGED
@@ -2,4 +2,4 @@ export { SisenseContextProvider, ThemeProvider } from './providers';
|
|
2
2
|
export * from './components/charts';
|
3
3
|
export * from './components/filters';
|
4
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';
|
5
|
+
export type { AreaChartProps, BarChartProps, ChartProps, LineChartProps, ColumnChartProps, FunnelChartProps, PolarChartProps, ScatterChartProps, PieChartProps, TreemapChartProps, SunburstChartProps, IndicatorChartProps, MemberFilterTileProps, CriteriaFilterTileProps, DateRangeFilterTileProps, ChartWidgetProps, TableWidgetProps, TableProps, CustomSisenseContextProviderProps, ExecuteQueryByWidgetIdParams, ExecuteQueryParams, GetWidgetModelParams, ExecuteCsvQueryParams, GetSharedFormulaParams, GetDashboardModelParams, UseGetSharedFormulaParams, GetDashboardModelsParams, BoxplotChartProps, AreamapChartProps, } from '@sisense/sdk-ui-preact';
|