@webitel/ui-sdk 3.1.16 → 3.1.17

package/package.json

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

package/src/components/organisms/wt-icon-action/_internals/__tests__/WtAddIconAction.spec.js

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

package/src/components/organisms/wt-icon-action/_internals/__tests__/WtDownloadIconAction.spec.js

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

package/src/components/organisms/wt-icon-action/_internals/__tests__/WtHistoryIconAction.spec.js

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

package/src/components/organisms/wt-icon-action/_internals/wt-add-icon-action.vue

@@ -0,0 +1,28 @@
+<template>
+  <wt-tooltip>
+    <template v-slot:activator>
+      <wt-icon-btn
+        icon="plus"
+        :disabled="disabled"
+        @click="$emit('click')"
+      ></wt-icon-btn>
+    </template>
+    {{ $t('webitelUI.iconAction.addActionHint') }}
+  </wt-tooltip>
+</template>
+
+<script>
+export default {
+  name: 'wt-add-icon-action',
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+  },
+};
+</script>
+
+<style scoped>
+
+</style>

package/src/components/organisms/wt-icon-action/_internals/wt-delete-icon-action.vue

@@ -3,6 +3,7 @@
     <template v-slot:activator>
       <wt-icon-btn
         icon="bucket"
+        :disabled="disabled"
         @click="$emit('click')"
       ></wt-icon-btn>
     </template>
@@ -13,6 +14,12 @@
 <script>
 export default {
   name: 'wt-delete-icon-action',
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+  },
 };
 </script>
 

package/src/components/organisms/wt-icon-action/_internals/wt-download-icon-action.vue

@@ -0,0 +1,28 @@
+<template>
+  <wt-tooltip>
+    <template v-slot:activator>
+      <wt-icon-btn
+        icon="download"
+        :disabled="disabled"
+        @click="$emit('click')"
+      ></wt-icon-btn>
+    </template>
+    {{ $t('webitelUI.iconAction.downloadActionHint') }}
+  </wt-tooltip>
+</template>
+
+<script>
+export default {
+  name: 'wt-download-icon-action',
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+  },
+};
+</script>
+
+<style scoped>
+
+</style>

package/src/components/organisms/wt-icon-action/_internals/wt-edit-icon-action.vue

@@ -4,6 +4,7 @@
       <wt-icon-btn
         class="table-action"
         icon="edit"
+        :disabled="disabled"
         @click="$emit('click')"
       ></wt-icon-btn>
     </template>
@@ -14,6 +15,12 @@
 <script>
 export default {
   name: 'wt-edit-icon-action',
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+  },
 };
 </script>
 

package/src/components/organisms/wt-icon-action/_internals/wt-history-icon-action.vue

@@ -0,0 +1,28 @@
+<template>
+  <wt-tooltip>
+    <template v-slot:activator>
+      <wt-icon-btn
+        icon="history"
+        :disabled="disabled"
+        @click="$emit('click')"
+      ></wt-icon-btn>
+    </template>
+    {{ $t('webitelUI.iconAction.historyActionHint') }}
+  </wt-tooltip>
+</template>
+
+<script>
+export default {
+  name: 'wt-history-icon-action',
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+  },
+};
+</script>
+
+<style scoped>
+
+</style>

package/src/components/organisms/wt-icon-action/wt-icon-action.vue

@@ -1,6 +1,8 @@
 <template>
   <component
     :is="actionComponent"
+    :disabled="disabled"
+    @click="$emit('click')"
   ></component>
 </template>
 
@@ -8,20 +10,36 @@
 import { computed } from 'vue';
 import WtDeleteIconAction from './_internals/wt-delete-icon-action.vue';
 import WtEditIconAction from './_internals/wt-edit-icon-action.vue';
+import WtAddIconAction from './_internals/wt-add-icon-action.vue';
+import WtHistoryIconAction from './_internals/wt-history-icon-action.vue';
+import WtDownloadIconAction from './_internals/wt-download-icon-action.vue';
 
 const props = defineProps({
   action: {
     type: String,
     required: true,
-    options: ['delete', 'edit'],
+    options: ['delete', 'edit', 'add', 'history', 'download'],
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
   },
 });
 
 const actionComponent = computed(() => {
   switch (props.action) {
-    case 'edit': return WtEditIconAction;
-    case 'delete': return WtDeleteIconAction;
-    default: return WtEditIconAction;
+    case 'edit':
+      return WtEditIconAction;
+    case 'delete':
+      return WtDeleteIconAction;
+    case 'add':
+      return WtAddIconAction;
+    case 'history':
+      return WtHistoryIconAction;
+    case 'download':
+      return WtDownloadIconAction;
+    default:
+      return WtEditIconAction;
   }
 });
 </script>

package/src/css/components/_components.scss

@@ -43,3 +43,4 @@
 @import "organisms/wt-table/variables";
 @import "organisms/wt-table-actions/variables";
 @import "organisms/wt-player/variables";
+@import "organisms/wt-icon-action/variables";

package/src/locale/en/en.js

@@ -267,6 +267,9 @@ export default {
     iconAction: {
       deleteActionHint: 'Delete',
       editActionHint: 'Edit',
+      addActionHint: 'Add',
+      historyActionHint: 'History',
+      downloadActionHint: 'Download',
     },
     errorPages: {
       goBack: 'Go back',

package/src/locale/ru/ru.js

@@ -264,6 +264,9 @@ export default {
     iconAction: {
       deleteActionHint: 'Удалить',
       editActionHint: 'Редактировать',
+      addActionHint: 'Добавить',
+      historyActionHint: 'История',
+      downloadActionHint: 'Скачать',
     },
     errorPages: {
       goBack: 'Вернуться назад',

package/src/locale/ua/ua.js

@@ -264,6 +264,9 @@ export default {
     iconAction: {
       deleteActionHint: 'Видалити',
       editActionHint: 'Редагувати',
+      addActionHint: 'Додати',
+      historyActionHint: 'Історія',
+      downloadActionHint: 'Скачати',
     },
     errorPages: {
       goBack: 'Повернутись назад',