@sisense/sdk-ui-vue 1.10.1 → 1.11.0

package/dist/src/components/charts/areamap-chart.d.ts

@@ -36,7 +36,6 @@ import type { PropType } from 'vue';
  * @param props - Areamap chart properties
  * @returns Areamap Chart component
  * @group Charts
- * @beta
  */
 export declare const AreamapChart: import("vue").DefineComponent<{
     dataOptions: PropType<import("@sisense/sdk-ui-preact").AreamapChartDataOptions>;

package/dist/src/components/charts/boxplot-chart.d.ts

@@ -37,7 +37,6 @@ import type { PropType } from 'vue';
  * @param props - Boxplot chart properties
  * @returns Boxplot Chart component
  * @group Charts
- * @beta
  */
 export declare const BoxplotChart: import("vue").DefineComponent<{
     dataOptions: PropType<import("@sisense/sdk-ui-preact").BoxplotChartDataOptions | import("@sisense/sdk-ui-preact").BoxplotChartCustomDataOptions>;

package/dist/src/components/charts/pivot-table.d.ts

@@ -35,12 +35,13 @@ const pivotTableProps = ref<PivotTableProps>({
  * ```
  * <img src="media://vue-pivot-table-example.png" width="800px" />
  * @group Data Grids
- * @alpha
+ * @beta
  */
 export declare const PivotTable: import("vue").DefineComponent<{
     dataOptions: PropType<import("@sisense/sdk-ui-preact").PivotTableDataOptions>;
     dataSet: PropType<import("@sisense/sdk-data").DataSource | undefined>;
     filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelations | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
     refreshCounter: PropType<number | undefined>;
     styleOptions: PropType<import("@sisense/sdk-ui-preact").PivotTableStyleOptions | undefined>;
 }, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -49,6 +50,7 @@ export declare const PivotTable: import("vue").DefineComponent<{
     dataOptions: PropType<import("@sisense/sdk-ui-preact").PivotTableDataOptions>;
     dataSet: PropType<import("@sisense/sdk-data").DataSource | undefined>;
     filters: PropType<import("@sisense/sdk-data").Filter[] | import("@sisense/sdk-data").FilterRelations | undefined>;
+    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
     refreshCounter: PropType<number | undefined>;
     styleOptions: PropType<import("@sisense/sdk-ui-preact").PivotTableStyleOptions | undefined>;
 }>>, {}, {}>;

package/dist/src/components/charts/scattermap-chart.d.ts

@@ -36,7 +36,6 @@ import type { PropType } from 'vue';
  * @param props - Scattermap chart properties
  * @returns Scattermap Chart component
  * @group Charts
- * @beta
  */
 export declare const ScattermapChart: import("vue").DefineComponent<{
     dataOptions: PropType<import("@sisense/sdk-ui-preact").ScattermapChartDataOptions>;

package/dist/src/components/charts/sunburst-chart.d.ts

@@ -35,7 +35,6 @@ import type { PropType } from 'vue';
  * @param props - Sunburst Chart properties
  * @returns Sunburst Chart component
  * @group Charts
- * @beta
  */
 export declare const SunburstChart: import("vue").DefineComponent<{
     dataOptions: PropType<import("@sisense/sdk-ui-preact").CategoricalChartDataOptions>;

package/dist/src/components/filters/basic-member-filter-tile.d.ts

@@ -26,7 +26,7 @@ export declare const BasicMemberFilterTile: import("vue").DefineComponent<{
     initialSelectedMembers: PropType<import("@sisense/sdk-ui/dist/filters/components/member-filter-tile/members-reducer").SelectedMember[] | undefined>;
     isDependent: PropType<boolean | undefined>;
     maxAllowedMembers: PropType<number | undefined>;
-    onUpdateSelectedMembers: PropType<((members: string[]) => void) | undefined>;
+    onUpdateSelectedMembers: PropType<((members: string[], disabled?: boolean | undefined) => void) | undefined>;
     shouldUpdateSelectedMembers: PropType<boolean | undefined>;
     title: PropType<string>;
 }, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -36,7 +36,7 @@ export declare const BasicMemberFilterTile: import("vue").DefineComponent<{
     initialSelectedMembers: PropType<import("@sisense/sdk-ui/dist/filters/components/member-filter-tile/members-reducer").SelectedMember[] | undefined>;
     isDependent: PropType<boolean | undefined>;
     maxAllowedMembers: PropType<number | undefined>;
-    onUpdateSelectedMembers: PropType<((members: string[]) => void) | undefined>;
+    onUpdateSelectedMembers: PropType<((members: string[], disabled?: boolean | undefined) => void) | undefined>;
     shouldUpdateSelectedMembers: PropType<boolean | undefined>;
     title: PropType<string>;
 }>>, {}, {}>;

package/dist/src/composables/index.d.ts

@@ -4,3 +4,5 @@ export { useGetDashboardModel } from './use-get-dashboard-model.js';
 export { useGetDashboardModels } from './use-get-dashboard-models.js';
 export { useGetSharedFormula } from './use-get-shared-formula.js';
 export { useGetWidgetModel } from './use-get-widget-model.js';
+export { useFetch } from './use-fetch.js';
+export type { UseFetchOptions } from './use-fetch.js';

package/dist/src/composables/use-custom-drilldown.d.ts

@@ -75,6 +75,7 @@ export declare const useCustomDrilldown: ({ drilldownDimensions, initialDimensio
         };
         readonly filterType: string;
         readonly guid: string;
+        disabled: boolean;
         readonly name: string;
         isScope: boolean;
         jaql: (nested?: boolean | undefined) => any;

package/dist/src/composables/use-fetch.d.ts

@@ -0,0 +1,49 @@
+import type { DataState, RequestConfig } from '@sisense/sdk-ui-preact';
+import { type ToRefs } from 'vue';
+import type { MaybeRef, MaybeWithRefs } from '../types';
+/**
+ * The options for the `useFetch` composable function.
+ */
+export type UseFetchOptions = {
+    /** The request configuration object. */
+    requestConfig?: RequestConfig;
+    /** A boolean indicating whether the fetch operation is enabled. */
+    enabled?: boolean;
+};
+/**
+ * A Vue composable function `useFetch` that allows to make authorized fetch request to any Sisense API.
+ *
+ * @param path - The endpoint path to fetch data from. This should be a relative path like '/api/v1/endpoint'
+ * @param init - The request init object
+ * @param options - The additional request options
+ *
+ * @example
+ * How to use `useFetch` within a Vue component to fetch and display widget information:
+ * ```vue
+ * <script setup>
+ * import { ref } from "vue";
+ * import { useFetch } from "./composables/useFetch";
+ *
+ * const enabled = ref(true);
+ * const { data, isLoading, isError, error } = useFetch(
+ *   "api/v1/elasticubes/getElasticubes",
+ *   {
+ *     method: "POST",
+ *   },
+ *   {
+ *     enabled,
+ *   });
+ * </script>
+ * ```
+ *
+ * The composable returns an object with reactive properties that represent the state of the data fetch operation:
+ * - `data`: The fetched data, which is `undefined` until the operation is successfully completed.
+ * - `isLoading`: A boolean indicating whether the fetch operation is currently in progress.
+ * - `isError`: A boolean indicating whether an error occurred during the fetch operation.
+ * - `isSuccess`: A boolean indicating whether the fetch operation was successfully completed without any errors.
+ * - `error`: An error object containing details about any errors that occurred during the fetch operation.
+ *
+ * @group Fusion Embed
+ * @fusionEmbed
+ */
+export declare const useFetch: <TData = unknown>(path: MaybeRef<string>, init?: MaybeRef<RequestInit> | MaybeWithRefs<RequestInit>, options?: MaybeRef<UseFetchOptions> | MaybeWithRefs<UseFetchOptions>) => ToRefs<DataState<TData>>;

package/dist/src/setup-helper.d.ts

@@ -1,5 +1,4 @@
 import { type Slots } from 'vue';
-export declare function isObject(value: unknown): boolean;
 export declare function getRawData<T>(data: T): T;
 export declare function toDeepRaw<T>(data: T): T;
 /**

package/dist/src/utils.d.ts

@@ -1,6 +1,6 @@
+import { type Ref } from 'vue';
 import type { MaybeRef, MaybeWithRefs } from './types';
+export declare function isObject(value: unknown): boolean;
 export declare function toPlainValue<T>(value: MaybeRef<T>): T;
-export declare function toPlainValues<T extends object>(refObj: T): {
-    [K in keyof T]: T[K] extends MaybeRef<infer R> ? R : T[K];
-};
-export declare function collectRefs<T extends {}>(objectWithRefs: MaybeWithRefs<T>): unknown[];
+export declare function toPlainValues<T extends object>(refObj: MaybeRef<T> | MaybeWithRefs<T>): T;
+export declare function collectRefs(...params: (MaybeRef<unknown> | MaybeWithRefs<unknown>)[]): Ref<unknown>[];

package/package.json

@@ -11,7 +11,7 @@
     "Sisense",
     "Compose SDK"
   ],
-  "version": "1.10.1",
+  "version": "1.11.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -34,7 +34,7 @@
     "format:check": "prettier --check ."
   },
   "dependencies": {
-    "@sisense/sdk-ui-preact": "^1.10.1",
+    "@sisense/sdk-ui-preact": "^1.11.0",
     "deepmerge": "^4.3.1",
     "lodash": "^4.17.21",
     "vue": "^3.3.2"