npm - @webitel/ui-datalist - Versions diffs - 1.1.0-1 → 1.1.0-3 - Mend

@webitel/ui-datalist 1.1.0-1 → 1.1.0-3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-datalist",
-  "version": "1.1.0-1",
+  "version": "1.1.0-3",
   "description": "Toolkit for building data lists in webitel ui system",
   "scripts": {
     "make-all": "npm version patch --git-tag-version false && ( npm run lint:fix || true) && (npm run build:types || true) && npm run utils:publish",
@@ -27,17 +27,17 @@
     "CHANGELOG.md"
   ],
   "peerDependencies": {
-    "axios": "^1",
-    "date-fns": "^4",
-    "pinia": "^3.x",
-    "vue": "^3.5",
     "@regle/schemas": "^1.x",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^14.0",
     "@webitel/api-services": "^0.1.0",
-    "@webitel/styleguide": "~26.2",
+    "@webitel/styleguide": "^26.2.0-1",
     "@webitel/ui-sdk": "^26.2.0-2",
+    "axios": "^1",
+    "date-fns": "^4",
+    "pinia": "^3.x",
+    "vue": "^3.5",
     "zod": "^4.x"
   },
   "devDependencies": {
@@ -45,7 +45,6 @@
     "@standard-schema/spec": "^1.x",
     "@tsconfig/node22": "^22.0.0",
     "@types/node": "^24.x",
-    "@vitejs/plugin-vue": "^6.x",
     "@vue/tsconfig": "^0.8.x",
     "eslint": "^9.22.0",
     "eslint-config-prettier": "^10.1.1",
@@ -62,8 +61,6 @@
     "typescript-eslint": "^8.26.1",
     "typescript-plugin-css-modules": "^5.x",
     "unplugin-auto-import": "^19.x",
-    "vite": "npm:rolldown-vite@^7.3.x",
-    "vite-plugin-checker": "^0.12.x",
     "vue-tsc": "^3.x"
   },
   "engines": {

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

@@ -29,7 +29,7 @@
             :text="textEmpty"
           />
-          <section class="available-presets-list">
+          <section class="available-presets-list wt-scrollbar">
             <preset-preview
               v-for="preset of dataList"
               :key="preset.id"
@@ -255,8 +255,6 @@ onMounted(async () => {
 }
 .available-presets-list {
-  @extend %wt-scrollbar;
   display: flex;
   overflow-y: auto;
   flex-direction: column;

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

@@ -24,10 +24,12 @@
         />
       </form>
-      <preset-filters-preview
-        :filters-manager="props.filtersManager"
-        :filter-configs="props.filterConfigs"
-      />
+      <div class="save-preset-filters-preview-wrapper wt-scrollbar">
+        <preset-filters-preview
+          :filters-manager="props.filtersManager"
+          :filter-configs="props.filterConfigs"
+        />
+      </div>
     </template>
     <template #actions>
@@ -137,7 +139,6 @@ const save = () => {
 }
 .save-preset-filters-preview-wrapper {
-  @extend %wt-scrollbar;
   margin-top: var(--spacing-sm);
   max-height: 140px;
   overflow-y: auto;

package/src/modules/filters/components/preview/dynamic-filter-preview-info.vue CHANGED Viewed

@@ -1,6 +1,6 @@
 <template>
   <section class="dynamic-filter-preview-info">
-    <header class="dynamic-filter-preview-info__header">
+    <header class="dynamic-filter-preview-info__header typo-body-2-bold">
       <slot name="header" />
     </header>
@@ -23,9 +23,6 @@
   gap: var(--spacing-xs);
   min-width: 60px;
-  &__header {
-    @extend %typo-body-2-bold;
-  }
   &__body {
     display: flex;

package/src/modules/filters/modules/filterConfig/components/_shared/date-time-filter/date-time-options/date-time-options-filter-value-preview.vue CHANGED Viewed

@@ -6,7 +6,7 @@
     <template v-else>
       <div>
-        <p class="date-time-options-filter-value-preview__title">
+        <p class="date-time-options-filter-value-preview__title typo-subtitle-1">
           {{ t('reusable.from') }}
         </p>
@@ -14,7 +14,7 @@
       </div>
       <div>
-        <p class="date-time-options-filter-value-preview__title">
+        <p class="date-time-options-filter-value-preview__title typo-subtitle-1">
           {{ t('reusable.to') }}
         </p>
@@ -57,7 +57,4 @@ const to = computed(() => {
 <style lang="scss" scoped>
 @use '@webitel/styleguide/typography' as *;
-.date-time-options-filter-value-preview__title {
-  @extend %typo-subtitle-1;
-}
 </style>

package/src/modules/filters/modules/filterConfig/components/case-actual-reaction-time/case-actual-reaction-time-filter-value-preview.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <template>
   <div class="actual-reaction-time-filter-value-preview">
     <div v-if="props.value.from">
-      <p class="actual-reaction-time-filter-value-preview__title">
+      <p class="actual-reaction-time-filter-value-preview__title typo-subtitle-1">
         {{ t('reusable.from') }}
       </p>
@@ -9,7 +9,7 @@
     </div>
     <div v-if="props.value.to">
-      <p class="actual-reaction-time-filter-value-preview__title">
+      <p class="actual-reaction-time-filter-value-preview__title typo-subtitle-1">
         {{ t('reusable.to') }}
       </p>
@@ -37,8 +37,5 @@ function convertTimestampToDate(value) {
 @use '@webitel/styleguide/typography' as *;
 .actual-reaction-time-filter-value-preview {
-  &__title {
-    @extend %typo-subtitle-1;
-  }
 }
 </style>

package/src/modules/filters/modules/filterConfig/components/case-actual-resolution-time/case-actual-resolution-time-filter-value-preview.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <template>
   <div class="actual-resolution-time-filter-value-preview">
     <div v-if="props.value.from">
-      <p class="actual-resolution-time-filter-value-preview__title">
+      <p class="actual-resolution-time-filter-value-preview__title typo-subtitle-1">
         {{ t('reusable.from') }}
       </p>
@@ -9,7 +9,7 @@
     </div>
     <div v-if="props.value.to">
-      <p class="actual-resolution-time-filter-value-preview__title">
+      <p class="actual-resolution-time-filter-value-preview__title typo-subtitle-1">
         {{ t('reusable.to') }}
       </p>
@@ -37,8 +37,5 @@ function convertTimestampToDate(value) {
 @use '@webitel/styleguide/typography' as *;
 .actual-resolution-time-filter-value-preview {
-  &__title {
-    @extend %typo-subtitle-1;
-  }
 }
 </style>

package/src/modules/filters/modules/filterConfig/components/case-reaction-time/case-reaction-time-filter-value-preview.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <template>
   <div class="reaction-time-filter-value-preview">
     <div v-if="props.value.from">
-      <p class="reaction-time-filter-value-preview__title">
+      <p class="reaction-time-filter-value-preview__title typo-subtitle-1">
         {{ t('reusable.from') }}
       </p>
@@ -9,7 +9,7 @@
     </div>
     <div v-if="props.value.to">
-      <p class="reaction-time-filter-value-preview__title">
+      <p class="reaction-time-filter-value-preview__title typo-subtitle-1">
         {{ t('reusable.to') }}
       </p>
@@ -37,8 +37,5 @@ function convertTimestampToDate(value) {
 @use '@webitel/styleguide/typography' as *;
 .reaction-time-filter-value-preview {
-  &__title {
-    @extend %typo-subtitle-1;
-  }
 }
 </style>

package/src/modules/filters/modules/filterConfig/components/case-resolution-time/case-resolution-time-filter-value-preview.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <template>
   <div class="resolution-time-filter-value-preview">
     <div v-if="props.value.from">
-      <p class="resolution-time-filter-value-preview__title">
+      <p class="resolution-time-filter-value-preview__title typo-subtitle-1">
         {{ t('reusable.from') }}
       </p>
@@ -9,7 +9,7 @@
     </div>
     <div v-if="props.value.to">
-      <p class="resolution-time-filter-value-preview__title">
+      <p class="resolution-time-filter-value-preview__title typo-subtitle-1">
         {{ t('reusable.to') }}
       </p>
@@ -37,8 +37,5 @@ function convertTimestampToDate(value) {
 @use '@webitel/styleguide/typography' as *;
 .resolution-time-filter-value-preview {
-  &__title {
-    @extend %typo-subtitle-1;
-  }
 }
 </style>

package/src/modules/filters/modules/filterConfig/components/rating/rating-from-to-filter-value-preview.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <template>
   <div class="score-from-to-filter-value-preview">
     <div v-if="props.value.from">
-      <p class="score-from-to-filter-value-preview__title">
+      <p class="score-from-to-filter-value-preview__title typo-subtitle-1">
         {{ t('reusable.from') }}
       </p>
@@ -9,7 +9,7 @@
     </div>
     <div v-if="props.value.to">
-      <p class="score-from-to-filter-value-preview__title">
+      <p class="score-from-to-filter-value-preview__title typo-subtitle-1">
         {{ t('reusable.to') }}
       </p>
@@ -32,8 +32,5 @@ const { t } = useI18n();
 @use '@webitel/styleguide/typography' as *;
 .score-from-to-filter-value-preview {
-  &__title {
-    @extend %typo-subtitle-1;
-  }
 }
 </style>

package/src/modules/filters/modules/filterConfig/components/score/score-from-to-filter-value-preview.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <template>
   <div class="score-from-to-filter-value-preview">
     <div v-if="props.value.from">
-      <p class="score-from-to-filter-value-preview__title">
+      <p class="score-from-to-filter-value-preview__title typo-subtitle-1">
         {{ t('reusable.from') }}
       </p>
@@ -9,7 +9,7 @@
     </div>
     <div v-if="props.value.to">
-      <p class="score-from-to-filter-value-preview__title">
+      <p class="score-from-to-filter-value-preview__title typo-subtitle-1">
         {{ t('reusable.to') }}
       </p>
@@ -32,8 +32,5 @@ const { t } = useI18n();
 @use '@webitel/styleguide/typography' as *;
 .score-from-to-filter-value-preview {
-  &__title {
-    @extend %typo-subtitle-1;
-  }
 }
 </style>

package/src/modules/filters/modules/filterConfig/components/talk-duration/talk-duration-filter-value-preview.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <template>
   <div class="talk-duration-filter-value-preview">
     <div v-if="from">
-      <p class="talk-duration-filter-value-preview__title">
+      <p class="talk-duration-filter-value-preview__title typo-subtitle-1">
         {{ t('reusable.from') }}
       </p>
@@ -9,7 +9,7 @@
     </div>
     <div v-if="to">
-      <p class="talk-duration-filter-value-preview__title">
+      <p class="talk-duration-filter-value-preview__title typo-subtitle-1">
         {{ t('reusable.to') }}
       </p>
@@ -18,7 +18,10 @@
   </div>
 </template>
-<script lang="ts" setup>
+<script
+  lang="ts"
+  setup
+>
 import { useI18n } from 'vue-i18n';
 import { useFromToSecToPreviewTime } from '../../composables/useFromToSecToPreviewTime';
@@ -33,12 +36,11 @@ const { t } = useI18n();
 const { from, to } = useFromToSecToPreviewTime(props.value);
 </script>
-<style lang="scss" scoped>
+<style
+  lang="scss"
+  scoped
+>
 @use '@webitel/styleguide/typography' as *;
-.duration-filter-value-preview {
-  &__title {
-    @extend %typo-subtitle-1;
-  }
-}
+.duration-filter-value-preview {}
 </style>

package/src/modules/filters/modules/filterConfig/components/total-duration/total-duration-filter-value-preview.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <template>
   <div class="total-duration-filter-value-preview">
     <div v-if="from">
-      <p class="total-duration-filter-value-preview__title">
+      <p class="total-duration-filter-value-preview__title typo-subtitle-1">
         {{ t('reusable.from') }}
       </p>
@@ -9,7 +9,7 @@
     </div>
     <div v-if="to">
-      <p class="total-duration-filter-value-preview__title">
+      <p class="total-duration-filter-value-preview__title typo-subtitle-1">
         {{ t('reusable.to') }}
       </p>
@@ -18,7 +18,10 @@
   </div>
 </template>
-<script lang="ts" setup>
+<script
+  lang="ts"
+  setup
+>
 import { useI18n } from 'vue-i18n';
 import { useFromToSecToPreviewTime } from '../../composables/useFromToSecToPreviewTime';
@@ -33,12 +36,11 @@ const { t } = useI18n();
 const { from, to } = useFromToSecToPreviewTime(props.value);
 </script>
-<style lang="scss" scoped>
+<style
+  lang="scss"
+  scoped
+>
 @use '@webitel/styleguide/typography' as *;
-.duration-filter-value-preview {
-  &__title {
-    @extend %typo-subtitle-1;
-  }
-}
+.duration-filter-value-preview {}
 </style>

package/src/modules/filters/modules/filterConfig/components/variable/variable-filter-value-preview.vue CHANGED Viewed

@@ -1,14 +1,14 @@
 <template>
   <div class="variables-filter-value-preview">
     <div>
-      <p class="variables-filter-value-preview__title">
+      <p class="variables-filter-value-preview__title typo-subtitle-1">
         {{ t('vocabulary.keys') }}:
       </p>
       <span>{{ variable[0] }}</span>
     </div>
     <div>
-      <p class="variables-filter-value-preview__title">
+      <p class="variables-filter-value-preview__title typo-subtitle-1">
         {{ t('vocabulary.values') }}:
       </p>
       <span>{{ variable[1] }}</span>
@@ -32,8 +32,5 @@ const variable = props.value.split('=');
 @use '@webitel/styleguide/typography' as *;
 .variables-filter-value-preview {
-  &__title {
-    @extend %typo-subtitle-1;
-  }
 }
 </style>