@webitel/ui-sdk 24.12.94 → 24.12.96

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "24.12.94",
+  "version": "24.12.96",
   "private": false,
   "scripts": {
     "dev": "vite",
@@ -16,8 +16,9 @@
     "docs:dev": "vitepress dev docs --port 8080",
     "docs:build": "vitepress build docs",
     "docs:preview": "vitepress preview docs",
-    "tsc": "vue-tsc -p tsconfig.json",
-    "update-node": "nvm install --lts && nvm alias default node"
+    "tsc": "tsc -p tsconfig.json",
+    "update-node": "nvm install --lts && nvm alias default node",
+    "i": "npm install"
   },
   "main": "./dist/@webitel/ui-sdk.mjs",
   "type": "module",
@@ -34,6 +35,10 @@
       "import": "./src/enums/index.js",
       "require": "./src/enums/index.js"
     },
+    "./components": {
+      "import": "./src/components/index.js",
+      "require": "./src/components/index.js"
+    },
     "./scripts": {
       "import": "./src/scripts/index.js",
       "require": "./src/scripts/index.js"
@@ -140,13 +145,13 @@
   "devDependencies": {
     "@eslint/js": "^9.17.0",
     "@tsconfig/node22": "^22.0.0",
-    "@types/node": "^22.9.1",
+    "@types/node": "^22.12.0",
     "@vitejs/plugin-vue": "^5.2.0",
     "@vitest/coverage-v8": "^2.1.5",
     "@vue/compat": "^3.5.13",
     "@vue/compiler-sfc": "^3.5.13",
     "@vue/test-utils": "^2.4.6",
-    "@vue/tsconfig": "^0.6.0",
+    "@vue/tsconfig": "^0.7.0",
     "eslint": "^9.17.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
@@ -162,8 +167,8 @@
     "prettier": "^3.4.2",
     "prismjs": "^1.29.0",
     "sass": "^1.81.0",
-    "typescript": "5.6.3",
-    "typescript-eslint": "^8.18.1",
+    "typescript": "5.7.3",
+    "typescript-eslint": "^8.22.0",
     "typescript-plugin-css-modules": "^5.1.0",
     "vite": "^5.4.11",
     "vite-plugin-checker": "^0.8.0",
@@ -175,7 +180,8 @@
     "vitest": "^2.1.5",
     "vue": "^3.5.13",
     "vue-tsc": "^2.1.10",
-    "vuex": "^4.1.0"
+    "vuex": "^4.1.0",
+    "pinia": "^2.3.0"
   },
   "optionalDependencies": {
     "@rollup/rollup-linux-x64-gnu": "4.9.5"

package/src/api/defaults/getDefaultInstance/getDefaultInstance.js

@@ -2,13 +2,16 @@ import generateInstance from '../../axios/generateInstance.js';
 import updateTokenInterceptor from '../../interceptors/request/updateToken.interceptor.js';
 import handleUnauthorizedInterceptor from '../../interceptors/response/handleUnauthorized.interceptor.js';
 
-const getDefaultInstance = () =>
-  generateInstance({
+const getDefaultInstance = () => {
+  return generateInstance({
     interceptors: {
       request: [updateTokenInterceptor],
       response: [handleUnauthorizedInterceptor],
     },
     baseURL: import.meta.env.VITE_API_URL,
   });
+};
+
+export { getDefaultInstance };
 
 export default getDefaultInstance;

package/src/api/defaults/index.js

@@ -4,8 +4,8 @@ import getDefaultInstance from './getDefaultInstance/getDefaultInstance.js';
 import getDefaultOpenAPIConfig from './getDefaultOpenAPIConfig/getDefaultOpenAPIConfig.js';
 
 export {
-  getDefaultGetParams,
   getDefaultGetListResponse,
+  getDefaultGetParams,
   getDefaultInstance,
   getDefaultOpenAPIConfig,
 };

package/src/components/wt-dual-panel/wt-dual-panel.vue

@@ -33,8 +33,7 @@
 <script setup>
 import { computed, defineEmits, ref } from 'vue';
 
-import IconAction from '../../enums/IconAction/IconAction.enum.js';
-import { ComponentSize } from '../../enums/index.js';
+import { ComponentSize, IconAction } from '../../enums';
 
 const props = defineProps({
   actionsPanel: {

package/src/components/wt-icon-action/iconMappings.js

@@ -1,4 +1,4 @@
-import { IconAction } from '../../enums/index.js';
+import { IconAction } from '../../enums';
 
 export const WtIconActionIconMappings = Object.freeze({
   [IconAction.ADD]: 'plus',

package/src/composables/useAccessControl/v2/createUserAccessControl.ts

@@ -0,0 +1,66 @@
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
+
+import { _wtUiLog } from '../../../scripts/logger';
+import type {
+  CreateUserAccessControlComposableParams,
+  UseAccessControlReturn,
+} from './types/CreateUserAccessControl';
+
+export const createUserAccessControlComposable = (
+  useUserinfoStore: CreateUserAccessControlComposableParams,
+) => {
+  const useUserAccessControl = (
+    resource?: string,
+    // options: UseUserAccessControlComposableOptions = {},
+  ): UseAccessControlReturn => {
+    const route = useRoute();
+    const object = resource || route?.meta?.WtObject;
+
+    const userinfoStore = useUserinfoStore();
+
+    if (!object) {
+      _wtUiLog.error({
+        module: 'access control',
+        entity: 'useUserAccessControl composable',
+      })(
+        'No WtObject found in route meta or passed as first param, cannot check access control',
+      );
+    }
+
+    const hasReadAccess = computed(() => {
+      return userinfoStore.hasReadAccess(object);
+    });
+    const hasCreateAccess = computed(() => {
+      return userinfoStore.hasCreateAccess(object);
+    });
+    const hasUpdateAccess = computed(() => {
+      return userinfoStore.hasUpdateAccess(object);
+    });
+    const hasDeleteAccess = computed(() => {
+      return userinfoStore.hasDeleteAccess(object);
+    });
+
+    const hasSaveActionAccess = computed(() => {
+      if (route.params.id === 'new') return hasCreateAccess.value;
+      return hasUpdateAccess.value;
+    });
+
+    const disableUserInput = computed(() => {
+      if (route.params.id === 'new') return !hasCreateAccess.value;
+      return !hasUpdateAccess.value;
+    });
+
+    return {
+      hasReadAccess,
+      hasCreateAccess,
+      hasUpdateAccess,
+      hasDeleteAccess,
+
+      hasSaveActionAccess,
+      disableUserInput,
+    };
+  };
+
+  return useUserAccessControl;
+};

package/src/composables/useAccessControl/v2/types/CreateUserAccessControl.d.ts

@@ -0,0 +1,21 @@
+import type { Ref } from 'vue';
+
+import type { WtObject } from '../../../../enums';
+import type { createUserAccessStore } from '../../../../modules/Userinfo/v2/stores/accessStore';
+
+export type CreateUserAccessControlComposableParams =
+  ReturnType<createUserAccessStore>;
+
+export type UseUserAccessControlComposableOptions = {
+  resource?: WtObject;
+};
+
+export interface UseAccessControlReturn {
+  hasReadAccess: Ref<boolean>;
+  hasCreateAccess: Ref<boolean>;
+  hasUpdateAccess: Ref<boolean>;
+  hasDeleteAccess: Ref<boolean>;
+
+  hasSaveActionAccess: Ref<boolean>;
+  disableUserInput: Ref<boolean>;
+}

package/src/enums/CrudAction/CrudAction.js

@@ -0,0 +1,6 @@
+export const CrudAction = {
+    Read: 'read',
+    Create: 'create',
+    Update: 'update',
+    Delete: 'delete',
+};

package/src/enums/CrudAction/CrudAction.ts

@@ -0,0 +1,8 @@
+export const CrudAction = {
+  Read: 'read',
+  Create: 'create',
+  Update: 'update',
+  Delete: 'delete',
+} as const;
+
+export type CrudAction = (typeof CrudAction)[keyof typeof CrudAction];

package/src/enums/WtObject/WtObject.js

@@ -5,5 +5,55 @@ export const WtObject = {
     Agent: 'agent',
     Queue: 'queue',
     Contact: 'contact',
-    Regions: 'regions',
+    Region: 'region',
+    User: 'user',
+    Resource: 'resource',
+    Device: 'device',
+    License: 'license',
+    Flow: 'flow',
+    Dialplan: 'dialplan',
+    Gateway: 'gateway',
+    Chatplan: 'chatplan',
+    ChatGateway: 'chatGateway',
+    Blacklist: 'blacklist',
+    Calendar: 'calendar',
+    Communication: 'communication',
+    PauseCause: 'pauseCause',
+    Media: 'media',
+    ShiftTemplate: 'shiftTemplate',
+    PauseTemplate: 'pauseTemplate',
+    WorkingCondition: 'workingCondition',
+    Skill: 'skill',
+    Bucket: 'bucket',
+    Member: 'member',
+    ResourceGroup: 'resourceGroup',
+    Team: 'team',
+    Storage: 'storage',
+    CognitiveProfile: 'cognitiveProfile',
+    EmailProfile: 'emailProfile',
+    SingleSignOn: 'singleSignOn',
+    ImportCsv: 'importCsv',
+    Trigger: 'trigger',
+    Role: 'role',
+    Object: 'object',
+    ChangeLog: 'changelog',
+    Configuration: 'configuration',
+    GlobalVariable: 'globalVariable',
+    ActiveCall: 'activeCall',
+    Scorecard: 'scorecard',
+    Logger: 'logger',
+    Call: 'call',
+    RecordFile: 'recordFile',
+    ContactGroup: 'contactGroup',
+    ChatBot: 'chatBot',
+    Cases: 'cases',
+    CaseComment: 'caseComment',
+    Slas: 'slas',
+    ServiceCatalog: 'serviceCatalog',
+    CaseSource: 'caseSource',
+    CloseReasonGroup: 'closeReasonGroup',
+    Priorities: 'priorities',
+    Status: 'status',
+    Source: 'source',
+    CustomLookup: 'customLookup',
 };

package/src/enums/WtObject/WtObject.ts

@@ -5,7 +5,57 @@ export const WtObject = {
   Agent: 'agent',
   Queue: 'queue',
   Contact: 'contact',
-  Regions: 'regions',
+  Region: 'region',
+  User: 'user',
+  Resource: 'resource',
+  Device: 'device',
+  License: 'license',
+  Flow: 'flow',
+  Dialplan: 'dialplan',
+  Gateway: 'gateway',
+  Chatplan: 'chatplan',
+  ChatGateway: 'chatGateway',
+  Blacklist: 'blacklist',
+  Calendar: 'calendar',
+  Communication: 'communication',
+  PauseCause: 'pauseCause',
+  Media: 'media',
+  ShiftTemplate: 'shiftTemplate',
+  PauseTemplate: 'pauseTemplate',
+  WorkingCondition: 'workingCondition',
+  Skill: 'skill',
+  Bucket: 'bucket',
+  Member: 'member',
+  ResourceGroup: 'resourceGroup',
+  Team: 'team',
+  Storage: 'storage',
+  CognitiveProfile: 'cognitiveProfile',
+  EmailProfile: 'emailProfile',
+  SingleSignOn: 'singleSignOn',
+  ImportCsv: 'importCsv',
+  Trigger: 'trigger',
+  Role: 'role',
+  Object: 'object',
+  ChangeLog: 'changelog',
+  Configuration: 'configuration',
+  GlobalVariable: 'globalVariable',
+  ActiveCall: 'activeCall',
+  Scorecard: 'scorecard',
+  Logger: 'logger',
+  Call: 'call',
+  RecordFile: 'recordFile',
+  ContactGroup: 'contactGroup',
+  ChatBot: 'chatBot',
+  Cases: 'cases',
+  CaseComment: 'caseComment',
+  Slas: 'slas',
+  ServiceCatalog: 'serviceCatalog',
+  CaseSource: 'caseSource',
+  CloseReasonGroup: 'closeReasonGroup',
+  Priorities: 'priorities',
+  Status: 'status',
+  Source: 'source',
+  CustomLookup: 'customLookup',
 } as const;
 
 export type WtObject = (typeof WtObject)[keyof typeof WtObject];

package/src/enums/index.js

@@ -2,28 +2,15 @@ import AbstractUserStatus from './AbstractUserStatus/AbstractUserStatus.enum.js'
 import AgentStatus from './AgentStatus/AgentStatus.enum.js';
 import ChatGatewayProvider from './ChatGatewayProvider/ChatGatewayProvider.enum.js';
 import { ComponentSize } from './ComponentSize/ComponentSize';
+import { CrudAction } from './CrudAction/CrudAction';
 import IconAction from './IconAction/IconAction.enum.js';
 import QueueType from './QueueType/QueueType.enum.js';
 import TypesExportedSettings from './TypesExportedSettings/TypesExportedSettings.enum.js';
 import { AdminSections } from './WebitelApplications/AdminSections';
-import AuditorSections from './WebitelApplications/AuditorSections.enum.js';
-import CrmSections from './WebitelApplications/CrmSections.enum.js';
-import SupervisorSections from './WebitelApplications/SupervisorSections.enum.js';
+import { AuditorSections } from './WebitelApplications/AuditorSections';
+import { CrmSections } from './WebitelApplications/CrmSections';
+import { SupervisorSections } from './WebitelApplications/SupervisorSections';
 import WebitelApplications from './WebitelApplications/WebitelApplications.enum.js';
+import { WtApplication } from './WebitelApplications/WtApplication';
 import { WtObject } from './WtObject/WtObject';
-
-export {
-  AbstractUserStatus,
-  AdminSections,
-  AgentStatus,
-  AuditorSections,
-  ChatGatewayProvider,
-  ComponentSize,
-  CrmSections,
-  IconAction,
-  QueueType,
-  SupervisorSections,
-  TypesExportedSettings,
-  WebitelApplications,
-  WtObject,
-};
+export { AbstractUserStatus, AdminSections, AgentStatus, AuditorSections, ChatGatewayProvider, ComponentSize, CrmSections, CrudAction, IconAction, QueueType, SupervisorSections, TypesExportedSettings, WebitelApplications, WtApplication, WtObject, };

package/src/enums/index.ts

@@ -0,0 +1,33 @@
+import AbstractUserStatus from './AbstractUserStatus/AbstractUserStatus.enum.js';
+import AgentStatus from './AgentStatus/AgentStatus.enum.js';
+import ChatGatewayProvider from './ChatGatewayProvider/ChatGatewayProvider.enum.js';
+import { ComponentSize } from './ComponentSize/ComponentSize';
+import { CrudAction } from './CrudAction/CrudAction';
+import IconAction from './IconAction/IconAction.enum.js';
+import QueueType from './QueueType/QueueType.enum.js';
+import TypesExportedSettings from './TypesExportedSettings/TypesExportedSettings.enum.js';
+import { AdminSections } from './WebitelApplications/AdminSections';
+import { AuditorSections } from './WebitelApplications/AuditorSections';
+import { CrmSections } from './WebitelApplications/CrmSections';
+import { SupervisorSections } from './WebitelApplications/SupervisorSections';
+import WebitelApplications from './WebitelApplications/WebitelApplications.enum.js';
+import { WtApplication } from './WebitelApplications/WtApplication';
+import { WtObject } from './WtObject/WtObject';
+
+export {
+  AbstractUserStatus,
+  AdminSections,
+  AgentStatus,
+  AuditorSections,
+  ChatGatewayProvider,
+  ComponentSize,
+  CrmSections,
+  CrudAction,
+  IconAction,
+  QueueType,
+  SupervisorSections,
+  TypesExportedSettings,
+  WebitelApplications,
+  WtApplication,
+  WtObject,
+};

package/src/locale/en/en.js

@@ -6,8 +6,8 @@ import {
   EngineRoutingSchemaType,
 } from 'webitel-sdk';
 
+import { IconAction } from '../../enums';
 import ChatGatewayProvider from '../../enums/ChatGatewayProvider/ChatGatewayProvider.enum.js';
-import { IconAction } from '../../enums/index.js';
 import QueueType from '../../enums/QueueType/QueueType.enum.js';
 import AdminSections from '../../enums/WebitelApplications/AdminSections.enum.js';
 import AuditorSections from '../../enums/WebitelApplications/AuditorSections.enum.js';
@@ -296,6 +296,7 @@ export default {
     macValidator: 'Should look like MAC',
     minValue: 'Value should be not less than',
     maxValue: 'Value should be not much than',
+    maxLength: 'The length should not be greater than',
     sameAs: 'Incorrect password',
     requiredArrayValue: 'Array should not be empty',
     minLength: 'Quantity of characters should not be less than',

package/src/locale/ru/ru.js

@@ -6,8 +6,8 @@ import {
   EngineRoutingSchemaType,
 } from 'webitel-sdk';
 
+import { IconAction } from '../../enums';
 import ChatGatewayProvider from '../../enums/ChatGatewayProvider/ChatGatewayProvider.enum.js';
-import { IconAction } from '../../enums/index.js';
 import QueueType from '../../enums/QueueType/QueueType.enum.js';
 import AdminSections from '../../enums/WebitelApplications/AdminSections.enum.js';
 import AuditorSections from '../../enums/WebitelApplications/AuditorSections.enum.js';
@@ -293,6 +293,7 @@ export default {
     macValidator: 'Необходимо ввести MAC-адрес',
     minValue: 'Значение должно быть не меньше',
     maxValue: 'Значение должно быть не больше',
+    maxLength: 'Длина не должна быть больше, чем',
     sameAs: 'Неверный пароль',
     requiredArrayValue: 'Поле не должно быть пустым',
     minLength: 'Количество символов не должно быть меньше, чем',

package/src/locale/ua/ua.js

@@ -6,8 +6,8 @@ import {
   EngineRoutingSchemaType,
 } from 'webitel-sdk';
 
+import { IconAction } from '../../enums';
 import ChatGatewayProvider from '../../enums/ChatGatewayProvider/ChatGatewayProvider.enum.js';
-import { IconAction } from '../../enums/index.js';
 import QueueType from '../../enums/QueueType/QueueType.enum.js';
 import AdminSections from '../../enums/WebitelApplications/AdminSections.enum.js';
 import AuditorSections from '../../enums/WebitelApplications/AuditorSections.enum.js';
@@ -293,6 +293,7 @@ export default {
     macValidator: 'Необхідно ввести MAC-адрес',
     minValue: 'Значення повинно бути не менше',
     maxValue: 'Значення повинно бути не більше',
+    maxLength: 'Довжина не повинна бути більшою, ніж',
     sameAs: 'Неправильний пароль',
     requiredArrayValue: 'Поле не повинно бути пустим',
     minLength: 'Кількість символів повинна бути не меншою, ніж',

package/src/mixins/validationMixin/useValidation.js

@@ -39,6 +39,8 @@ export function useValidation({
         validationText = `${t('validation.minValue')} ${v.value.minValue.$params.min}`;
       else if (v.value.maxValue?.$invalid)
         validationText = `${t('validation.maxValue')} ${v.value.maxValue.$params.max}`;
+      else if (v.value.maxLength?.$invalid)
+        validationText = `${t('validation.maxLength')} ${v.value.maxLength.$params.max}`;
       else if (v.value.sipAccountValidator?.$invalid)
         validationText = t('validation.sipAccountValidator');
       else if (v.value.minLength?.$invalid)

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

@@ -0,0 +1,50 @@
+<template>
+  <wt-input
+    :value="model"
+    :label="t('webitelUI.filters.filterLabel')"
+    :v="v$"
+    @input="model = $event"
+  />
+</template>
+
+<script setup lang="ts">
+import { useVuelidate } from '@vuelidate/core';
+import { maxLength } from '@vuelidate/validators';
+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>();
+
+interface Emits {
+  'update:invalid': [boolean];
+}
+const emit = defineEmits<Emits>();
+
+const { t } = useI18n();
+
+const v$ = useVuelidate(
+  computed(() => ({
+    model: {
+      // maybe make maxLength value by props
+      maxLength: maxLength(MAX_STRING_LENGTH),
+    },
+  })),
+  { model },
+  { $autoDirty: true },
+);
+v$.value.$touch();
+
+watch(
+  () => v$.value.$invalid,
+  (invalid) => {
+    emit('update:invalid', invalid);
+  },
+  { immediate: true },
+);
+</script>
+
+<style scoped lang="scss"></style>

package/src/modules/Filters/v2/filters/components/{dynamic/config → config}/dynamic-filter-config-form.vue

@@ -8,6 +8,7 @@
       use-value-from-options-by-prop="id"
       @input="filterName = $event"
     />
+
     <slot
       name="value-input"
       v-bind="{
@@ -18,11 +19,13 @@
         onValueInvalidChange: (v) => (invalid = v),
       }"
     />
-    <wt-input
-      v-model="filterLabel"
-      :label="t('webitelUI.filters.filterLabel')"
-      @input="touchedLabel = true"
+
+    <dynamic-filter-config-form-label
+      :value="filterLabel"
+      @update:value="onLabelValueUpdate"
+      @update:invalid="(v) => (invalid = v)"
     />
+
     <footer class="dynamic-filter-config-form-footer">
       <wt-button
         :disabled="invalid"
@@ -31,6 +34,7 @@
       >
         {{ t('reusable.save') }}
       </wt-button>
+
       <wt-button
         color="secondary"
         wide
@@ -48,13 +52,13 @@ import { ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import WtButton from '../../../../../../../components/wt-button/wt-button.vue';
-import WtInput from '../../../../../../../components/wt-input/wt-input.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';
 
 interface FilterNameSelectRepresentation {
   name: string;
@@ -91,6 +95,11 @@ const editMode = !!props.filter;
 
 const invalid = ref(false);
 
+const onLabelValueUpdate = (val: string) => {
+  filterLabel.value = val;
+  touchedLabel.value = true;
+};
+
 const submit = () => {
   emit('submit', {
     name: filterName.value,

package/src/modules/Filters/v2/filters/components/{dynamic/config → config}/dynamic-filter-config-view.vue

@@ -23,7 +23,7 @@
  * and their styling
  */
 
-import WtTooltip from '../../../../../../../components/wt-tooltip/wt-tooltip.vue';
+import WtTooltip from '../../../../../../components/wt-tooltip/wt-tooltip.vue';
 </script>
 
 <style lang="scss" scoped></style>

package/src/modules/Filters/v2/filters/components/{dynamic/dynamic-filter-add-action.vue → dynamic-filter-add-action.vue}

@@ -5,7 +5,7 @@
         <p v-if="props.showLabel">
           {{ t('webitelUI.filters.addFilter') }}
         </p>
-        <wt-icon-btn icon="add-filter" />
+        <wt-icon-action action="add" />
       </div>
     </template>
 
@@ -18,6 +18,7 @@
 <script lang="ts" setup>
 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/modules/Filters/v2/filters/components/{dynamic/preview → preview}/dynamic-filter-preview-info.vue

@@ -23,7 +23,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { FilterName, FilterValue } from '../../../types/Filter';
+import type { FilterName, FilterValue } from '../../types/Filter';
 
 interface Props {
   name: FilterName;

package/src/modules/Filters/v2/filters/components/{dynamic/preview → preview}/dynamic-filter-preview.vue

@@ -29,10 +29,10 @@
 </template>
 
 <script lang="ts" setup>
-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 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/modules/Filters/v2/filters/components/table-filters-panel.vue

@@ -64,9 +64,9 @@
 </template>
 
 <script lang="ts" setup>
-import DynamicFilterConfigForm from './dynamic/config/dynamic-filter-config-form.vue';
-import DynamicFilterAddAction from './dynamic/dynamic-filter-add-action.vue';
-import DynamicFilterPreview from './dynamic/preview/dynamic-filter-preview.vue';
+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 {}
 

package/src/modules/Filters/v2/filters/components/values/users/config.js

@@ -0,0 +1,4 @@
+// import { UsersApi}
+
+export const searchMethod = UsersAPI.getLookup;
+export const localePath = ''; /* label locale goes here */