@webitel/ui-datalist 1.1.13 → 1.1.15

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-datalist",
-	"version": "1.1.13",
+	"version": "1.1.15",
 	"description": "Toolkit for building data lists in webitel ui system",
 	"scripts": {
 		"make-all": "npm version patch --git-tag-version false && ( npm run lint:fix || true) && (npm run build:types || true) && npm run utils:publish",

package/src/modules/card/composables/useCardComponent.ts

@@ -1,6 +1,6 @@
 import { refDebounced } from '@vueuse/core';
 import { StoreDefinition, storeToRefs } from 'pinia';
-import { onUnmounted } from 'vue';
+import { onUnmounted, watch } from 'vue';
 
 import { useCardAnyFieldEditedWatcher } from './useCardAnyFieldEditedWatcher';
 import { useCardIsNew } from './useCardIsNew';
@@ -11,8 +11,10 @@ import { useItemCardSaveText } from './useItemCardSaveText';
 
 export const useCardComponent = <CardEntity>({
 	useCardStore,
+	onLoadErrorHandler,
 }: {
 	useCardStore: StoreDefinition;
+	onLoadErrorHandler?: (err: any) => void;
 }) => {
 	const cardStore = useCardStore();
 
@@ -22,7 +24,7 @@ export const useCardComponent = <CardEntity>({
 		validationSchema,
 		isLoading,
 		// isSaving, // todo: use me
-		// error, // todo: use me
+		error,
 	} = storeToRefs(cardStore);
 
 	const { initialize, saveItem, $reset } = cardStore;
@@ -63,6 +65,10 @@ export const useCardComponent = <CardEntity>({
 
 	onUnmounted($reset);
 
+	watch(error, (err) => {
+		if (onLoadErrorHandler) onLoadErrorHandler(err);
+	});
+
 	return {
 		// models
 		modelValue,
@@ -70,6 +76,7 @@ export const useCardComponent = <CardEntity>({
 		// state
 		debouncedIsLoading,
 		originalItemInstance,
+		error,
 
 		// computed
 		isNew,

package/src/modules/filters/components/search-bar/dynamic-filter-search.vue

@@ -74,7 +74,7 @@ const restoreLocalSearchValue = (searchMode: string) => {
 };
 
 const hasSearchModes = computed(() => {
-	return props.searchModeOptions && props.searchModeOptions.length > 0;
+	return props.searchModeOptions && props.searchModeOptions.length > 1;
 });
 
 const currentSearchName = computed(() => {
@@ -94,7 +94,9 @@ const inputValue = (value: string) => {
 				name: currentSearchName.value,
 			});
 		}
-		return;
+		if (hasSearchModes.value) {
+			searchMode.value = props.searchModeOptions[0].value;
+		}
 	}
 };
 
@@ -127,12 +129,12 @@ const updateSearchMode = (
 };
 
 const initialize = () => {
-	if (hasSearchModes.value) {
-		if (!searchMode.value) {
-			searchMode.value = props.searchModeOptions[0].value;
-		}
-		restoreLocalSearchValue(searchMode.value);
+	if (!hasSearchModes.value) return;
+
+	if (!searchMode.value) {
+		searchMode.value = props.searchModeOptions[0].value;
 	}
+	restoreLocalSearchValue(searchMode.value);
 };
 /**
  * @description
@@ -154,14 +156,16 @@ watch(
 		const searchModes = [
 			defaultSearchName,
 		];
-		if (hasSearchModes.value) {
+		if (hasSearchModes.value && !searchMode.value) {
 			searchMode.value =
 				props.searchModeOptions?.map((option) => option.value)[0] || '';
 		}
 
 		for (const mode of searchModes) {
 			if (hasFilter(mode)) {
-				searchMode.value = mode;
+				if (hasSearchModes.value) {
+					searchMode.value = mode;
+				}
 				restoreLocalSearchValue(mode);
 				break;
 			}

package/types/modules/card/composables/useCardComponent.d.ts

@@ -1,10 +1,12 @@
 import { StoreDefinition } from 'pinia';
-export declare const useCardComponent: <CardEntity>({ useCardStore, }: {
+export declare const useCardComponent: <CardEntity>({ useCardStore, onLoadErrorHandler, }: {
     useCardStore: StoreDefinition;
+    onLoadErrorHandler?: (err: any) => void;
 }) => {
     modelValue: import("vue").ComputedRef<unknown>;
     debouncedIsLoading: Readonly<import("vue").Ref<any, any>>;
     originalItemInstance: import("vue").Ref<any, any> & import("vue").ComputedRef<any>;
+    error: import("vue").Ref<any, any> & import("vue").ComputedRef<any>;
     isNew: import("vue").ComputedRef<boolean>;
     saveText: import("vue").ComputedRef<any>;
     hasValidationErrors: import("vue").ComputedRef<boolean>;