@webitel/ui-sdk 25.4.48 → 25.4.50

package/CHANGELOG.md

@@ -1,3 +1,40 @@
+## [v25.4.49] - 2025-04-03
+### :bug: Bug Fixes
+- [`0de05f6`](https://github.com/webitel/webitel-ui-sdk/commit/0de05f6be3d3c0b4132ec61d193b7fedaac3c056) - ui-datalist/ filter update [WTEL-6522](https://webitel.atlassian.net/browse/WTEL-6522) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+- [`255de8e`](https://github.com/webitel/webitel-ui-sdk/commit/255de8ea22aa57e0393b00f3932913aca2b58d50) - ui-datalist/ filter presets previews for api lookups not showing [WTEL-6522](https://webitel.atlassian.net/browse/WTEL-6522) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+- [`2756d86`](https://github.com/webitel/webitel-ui-sdk/commit/2756d8672357c584b0c1fe46be73b4471159b4e8) - change version *(commit by [@liza-pohranichna](https://github.com/liza-pohranichna))*
+- [`08d51e2`](https://github.com/webitel/webitel-ui-sdk/commit/08d51e25a98c9bd4773727613a07c0c5927a1d5b) - change service catalogs file name on camelCase, export service catalogs from clients, refactor clients/index.js file with prettier *(commit by [@liza-pohranichna](https://github.com/liza-pohranichna))*
+- [`e078867`](https://github.com/webitel/webitel-ui-sdk/commit/e078867ed7e9fd394ef6fb563324b8c5a281c702) - ui-datalist FiltersManager.ts deleteFilter fn param [WTEL-6522](https://webitel.atlassian.net/browse/WTEL-6522) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+
+### :recycle: Refactors
+- [`e7d3173`](https://github.com/webitel/webitel-ui-sdk/commit/e7d31737483defc8a7c500053ea67506137842df) - ui-datalist/ loading filters preview data -> main preview component instead of tooltip-components to avoid api requests spam [WTEL-6522](https://webitel.atlassian.net/browse/WTEL-6522) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+
+
+## [v25.4.48] - 2025-04-02
+### :sparkles: New Features
+- [`9225a8f`](https://github.com/webitel/webitel-ui-sdk/commit/9225a8f6f24a3397d5295313b8170b70ad2925c3) - added readme file to @webitel/ui-datalist npm pckg [WTEL-6522](https://webitel.atlassian.net/browse/WTEL-6522) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+- [`db1cdf4`](https://github.com/webitel/webitel-ui-sdk/commit/db1cdf49372e8de131d9e0cd5ef567e4faeab092) - @webitel/ui-datalist npm pckg [WTEL-6522](https://webitel.atlassian.net/browse/WTEL-6522) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+- [`310e4d6`](https://github.com/webitel/webitel-ui-sdk/commit/310e4d645d26b176121e5063cfe80c2a1d1c0090) - eslint+prettier, + reformatting [WTEL-6536](https://webitel.atlassian.net/browse/WTEL-6536) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+- [`53ee405`](https://github.com/webitel/webitel-ui-sdk/commit/53ee40541333e565222a7cd828386b3c3f3a36ad) - eslint+prettier, + reformatting [WTEL-6536](https://webitel.atlassian.net/browse/WTEL-6536) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+
+### :bug: Bug Fixes
+- [`02680c3`](https://github.com/webitel/webitel-ui-sdk/commit/02680c3d56ca632e4f492b96950de8800c181606) - webitel-ui entry points update [WTEL-6522](https://webitel.atlassian.net/browse/WTEL-6522) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+- [`8446027`](https://github.com/webitel/webitel-ui-sdk/commit/8446027ac981b6ad4ba02b10d62e16bb144e3695) - ui-datalist package @webitel/ui-sdk import fixes from relative paths to package [WTEL-6522](https://webitel.atlassian.net/browse/WTEL-6522) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+- [`4d80543`](https://github.com/webitel/webitel-ui-sdk/commit/4d80543cc9b8850460ca8d71e458545eec700b16) - linting scope [WTEL-6536](https://webitel.atlassian.net/browse/WTEL-6536) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+- [`50ed7b2`](https://github.com/webitel/webitel-ui-sdk/commit/50ed7b21e6ced1c4c3a82137298e21f1040b1b24) - pre-commit hook upd test commit [WTEL-6536](https://webitel.atlassian.net/browse/WTEL-6536) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+- [`5168ceb`](https://github.com/webitel/webitel-ui-sdk/commit/5168ceb270a957c9565f50156517f66b628881d2) - pre-commit hook upd test commit [WTEL-6536](https://webitel.atlassian.net/browse/WTEL-6536) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+
+### :recycle: Refactors
+- [`9dbb623`](https://github.com/webitel/webitel-ui-sdk/commit/9dbb62349d1dcebc4fd567c00b92d02d8f0ff0d0) - ran reformat code [WTEL-6522](https://webitel.atlassian.net/browse/WTEL-6522) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+- [`56c65f3`](https://github.com/webitel/webitel-ui-sdk/commit/56c65f39f0a38d9160aae99df3bcb100963b4360) - filters panel moved to ui-datalist pckg [WTEL-6522](https://webitel.atlassian.net/browse/WTEL-6522) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+- [`ee07c7c`](https://github.com/webitel/webitel-ui-sdk/commit/ee07c7c64d90f5026cf6683e120f79637648b729) - rfactoring filters panel in progress [WTEL-6522](https://webitel.atlassian.net/browse/WTEL-6522) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+- [`e0d1370`](https://github.com/webitel/webitel-ui-sdk/commit/e0d1370f1e4ad8d25395fc9b4a1697791e8af063) - moving filters panel to lib in progress [WTEL-6522](https://webitel.atlassian.net/browse/WTEL-6522) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+- [`460dc66`](https://github.com/webitel/webitel-ui-sdk/commit/460dc66cb9e412280cb218b6c007499c7ba65a45) - ui-sdk package.json exports, lang=sass removed from ui-datalist [WTEL-6522](https://webitel.atlassian.net/browse/WTEL-6522) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+- [`77a9b08`](https://github.com/webitel/webitel-ui-sdk/commit/77a9b087dc998954d513930c8f42c446dd1af502) - ui-sdk package.json exports, lang=sass removed from ui-datalist [WTEL-6522](https://webitel.atlassian.net/browse/WTEL-6522) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+- [`86e7add`](https://github.com/webitel/webitel-ui-sdk/commit/86e7add3c2c060857b9286ac29b3a71a8c9eac6e) - run project linting + code reformatting [WTEL-6536](https://webitel.atlassian.net/browse/WTEL-6536) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+- [`3983732`](https://github.com/webitel/webitel-ui-sdk/commit/39837327e5b07f3ed8aa07a9b062128ff54adee9) - eslint config updates [WTEL-6536](https://webitel.atlassian.net/browse/WTEL-6536) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
+
+
 ## [v25.4.47] - 2025-03-26
 
 ### :recycle: Refactors
@@ -1768,3 +1805,5 @@
 [v25.4.45]: https://github.com/webitel/webitel-ui-sdk/compare/v25.4.44...v25.4.45
 [v25.4.46]: https://github.com/webitel/webitel-ui-sdk/compare/v25.4.45...v25.4.46
 [v25.4.47]: https://github.com/webitel/webitel-ui-sdk/compare/v25.4.46...v25.4.47
+[v25.4.48]: https://github.com/webitel/webitel-ui-sdk/compare/v25.4.47...v25.4.48
+[v25.4.49]: https://github.com/webitel/webitel-ui-sdk/compare/v25.4.48...v25.4.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "25.4.48",
+  "version": "25.4.50",
   "private": false,
   "scripts": {
     "dev": "npm run docs:dev",

package/src/api/clients/index.js

@@ -5,6 +5,7 @@ import calendars from './calendars/calendars.js';
 import caseCloseReasonGroups from './caseCloseReasonGroups/caseCloseReasonGroups.js';
 import caseCloseReasons from './caseCloseReasons/caseCloseReasons.js';
 import casePriorities from './casePriorities/casePriorities.js';
+import caseServiceCatalogs from './caseServiceCatalogs/serviceCatalogs.js';
 import caseSources from './caseSources/caseSources.js';
 import caseStatusConditions from './caseStatusConditions/caseStatusConditions.js';
 import caseStatuses from './caseStatuses/caseStatuses.js';
@@ -34,6 +35,7 @@ export {
   caseCloseReasonGroups,
   caseCloseReasons,
   casePriorities,
+  caseServiceCatalogs,
   caseSources,
   caseStatusConditions,
   caseStatuses,

package/src/api/clients/roles/roles.js

@@ -32,6 +32,10 @@ const getRoleList = async (params) => {
 
   const url = applyTransform(params, [
     merge(getDefaultGetParams()),
+    (params) => {
+      params.ids = params.ids || params.id; // accept either ids or id as param
+      return params;
+    },
     starToSearch('search'),
     (params) => ({ ...params, q: params.search }),
     sanitize(fieldsToSend),

package/src/modules/Filters/v2/filters/components/dynamic-filter-search.vue

@@ -1,9 +1,11 @@
 <template>
   <wt-search-bar
     :placeholder="t('reusable.search')"
-    :search-mode="props.searchMode"
-    :search-mode-options="searchModeOptions"
+    :search-mode="currentSearchMode"
+    :search-mode-options="props.searchModeOptions"
+    :hint="currentSearchMode?.hint"
     :value="model"
+    :v="validationExists && v$"
     @input="model = $event"
     @search="handleSearch"
     @update:search-mode="onSearchModeChange($event.value)"
@@ -18,17 +20,21 @@
 </template>
 
 <script lang="ts" setup>
-import { computed } from 'vue';
+import { useVuelidate } from '@vuelidate/core';
+import {computed} from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import WtSearchBar from '../../../../../components/wt-search-bar/wt-search-bar.vue';
+import {FilterSearch} from '../index';
 
 type ModelValue = string;
 const model = defineModel<ModelValue>();
 
+type SearchModeOptions = FilterSearch[]
+
 const props = defineProps<{
   searchMode: string;
-  searchModeOptions: Record<string, string>;
+  searchModeOptions: SearchModeOptions;
   showTextSearchIcon?: boolean;
 }>();
 
@@ -39,6 +45,28 @@ const emit = defineEmits<{
 
 const { t } = useI18n();
 
+const currentSearchMode = computed(() =>
+  props.searchModeOptions.find(({ value }) => value === props.searchMode),
+);
+
+const validationExists = computed(() => props.searchModeOptions.find((el) => el.v))
+
+const v$ =
+  validationExists.value &&
+  useVuelidate(
+    computed(() => {
+      return {
+        model: {
+          ...(currentSearchMode.value?.v || {}),
+        },
+      };
+    }),
+    { model },
+    { $autoDirty: true },
+  );
+
+if (v$) v$.value.$touch();
+
 const onSearchModeChange = (value: string) => {
   emit('update:search-mode', value);
   model.value = '';
@@ -47,15 +75,6 @@ const onSearchModeChange = (value: string) => {
 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 lang="scss" scoped></style>

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

@@ -1,4 +1,4 @@
-import ServiceCatalogsAPI from '../../../../../../../api/clients/caseServiceCatalogs/service-catalogs.js';
+import ServiceCatalogsAPI from '../../../../../../../api/clients/caseServiceCatalogs/serviceCatalogs.js';
 import ServicesAPI from '../../../../../../../api/clients/caseServices/services.js';
 
 export const searchMethod = ServiceCatalogsAPI.getList;

package/src/modules/Filters/v2/filters/index.ts

@@ -8,6 +8,7 @@ import type {
   FilterValue,
   IFilter,
 } from './types/Filter.d.ts';
+import { FilterSearch } from './types/FilterSearch';
 import type {
   FiltersManagerConfig,
   IFiltersManager,
@@ -20,6 +21,7 @@ export type {
   FilterInitParams,
   FilterLabel,
   FilterName,
+  FilterSearch,
   FiltersManagerConfig,
   FilterValue,
   IFilter,

package/src/modules/Filters/v2/filters/types/FilterSearch.d.ts

@@ -0,0 +1,10 @@
+import { Validation } from '@vuelidate/core';
+
+import { FilterLabel, FilterValue } from './Filter';
+
+export interface FilterSearch {
+  value: FilterValue;
+  text: FilterLabel;
+  hint?: string | undefined;
+  v?: Validation | undefined;
+}