@webitel/ui-datalist 26.8.16 → 26.8.18

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-datalist",
-	"version": "26.8.16",
+	"version": "26.8.18",
 	"description": "Toolkit for building data lists in webitel ui system",
 	"scripts": {
 		"build:types": "vue-tsc -b tsconfig.build.json",

package/src/modules/filters/components/column/column-filter-preview.vue

@@ -28,7 +28,7 @@ import type { DataField } from '@webitel/api-services/gen/models';
 import { WtLoader } from '@webitel/ui-sdk/components';
 import type { WtTableHeader } from '@webitel/ui-sdk/components/wt-table/types/WtTable';
 import { ComponentSize } from '@webitel/ui-sdk/enums';
-
+import type { FilterHasReadAccess } from '@webitel/ui-sdk/modules/Userinfo';
 import type { IFiltersManager } from '../../classes/FiltersManager';
 import { useColumnFilter } from '../../composables/useColumnFilter';
 import { useFilterValuePreview } from '../../composables/useFilterValuePreview';
@@ -48,6 +48,7 @@ const props = defineProps<{
 	filterOptions?: FilterConfigDefinition[];
 	/** custom (type extension) fields the table can filter by; matched to the header by field id */
 	filterableExtensionFields?: DataField[];
+	hasReadAccess?: FilterHasReadAccess;
 }>();
 
 const { filterConfig, filter } = useColumnFilter({

package/src/modules/filters/components/column/column-filter.vue

@@ -5,6 +5,7 @@
     :filters-manager="filtersManager"
     :filter-options="filterOptions"
     :filterable-extension-fields="filterableExtensionFields"
+    :has-read-access="hasReadAccess"
   />
   <dynamic-filter-config-form
     v-else
@@ -21,7 +22,10 @@
 import type { DataField } from '@webitel/api-services/gen/models';
 
 import type { WtTableHeader } from '@webitel/ui-sdk/components/wt-table/types/WtTable';
-
+import {
+	type FilterHasReadAccess,
+	provideFilterReadAccess,
+} from '@webitel/ui-sdk/modules/Userinfo';
 import type { FilterInitParams } from '../../classes/Filter';
 import type { IFiltersManager } from '../../classes/FiltersManager';
 import { useColumnFilter } from '../../composables/useColumnFilter';
@@ -46,12 +50,15 @@ const props = defineProps<{
 	filtersManager: IFiltersManager;
 	filterOptions?: FilterConfigDefinition[];
 	filterableExtensionFields?: DataField[];
+	hasReadAccess?: FilterHasReadAccess;
 	formView?: boolean;
 	hide?: () => void;
 }>();
 
 const emit = defineEmits<ColumnFilterEmits>();
 
+provideFilterReadAccess(() => props.hasReadAccess);
+
 const { filterConfig, filter } = useColumnFilter({
 	header: () => props.header,
 	filtersManager: () => props.filtersManager,

package/src/modules/filters/components/config/dynamic-view/dynamic-filter-config-form.vue

@@ -70,13 +70,13 @@
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import { WtButton, WtSingleSelect } from '@webitel/ui-sdk/components';
-import { isEmpty } from '@webitel/ui-sdk/scripts';
 import deepcopy from 'deep-copy';
 import { computed, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import { FilterInitParams, IFilter } from '../../../classes/Filter';
 import { BaseFilterConfig } from '../../../modules/filterConfig/classes/FilterConfig';
+import { isEmptyFilterValue } from '../../../scripts/utils';
 import DynamicFilterConfigFormLabel from './dynamic-filter-config-form-label.vue';
 import DynamicFilterConfigFormValueInput from './dynamic-filter-config-form-value-input.vue';
 
@@ -142,7 +142,7 @@ v$.value.$touch();
 const invalid = ref(false);
 
 const isSubmitDisabled = computed(() => {
-	if (props.columnMode && isEmpty(filterValue.value)) {
+	if (props.columnMode && isEmptyFilterValue(filterValue.value)) {
 		return !editMode || !filterName.value || !!props.filterConfig?.notDeletable;
 	}
 

package/src/modules/filters/components/config/static-view/__tests__/static-filter-field.spec.ts

@@ -23,7 +23,7 @@ const StubInput = {
 };
 
 const deletableConfig = createFilterConfig({
-	name: FilterOption.Agent,
+	name: FilterOption.Tag,
 	valueInputComponent: StubInput,
 });
 
@@ -68,7 +68,7 @@ describe('StaticFilterField', () => {
 		expect(wrapper.emitted('add:filter')).toEqual([
 			[
 				{
-					name: FilterOption.Agent,
+					name: FilterOption.Tag,
 					value: [
 						1,
 					],
@@ -79,7 +79,7 @@ describe('StaticFilterField', () => {
 
 	it('updates an already applied filter', () => {
 		filtersManager.addFilter({
-			name: FilterOption.Agent,
+			name: FilterOption.Tag,
 			value: [
 				1,
 			],
@@ -100,7 +100,7 @@ describe('StaticFilterField', () => {
 
 	it('deletes an applied filter when its field is cleared', () => {
 		filtersManager.addFilter({
-			name: FilterOption.Agent,
+			name: FilterOption.Tag,
 			value: [
 				1,
 			],
@@ -115,7 +115,7 @@ describe('StaticFilterField', () => {
 
 	it('deletes an applied range filter when both bounds are cleared', () => {
 		filtersManager.addFilter({
-			name: FilterOption.Agent,
+			name: FilterOption.Tag,
 			value: {
 				from: 10,
 				to: 20,
@@ -135,7 +135,7 @@ describe('StaticFilterField', () => {
 
 	it('updates an applied range filter when one bound is left', () => {
 		filtersManager.addFilter({
-			name: FilterOption.Agent,
+			name: FilterOption.Tag,
 			value: {
 				from: 10,
 				to: 20,

package/src/modules/filters/components/filters-actions-menu.vue

@@ -55,10 +55,13 @@ import {
 	WtIconAction,
 } from '@webitel/ui-sdk/components';
 import { IconAction } from '@webitel/ui-sdk/enums';
+import {
+	type FilterHasReadAccess,
+	provideFilterReadAccess,
+} from '@webitel/ui-sdk/modules/Userinfo';
 import type { StoreGeneric } from 'pinia';
 import { computed, useTemplateRef } from 'vue';
 import { useI18n } from 'vue-i18n';
-
 import { ApplyPresetAction, SavePresetAction } from '../../filter-presets';
 import type { IFiltersManager } from '../classes/FiltersManager';
 import { useFilterConfigsToolkit } from '../composables/useFilterConfigsToolkit';
@@ -75,6 +78,7 @@ const props = defineProps<{
 	filtersManager: IFiltersManager;
 	filterOptions: FilterConfigDefinition[];
 	filterableExtensionFields?: DataField[];
+	hasReadAccess?: FilterHasReadAccess;
 	/** enables preset actions */
 	presetNamespace?: string;
 	usePresetsStore?: () => StoreGeneric;
@@ -97,6 +101,8 @@ const applyPreset =
 const savePreset =
 	useTemplateRef<InstanceType<typeof SavePresetAction>>('savePreset');
 
+provideFilterReadAccess(() => props.hasReadAccess);
+
 const { filterConfigs, filtersIncluded } = useFilterConfigsToolkit({
 	filterOptions: props.filterOptions,
 	filtersManager: props.filtersManager,

package/src/modules/filters/components/table-filters-panel.vue

@@ -72,14 +72,16 @@
 <script lang="ts" setup>
 import type { DataField } from '@webitel/api-services/gen/models';
 import { WtIconAction } from '@webitel/ui-sdk/components';
+import type { FilterHasReadAccess } from '@webitel/ui-sdk/modules/Userinfo';
+import { provideFilterReadAccess } from '@webitel/ui-sdk/modules/Userinfo';
 import { StoreGeneric } from 'pinia';
 import { computed } from 'vue';
-
 import { ApplyPresetAction, SavePresetAction } from '../../filter-presets';
 import { FilterInitParams, IFilter } from '../classes/Filter';
 import { IFiltersManager } from '../classes/FiltersManager';
 import { useFilterConfigsToolkit } from '../composables/useFilterConfigsToolkit';
 import { useSelectedFilters } from '../composables/useSelectedFilters';
+
 import { AnyFilterConfig } from '../modules/filterConfig/classes/FilterConfig';
 import { FilterOption } from '../modules/filterConfig/enums/FilterOption';
 import StaticFilterField from './config/static-view/static-filter-field.vue';
@@ -137,10 +139,14 @@ type Props = {
 	 * [https://webitel.atlassian.net/browse/WTEL-6934]
 	 */
 	staticMode?: boolean;
+	/** App Read checker. No provider → lookups stay closed. */
+	hasReadAccess?: FilterHasReadAccess;
 };
 
 const props = defineProps<Props>();
 
+provideFilterReadAccess(() => props.hasReadAccess);
+
 /**
  * @author @dlohvinov
  *

package/src/modules/filters/composables/useFilterValueChange.ts

@@ -1,18 +1,9 @@
-import { isEmpty } from '@webitel/ui-sdk/scripts';
 import { type MaybeRefOrGetter, toValue } from 'vue';
 
 import type { FilterValue, IFilter } from '../classes/Filter';
 import type { StaticFilterEmits } from '../components/types/Filter.types';
 import type { AnyFilterConfig } from '../modules/filterConfig';
-
-const isEmptyFilterValue = (value: FilterValue) => {
-	if (typeof value === 'boolean') return false;
-	if (isEmpty(value)) return true;
-	if (typeof value !== 'object' || Array.isArray(value)) return false;
-	return Object.values(value).every(
-		(field) => field === null || field === undefined || field === '',
-	);
-};
+import { isEmptyFilterValue } from '../scripts/utils';
 
 type StaticFilterEmit = <K extends keyof StaticFilterEmits>(
 	event: K,
@@ -38,7 +29,7 @@ export const useFilterValueChange = ({
 			return emit('delete:filter', currentFilter);
 		}
 
-		if (isEmpty(currentFilter?.value)) {
+		if (isEmptyFilterValue(currentFilter?.value)) {
 			return emit('add:filter', {
 				name: config.name,
 				value,

package/src/modules/filters/composables/useFilterValuePreview.ts

@@ -1,3 +1,4 @@
+import { injectFilterReadAccess } from '@webitel/ui-sdk/modules/Userinfo';
 import { computed, type MaybeRefOrGetter, ref, toValue, watch } from 'vue';
 
 import type { IFilter } from '../classes/Filter';
@@ -5,7 +6,7 @@ import type {
 	AnyFilterConfig,
 	FilterConfigSearchMethodParams,
 } from '../modules/filterConfig/classes/FilterConfig';
-import { FilterOptionToPreviewApiSearchMethodMap } from '../modules/filterConfig/components';
+import { canLoadPreviewRecords } from '../scripts/canLoadPreviewRecords';
 
 /**
  * @author @dlohvinov
@@ -24,6 +25,7 @@ export const useFilterValuePreview = ({
 	filter: MaybeRefOrGetter<IFilter | undefined>;
 	filterConfig: MaybeRefOrGetter<AnyFilterConfig>;
 }) => {
+	const getHasReadAccess = injectFilterReadAccess();
 	const localValue = ref();
 
 	const fillLocalValue = async (currentFilter = toValue(filter)) => {
@@ -42,9 +44,11 @@ export const useFilterValuePreview = ({
 						/* arrow fn here preserves filterConfig class "this" */
 						return config.searchRecords(...params);
 					}
-				: FilterOptionToPreviewApiSearchMethodMap[filterName];
+				: undefined;
 
-		if (valueSearchMethod) {
+		const canRead = canLoadPreviewRecords(config, getHasReadAccess());
+
+		if (valueSearchMethod && canRead) {
 			const { items } = await valueSearchMethod(
 				{
 					id: filterValue,
@@ -58,6 +62,8 @@ export const useFilterValuePreview = ({
 				},
 			);
 			localValue.value = items;
+		} else if (valueSearchMethod) {
+			localValue.value = [];
 		} else {
 			localValue.value = filterValue;
 		}

package/src/modules/filters/modules/filterConfig/components/_custom/filterConfig.ts

@@ -46,14 +46,10 @@ class TypeExtensionWtSysTypeFieldFilterConfig
 	extends TypeExtensionFilterConfig
 	implements IWtSysTypeFilterConfig
 {
-	async searchRecords(
-		{ id: filterValue, ...rest }: FilterConfigSearchRequestParams,
-		// {
-		//   filterValue,
-		// }: {
-		//   filterValue: unknown;
-		// },
-	): Promise<{
+	async searchRecords({
+		id: filterValue,
+		...rest
+	}: FilterConfigSearchRequestParams): Promise<{
 		items: unknown[];
 		next?: boolean;
 	}> {

package/src/modules/filters/modules/filterConfig/components/_custom/type-extension-filter-value-field.vue

@@ -17,7 +17,7 @@
           model ??
           [] /* so that component won't break when model is nullish at init */
         "
-        :search-method="searchRecords"
+        :search-method="defaultProps.disabled ? undefined : searchRecords"
         :required="false /* https://github.com/webitel/webitel-ui-sdk/pull/1359#discussion_r3180877255 */"
         option-value="id"
         @update:model-value="model = $event"
@@ -31,7 +31,7 @@
           model ??
           [] /* so that component won't break when model is nullish at init */
         "
-        :search-method="searchRecords"
+        :search-method="defaultProps.disabled ? undefined : searchRecords"
 
         :required="false /* https://github.com/webitel/webitel-ui-sdk/pull/1359#discussion_r3180877255 */"
         option-value="id"

package/src/modules/filters/modules/filterConfig/components/agent/agent-filter-value-field.vue

@@ -1,7 +1,8 @@
 <template>
   <wt-multi-select
     :label="labelValue"
-    :search-method="searchMethod"
+    :disabled="!hasReadAccess"
+    :search-method="lookupSearchMethod"
     :model-value="model"
     :v="!disableValidation && v$.model"
     option-value="id"
@@ -13,15 +14,17 @@
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import { WtMultiSelect } from '@webitel/ui-sdk/components';
+import { WtObject } from '@webitel/ui-sdk/enums';
 import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
-import type { BaseFilterConfig } from '../../classes/FilterConfig';
-import { searchMethod } from './config.js';
+
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import { useFilterReadAccess } from '../../composables/useFilterReadAccess';
 
 type ModelValue = number[];
 
 const props = defineProps<{
-	filterConfig?: BaseFilterConfig;
+	filterConfig: WtSysTypeFilterConfig;
 	disableValidation?: boolean;
 }>();
 
@@ -35,6 +38,9 @@ const emit = defineEmits<{
 
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(WtObject.Agent);
+const lookupSearchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const labelValue = computed(() => {
 	const value = props.filterConfig?.showFilterName
 		? props.filterConfig.name

package/src/modules/filters/modules/filterConfig/components/agent/index.ts

@@ -0,0 +1,22 @@
+import { AgentsAPI } from '@webitel/api-services/api';
+import { WtObject } from '@webitel/ui-sdk/enums';
+
+import {
+	type FilterConfigBaseParams,
+	WtSysTypeFilterConfig,
+} from '../../classes/FilterConfig';
+import { gateFilterSearch } from '../../composables/useFilterReadAccess';
+import { FilterOption } from '../../enums/FilterOption';
+import AgentFilterValueField from './agent-filter-value-field.vue';
+import AgentFilterValuePreview from './agent-filter-value-preview.vue';
+
+class AgentFilterConfig extends WtSysTypeFilterConfig {
+	readonly name = FilterOption.Agent;
+	valueInputComponent = AgentFilterValueField;
+	valuePreviewComponent = AgentFilterValuePreview;
+
+	searchRecords = gateFilterSearch(WtObject.Agent, AgentsAPI.getLookup);
+}
+
+export const createAgentFilterConfig = (params?: FilterConfigBaseParams) =>
+	new AgentFilterConfig(params);

package/src/modules/filters/modules/filterConfig/components/auditor/auditor-filter-value-field.vue

@@ -1,7 +1,8 @@
 <template>
   <wt-multi-select
     :label="labelValue"
-    :search-method="props.filterConfig.searchRecords"
+    :disabled="!hasReadAccess"
+    :search-method="searchMethod"
     :model-value="model"
     :v="!disableValidation && v$.model"
     option-value="id"
@@ -13,10 +14,12 @@
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import { WtMultiSelect } from '@webitel/ui-sdk/components';
+import { WtObject } from '@webitel/ui-sdk/enums';
 import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import { useFilterReadAccess } from '../../composables/useFilterReadAccess';
 
 type ModelValue = number[];
 
@@ -34,6 +37,9 @@ const emit = defineEmits<{
 }>();
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(WtObject.User);
+const searchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const labelValue = computed(() =>
 	t(
 		`webitelUI.filters.${

package/src/modules/filters/modules/filterConfig/components/auditor/index.ts

@@ -1,9 +1,11 @@
 import { UsersAPI } from '@webitel/api-services/api';
+import { WtObject } from '@webitel/ui-sdk/enums';
 
 import {
 	type FilterConfigBaseParams,
 	WtSysTypeFilterConfig,
 } from '../../classes/FilterConfig';
+import { gateFilterSearch } from '../../composables/useFilterReadAccess';
 import { FilterOption } from '../../enums/FilterOption';
 import AuditorFilterValueField from './auditor-filter-value-field.vue';
 import AuditorFilterValuePreview from './auditor-filter-value-preview.vue';
@@ -13,12 +15,7 @@ class AuditorFilterConfig extends WtSysTypeFilterConfig {
 	valueInputComponent = AuditorFilterValueField;
 	valuePreviewComponent = AuditorFilterValuePreview;
 
-	searchRecords(params: object): Promise<{
-		items: unknown[];
-		next?: boolean;
-	}> {
-		return UsersAPI.getLookup(params);
-	}
+	searchRecords = gateFilterSearch(WtObject.User, UsersAPI.getLookup);
 }
 
 export const createAuditorFilterConfig = (params?: FilterConfigBaseParams) =>

package/src/modules/filters/modules/filterConfig/components/bucket/bucket-filter-value-field.vue

@@ -1,7 +1,8 @@
 <template>
   <wt-multi-select
     :label="labelValue"
-    :search-method="props.filterConfig.searchRecords"
+    :disabled="!hasReadAccess"
+    :search-method="searchMethod"
     :model-value="model"
     :v="!disableValidation && v$.model"
     option-value="id"
@@ -13,10 +14,12 @@
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import { WtMultiSelect } from '@webitel/ui-sdk/components';
+import { WtObject } from '@webitel/ui-sdk/enums';
 import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import { useFilterReadAccess } from '../../composables/useFilterReadAccess';
 
 type ModelValue = number[];
 
@@ -34,6 +37,9 @@ const emit = defineEmits<{
 }>();
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(WtObject.Bucket);
+const searchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const labelValue = computed(() =>
 	t(
 		`webitelUI.filters.${

package/src/modules/filters/modules/filterConfig/components/bucket/index.ts

@@ -1,9 +1,11 @@
 import { BucketsAPI } from '@webitel/api-services/api';
+import { WtObject } from '@webitel/ui-sdk/enums';
 
 import {
 	type FilterConfigBaseParams,
 	WtSysTypeFilterConfig,
 } from '../../classes/FilterConfig';
+import { gateFilterSearch } from '../../composables/useFilterReadAccess';
 import { FilterOption } from '../../enums/FilterOption';
 import BucketFilterValueField from './bucket-filter-value-field.vue';
 import BucketFilterValuePreview from './bucket-filter-value-preview.vue';
@@ -13,12 +15,7 @@ class BucketFilterConfig extends WtSysTypeFilterConfig {
 	valueInputComponent = BucketFilterValueField;
 	valuePreviewComponent = BucketFilterValuePreview;
 
-	searchRecords(params: object): Promise<{
-		items: unknown[];
-		next?: boolean;
-	}> {
-		return BucketsAPI.getLookup(params);
-	}
+	searchRecords = gateFilterSearch(WtObject.Bucket, BucketsAPI.getLookup);
 }
 
 export const createBucketFilterConfig = (params?: FilterConfigBaseParams) =>

package/src/modules/filters/modules/filterConfig/components/case-assignee/case-assignee-filter-value-field.vue

@@ -1,7 +1,8 @@
 <template>
   <wt-multi-select
     :label="t('webitelUI.filters.filterValue')"
-    :search-method="props.filterConfig.searchRecords"
+    :disabled="!hasReadAccess"
+    :search-method="searchMethod"
     :v="!disableValidation && vList"
     :model-value="value.list"
     data-key="id"
@@ -20,9 +21,11 @@
 import { useVuelidate } from '@vuelidate/core';
 import { requiredIf } from '@vuelidate/validators';
 import { WtCheckbox, WtMultiSelect } from '@webitel/ui-sdk/components';
+import { WtObject } from '@webitel/ui-sdk/enums';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
+import { useFilterReadAccess } from '../../composables/useFilterReadAccess';
 import { CaseAssigneeFilterConfig } from './index';
 
 type ModelValue = {
@@ -68,6 +71,9 @@ const emit = defineEmits<{
 
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(WtObject.Contact);
+const searchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const v$ = useVuelidate<{
 	model: ModelValue;
 }>(

package/src/modules/filters/modules/filterConfig/components/case-assignee/filterConfig.ts

@@ -1,4 +1,5 @@
 import { ContactsAPI } from '@webitel/api-services/api';
+import { WtObject } from '@webitel/ui-sdk/enums';
 
 import {
 	type FilterConfigBaseParams,
@@ -6,6 +7,7 @@ import {
 	type FilterConfigSearchRequestParams,
 	WtSysTypeFilterConfig,
 } from '../../classes/FilterConfig';
+import { gateFilterSearch } from '../../composables/useFilterReadAccess';
 import { FilterOption } from '../../enums/FilterOption';
 import CaseAssigneeFilterValueField from './case-assignee-filter-value-field.vue';
 import CaseAssigneeFilterValuePreview from './case-assignee-filter-value-preview.vue';
@@ -15,7 +17,7 @@ class CaseAssigneeFilterConfig extends WtSysTypeFilterConfig {
 	valueInputComponent = CaseAssigneeFilterValueField;
 	valuePreviewComponent = CaseAssigneeFilterValuePreview;
 
-	searchRecords(
+	async searchRecords(
 		params: FilterConfigSearchRequestParams,
 		{ filterValue }: FilterConfigSearchFilterContext = {},
 	): Promise<{
@@ -23,15 +25,18 @@ class CaseAssigneeFilterConfig extends WtSysTypeFilterConfig {
 		next?: boolean;
 	}> {
 		if (filterValue?.unassigned && !filterValue.list?.length)
-			return Promise.resolve({
+			return {
 				items: [],
-			});
+			};
 		const id =
 			params.id?.list /* general logic from dynamic-filter-preview.vue*/ ||
 			params.id /* wt-select options loadings */ ||
 			filterValue?.list; /* newest and coolest, but not implemented on all filters 🥲 */
 
-		return ContactsAPI.getLookup({
+		return gateFilterSearch(
+			WtObject.Contact,
+			ContactsAPI.getLookup,
+		)({
 			...params,
 			id,
 		});

package/src/modules/filters/modules/filterConfig/components/case-author/case-author-filter-value-field.vue

@@ -1,7 +1,8 @@
 <template>
   <wt-multi-select
     :label="t('webitelUI.filters.filterValue')"
-    :search-method="searchMethod"
+    :disabled="!hasReadAccess"
+    :search-method="lookupSearchMethod"
     :v="!disableValidation && v$.model"
     :model-value="model"
     option-value="id"
@@ -13,14 +14,17 @@
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import { WtMultiSelect } from '@webitel/ui-sdk/components';
+import { WtObject } from '@webitel/ui-sdk/enums';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { searchMethod } from './config.js';
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import { useFilterReadAccess } from '../../composables/useFilterReadAccess';
 
 type ModelValue = number[];
 
 const props = defineProps<{
+	filterConfig: WtSysTypeFilterConfig;
 	disableValidation?: boolean;
 }>();
 
@@ -33,6 +37,9 @@ const emit = defineEmits<{
 }>();
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(WtObject.User);
+const lookupSearchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const v$ = useVuelidate(
 	computed(() => ({
 		model: {

package/src/modules/filters/modules/filterConfig/components/case-author/index.ts

@@ -0,0 +1,22 @@
+import { UsersAPI } from '@webitel/api-services/api';
+import { WtObject } from '@webitel/ui-sdk/enums';
+
+import {
+	type FilterConfigBaseParams,
+	WtSysTypeFilterConfig,
+} from '../../classes/FilterConfig';
+import { gateFilterSearch } from '../../composables/useFilterReadAccess';
+import { FilterOption } from '../../enums/FilterOption';
+import CaseAuthorFilterValueField from './case-author-filter-value-field.vue';
+import CaseAuthorFilterValuePreview from './case-author-filter-value-preview.vue';
+
+class CaseAuthorFilterConfig extends WtSysTypeFilterConfig {
+	readonly name = FilterOption.CaseAuthor;
+	valueInputComponent = CaseAuthorFilterValueField;
+	valuePreviewComponent = CaseAuthorFilterValuePreview;
+
+	searchRecords = gateFilterSearch(WtObject.User, UsersAPI.getLookup);
+}
+
+export const createCaseAuthorFilterConfig = (params?: FilterConfigBaseParams) =>
+	new CaseAuthorFilterConfig(params);