@webitel/ui-sdk 24.4.31 → 24.4.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "24.4.31",
+  "version": "24.4.33",
   "private": false,
   "scripts": {
     "dev": "vite",
@@ -35,6 +35,7 @@
   ],
   "dependencies": {
     "@floating-ui/vue": "^1.0.1",
+    "@morev/vue-transitions": "^3.0.2",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vuepic/vue-datepicker": "^4.4.0",

package/src/components/transitions/wt-expand-transition.vue

@@ -1,72 +1,13 @@
 <template>
-  <transition
-    name="expand"
-    @after-enter="afterEnter"
-    @enter="enter"
-    @leave="leave"
-  >
+  <transition-expand>
     <slot />
-  </transition>
+  </transition-expand>
 </template>
 
-<script>
-/* eslint-disable no-param-reassign */
-// https://markus.oberlehner.net/blog/transition-to-height-auto-with-vue/
-export default {
-  name: 'WtExpandTransition',
-  methods: {
-    afterEnter(element) {
-      element.style.height = 'auto';
-    },
-    enter(element) {
-      const { width } = getComputedStyle(element);
-      element.style.width = width;
-      element.style.position = 'absolute';
-      element.style.visibility = 'hidden';
-      element.style.height = 'auto';
-
-      const { height } = getComputedStyle(element);
-      element.style.width = null;
-      element.style.position = null;
-      element.style.visibility = null;
-      element.style.height = 0;
-
-      // Force repaint to make sure the
-      // animation is triggered correctly.
-      // eslint-disable-next-line no-unused-expressions
-      getComputedStyle(element).height;
-
-      // eslint-disable-next-line no-return-assign
-      requestAnimationFrame(() => element.style.height = height);
-    },
-    leave(element) {
-      const { height } = getComputedStyle(element);
-      element.style.height = height;
-      // eslint-disable-next-line no-unused-expressions
-      getComputedStyle(element).height;
-
-      // eslint-disable-next-line no-return-assign
-      requestAnimationFrame(() => element.style.height = 0);
-    },
-  },
-};
+<script setup>
+import { TransitionExpand } from '@morev/vue-transitions';
 </script>
 
 <style lang="scss">
-.expand-enter-active,
-.expand-leave-active {
-  transition: height var(--transition);
-  overflow: hidden;
-}
 
-.expand-enter,
-.expand-leave-to {
-  height: 0;
-}
-/*
-  // expand animation optimization
-  transform: translateZ(0);
-  backface-visibility: hidden;
-  perspective: 1000px;
- */
 </style>

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

@@ -36,6 +36,7 @@
 
 <script setup>
 import { ref, watch } from 'vue';
+import WtExpandTransition from '../transitions/wt-expand-transition.vue';
 
 const props = defineProps({
   size: {

package/src/modules/Filters/store/FiltersStoreModule.js

@@ -111,7 +111,7 @@ export default class FiltersStoreModule extends BaseStoreModule {
       // note: restore fn may still return value even if there's no query value
       // from localStorage, for instance
       const value = context.state[filter].restore
-        ? context.state[filter].restore({ query })
+        ? context.state[filter].restore({ query, defaultValue: context.state[filter].defaultValue })
         : query;
       if (value) {
         if (filter