@webitel/ui-sdk 3.1.90 → 3.1.91

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "3.1.90",
+  "version": "3.1.91",
   "private": false,
   "scripts": {
     "serve-lib": "vue-cli-service serve",

package/src/components/index.js

@@ -35,6 +35,7 @@ import WtHint from './molecules/wt-hint/wt-hint.vue';
 import WtCopyAction from './molecules/wt-copy-action/wt-copy-action.vue';
 import WtLoadBar from './molecules/wt-load-bar/wt-load-bar.vue';
 import WtItemLink from './molecules/wt-item-link/wt-item-link.vue';
+import WtDummy from './molecules/wt-dummy/wt-dummy.vue';
 
 import WtAppHeader from './organisms/wt-app-header/wt-app-header.vue';
 import WtAppNavigator from './organisms/wt-app-header/wt-app-navigator.vue';
@@ -109,6 +110,7 @@ const Components = {
   WtIconAction,
   WtPageHeader,
   WtItemLink,
+  WtDummy,
 };
 
 export default Components;

package/src/components/molecules/wt-dummy/__tests__/WtDummy.spec.js

@@ -0,0 +1,9 @@
+import { shallowMount } from '@vue/test-utils';
+import WtDummy from '../wt-dummy.vue';
+
+describe('WtDummy', () => {
+  it('renders a component', () => {
+    const wrapper = shallowMount(WtDummy);
+    expect(wrapper.isVisible()).toBe(true);
+  });
+});

package/src/components/molecules/wt-dummy/wt-dummy.vue

@@ -0,0 +1,63 @@
+<template>
+  <div class="wt-dummy">
+    <div class="wt-dummy__img">
+      <img
+        :src="props.src"
+        :width="props.size"
+        :height="props.size"
+        alt="dummy-picture"
+      >
+    </div>
+    <h1
+      v-if="props.locale"
+      class="wt-dummy__title">{{ props.locale }}</h1>
+    <wt-button
+      v-if="props.showAction"
+      @click="emits('create')"
+      >{{ $t('reusable.add') }}
+    </wt-button>
+  </div>
+</template>
+
+<script setup>
+
+const props = defineProps({
+  src: {
+    type: String,
+  },
+  locale: {
+    type: String,
+  },
+  showAction: {
+    type: Boolean,
+    default: false,
+  },
+  size: {
+    type: [String, Number],
+  },
+});
+
+const emits = defineEmits([
+  'create',
+]);
+
+</script>
+
+<style lang="scss" scoped>
+.wt-dummy {
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  &__title {
+    @extend %typo-body-1;
+    margin-bottom: var(--spacing-sm);
+  }
+
+  &__img {
+    margin-bottom: var(--spacing-sm);
+  }
+}
+</style>