@webitel/ui-datalist 1.1.5 → 1.1.6

package/src/modules/card/stores/createCardStore.ts

@@ -9,182 +9,183 @@ import { z } from 'zod/v4';
 import { CardItemId, CardParentId } from '../types/CardStore.types';
 
 const defaultRegleValidationOptions: RegleSchemaBehaviourOptions &
-  RegleBehaviourOptions = {
-  autoDirty: true, // compute errors only on $validate() fn (btn click)
-  syncState: {
-    onValidate: true, // make zod defaults fill state
-  },
+	RegleBehaviourOptions = {
+	autoDirty: true, // compute errors only on $validate() fn (btn click)
+	syncState: {
+		onValidate: true, // make zod defaults fill state
+	},
 };
 
 export const createCardStore = <Entity = object>({
-  namespace,
-  apiModule,
-  standardValidationSchema,
-  validationSchemaOptions,
+	namespace,
+	apiModule,
+	standardValidationSchema,
+	validationSchemaOptions,
 }: {
-  namespace: string;
-  standardValidationSchema: z.ZodType;
-  apiModule: ApiModule<Entity>;
-  validationSchemaOptions?: RegleSchemaBehaviourOptions;
+	namespace: string;
+	standardValidationSchema: z.ZodType;
+	apiModule: ApiModule<Entity>;
+	validationSchemaOptions?: RegleSchemaBehaviourOptions;
 }) => {
-  return defineStore(namespace, () => {
-    // card data vars
-    const parentId = ref<CardItemId>();
-    const itemId = ref<CardParentId>();
-
-    // readonly, state on backend
-    const originalItemInstance = ref<Readonly<Entity>>({} as Entity);
-
-    // draft, changeable using ui controls, but not saved yet
-    const draftItemInstance = ref<Entity>({} as Entity);
-
-    /**
-     * sync draft to original, after original changes
-     * NOTE! it's only 1 way binding
-     */
-    watch(originalItemInstance, (value) => {
-      draftItemInstance.value = structuredClone(toRaw(value));
-    });
-
-    // card state vars
-    const validationSchema = ref();
-
-    // processing progress vars
-    const isLoading = ref(false);
-    const isSaving = ref(false);
-    const error = ref(null); // if needed
-
-
-      validationSchema.value = useRegleSchema(
-        draftItemInstance,
-        standardValidationSchema,
-        { ...defaultRegleValidationOptions, ...validationSchemaOptions },
-      );
-
-
-    const loadItem = async () => {
-      isLoading.value = true;
-      try {
-        originalItemInstance.value = await apiModule.get({
-          id: itemId.value,
-          itemId: itemId.value, // compat, use "id" instead
-          parentId: parentId.value,
-        });
-      } catch (err) {
-        error.value = err;
-        throw err;
-      } finally {
-        isLoading.value = false;
-      }
-    };
-
-    const createItem = ({
-      data,
-      parentId,
-    }: {
-      data: Entity;
-      parentId?: string | number | null;
-    }) => {
-      return apiModule.add({
-        itemInstance: data,
-        parentId,
-      });
-    };
-    const updateItem = ({
-      data,
-      itemId,
-      parentId,
-    }: {
-      data: Entity;
-      itemId: string | number | null;
-      parentId?: string | number | null;
-    }) => {
-      return apiModule.update({
-        itemInstance: data,
-        itemId,
-        parentId,
-      });
-    };
-
-    const saveItem = async (draft: Entity) => {
-      let responseItem: Entity; // use response after add/update instead of sending "get" request
-
-      if (itemId.value) {
-        responseItem = await updateItem({
-          data: draft,
-          itemId: itemId.value,
-          parentId: parentId.value,
-        });
-      } else {
-        responseItem = await createItem({
-          data: draft,
-          parentId: parentId.value,
-        });
-      }
-
-      originalItemInstance.value = responseItem;
-      itemId.value = responseItem.id;
-    };
-
-    const initializeItemInstance = async () => {
-      if (itemId.value) {
-        await loadItem();
-      } else if (standardValidationSchema) {
-        draftItemInstance.value = await getDefaultsFromZodSchema(
-          standardValidationSchema,
-          draftItemInstance.value,
-        );
-      } else {
-        draftItemInstance.value = {} as Entity;
-      }
-    };
-
-    const initialize = ({
-      itemId: initialItemId,
-      parentId: initialParentId,
-    }: {
-      itemId?: string | number;
-      parentId?: string | number;
-    } = {}) => {
-      if (initialParentId) {
-        parentId.value = initialParentId;
-      }
-
-      if (initialItemId && initialItemId !== 'new') {
-        itemId.value = initialItemId;
-      }
-
-      return initializeItemInstance();
-    };
-
-    const $reset = () => {
-      itemId.value = null;
-      parentId.value = null;
-
-      originalItemInstance.value = {} as Entity;
-
-      validationSchema.value.r$.$reset();
-
-      isLoading.value = false;
-      isSaving.value = false;
-      error.value = null;
-    };
-
-    return {
-      parentId,
-      itemId,
-      originalItemInstance,
-      draftItemInstance,
-
-      validationSchema,
-
-      isLoading,
-      isSaving,
-      error,
-
-      initialize,
-      saveItem,
-      $reset,
-    };
-  });
+	return defineStore(namespace, () => {
+		// card data vars
+		const parentId = ref<CardItemId>();
+		const itemId = ref<CardParentId>();
+
+		// readonly, state on backend
+		const originalItemInstance = ref<Readonly<Entity>>({} as Entity);
+
+		// draft, changeable using ui controls, but not saved yet
+		const draftItemInstance = ref<Entity>({} as Entity);
+
+		/**
+		 * sync draft to original, after original changes
+		 * NOTE! it's only 1 way binding
+		 */
+		watch(originalItemInstance, (value) => {
+			draftItemInstance.value = structuredClone(toRaw(value));
+		});
+
+		// card state vars
+		const validationSchema = ref();
+
+		// processing progress vars
+		const isLoading = ref(false);
+		const isSaving = ref(false);
+		const error = ref(null); // if needed
+
+		validationSchema.value = useRegleSchema(
+			draftItemInstance,
+			standardValidationSchema,
+			{
+				...defaultRegleValidationOptions,
+				...validationSchemaOptions,
+			},
+		);
+
+		const loadItem = async () => {
+			isLoading.value = true;
+			try {
+				originalItemInstance.value = await apiModule.get({
+					id: itemId.value,
+					itemId: itemId.value, // compat, use "id" instead
+					parentId: parentId.value,
+				});
+			} catch (err) {
+				error.value = err;
+				throw err;
+			} finally {
+				isLoading.value = false;
+			}
+		};
+
+		const createItem = ({
+			data,
+			parentId,
+		}: {
+			data: Entity;
+			parentId?: string | number | null;
+		}) => {
+			return apiModule.add({
+				itemInstance: data,
+				parentId,
+			});
+		};
+		const updateItem = ({
+			data,
+			itemId,
+			parentId,
+		}: {
+			data: Entity;
+			itemId: string | number | null;
+			parentId?: string | number | null;
+		}) => {
+			return apiModule.update({
+				itemInstance: data,
+				itemId,
+				parentId,
+			});
+		};
+
+		const saveItem = async (draft: Entity) => {
+			let responseItem: Entity; // use response after add/update instead of sending "get" request
+
+			if (itemId.value) {
+				responseItem = await updateItem({
+					data: draft,
+					itemId: itemId.value,
+					parentId: parentId.value,
+				});
+			} else {
+				responseItem = await createItem({
+					data: draft,
+					parentId: parentId.value,
+				});
+			}
+
+			originalItemInstance.value = responseItem;
+			itemId.value = responseItem.id;
+		};
+
+		const initializeItemInstance = async () => {
+			if (itemId.value) {
+				await loadItem();
+			} else if (standardValidationSchema) {
+				draftItemInstance.value = await getDefaultsFromZodSchema(
+					standardValidationSchema,
+					draftItemInstance.value,
+				);
+			} else {
+				draftItemInstance.value = {} as Entity;
+			}
+		};
+
+		const initialize = ({
+			itemId: initialItemId,
+			parentId: initialParentId,
+		}: {
+			itemId?: string | number;
+			parentId?: string | number;
+		} = {}) => {
+			if (initialParentId) {
+				parentId.value = initialParentId;
+			}
+
+			if (initialItemId && initialItemId !== 'new') {
+				itemId.value = initialItemId;
+			}
+
+			return initializeItemInstance();
+		};
+
+		const $reset = () => {
+			itemId.value = null;
+			parentId.value = null;
+
+			originalItemInstance.value = {} as Entity;
+
+			validationSchema.value.r$.$reset();
+
+			isLoading.value = false;
+			isSaving.value = false;
+			error.value = null;
+		};
+
+		return {
+			parentId,
+			itemId,
+			originalItemInstance,
+			draftItemInstance,
+
+			validationSchema,
+
+			isLoading,
+			isSaving,
+			error,
+
+			initialize,
+			saveItem,
+			$reset,
+		};
+	});
 };

package/src/modules/filter-presets/api/PresetQuery.ts

@@ -1,21 +1,21 @@
 import {
-  getDefaultGetListResponse,
-  getDefaultGetParams,
-  getDefaultInstance,
-  getDefaultOpenAPIConfig,
+	getDefaultGetListResponse,
+	getDefaultGetParams,
+	getDefaultInstance,
+	getDefaultOpenAPIConfig,
 } from '@webitel/ui-sdk/api/defaults/index';
 import applyTransform, {
-  camelToSnake,
-  merge,
-  notify,
-  skipIf,
-  snakeToCamel,
-  starToSearch,
+	camelToSnake,
+	merge,
+	notify,
+	skipIf,
+	snakeToCamel,
+	starToSearch,
 } from '@webitel/ui-sdk/api/transformers/index';
 import {
-  EngineCreatePresetQueryRequest,
-  EnginePresetQuery,
-  PresetQueryServiceApiFactory,
+	EngineCreatePresetQueryRequest,
+	EnginePresetQuery,
+	PresetQueryServiceApiFactory,
 } from 'webitel-sdk';
 
 const instance = getDefaultInstance();
@@ -24,106 +24,129 @@ const configuration = getDefaultOpenAPIConfig();
 const service = PresetQueryServiceApiFactory(configuration, '', instance);
 
 type GetPresetListRequestConfig = {
-  transformers: {
-    useStarToSearch?: boolean;
-  };
+	transformers: {
+		useStarToSearch?: boolean;
+	};
 };
 
 const getPresetList = async (params, config: GetPresetListRequestConfig) => {
-  const useStarToSearch = config?.transformers?.useStarToSearch ?? true;
+	const useStarToSearch = config?.transformers?.useStarToSearch ?? true;
 
-  const { page, size, search, sort, fields, presetNamespace, id } =
-    applyTransform(params, [
-      merge(getDefaultGetParams()),
-      (params) => (useStarToSearch ? starToSearch('search')(params) : params),
-    ]);
-  try {
-    const response = await service.searchPresetQuery(
-      page,
-      size,
-      search,
-      sort || '-created_at',
-      fields || ['id', 'name', 'preset', 'description'],
-      id,
-      [presetNamespace],
-    );
-    const { items, next } = applyTransform(response.data, [
-      snakeToCamel(),
-      merge(getDefaultGetListResponse()),
-    ]);
-    return {
-      items,
-      next,
-    };
-  } catch (err) {
-    throw applyTransform(err, [notify]);
-  }
+	const { page, size, search, sort, fields, presetNamespace, id } =
+		applyTransform(params, [
+			merge(getDefaultGetParams()),
+			(params) => (useStarToSearch ? starToSearch('search')(params) : params),
+		]);
+	try {
+		const response = await service.searchPresetQuery(
+			page,
+			size,
+			search,
+			sort || '-created_at',
+			fields || [
+				'id',
+				'name',
+				'preset',
+				'description',
+			],
+			id,
+			[
+				presetNamespace,
+			],
+		);
+		const { items, next } = applyTransform(response.data, [
+			snakeToCamel(),
+			merge(getDefaultGetListResponse()),
+		]);
+		return {
+			items,
+			next,
+		};
+	} catch (err) {
+		throw applyTransform(err, [
+			notify,
+		]);
+	}
 };
 
 const getPreset = async ({ id }) => {
-  try {
-    const response = await service.readPresetQuery(id);
-    return applyTransform(response.data, [snakeToCamel()]);
-  } catch (err) {
-    throw applyTransform(err, [notify]);
-  }
+	try {
+		const response = await service.readPresetQuery(id);
+		return applyTransform(response.data, [
+			snakeToCamel(),
+		]);
+	} catch (err) {
+		throw applyTransform(err, [
+			notify,
+		]);
+	}
 };
 
 const addPreset = async ({
-  preset,
-  namespace,
+	preset,
+	namespace,
 }: {
-  preset: EngineCreatePresetQueryRequest;
-  namespace: string;
+	preset: EngineCreatePresetQueryRequest;
+	namespace: string;
 }): Promise<EnginePresetQuery> => {
-  const item = applyTransform(preset, [
-    camelToSnake(),
-    (item) => {
-      item.preset.namespace = namespace;
-      item.section = namespace;
-      return item;
-    },
-  ]);
-  try {
-    const response = await service.createPresetQuery(item);
-    return applyTransform(response.data, [snakeToCamel()]);
-  } catch (err) {
-    throw applyTransform(err, [skipIf(notify, (err) => err.status === 409)]);
-  }
+	const item = applyTransform(preset, [
+		camelToSnake(),
+		(item) => {
+			item.preset.namespace = namespace;
+			item.section = namespace;
+			return item;
+		},
+	]);
+	try {
+		const response = await service.createPresetQuery(item);
+		return applyTransform(response.data, [
+			snakeToCamel(),
+		]);
+	} catch (err) {
+		throw applyTransform(err, [
+			skipIf(notify, (err) => err.status === 409),
+		]);
+	}
 };
 
 const updatePreset = async ({ item: itemInstance, id, namespace }) => {
-  const item = applyTransform(itemInstance, [
-    camelToSnake(),
-    (item) => {
-      item.preset.namespace = namespace;
-      item.section = namespace;
-      return item;
-    },
-  ]);
-  try {
-    const response = await service.updatePresetQuery(id, item);
-    return applyTransform(response.data, [snakeToCamel()]);
-  } catch (err) {
-    throw applyTransform(err, [skipIf(notify, (err) => err.status === 409)]);
-  }
+	const item = applyTransform(itemInstance, [
+		camelToSnake(),
+		(item) => {
+			item.preset.namespace = namespace;
+			item.section = namespace;
+			return item;
+		},
+	]);
+	try {
+		const response = await service.updatePresetQuery(id, item);
+		return applyTransform(response.data, [
+			snakeToCamel(),
+		]);
+	} catch (err) {
+		throw applyTransform(err, [
+			skipIf(notify, (err) => err.status === 409),
+		]);
+	}
 };
 
 const deletePreset = async ({ id }) => {
-  try {
-    const response = await service.deletePresetQuery(id);
-    return applyTransform(response.data, []);
-  } catch (err) {
-    throw applyTransform(err, [notify]);
-  }
+	try {
+		const response = await service.deletePresetQuery(id);
+		return applyTransform(response.data, []);
+	} catch (err) {
+		throw applyTransform(err, [
+			notify,
+		]);
+	}
 };
 
 const PresetQueryAPI = {
-  getList: getPresetList,
-  get: getPreset,
-  add: addPreset,
-  update: updatePreset,
-  delete: deletePreset,
+	getList: getPresetList,
+	get: getPreset,
+	add: addPreset,
+	update: updatePreset,
+	delete: deletePreset,
 };
 
 export { addPreset, deletePreset, getPresetList, updatePreset };

package/src/modules/filter-presets/components/_shared/input-fields/preset-description-field.vue

@@ -22,7 +22,7 @@ import { useI18n } from 'vue-i18n';
 const model = defineModel<string>();
 
 const props = defineProps<{
-  previewMode?: boolean;
+	previewMode?: boolean;
 }>();
 
 const { t } = useI18n();

package/src/modules/filter-presets/components/_shared/preset-filters-preview.vue

@@ -21,24 +21,22 @@
 import { WtLabel } from '@webitel/ui-sdk/components';
 import { useI18n } from 'vue-i18n';
 
-import type {IFiltersManager} from '../../../filters';
+import type { IFiltersManager } from '../../../filters';
 import DynamicFilterPanelWrapper from '../../../filters/components/dynamic-filter-panel-wrapper.vue';
 import DynamicFilterPreview from '../../../filters/components/preview/dynamic-filter-preview.vue';
-import { useFilterConfigsToolkit } from "../../../filters/composables/useFilterConfigsToolkit";
-import {AnyFilterConfig} from "../../../filters/modules/filterConfig/classes/FilterConfig";
+import { useFilterConfigsToolkit } from '../../../filters/composables/useFilterConfigsToolkit';
+import { AnyFilterConfig } from '../../../filters/modules/filterConfig/classes/FilterConfig';
 
 const props = defineProps<{
-  filtersManager: IFiltersManager;
-  filterConfigs: AnyFilterConfig[];
+	filtersManager: IFiltersManager;
+	filterConfigs: AnyFilterConfig[];
 }>();
 
 const { t } = useI18n();
 
-const {
-  appliedFilterToFilterConfigMappings,
-} = useFilterConfigsToolkit({
-  filterOptions: props.filterConfigs,
-  filtersManager: props.filtersManager,
+const { appliedFilterToFilterConfigMappings } = useFilterConfigsToolkit({
+	filterOptions: props.filterConfigs,
+	filtersManager: props.filtersManager,
 });
 </script>