@webitel/ui-datalist 1.0.6 → 1.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-datalist",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "Toolkit for building data lists in webitel ui system",
   "scripts": {
     "lint:fix": "eslint --fix ./src && prettier --write --check ./src",
@@ -35,7 +35,7 @@
   "dependencies": {
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
-    "@webitel/ui-sdk": "^25.4.55"
+    "@webitel/ui-sdk": "^25.4.59"
   },
   "devDependencies": {
     "vue-tsc": "^2.2.8",

package/src/filters/classes/FiltersManager.ts

@@ -55,7 +55,7 @@ class FiltersManager implements IFiltersManager {
     return filter;
   }
 
-  deleteFilter({ name }: IFilter): IFilter {
+  deleteFilter({ name }: { name: FilterName }): IFilter {
     const filter = this.filters.get(name);
     this.filters.delete(name);
     return filter;

package/src/filters/components/filter-options/case-assignee/case-assignee-filter-value-preview.vue

@@ -0,0 +1,36 @@
+<template>
+  <lookup-filter-value-preview v-bind="{ ...props, value: shownValue }" />
+</template>
+
+<script lang="ts" setup>
+import {computed} from "vue";
+import { useI18n } from 'vue-i18n';
+import { WebitelContactsContact } from 'webitel-sdk';
+
+import {IFilter} from "../../../types/Filter";
+import LookupFilterValuePreview from '../_shared/lookup-filter-preview/lookup-filter-value-preview.vue';
+
+const props = defineProps<{
+  value: WebitelContactsContact[];
+  filter: IFilter,
+}>();
+
+const { t } = useI18n();
+
+const rawValue = computed(() => {
+  return props.filter.value;
+});
+
+const shownValue = computed(() => {
+  const shownValue = [...props.value];
+  if (rawValue.value.unassigned) {
+    shownValue.unshift({
+      name: t('reusable.unassigned'),
+      id: 'unassigned',
+    });
+  }
+  return shownValue;
+});
+</script>
+
+<style scoped></style>

package/src/filters/components/filter-options/{assignee → case-assignee}/config.js

@@ -1,4 +1,3 @@
 import ContactsAPI from '@webitel/ui-sdk/api/clients/сontacts/contacts';
 
 export const searchMethod = ContactsAPI.getLookup;
-export const localePath = '';

package/src/filters/components/filter-options/case-author/case-author-filter-value-preview.vue

@@ -0,0 +1,16 @@
+<template>
+  <lookup-filter-value-preview v-bind="props" />
+</template>
+
+<script lang="ts" setup>
+import LookupFilterValuePreview from '../_shared/lookup-filter-preview/lookup-filter-value-preview.vue';
+
+const props = defineProps<{
+  /**
+   * would be great to use generated type for this
+   * */
+  value: Record<string, unknown>[];
+}>();
+</script>
+
+<style scoped></style>

package/src/filters/components/filter-options/{author → case-author}/config.js

@@ -1,4 +1,3 @@
 import UsersAPI from '@webitel/ui-sdk/api/clients/users/users';
 
 export const searchMethod = UsersAPI.getLookup;
-export const localePath = '';

package/src/filters/components/filter-options/case-close-reason-groups/case-close-reason-groups-filter-value-preview.vue

@@ -0,0 +1,15 @@
+<template>
+  <lookup-filter-value-preview v-bind="props" />
+</template>
+
+<script lang="ts" setup>
+import { CasesCloseReasonGroup } from 'webitel-sdk';
+
+import LookupFilterValuePreview from '../_shared/lookup-filter-preview/lookup-filter-value-preview.vue';
+
+const props = defineProps<{
+  value: CasesCloseReasonGroup[];
+}>();
+</script>
+
+<style scoped></style>

package/src/filters/components/filter-options/{close-reason-groups-case → case-close-reason-groups}/config.js

@@ -4,4 +4,3 @@ import CaseCloseReasonsAPI from '@webitel/ui-sdk/api/clients/caseCloseReasons/ca
 export const caseCloseReasonsGroupsSearchMethod =
   CaseCloseReasonGroupsAPI.getLookup;
 export const caseCloseReasonsSearchMethod = CaseCloseReasonsAPI.getLookup;
-export const localePath = '';

package/src/filters/components/filter-options/case-impacted/case-impacted-filter-value-preview.vue

@@ -0,0 +1,15 @@
+<template>
+  <lookup-filter-value-preview v-bind="props" />
+</template>
+
+<script lang="ts" setup>
+import { WebitelContactsContact } from 'webitel-sdk';
+
+import LookupFilterValuePreview from '../_shared/lookup-filter-preview/lookup-filter-value-preview.vue';
+
+const props = defineProps<{
+  value: WebitelContactsContact[];
+}>();
+</script>
+
+<style scoped></style>

package/src/filters/components/filter-options/{reporter → case-impacted}/config.js

@@ -1,4 +1,3 @@
 import ContactsAPI from '@webitel/ui-sdk/api/clients/сontacts/contacts';
 
 export const searchMethod = ContactsAPI.getLookup;
-export const localePath = '';

package/src/filters/components/filter-options/case-priority/case-priority-filter-value-preview.vue

@@ -0,0 +1,15 @@
+<template>
+  <lookup-filter-value-preview v-bind="props" />
+</template>
+
+<script lang="ts" setup>
+import { CasesPriority } from 'webitel-sdk';
+
+import LookupFilterValuePreview from '../_shared/lookup-filter-preview/lookup-filter-value-preview.vue';
+
+const props = defineProps<{
+  value: CasesPriority[];
+}>();
+</script>
+
+<style scoped></style>

package/src/filters/components/filter-options/{priority-case → case-priority}/config.js

@@ -1,4 +1,3 @@
 import CasePrioritiesAPI from '@webitel/ui-sdk/api/clients/casePriorities/casePriorities';
 
 export const searchMethod = CasePrioritiesAPI.getLookup;
-export const localePath = '';

package/src/filters/components/filter-options/case-reporter/case-reporter-filter-value-preview.vue

@@ -0,0 +1,15 @@
+<template>
+  <lookup-filter-value-preview v-bind="props" />
+</template>
+
+<script lang="ts" setup>
+import { WebitelContactsContact } from 'webitel-sdk';
+
+import LookupFilterValuePreview from '../_shared/lookup-filter-preview/lookup-filter-value-preview.vue';
+
+const props = defineProps<{
+  value: WebitelContactsContact[];
+}>();
+</script>
+
+<style scoped></style>

package/src/filters/components/filter-options/{impacted → case-reporter}/config.js

@@ -1,4 +1,3 @@
 import ContactsAPI from '@webitel/ui-sdk/api/clients/сontacts/contacts';
 
 export const searchMethod = ContactsAPI.getLookup;
-export const localePath = '';

package/src/filters/components/filter-options/case-service/case-service-filter-value-preview.vue

@@ -0,0 +1,18 @@
+<template>
+  <lookup-filter-value-preview v-bind="props" />
+</template>
+
+<script lang="ts" setup>
+import { CasesService } from 'webitel-sdk';
+
+import LookupFilterValuePreview from '../_shared/lookup-filter-preview/lookup-filter-value-preview.vue';
+
+const props = defineProps<{
+  /**
+   * would be great to use generated type for this
+   * */
+  value: CasesService[];
+}>();
+</script>
+
+<style scoped></style>

package/src/filters/components/filter-options/{service-case → case-service}/config.js

@@ -2,5 +2,4 @@ import ServiceCatalogsAPI from '@webitel/ui-sdk/api/clients/caseServiceCatalogs/
 import ServicesAPI from '@webitel/ui-sdk/api/clients/caseServices/services';
 
 export const searchMethod = ServiceCatalogsAPI.getList;
-export const servicesSearchMethod = ServicesAPI.getList;
-export const localePath = '';
+export const servicesSearchMethod = ServicesAPI.getLookup;

package/src/filters/components/filter-options/case-sla/case-sla-filter-value-preview.vue

@@ -0,0 +1,15 @@
+<template>
+  <lookup-filter-value-preview v-bind="props" />
+</template>
+
+<script lang="ts" setup>
+import { CasesSLA } from 'webitel-sdk';
+
+import LookupFilterValuePreview from '../_shared/lookup-filter-preview/lookup-filter-value-preview.vue';
+
+const props = defineProps<{
+  value: CasesSLA[];
+}>();
+</script>
+
+<style scoped></style>

package/src/filters/components/filter-options/{sla → case-sla}/config.js

@@ -1,4 +1,3 @@
 import SlasAPI from '@webitel/ui-sdk/api/clients/slas/slas';
 
 export const searchMethod = SlasAPI.getLookup;
-export const localePath = '';

package/src/filters/components/filter-options/case-sla-condition/case-sla-condition-filter-value-preview.vue

@@ -0,0 +1,15 @@
+<template>
+  <lookup-filter-value-preview v-bind="props" />
+</template>
+
+<script lang="ts" setup>
+import { CasesSLACondition } from 'webitel-sdk';
+
+import LookupFilterValuePreview from '../_shared/lookup-filter-preview/lookup-filter-value-preview.vue';
+
+const props = defineProps<{
+  value: CasesSLACondition[];
+}>();
+</script>
+
+<style scoped></style>

package/src/filters/components/filter-options/{sla-condition → case-sla-condition}/config.js

@@ -3,4 +3,3 @@ import SlasAPI from '@webitel/ui-sdk/api/clients/slas/slas';
 
 export const slasConditionsSearchMethod = SLAConditionsAPI.getLookup;
 export const slasSearchMethod = SlasAPI.getLookup;
-export const localePath = '';

package/src/filters/components/filter-options/case-source/case-source-filter-value-preview.vue

@@ -0,0 +1,15 @@
+<template>
+  <lookup-filter-value-preview v-bind="props" />
+</template>
+
+<script lang="ts" setup>
+import { CasesSource } from 'webitel-sdk';
+
+import LookupFilterValuePreview from '../_shared/lookup-filter-preview/lookup-filter-value-preview.vue';
+
+const props = defineProps<{
+  value: CasesSource[];
+}>();
+</script>
+
+<style scoped></style>

package/src/filters/components/filter-options/{source-case → case-source}/config.js

@@ -1,4 +1,3 @@
 import CaseSourcesAPI from '@webitel/ui-sdk/api/clients/caseSources/caseSources';
 
 export const searchMethod = CaseSourcesAPI.getLookup;
-export const localePath = '';

package/src/filters/components/filter-options/case-status/case-status-filter-value-preview.vue

@@ -0,0 +1,15 @@
+<template>
+  <lookup-filter-value-preview v-bind="props" />
+</template>
+
+<script lang="ts" setup>
+import type { WebitelcasesStatus } from 'webitel-sdk';
+
+import LookupFilterValuePreview from '../_shared/lookup-filter-preview/lookup-filter-value-preview.vue';
+
+const props = defineProps<{
+  value: WebitelcasesStatus[];
+}>();
+</script>
+
+<style scoped></style>

package/src/filters/components/filter-options/{status-case → case-status}/config.js

@@ -4,4 +4,3 @@ import CaseStatusesApi from '@webitel/ui-sdk/api/clients/caseStatuses/caseStatus
 export const caseStatusesSearchMethod = CaseStatusesApi.getLookup;
 export const caseStatusConditionsSearchMethod =
   CaseStatusConditionsAPI.getLookup;
-export const localePath = '';

package/src/filters/components/filter-options/contact/config.js

@@ -1,4 +1,3 @@
 import ContactsAPI from '@webitel/ui-sdk/api/clients/сontacts/contacts';
 
 export const searchMethod = ContactsAPI.getLookup;
-export const localePath = '';

package/src/filters/components/filter-options/contact-group/config.js

@@ -1,4 +1,3 @@
 import ContactGroupsAPI from '@webitel/ui-sdk/api/clients/contactGroups/contactGroups';
 
 export const searchMethod = ContactGroupsAPI.getLookup;
-export const localePath = '';

package/src/filters/components/filter-options/contact-group/contact-group-filter-value-preview.vue

@@ -1,38 +1,36 @@
 <template>
-  <div>
-    <p v-if="props.value.unassigned">{{ t('reusable.unassigned') }}</p>
-    <ul v-if="localValue">
-      <li
-        v-for="({ name }, index) of localValue"
-        :key="index"
-      >
-        {{ name }}
-      </li>
-    </ul>
-  </div>
+  <lookup-filter-value-preview v-bind="{ ...props, value: shownValue }" />
 </template>
 
 <script lang="ts" setup>
-import { ref } from 'vue';
+import {computed} from "vue";
 import { useI18n } from 'vue-i18n';
+import { WebitelContactsContact } from 'webitel-sdk';
 
-import { searchMethod } from './config.js';
+import {IFilter} from "../../../types/Filter";
+import LookupFilterValuePreview from '../_shared/lookup-filter-preview/lookup-filter-value-preview.vue';
 
 const props = defineProps<{
-  value: number[];
+  value: WebitelContactsContact[];
+  filter: IFilter,
 }>();
 
-const localValue = ref([]);
 const { t } = useI18n();
 
-const getLocalValue = async () => {
-  const { items } = await searchMethod({
-    id: props.value.list,
-  });
-  localValue.value = items;
-};
+const rawValue = computed(() => {
+  return props.filter.value;
+});
 
-getLocalValue();
+const shownValue = computed(() => {
+  const shownValue = [...props.value];
+  if (rawValue.value.unassigned) {
+    shownValue.unshift({
+      name: t('reusable.unassigned'),
+      id: 'unassigned',
+    });
+  }
+  return shownValue;
+});
 </script>
 
 <style scoped></style>

package/src/filters/components/filter-options/gateway/config.js

@@ -1,4 +1,3 @@
 import GatewaysAPI from '@webitel/ui-sdk/api/clients/gateways/gateways';
 
 export const searchMethod = GatewaysAPI.getLookup;
-export const localePath = '';

package/src/filters/components/filter-options/grantee/config.js

@@ -1,4 +1,3 @@
 import RolesAPI from '@webitel/ui-sdk/api/clients/roles/roles';
 
 export const searchMethod = RolesAPI.getLookup;
-export const localePath = '';