@webitel/ui-datalist 26.8.17 → 26.8.18

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

@@ -1,9 +1,11 @@
 import { QueuesAPI } 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 QueueFilterValueField from './queue-filter-value-field.vue';
 import QueueFilterValuePreview from './queue-filter-value-preview.vue';
@@ -13,12 +15,7 @@ class QueueFilterConfig extends WtSysTypeFilterConfig {
 	valueInputComponent = QueueFilterValueField;
 	valuePreviewComponent = QueueFilterValuePreview;
 
-	searchRecords(params: object): Promise<{
-		items: unknown[];
-		next?: boolean;
-	}> {
-		return QueuesAPI.getLookup(params);
-	}
+	searchRecords = gateFilterSearch(WtObject.Queue, QueuesAPI.getLookup);
 }
 
 export const createQueueFilterConfig = (params?: FilterConfigBaseParams) =>

package/src/modules/filters/modules/filterConfig/components/queue/queue-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.Queue);
+const searchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const labelValue = computed(() =>
 	t(
 		`webitelUI.filters.${

package/src/modules/filters/modules/filterConfig/components/rated-by/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 RatedByFilterValueField from './rated-by-filter-value-field.vue';
+import RatedByFilterValuePreview from './rated-by-filter-value-preview.vue';
+
+class RatedByFilterConfig extends WtSysTypeFilterConfig {
+	readonly name = FilterOption.RatedBy;
+	valueInputComponent = RatedByFilterValueField;
+	valuePreviewComponent = RatedByFilterValuePreview;
+
+	searchRecords = gateFilterSearch(WtObject.User, UsersAPI.getLookup);
+}
+
+export const createRatedByFilterConfig = (params?: FilterConfigBaseParams) =>
+	new RatedByFilterConfig(params);

package/src/modules/filters/modules/filterConfig/components/rated-by/rated-by-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,16 +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 { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
-import { searchMethod } from './config.js';
+import { useFilterReadAccess } from '../../composables/useFilterReadAccess';
 
 type ModelValue = number[];
 
 const props = defineProps<{
-	filterConfig?: WtSysTypeFilterConfig;
+	filterConfig: WtSysTypeFilterConfig;
 	disableValidation?: boolean;
 }>();
 
@@ -35,6 +37,9 @@ const emit = defineEmits<{
 }>();
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(WtObject.User);
+const lookupSearchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const labelValue = computed(() => {
 	const value = props?.filterConfig?.showFilterName
 		? props?.filterConfig.name

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

@@ -1,9 +1,11 @@
 import { RegionsAPI } 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 RegionFilterValueField from './region-filter-value-field.vue';
 import RegionFilterValuePreview from './region-filter-value-preview.vue';
@@ -12,12 +14,7 @@ class RegionFilterConfig extends WtSysTypeFilterConfig {
 	readonly name = FilterOption.Region;
 	valueInputComponent = RegionFilterValueField;
 	valuePreviewComponent = RegionFilterValuePreview;
-	searchRecords(params: object): Promise<{
-		items: unknown[];
-		next?: boolean;
-	}> {
-		return RegionsAPI.getLookup(params);
-	}
+	searchRecords = gateFilterSearch(WtObject.Region, RegionsAPI.getLookup);
 }
 
 export const createRegionFilterConfig = (params?: FilterConfigBaseParams) =>

package/src/modules/filters/modules/filterConfig/components/region/region-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.Region);
+const searchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const labelValue = computed(() =>
 	t(
 		`webitelUI.filters.${

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

@@ -1,9 +1,11 @@
 import { SkillsAPI } 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 SkillFilterValueField from './skill-filter-value-field.vue';
 import SkillFilterValuePreview from './skill-filter-value-preview.vue';
@@ -13,12 +15,7 @@ class SkillFilterConfig extends WtSysTypeFilterConfig {
 	valueInputComponent = SkillFilterValueField;
 	valuePreviewComponent = SkillFilterValuePreview;
 
-	searchRecords(params: object): Promise<{
-		items: unknown[];
-		next?: boolean;
-	}> {
-		return SkillsAPI.getLookup(params);
-	}
+	searchRecords = gateFilterSearch(WtObject.Skill, SkillsAPI.getLookup);
 }
 
 export const createSkillFilterConfig = (params?: FilterConfigBaseParams) =>

package/src/modules/filters/modules/filterConfig/components/skill/skill-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.Skill);
+const searchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const labelValue = computed(() =>
 	t(
 		`webitelUI.filters.${

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

@@ -1,9 +1,11 @@
 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 SupervisorFilterValueField from './supervisor-filter-value-field.vue';
 import SupervisorFilterValuePreview from './supervisor-filter-value-preview.vue';
@@ -13,12 +15,10 @@ class SupervisorFilterConfig extends WtSysTypeFilterConfig {
 	valueInputComponent = SupervisorFilterValueField;
 	valuePreviewComponent = SupervisorFilterValuePreview;
 
-	searchRecords(params: object): Promise<{
-		items: unknown[];
-		next?: boolean;
-	}> {
-		return AgentsAPI.getSupervisorOptions(params);
-	}
+	searchRecords = gateFilterSearch(
+		WtObject.Agent,
+		AgentsAPI.getSupervisorOptions,
+	);
 }
 
 export const createSupervisorFilterConfig = (params?: FilterConfigBaseParams) =>

package/src/modules/filters/modules/filterConfig/components/supervisor/supervisor-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.Agent);
+const searchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const labelValue = computed(() =>
 	t(
 		`webitelUI.filters.${

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

@@ -1,9 +1,11 @@
 import { QueuesAPI } 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 TagsFilterValueField from './tags-filter-value-field.vue';
 import TagsFilterValuePreview from './tags-filter-value-preview.vue';
@@ -13,12 +15,7 @@ class QueueTagsFilterConfig extends WtSysTypeFilterConfig {
 	valueInputComponent = TagsFilterValueField;
 	valuePreviewComponent = TagsFilterValuePreview;
 
-	searchRecords(params: object): Promise<{
-		items: unknown[];
-		next?: boolean;
-	}> {
-		return QueuesAPI.getQueuesTags(params);
-	}
+	searchRecords = gateFilterSearch(WtObject.Queue, QueuesAPI.getQueuesTags);
 }
 
 export const createQueueTagsFilterConfig = (params?: FilterConfigBaseParams) =>

package/src/modules/filters/modules/filterConfig/components/tags/tags-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="selectedOptions"
     :v="!disableValidation && v$.model"
     chips-view
@@ -15,10 +16,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';
 
 /**
  * Queue tags are free-form strings, so the filter stores names rather than ids
@@ -44,6 +47,9 @@ const emit = defineEmits<{
 }>();
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(WtObject.Queue);
+const searchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const labelValue = computed(() =>
 	t(
 		`webitelUI.filters.${

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

@@ -1,9 +1,11 @@
 import { TeamsAPI } 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 TeamFilterValueField from './team-filter-value-field.vue';
 import TeamFilterValuePreview from './team-filter-value-preview.vue';
@@ -13,12 +15,7 @@ class TeamFilterConfig extends WtSysTypeFilterConfig {
 	valueInputComponent = TeamFilterValueField;
 	valuePreviewComponent = TeamFilterValuePreview;
 
-	searchRecords(params: object): Promise<{
-		items: unknown[];
-		next?: boolean;
-	}> {
-		return TeamsAPI.getLookup(params);
-	}
+	searchRecords = gateFilterSearch(WtObject.Team, TeamsAPI.getLookup);
 }
 
 export const createTeamFilterConfig = (params?: FilterConfigBaseParams) =>

package/src/modules/filters/modules/filterConfig/components/team/team-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';
 
 const props = defineProps<{
 	filterConfig: WtSysTypeFilterConfig;
@@ -34,6 +37,9 @@ const emit = defineEmits<{
 }>();
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(WtObject.Team);
+const searchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const v$ = useVuelidate(
 	computed(() => ({
 		model: {

package/src/modules/filters/modules/filterConfig/components/user/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 UserFilterValueField from './user-filter-value-field.vue';
+import UserFilterValuePreview from './user-filter-value-preview.vue';
+
+class UserFilterConfig extends WtSysTypeFilterConfig {
+	readonly name = FilterOption.User;
+	valueInputComponent = UserFilterValueField;
+	valuePreviewComponent = UserFilterValuePreview;
+
+	searchRecords = gateFilterSearch(WtObject.User, UsersAPI.getLookup);
+}
+
+export const createUserFilterConfig = (params?: FilterConfigBaseParams) =>
+	new UserFilterConfig(params);

package/src/modules/filters/modules/filterConfig/components/user/user-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,18 +14,19 @@
 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 { searchMethod } from './config.js';
+import { useFilterReadAccess } from '../../composables/useFilterReadAccess';
 
 type ModelValue = number[];
 
 const model = defineModel<ModelValue>();
 
 const props = defineProps<{
-	filterConfig?: WtSysTypeFilterConfig;
+	filterConfig: WtSysTypeFilterConfig;
 	disableValidation?: boolean;
 }>();
 
@@ -35,6 +37,9 @@ const emit = defineEmits<{
 }>();
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(WtObject.User);
+const lookupSearchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const labelValue = computed(() => {
 	const value = props?.filterConfig?.showFilterName
 		? props?.filterConfig.name

package/src/modules/filters/modules/filterConfig/composables/useFilterReadAccess.ts

@@ -0,0 +1,55 @@
+import type { WtObject } from '@webitel/ui-sdk/enums';
+import {
+	type FilterHasReadAccess,
+	injectFilterReadAccess,
+} from '@webitel/ui-sdk/modules/Userinfo';
+import { computed } from 'vue';
+
+export type { FilterHasReadAccess };
+
+type SearchResult<Item> = {
+	items?: Item[];
+	next?: boolean;
+};
+
+type GatedSearchResult<Item> = {
+	items: Item[];
+	next?: boolean;
+};
+
+export type GatedFilterSearch<Args extends unknown[], Item> = ((
+	...args: Args
+) => Promise<GatedSearchResult<Item>>) & {
+	accessObject: WtObject;
+};
+
+export const gateFilterSearch = <Item, Args extends unknown[]>(
+	object: WtObject,
+	search: (...args: Args) => Promise<SearchResult<Item>>,
+): GatedFilterSearch<Args, Item> => {
+	const gated = (async (...args) => {
+		const result = await search(...args);
+		return {
+			...result,
+			items: result.items ?? [],
+		};
+	}) as GatedFilterSearch<Args, Item>;
+
+	// preview has no WtObject of its own and checks Read against this tag
+	gated.accessObject = object;
+	return gated;
+};
+
+export const useFilterReadAccess = (object: WtObject) => {
+	const getHasReadAccess = injectFilterReadAccess();
+
+	const hasReadAccess = computed(() => getHasReadAccess()?.(object) ?? false);
+
+	const gateSearch = <T>(search: T) =>
+		computed(() => (hasReadAccess.value ? search : undefined));
+
+	return {
+		hasReadAccess,
+		gateSearch,
+	};
+};

package/src/modules/filters/scripts/canLoadPreviewRecords.ts

@@ -0,0 +1,35 @@
+import type { DataField } from '@webitel/api-services/gen/models';
+import type { WtObject } from '@webitel/ui-sdk/enums';
+import {
+	type FilterHasReadAccess,
+	hasLookupFieldReadAccess,
+} from '@webitel/ui-sdk/modules/Userinfo';
+
+import type { AnyFilterConfig } from '../modules/filterConfig/classes/FilterConfig';
+
+const isCustomLookupConfig = (
+	config: AnyFilterConfig,
+): config is AnyFilterConfig & {
+	field: DataField;
+} => 'field' in config;
+
+const readAccessObject = (config: AnyFilterConfig): WtObject | undefined => {
+	if (!('searchRecords' in config)) return undefined;
+	if (!('accessObject' in config.searchRecords)) return undefined;
+
+	return config.searchRecords.accessObject as WtObject | undefined;
+};
+
+export const canLoadPreviewRecords = (
+	config: AnyFilterConfig,
+	checker: FilterHasReadAccess | undefined,
+) => {
+	if (isCustomLookupConfig(config)) {
+		return hasLookupFieldReadAccess(config.field, checker);
+	}
+
+	const accessObject = readAccessObject(config);
+	if (!accessObject) return true;
+
+	return checker?.(accessObject) ?? false;
+};