@webitel/ui-sdk 26.8.51 → 26.8.52

package/types/composables/index.d.ts

@@ -1,7 +1,6 @@
 export * from './useCachedInterval/useCachedInterval';
 export * from './useCachedItemInstanceName/useCachedItemInstanceName';
 export * from './useCard/useCardComponent';
-export * from './useCard/useCardTabs';
 export * from './useClose/useClose';
 export * from './useDestroyableSortable/useDestroyableSortable';
 export * from './useEventBus/useEventBus';

package/types/modules/TableComponentModule/composables/useTableEmpty.d.ts

@@ -1,15 +1,40 @@
-export function useTableEmpty({ dataList, filters, error, isLoading }?: {
-    dataList?: unknown;
-    filters?: unknown;
-    error?: unknown;
-    isLoading?: unknown;
-}, overrides?: object): {
+import { type MaybeRefOrGetter } from 'vue';
+import { EmptyCause } from '../../../enums/index';
+interface EmptyImageSet {
+    dark: string;
+    light: string;
+}
+interface EmptyStateVariants<T> {
+    filters: T;
+    error: T;
+    empty: T;
+}
+interface EmptyStateConfig {
+    image: EmptyStateVariants<EmptyImageSet>;
+    headline: EmptyStateVariants<string>;
+    title: EmptyStateVariants<string>;
+    text: EmptyStateVariants<string>;
+    primaryActionText: EmptyStateVariants<string>;
+    secondaryActionText: EmptyStateVariants<string>;
+}
+/** duck-typed readable ref — accepts `Ref`/`ComputedRef`/Pinia `ToRef` alike, only `.value` is ever read */
+type Readable<T> = {
+    value: T;
+};
+export interface UseTableEmptySource {
+    dataList?: Readable<unknown[] | undefined>;
+    filters?: Readable<Record<string, unknown> | undefined>;
+    error?: Readable<unknown>;
+    isLoading?: Readable<boolean | undefined>;
+}
+export declare const useTableEmpty: ({ dataList, filters, error, isLoading }?: UseTableEmptySource, overrides?: MaybeRefOrGetter<Partial<EmptyStateConfig>>) => {
     showEmpty: import("vue").ComputedRef<boolean>;
-    emptyCause: import("vue").ComputedRef<"error" | "filters" | "empty" | null>;
-    image: import("vue").ComputedRef<any>;
-    headline: import("vue").ComputedRef<any>;
-    title: import("vue").ComputedRef<any>;
-    text: import("vue").ComputedRef<any>;
-    primaryActionText: import("vue").ComputedRef<any>;
-    secondaryActionText: import("vue").ComputedRef<any>;
+    emptyCause: import("vue").ComputedRef<EmptyCause | null>;
+    image: import("vue").ComputedRef<string | null>;
+    headline: import("vue").ComputedRef<string | null>;
+    title: import("vue").ComputedRef<string | null>;
+    text: import("vue").ComputedRef<string | null>;
+    primaryActionText: import("vue").ComputedRef<string | null>;
+    secondaryActionText: import("vue").ComputedRef<string | null>;
 };
+export {};

package/src/composables/useCard/useCardTabs.js

@@ -1,29 +0,0 @@
-import { computed } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-
-export const useCardTabs = (tabs) => {
-	const router = useRouter();
-	const route = useRoute();
-
-	const currentTab = computed(() => {
-		return (
-			tabs?.value.find(({ pathName }) => route.name === pathName) ||
-			tabs?.value[0]
-		);
-	});
-
-	function changeTab(tab) {
-		if (!tab?.pathName) return;
-
-		return router.push({
-			...route,
-			name: tab.pathName,
-		});
-	}
-
-	return {
-		currentTab,
-
-		changeTab,
-	};
-};

package/types/composables/useCard/useCardTabs.d.ts

@@ -1,4 +0,0 @@
-export function useCardTabs(tabs: any): {
-    currentTab: import("vue").ComputedRef<any>;
-    changeTab: (tab: any) => Promise<void | import("vue-router").NavigationFailure | undefined> | undefined;
-};