@webitel/ui-datalist 1.0.1 → 1.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-datalist",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Toolkit for building data lists in webitel ui system",
   "scripts": {
     "lint:fix": "eslint --fix ./src && prettier --write --check ./src",

package/src/filter-presets/api/PresetQuery.api.ts

@@ -1,15 +1,9 @@
-import {
-  EngineCreatePresetQueryRequest,
-  EnginePresetQuery,
-  PresetQueryServiceApiFactory,
-} from 'webitel-sdk';
-
 import {
   getDefaultGetListResponse,
   getDefaultGetParams,
   getDefaultInstance,
   getDefaultOpenAPIConfig,
-} from '../../../../../api/defaults/index';
+} from '@webitel/ui-sdk/src/api/defaults/index';
 import applyTransform, {
   camelToSnake,
   merge,
@@ -17,7 +11,12 @@ import applyTransform, {
   skipIf,
   snakeToCamel,
   starToSearch,
-} from '../../../../../api/transformers/index';
+} from '@webitel/ui-sdk/src/api/transformers/index';
+import {
+  EngineCreatePresetQueryRequest,
+  EnginePresetQuery,
+  PresetQueryServiceApiFactory,
+} from 'webitel-sdk';
 
 const instance = getDefaultInstance();
 const configuration = getDefaultOpenAPIConfig();

package/src/filter-presets/components/_shared/input-fields/preset-description-field.vue

@@ -17,10 +17,9 @@
 </template>
 
 <script setup lang="ts">
+import { WtLabel, WtTextarea } from '@webitel/ui-sdk/src/components/index';
 import { useI18n } from 'vue-i18n';
 
-import { WtLabel,WtTextarea } from '../../../../../../../components/index';
-
 const model = defineModel<string>();
 
 const props = defineProps<{

package/src/filter-presets/components/_shared/input-fields/preset-name-field.vue

@@ -9,10 +9,9 @@
 
 <script setup lang="ts">
 import { Validation } from '@vuelidate/core';
+import { WtInput } from '@webitel/ui-sdk/src/components/index';
 import { useI18n } from 'vue-i18n';
 
-import { WtInput } from '../../../../../../../components/index';
-
 type ModelValue = string;
 
 const model = defineModel<ModelValue>();

package/src/filter-presets/components/_shared/preset-filters-preview.vue

@@ -25,9 +25,9 @@
 </template>
 
 <script setup lang="ts">
+import { WtLabel } from '@webitel/ui-sdk/src/components/index';
 import { useI18n } from 'vue-i18n';
 
-import { WtLabel } from '../../../../../../components/index';
 import type { IFilter } from '../../../filters';
 import DynamicFilterPanelWrapper from '../../../filters/components/dynamic-filter-panel-wrapper.vue';
 import { FilterOptionToPreviewComponentMap } from '../../../filters/components/filter-options';

package/src/filter-presets/components/apply-preset/apply-preset-action.vue

@@ -68,20 +68,20 @@
 </template>
 
 <script lang="ts" setup>
-import { type StoreDefinition, storeToRefs } from 'pinia';
-import { computed, inject, onUnmounted,ref, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { EnginePresetQuery } from 'webitel-sdk';
-
 import {
   WtButton,
   WtEmpty,
   WtIconAction,
   WtPopup,
   WtSearchBar,
-} from '../../../../../../components/index';
-import { IconAction } from '../../../../../../enums';
-import { useTableEmpty } from '../../../../../TableComponentModule/composables/useTableEmpty';
+} from '@webitel/ui-sdk/src/components/index';
+import { IconAction } from '@webitel/ui-sdk/src/enums';
+import { useTableEmpty } from '@webitel/ui-sdk/src/TableComponentModule/composables/useTableEmpty';
+import { type StoreDefinition, storeToRefs } from 'pinia';
+import { computed, inject, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { EnginePresetQuery } from 'webitel-sdk';
+
 import PresetQueryAPI from '../../api/PresetQuery.api.ts';
 import PresetPreview from './preset-preview.vue';
 
@@ -104,7 +104,7 @@ const { t } = useI18n();
 const showPresetsList = ref(false);
 
 const presetsStore = props.usePresetsStore();
-const { dataList, error, isLoading, filtersManager, page } =
+const { dataList, error, isLoading, filtersManager } =
   storeToRefs(presetsStore);
 
 const { loadDataList, initialize, updateSize, deleteEls } = presetsStore;

package/src/filter-presets/components/apply-preset/preset-preview.vue

@@ -76,16 +76,16 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
-import { AxiosError } from 'axios';
-import { computed, ref } from 'vue';
-import { EnginePresetQuery } from 'webitel-sdk';
-
 import {
   WtExpansionPanel,
   WtIconAction,
   WtRadio,
-} from '../../../../../../components/index';
-import { createFiltersManager } from '../../../filters/index';
+} from '@webitel/ui-sdk/src/components/index';
+import { createFiltersManager } from '@webitel/ui-sdk/src/filters/index';
+import { AxiosError } from 'axios';
+import { computed, ref } from 'vue';
+import { EnginePresetQuery } from 'webitel-sdk';
+
 import PresetDescriptionField from '../_shared/input-fields/preset-description-field.vue';
 import PresetNameField from '../_shared/input-fields/preset-name-field.vue';
 import PresetFiltersPreview from '../_shared/preset-filters-preview.vue';

package/src/filter-presets/components/save-preset/overwrite-preset-popup.vue

@@ -34,10 +34,10 @@
 </template>
 
 <script setup lang="ts">
+import { WtPopup } from '@webitel/ui-sdk/src/components/index';
 import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { WtPopup } from '../../../../../../components/index';
 import { SubmitConfig } from './save-preset-popup.vue';
 
 const emit = defineEmits<{

package/src/filter-presets/components/save-preset/save-preset-action.vue

@@ -30,12 +30,12 @@
 </template>
 
 <script lang="ts" setup>
+import { WtIconAction } from '@webitel/ui-sdk/src/components/index';
+import { IconAction } from '@webitel/ui-sdk/src/enums';
 import { computed, inject, type Ref, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { EnginePresetQuery } from 'webitel-sdk';
 
-import { WtIconAction } from '../../../../../../components/index';
-import { IconAction } from '../../../../../../enums';
 import { IFiltersManager } from '../../../filters/index';
 import {
   addPreset,

package/src/filter-presets/components/save-preset/save-preset-popup.vue

@@ -48,11 +48,11 @@
 <script setup lang="ts">
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtPopup } from '@webitel/ui-sdk/src/components/index';
 import { computed, reactive, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { EnginePresetQuery } from 'webitel-sdk';
 
-import { WtPopup } from '../../../../../../components/index';
 import type { IFiltersManager } from '../../../index';
 import PresetDescriptionField from '../_shared/input-fields/preset-description-field.vue';
 import PresetNameField from '../_shared/input-fields/preset-name-field.vue';

package/src/filters/classes/FiltersManager.ts

@@ -1,4 +1,5 @@
-import { isEmpty } from '../../../../../scripts';
+import { isEmpty } from '@webitel/ui-sdk/src/scripts';
+
 import {
   filterLabelToSnapshotKey,
   filterNameFromSnapshotKey,

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

@@ -10,11 +10,10 @@
 <script setup lang="ts">
 import { useVuelidate } from '@vuelidate/core';
 import { maxLength } from '@vuelidate/validators';
+import WtInput from '@webitel/ui-sdk/src/components/wt-input/wt-input.vue';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtInput from '../../../../../../components/wt-input/wt-input.vue';
-
 const MAX_STRING_LENGTH = 50;
 
 const model = defineModel<string>();

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

@@ -49,12 +49,11 @@
 </template>
 
 <script lang="ts" setup>
+import { WtButton, WtSelect } from '@webitel/ui-sdk/src/components/index';
 import deepcopy from 'deep-copy';
 import { ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtButton from '../../../../../../components/wt-button/wt-button.vue';
-import WtSelect from '../../../../../../components/wt-select/wt-select.vue';
 import type { FilterInitParams, FilterName, IFilter } from '../../types/Filter';
 import DynamicFilterConfigFormLabel from './dynamic-filter-config-form-label.vue';
 

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

@@ -27,7 +27,7 @@
  * and their styling
  */
 
-import WtTooltip from '../../../../../../components/wt-tooltip/wt-tooltip.vue';
+import WtTooltip from '@webitel/ui-sdk/src/components/index';
 
 interface Props {
   disabled?: boolean;

package/src/filters/components/dynamic-filter-add-action.vue

@@ -24,9 +24,9 @@
 </template>
 
 <script lang="ts" setup>
+import { WtIconAction } from '@webitel/ui-sdk/src/components/index';
 import { useI18n } from 'vue-i18n';
 
-import WtIconAction from '../../../../../components/wt-icon-action/wt-icon-action.vue';
 import DynamicFilterConfigView from './config/dynamic-filter-config-view.vue';
 
 interface Props {

package/src/filters/components/dynamic-filter-panel-wrapper.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script setup lang="ts">
-import { ComponentSize } from '../../../../../enums';
+import { ComponentSize } from '@webitel/ui-sdk/src/enums/index';
 
 const props = withDefaults(
   defineProps<{

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

@@ -18,11 +18,10 @@
 </template>
 
 <script lang="ts" setup>
+import { WtSearchBar } from '@webitel/ui-sdk/src/components/index';
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSearchBar from '../../../../../components/wt-search-bar/wt-search-bar.vue';
-
 type ModelValue = string;
 const model = defineModel<ModelValue>();
 

package/src/filters/components/filter-options/_shared/has-options/has-option-filter-value-field.vue

@@ -13,10 +13,10 @@
 </template>
 
 <script lang="ts" setup>
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
 import { computed, useAttrs } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../../components/wt-select/wt-select.vue';
 import { BooleanOptions } from '../../../../enums/boolean-options';
 
 const model = defineModel<boolean | null>();

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

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];

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

@@ -1,4 +1,4 @@
-import AgentsAPI from '../../../../../../../api/clients/agents/agents.js';
+import AgentsAPI from '@webitel/ui-sdk/src/api/clients/agents/agents';
 
 export const searchMethod = AgentsAPI.getLookup;
 export const localePath = '';

package/src/filters/components/filter-options/amd-result/amd-result-filter-value-field.vue

@@ -15,10 +15,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { AmdResultOptions } from '../../../enums/amd-result-options';
 
 const model = defineModel<string>();

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

@@ -21,11 +21,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { requiredIf } from '@vuelidate/validators';
+import { WtCheckbox, WtSelect } from '@webitel/ui-sdk/src/components/index';
 import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtCheckbox from '../../../../../../../components/wt-checkbox/wt-checkbox.vue';
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = {

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

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

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

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];

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

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

package/src/filters/components/filter-options/cause/cause-filter-value-field.vue

@@ -15,10 +15,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { HangupCauseOptions } from '../../../enums/hangup-cause-options';
 
 const model = defineModel<string>();

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

@@ -31,10 +31,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
-import { computed, onMounted, ref, watch } from 'vue';
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
+import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import {
   caseCloseReasonsGroupsSearchMethod,
   caseCloseReasonsSearchMethod,

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

@@ -1,5 +1,5 @@
-import CaseCloseReasonGroupsAPI from '../../../../../../../api/clients/caseCloseReasonGroups/caseCloseReasonGroups.js';
-import CaseCloseReasonsAPI from '../../../../../../../api/clients/caseCloseReasons/caseCloseReasons.js';
+import CaseCloseReasonGroupsAPI from '@webitel/ui-sdk/src/api/clients/caseCloseReasonGroups/caseCloseReasonGroups';
+import CaseCloseReasonsAPI from '@webitel/ui-sdk/src/api/clients/caseCloseReasons/caseCloseReasons';
 
 export const caseCloseReasonsGroupsSearchMethod =
   CaseCloseReasonGroupsAPI.getLookup;

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

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

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

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];

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

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

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

@@ -21,11 +21,11 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { requiredIf } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
+import { WtCheckbox } from '@webitel/ui-sdk/src/components/index';
 import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtCheckbox from '../../../../../../../components/wt-checkbox/wt-checkbox.vue';
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = {

package/src/filters/components/filter-options/direction/direction-filter-value-field.vue

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { DirectionOptions } from '../../../enums/direction-options';
 
 const model = defineModel<string>();

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

@@ -1,6 +1,6 @@
 <template>
   <div>
-    {{ t(`calls.direction.${value}`) }}
+    {{ t(`calls.direction.${props.value}`) }}
   </div>
 </template>
 

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

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

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

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];

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

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

package/src/filters/components/filter-options/grantee/grantee-filter-value-field.vue

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];

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

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

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

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];

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

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

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

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];

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

@@ -1,4 +1,4 @@
-import QueuesAPI from '../../../../../../../api/clients/queues/queues.js';
+import QueuesAPI from '@webitel/ui-sdk/src/api/clients/queues/queues';
 
 export const searchMethod = QueuesAPI.getLookup;
 export const localePath = '';

package/src/filters/components/filter-options/queue/queue-filter-value-field.vue

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];

package/src/filters/components/filter-options/rated-by/config.js

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

package/src/filters/components/filter-options/rated-by/rated-by-filter-value-field.vue

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];

package/src/filters/components/filter-options/rating/rating-from-to-filter-value-field.vue

@@ -29,11 +29,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { maxValue, requiredIf } from '@vuelidate/validators';
+import { WtInput } from '@webitel/ui-sdk/src/components/index';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { WtInput } from '../../../../../../../components';
-
 type ModelValue = {
   from: number;
   to: number;

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

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

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

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];

package/src/filters/components/filter-options/score/score-from-to-filter-value-field.vue

@@ -50,7 +50,7 @@ if (!model.value) {
 
 const props = withDefaults(
   defineProps<{
-    numberMax: number;
+    numberMax?: number;
   }>(),
   {
     numberMax: 100,

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

@@ -1,5 +1,5 @@
-import ServiceCatalogsAPI from '../../../../../../../api/clients/caseServiceCatalogs/service-catalogs.js';
-import ServicesAPI from '../../../../../../../api/clients/caseServices/services.js';
+import ServiceCatalogsAPI from '@webitel/ui-sdk/src/api/clients/caseServiceCatalogs/service-catalogs';
+import ServicesAPI from '@webitel/ui-sdk/src/api/clients/caseServices/services';
 
 export const searchMethod = ServiceCatalogsAPI.getList;
 export const servicesSearchMethod = ServicesAPI.getList;

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

@@ -12,10 +12,10 @@
 </template>
 
 <script lang="ts" setup>
+import { WtTree } from '@webitel/ui-sdk/src/components/index';
 import deepCopy from 'deep-copy';
 import { onMounted, ref } from 'vue';
 
-import WtTree from '../../../../../../../components/wt-tree/wt-tree.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = string[];

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

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

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

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];

package/src/filters/components/filter-options/sla-condition/config.js

@@ -1,5 +1,5 @@
-import SLAConditionsAPI from '../../../../../../../api/clients/slaConditions/slaConditions.js';
-import SlasAPI from '../../../../../../../api/clients/slas/slas.js';
+import SLAConditionsAPI from '@webitel/ui-sdk/src/api/clients/slaConditions/slaConditions';
+import SlasAPI from '@webitel/ui-sdk/src/api/clients/slas/slas';
 
 export const slasConditionsSearchMethod = SLAConditionsAPI.getLookup;
 export const slasSearchMethod = SlasAPI.getLookup;

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

@@ -31,10 +31,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
 import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { slasConditionsSearchMethod, slasSearchMethod } from './config.js';
 
 type ModelValue = {

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

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

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

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];

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

@@ -1,5 +1,5 @@
-import CaseStatusConditionsAPI from '../../../../../../../api/clients/caseStatusConditions/caseStatusConditions.js';
-import CaseStatusesApi from '../../../../../../../api/clients/caseStatuses/caseStatuses.js';
+import CaseStatusConditionsAPI from '@webitel/ui-sdk/src/api/clients/caseStatusConditions/caseStatusConditions';
+import CaseStatusesApi from '@webitel/ui-sdk/src/api/clients/caseStatuses/caseStatuses';
 
 export const caseStatusesSearchMethod = CaseStatusesApi.getLookup;
 export const caseStatusConditionsSearchMethod =

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

@@ -31,10 +31,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
 import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import {
   caseStatusConditionsSearchMethod,
   caseStatusesSearchMethod,

package/src/filters/components/filter-options/tag/tag-filter-value-field.vue

@@ -15,10 +15,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { TagOptions } from '../../../enums/tag-options';
 
 const model = defineModel<string>();

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

@@ -1,4 +1,4 @@
-import TeamsAPI from '../../../../../../../api/clients/teams/teams.js';
+import TeamsAPI from '@webitel/ui-sdk/src/api/clients/teams/teams';
 
 export const searchMethod = TeamsAPI.getLookup;
 export const localePath = '';

package/src/filters/components/filter-options/team/team-filter-value-field.vue

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];

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

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

package/src/filters/components/filter-options/user/user-filter-value-field.vue

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/src/components/index';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];

package/src/filters/components/filter-options/variable/variable-filter-value-field.vue

@@ -8,11 +8,10 @@
 
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
+import variableSearchValidator from '@webitel/ui-sdk/src/validators/variableSearchValidator/variableSearchValidator';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import variableSearchValidator from '../../../../../../../validators/variableSearchValidator/variableSearchValidator.js';
-
 type ModelValue = string;
 
 const model = defineModel<ModelValue>();

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

@@ -21,7 +21,7 @@
               {{ t(`webitelUI.filters.${props.filter.name}`) }}
             </template>
 
-            <template>
+            <template #default>
               <slot name="info" />
             </template>
           </dynamic-filter-preview-info>
@@ -39,11 +39,11 @@
 </template>
 
 <script lang="ts" setup>
+import { WtChip } from '@webitel/ui-sdk/src/components/index';
+import { WtIconBtn } from '@webitel/ui-sdk/src/components/index';
+import { WtTooltip } from '@webitel/ui-sdk/src/components/index';
 import { useI18n } from 'vue-i18n';
 
-import WtChip from '../../../../../../components/wt-chip/wt-chip.vue';
-import WtIconBtn from '../../../../../../components/wt-icon-btn/wt-icon-btn.vue';
-import WtTooltip from '../../../../../../components/wt-tooltip/wt-tooltip.vue';
 import type { IFilter } from '../../types/Filter';
 import DynamicFilterConfigView from '../config/dynamic-filter-config-view.vue';
 import DynamicFilterPreviewInfo from './dynamic-filter-preview-info.vue';

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

@@ -68,20 +68,16 @@ import DynamicFilterConfigForm from './config/dynamic-filter-config-form.vue';
 import DynamicFilterAddAction from './dynamic-filter-add-action.vue';
 import DynamicFilterPreview from './preview/dynamic-filter-preview.vue';
 
-interface Props {}
+// interface Props {}
+// const props = defineProps<Props>();
 
-const props = defineProps<Props>();
-
-const emit = defineEmits<{
-  'add:filter': [];
-  'update:filter': [];
-  'delete:filter': [];
-  'reset:filters': [];
-  hide: [];
-}>();
+// const emit = defineEmits<{
+//   'add:filter': [];
+//   'update:filter': [];
+//   'delete:filter': [];
+//   'reset:filters': [];
+//   hide: [];
+// }>();
 </script>
 
-<style lang="scss" scoped>
-.table-filters-panel {
-}
-</style>
+<style lang="scss" scoped></style>

package/src/headers/createTableHeadersStore.ts

@@ -1,9 +1,9 @@
+import { WtTableHeader } from '@webitel/ui-sdk/src/components/wt-table/types/WtTable';
+import { sortToQueryAdapter } from '@webitel/ui-sdk/src/scripts';
+import { SortSymbols } from '@webitel/ui-sdk/src/scripts/sortQueryAdapters';
 import { defineStore } from 'pinia';
 import { computed, ref } from 'vue';
 
-import { WtTableHeader } from '../../../../components/wt-table/types/WtTable';
-import { sortToQueryAdapter } from '../../../../scripts';
-import { SortSymbols } from '../../../../scripts/sortQueryAdapters';
 import { PersistedStorageType } from '../persist/PersistedStorage.types';
 import { usePersistedStorage } from '../persist/usePersistedStorage.ts';
 

package/src/types/tableStore.types.ts

@@ -1,6 +1,6 @@
+import { ApiModule } from '@webitel/ui-sdk/src/api/types/ApiModule.type.ts';
 import type { Ref } from 'vue';
 
-import { ApiModule } from '../../../../api/types/ApiModule.type.ts';
 import { IFiltersManager } from '../filters';
 
 export interface useTableStoreParams<Entity> {