@webitel/ui-datalist 1.0.6 → 1.0.8

package/src/filters/index.ts

@@ -1,6 +1,6 @@
 import { Filter } from './classes/Filter.ts';
 import { createFiltersManager } from './classes/FiltersManager';
-import DynamicFilterSearchComponent from './components/dynamic-filter-search.vue';
+import DynamicFilterSearchComponent from './components/search-bar/dynamic-filter-search.vue';
 import TableFiltersPanelComponent from './components/table-filters-panel.vue';
 import { FilterOption } from './enums/FilterOption';
 import type {

package/src/filters/components/dynamic-filter-search.vue

@@ -1,60 +0,0 @@
-<template>
-  <wt-search-bar
-    :placeholder="t('reusable.search')"
-    :search-mode="props.searchMode"
-    :search-mode-options="searchModeOptions"
-    :value="model"
-    @input="model = $event"
-    @search="handleSearch"
-    @update:search-mode="onSearchModeChange($event.value)"
-  >
-    <template
-      v-if="props.showTextSearchIcon"
-      #search-icon
-    >
-      <wt-icon icon="stt-search" />
-    </template>
-  </wt-search-bar>
-</template>
-
-<script lang="ts" setup>
-import { WtSearchBar } from '@webitel/ui-sdk/components';
-import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-
-type ModelValue = string;
-const model = defineModel<ModelValue>();
-
-const props = defineProps<{
-  searchMode: string;
-  searchModeOptions: Record<string, string>;
-  showTextSearchIcon?: boolean;
-}>();
-
-const emit = defineEmits<{
-  'update:search-mode': [string];
-  'handle-search': [string];
-}>();
-
-const { t } = useI18n();
-
-const onSearchModeChange = (value: string) => {
-  emit('update:search-mode', value);
-  model.value = '';
-};
-
-const handleSearch = () => {
-  emit('handle-search', model.value);
-};
-
-const searchModeOptions = computed(() =>
-  Object.values(props.searchModeOptions).map((mode) => {
-    return {
-      value: mode,
-      text: t(`filters.search.${mode}`),
-    };
-  }),
-);
-</script>
-
-<style scoped></style>

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

@@ -1,36 +0,0 @@
-<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>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue';
-import { useI18n } from 'vue-i18n';
-
-import { searchMethod } from './config.js';
-
-const props = defineProps<{
-  value: number[];
-}>();
-
-const localValue = ref([]);
-const { t } = useI18n();
-
-const getLocalValue = async () => {
-  const { items } = await searchMethod({ id: props.value.list });
-  localValue.value = items;
-};
-
-getLocalValue();
-</script>
-
-<style scoped></style>

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

@@ -1,31 +0,0 @@
-<template>
-  <ul v-if="localValue">
-    <li
-      v-for="({ name }, index) of localValue"
-      :key="index"
-    >
-      {{ name }}
-    </li>
-  </ul>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { searchMethod } from './config.js';
-
-const props = defineProps<{
-  value: number[];
-}>();
-
-const localValue = ref([]);
-
-const getLocalValue = async () => {
-  const { items } = await searchMethod({ id: props.value });
-  localValue.value = items;
-};
-
-getLocalValue();
-</script>
-
-<style scoped></style>

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

@@ -1,34 +0,0 @@
-<template>
-  <ul v-if="localValue">
-    <li
-      v-for="({ name }, index) of localValue"
-      :key="index"
-    >
-      {{ name }}
-    </li>
-  </ul>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { caseCloseReasonsSearchMethod } from './config';
-
-const props = defineProps<{
-  value: number[];
-}>();
-
-const localValue = ref([]);
-
-const getLocalValue = async () => {
-  const { items } = await caseCloseReasonsSearchMethod({
-    parentId: props.value?.selection,
-    id: props.value?.conditions,
-  });
-  localValue.value = items;
-};
-
-getLocalValue();
-</script>
-
-<style scoped></style>

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

@@ -1,31 +0,0 @@
-<template>
-  <ul v-if="localValue">
-    <li
-      v-for="({ name }, index) of localValue"
-      :key="index"
-    >
-      {{ name }}
-    </li>
-  </ul>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { searchMethod } from './config.js';
-
-const props = defineProps<{
-  value: number[];
-}>();
-
-const localValue = ref([]);
-
-const getLocalValue = async () => {
-  const { items } = await searchMethod({ id: props.value });
-  localValue.value = items;
-};
-
-getLocalValue();
-</script>
-
-<style scoped></style>

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

@@ -1,31 +0,0 @@
-<template>
-  <ul v-if="localValue">
-    <li
-      v-for="({ name }, index) of localValue"
-      :key="index"
-    >
-      {{ name }}
-    </li>
-  </ul>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { searchMethod } from './config.js';
-
-const props = defineProps<{
-  value: number[];
-}>();
-
-const localValue = ref([]);
-
-const getLocalValue = async () => {
-  const { items } = await searchMethod({ id: props.value });
-  localValue.value = items;
-};
-
-getLocalValue();
-</script>
-
-<style scoped></style>

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

@@ -1,31 +0,0 @@
-<template>
-  <ul v-if="localValue">
-    <li
-      v-for="({ name }, index) of localValue"
-      :key="index"
-    >
-      {{ name }}
-    </li>
-  </ul>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { searchMethod } from './config.js';
-
-const props = defineProps<{
-  value: number[];
-}>();
-
-const localValue = ref([]);
-
-const getLocalValue = async () => {
-  const { items } = await searchMethod({ id: props.value });
-  localValue.value = items;
-};
-
-getLocalValue();
-</script>
-
-<style scoped></style>

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

@@ -1,34 +0,0 @@
-<template>
-  <ul v-if="localValue">
-    <li
-      v-for="({ name }, index) of localValue"
-      :key="index"
-    >
-      {{ name }}
-    </li>
-  </ul>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { servicesSearchMethod } from './config.js';
-
-const props = defineProps<{
-  value: number[];
-}>();
-
-const localValue = ref([]);
-
-const getLocalValue = async () => {
-  const { items } = await servicesSearchMethod({
-    id: props.value,
-    fields: ['id', 'name'],
-  });
-  localValue.value = items;
-};
-
-getLocalValue();
-</script>
-
-<style scoped></style>

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

@@ -1,31 +0,0 @@
-<template>
-  <ul v-if="localValue">
-    <li
-      v-for="({ name }, index) of localValue"
-      :key="index"
-    >
-      {{ name }}
-    </li>
-  </ul>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { searchMethod } from './config.js';
-
-const props = defineProps<{
-  value: number[];
-}>();
-
-const localValue = ref([]);
-
-const getLocalValue = async () => {
-  const { items } = await searchMethod({ id: props.value });
-  localValue.value = items;
-};
-
-getLocalValue();
-</script>
-
-<style scoped></style>

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

@@ -1,37 +0,0 @@
-<template>
-  <ul v-if="localValue">
-    <li
-      v-for="({ name }, index) of localValue"
-      :key="index"
-    >
-      {{ name }}
-    </li>
-  </ul>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { slasConditionsSearchMethod } from './config.js';
-
-const props = defineProps<{
-  value: {
-    selection: string;
-    conditions: string;
-  };
-}>();
-
-const localValue = ref([]);
-
-const getLocalValue = async () => {
-  const { items } = await slasConditionsSearchMethod({
-    parentId: props.value?.selection,
-    id: props.value?.conditions,
-  });
-  localValue.value = items;
-};
-
-getLocalValue();
-</script>
-
-<style scoped></style>

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

@@ -1,31 +0,0 @@
-<template>
-  <ul v-if="localValue">
-    <li
-      v-for="({ name }, index) of localValue"
-      :key="index"
-    >
-      {{ name }}
-    </li>
-  </ul>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { searchMethod } from './config.js';
-
-const props = defineProps<{
-  value: number[];
-}>();
-
-const localValue = ref([]);
-
-const getLocalValue = async () => {
-  const { items } = await searchMethod({ id: props.value });
-  localValue.value = items;
-};
-
-getLocalValue();
-</script>
-
-<style scoped></style>

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

@@ -1,37 +0,0 @@
-<template>
-  <ul v-if="localValue">
-    <li
-      v-for="({ name }, index) of localValue"
-      :key="index"
-    >
-      {{ name }}
-    </li>
-  </ul>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { caseStatusConditionsSearchMethod } from './config.js';
-
-const props = defineProps<{
-  value: {
-    selection: string;
-    conditions: string;
-  };
-}>();
-
-const localValue = ref([]);
-
-const getLocalValue = async () => {
-  const { items } = await caseStatusConditionsSearchMethod({
-    parentId: props.value?.selection,
-    id: props.value?.conditions,
-  });
-  localValue.value = items;
-};
-
-getLocalValue();
-</script>
-
-<style scoped></style>