@webitel/ui-datalist 26.8.16 → 26.8.18

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

@@ -3,7 +3,8 @@
     <wt-single-select
       :show-clear="false"
       :label="t('cases.status')"
-      :search-method="caseStatusesSearchMethod"
+      :disabled="!hasReadAccess"
+      :search-method="statusesSearchMethod"
       :v="!disableValidation && vSelection"
       :model-value="value.selection"
       data-key="id"
@@ -14,9 +15,9 @@
     <wt-multi-select
       v-if="value.selection"
       :key="value.selection"
-      :disabled="!value.selection"
+      :disabled="!hasReadAccess || !value.selection"
       :label="t('webitelUI.filters.filterValue')"
-      :search-method="getConditionList"
+      :search-method="conditionsSearchMethod"
       :v="!disableValidation && vConditions"
       :model-value="value.conditions"
       data-key="id"
@@ -30,15 +31,15 @@
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import { WtMultiSelect, WtSingleSelect } from '@webitel/ui-sdk/components';
+import { WtObject } from '@webitel/ui-sdk/enums';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import {
-	caseStatusConditionsSearchMethod,
-	caseStatusesSearchMethod,
-} from './config.js';
+import { useFilterReadAccess } from '../../composables/useFilterReadAccess';
+import type { CaseStatusFilterConfig } from './filterConfig';
 
 const props = defineProps<{
+	filterConfig: CaseStatusFilterConfig;
 	disableValidation?: boolean;
 }>();
 
@@ -54,6 +55,8 @@ const model = defineModel<ModelValue>({
 });
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(WtObject.Status);
+
 const value = computed<ModelValue>(
 	() =>
 		model.value ?? {
@@ -80,12 +83,15 @@ const updateSelected = (selection: string) => {
 };
 
 const getConditionList = (params: Record<string, unknown>) => {
-	return caseStatusConditionsSearchMethod({
+	return props.filterConfig.searchConditions({
 		parentId: value.value.selection,
 		...params,
 	});
 };
 
+const statusesSearchMethod = gateSearch(props.filterConfig.searchStatuses);
+const conditionsSearchMethod = gateSearch(getConditionList);
+
 const v$ = useVuelidate<{
 	model: ModelValue;
 }>(

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

@@ -0,0 +1,40 @@
+import {
+	CaseStatusConditionsAPI,
+	CaseStatusesAPI as CaseStatusesApi,
+} from '@webitel/api-services/api';
+import { WtObject } from '@webitel/ui-sdk/enums';
+
+import {
+	type FilterConfigBaseParams,
+	type FilterConfigSearchRequestParams,
+	WtSysTypeFilterConfig,
+} from '../../classes/FilterConfig';
+import { gateFilterSearch } from '../../composables/useFilterReadAccess';
+import { FilterOption } from '../../enums/FilterOption';
+import CaseStatusFilterValueField from './case-status-filter-value-field.vue';
+import CaseStatusFilterValuePreview from './case-status-filter-value-preview.vue';
+
+class CaseStatusFilterConfig extends WtSysTypeFilterConfig {
+	readonly name = FilterOption.CaseStatus;
+	valueInputComponent = CaseStatusFilterValueField;
+	valuePreviewComponent = CaseStatusFilterValuePreview;
+
+	searchStatuses = gateFilterSearch(WtObject.Status, CaseStatusesApi.getLookup);
+	searchConditions = gateFilterSearch(
+		WtObject.Status,
+		CaseStatusConditionsAPI.getLookup,
+	);
+
+	async searchRecords(params: FilterConfigSearchRequestParams) {
+		const value = params.id;
+		return this.searchConditions({
+			parentId: value?.selection,
+			id: value?.conditions,
+		});
+	}
+}
+
+export type { CaseStatusFilterConfig };
+
+export const createCaseStatusFilterConfig = (params?: FilterConfigBaseParams) =>
+	new CaseStatusFilterConfig(params);

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

@@ -0,0 +1,10 @@
+import CaseStatusFilterValueField from './case-status-filter-value-field.vue';
+import CaseStatusFilterValuePreview from './case-status-filter-value-preview.vue';
+import { createCaseStatusFilterConfig } from './filterConfig';
+
+export type * from './filterConfig';
+export {
+	CaseStatusFilterValueField,
+	CaseStatusFilterValuePreview,
+	createCaseStatusFilterConfig,
+};

package/src/modules/filters/modules/filterConfig/components/contact/contact-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"
     :model-value="model"
     :v="!disableValidation && v$.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.Contact);
+const lookupSearchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const v$ = useVuelidate(
 	computed(() => ({
 		model: {

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

@@ -0,0 +1,22 @@
+import { ContactsAPI } 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 ContactFilterValueField from './contact-filter-value-field.vue';
+import ContactFilterValuePreview from './contact-filter-value-preview.vue';
+
+class ContactFilterConfig extends WtSysTypeFilterConfig {
+	readonly name = FilterOption.Contact;
+	valueInputComponent = ContactFilterValueField;
+	valuePreviewComponent = ContactFilterValuePreview;
+
+	searchRecords = gateFilterSearch(WtObject.Contact, ContactsAPI.getLookup);
+}
+
+export const createContactFilterConfig = (params?: FilterConfigBaseParams) =>
+	new ContactFilterConfig(params);

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

@@ -1,12 +1,13 @@
 <template>
   <wt-multi-select
+    v-bind="$attrs"
     :label="labelValue"
-    :search-method="props.filterConfig.searchRecords"
+    :disabled="!hasReadAccess"
+    :search-method="searchMethod"
     :v="!disableValidation && vList"
     :model-value="value.list"
     data-key="id"
     option-value="id"
-    v-bind="$attrs"
     @update:model-value="changeListValue"
   />
   <wt-checkbox
@@ -22,9 +23,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, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
+import { useFilterReadAccess } from '../../composables/useFilterReadAccess';
 import { IContactGroupFilterConfig } from './index';
 
 type ModelValue = {
@@ -79,6 +82,11 @@ const emit = defineEmits<{
 
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(
+	WtObject.ContactGroup,
+);
+const searchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const labelValue = computed(() =>
 	props?.hideLabel ? undefined : t('webitelUI.filters.filterValue'),
 );

package/src/modules/filters/modules/filterConfig/components/contact-group/index.ts

@@ -1,4 +1,5 @@
 import { ContactGroupsAPI as contactGroups } from '@webitel/api-services/api';
+import { WtObject } from '@webitel/ui-sdk/enums';
 
 import {
 	type FilterConfigBaseParams,
@@ -7,6 +8,7 @@ import {
 	type IWtSysTypeFilterConfig,
 	WtSysTypeFilterConfig,
 } from '../../classes/FilterConfig';
+import { gateFilterSearch } from '../../composables/useFilterReadAccess';
 import { FilterOption } from '../../enums/FilterOption';
 import ContactGroupFilterValueField from './contact-group-filter-value-field.vue';
 import ContactGroupFilterValuePreview from './contact-group-filter-value-preview.vue';
@@ -28,7 +30,7 @@ class ContactGroupFilterConfig extends WtSysTypeFilterConfig {
 		}
 	}
 
-	searchRecords(
+	async searchRecords(
 		params: FilterConfigSearchRequestParams,
 		{ filterValue }: FilterConfigSearchFilterContext = {},
 	): Promise<{
@@ -48,7 +50,10 @@ class ContactGroupFilterConfig extends WtSysTypeFilterConfig {
 		const idsCount = Array.isArray(id) ? id.length : 10;
 		const size = idsCount || params.size;
 
-		return contactGroups.getLookup({
+		return gateFilterSearch(
+			WtObject.ContactGroup,
+			contactGroups.getLookup,
+		)({
 			...params,
 			id,
 			size,

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

@@ -1,12 +1,13 @@
 <template>
   <wt-multi-select
+    v-bind="$attrs"
     :label="labelValue"
-    :search-method="props.filterConfig.searchRecords"
+    :disabled="!hasReadAccess"
+    :search-method="searchMethod"
     :v="!disableValidation && v$?.model"
     :model-value="model"
     option-label="label"
     data-key="label"
-    v-bind="$attrs"
     @update:model-value="handleInput"
   />
 </template>
@@ -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';
 
 const props = defineProps<{
 	filterConfig: WtSysTypeFilterConfig;
@@ -37,6 +40,9 @@ const emit = defineEmits<{
 }>();
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(WtObject.Contact);
+const searchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const labelValue = computed(() =>
 	props?.hideLabel ? undefined : t('webitelUI.filters.filterValue'),
 );

package/src/modules/filters/modules/filterConfig/components/contact-label/index.ts

@@ -1,4 +1,5 @@
 import { LabelsAPI as contactLabels } 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 ContactLabelFilterValueField from './contact-label-filter-value-field.vue';
 import ContactLabelFilterValuePreview from './contact-label-filter-value-preview.vue';
@@ -15,7 +17,7 @@ class ContactLabelFilterConfig extends WtSysTypeFilterConfig {
 	valueInputComponent = ContactLabelFilterValueField;
 	valuePreviewComponent = ContactLabelFilterValuePreview;
 
-	searchRecords(
+	async searchRecords(
 		params: FilterConfigSearchRequestParams,
 		{
 			filterValue,
@@ -32,11 +34,11 @@ class ContactLabelFilterConfig extends WtSysTypeFilterConfig {
 		//   For label preview component no need to call the API, so we return filterValue back to the searchRecords method and display it
 
 		if (filterValue)
-			return Promise.resolve({
+			return {
 				items: filterValue,
-			});
+			};
 
-		return contactLabels.getLookup(params);
+		return gateFilterSearch(WtObject.Contact, contactLabels.getLookup)(params);
 	}
 }
 

package/src/modules/filters/modules/filterConfig/components/contact-owner/contact-owner-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 && v$.model"
     :model-value="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, 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.User);
+const searchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const v$ = useVuelidate(
 	computed(() => ({
 		model: {

package/src/modules/filters/modules/filterConfig/components/contact-owner/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 ContactOwnerFilterValueField from './contact-owner-filter-value-field.vue';
 import ContactOwnerFilterValuePreview from './contact-owner-filter-value-preview.vue';
@@ -13,12 +15,7 @@ class ContactOwnerFilterConfig extends WtSysTypeFilterConfig {
 	valueInputComponent = ContactOwnerFilterValueField;
 	valuePreviewComponent = ContactOwnerFilterValuePreview;
 
-	searchRecords(params: object): Promise<{
-		items: unknown[];
-		next?: boolean;
-	}> {
-		return UsersAPI.getLookup(params);
-	}
+	searchRecords = gateFilterSearch(WtObject.User, UsersAPI.getLookup);
 }
 
 export const createContactOwnerFilterConfig = (

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

@@ -1,7 +1,8 @@
 <template>
   <wt-multi-select
     :label="labelValue"
-    :search-method="searchGateway"
+    :disabled="!hasReadAccess"
+    :search-method="lookupSearchMethod"
     :v="!disableValidation && v$.model"
     :model-value="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,8 @@ const emit = defineEmits<{
 }>();
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(WtObject.Gateway);
+
 const labelValue = computed(() => {
 	const value = props?.filterConfig?.showFilterName
 		? props?.filterConfig.name
@@ -60,13 +64,7 @@ onMounted(() => {
 	if (!props.disableValidation) v$.value.$touch();
 });
 
-const searchGateway = async (params: { search?: string }) => {
-	return params.search
-		? await searchMethod({
-				name: params.search,
-			})
-		: await searchMethod(params);
-};
+const lookupSearchMethod = gateSearch(props.filterConfig.searchRecords);
 
 watch(
 	() => v$.value.$invalid,

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

@@ -0,0 +1,31 @@
+import { GatewaysAPI } from '@webitel/api-services/api';
+import { WtObject } from '@webitel/ui-sdk/enums';
+
+import {
+	type FilterConfigBaseParams,
+	type FilterConfigSearchRequestParams,
+	WtSysTypeFilterConfig,
+} from '../../classes/FilterConfig';
+import { gateFilterSearch } from '../../composables/useFilterReadAccess';
+import { FilterOption } from '../../enums/FilterOption';
+import GatewayFilterValueField from './gateway-filter-value-field.vue';
+import GatewayFilterValuePreview from './gateway-filter-value-preview.vue';
+
+class GatewayFilterConfig extends WtSysTypeFilterConfig {
+	readonly name = FilterOption.Gateway;
+	valueInputComponent = GatewayFilterValueField;
+	valuePreviewComponent = GatewayFilterValuePreview;
+
+	searchRecords = gateFilterSearch(
+		WtObject.Gateway,
+		(params: FilterConfigSearchRequestParams) =>
+			params.search
+				? GatewaysAPI.getLookup({
+						name: params.search,
+					})
+				: GatewaysAPI.getLookup(params),
+	);
+}
+
+export const createGatewayFilterConfig = (params?: FilterConfigBaseParams) =>
+	new GatewayFilterConfig(params);

package/src/modules/filters/modules/filterConfig/components/grantee/grantee-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"
     :model-value="model"
     :v="!disableValidation && v$.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.Role);
+const lookupSearchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const v$ = useVuelidate(
 	computed(() => ({
 		model: {

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

@@ -0,0 +1,22 @@
+import RolesAPI from '@webitel/ui-sdk/api/clients/roles/roles';
+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 GranteeFilterValueField from './grantee-filter-value-field.vue';
+import GranteeFilterValuePreview from './grantee-filter-value-preview.vue';
+
+class GranteeFilterConfig extends WtSysTypeFilterConfig {
+	readonly name = FilterOption.Grantee;
+	valueInputComponent = GranteeFilterValueField;
+	valuePreviewComponent = GranteeFilterValuePreview;
+
+	searchRecords = gateFilterSearch(WtObject.Role, RolesAPI.getLookup);
+}
+
+export const createGranteeFilterConfig = (params?: FilterConfigBaseParams) =>
+	new GranteeFilterConfig(params);