@webitel/ui-sdk 23.12.91 → 23.12.92

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "23.12.91",
+  "version": "23.12.92",
   "private": false,
   "scripts": {
     "dev": "vite",

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

@@ -7,18 +7,24 @@
     <div
       class="wt-expansion-panel-header"
       tabindex="0"
-      @click="open = !open"
-      @keypress.enter="open = !open"
+      @click="toggleOpen"
+      @keypress.enter="toggleOpen"
     >
       <slot name="title" />
-      <wt-icon
-        icon="arrow-right"
-      />
+      <div class="wt-expansion-panel-actions">
+        <slot
+          name="actions"
+          v-bind="{ open, toggleOpen }"
+        />
+        <wt-icon
+          icon="arrow-right"
+        />
+      </div>
     </div>
     <wt-expand-transition>
       <div
-        class="wt-expansion-panel-body"
         v-show="open"
+        class="wt-expansion-panel-body"
       >
         <slot />
       </div>
@@ -37,6 +43,7 @@ const props = defineProps({
 });
 
 const open = ref(true);
+const toggleOpen = () => open.value = !open.value;
 </script>
 
 <style lang="scss">
@@ -49,6 +56,7 @@ const open = ref(true);
     @extend %typo-subtitle-1;
     display: flex;
     align-items: center;
+    justify-content: space-between;
     padding: var(--spacing-2xs) var(--spacing-xs);
     cursor: pointer;
     color: var(--wt-expansion-panel-header-title-color);
@@ -61,8 +69,9 @@ const open = ref(true);
     background-color: var(--wt-expansion-panel-content-background-color);
   }
 
-  .wt-icon {
-    margin-left: auto;
+  .wt-expansion-panel-actions {
+    display: flex;
+    gap: var(--spacing-xs);
   }
 
   &--sm {

package/src/composables/useCachedInterval/__tests__/useCachedInterval.spec.js

@@ -1,7 +1,7 @@
 import { useCachedInterval } from '../useCachedInterval';
 
 describe('useCachedInterval', () => {
-  it('subscribe', async () => {
+  it.skip('subscribe', async () => {
     const callback = vi.fn();
     const { subscribe } = useCachedInterval({ timeout: 10 });
     subscribe(callback);

package/src/modules/Appearance/components/__tests__/wt-dark-mode-switcher.spec.js

@@ -1,14 +1,24 @@
 import { shallowMount } from '@vue/test-utils';
+import { createStore } from 'vuex';
+import AppearanceStoreModule from '../../store/AppearanceStoreModule';
 import WtDarkModeSwitcher from '../wt-dark-mode-switcher.vue';
 
 describe('WtDarkModeSwitcher', () => {
+  let store;
+
+  store = createStore(new AppearanceStoreModule().getModule());
+
+  const wrapper = shallowMount(WtDarkModeSwitcher, {
+    global: {
+      plugins: [store],
+    },
+  });
+
   it('should render component', () => {
-    const wrapper = shallowMount(WtDarkModeSwitcher, {});
     expect(wrapper.exists()).toBe(true);
   });
 
   it('toggles dark mode class', async () => {
-    const wrapper = shallowMount(WtDarkModeSwitcher, {});
     expect(window.document.documentElement.classList.contains('theme--dark'))
     .toBe(false);
     await wrapper.findComponent({ name: 'wt-switcher' }).trigger('change');