@webitel/ui-sdk 3.0.11 → 3.0.12

package/package.json

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

package/src/components/index.js

@@ -52,6 +52,7 @@ import WtStatusSelect from './organisms/wt-status-select/wt-status-select.vue';
 import WtTable from './organisms/wt-table/wt-table.vue';
 import WtTableActions from './organisms/wt-table-actions/wt-table-actions.vue';
 import WtTableColumnSelect from './organisms/wt-table-column-select/wt-table-column-select.vue';
+import WtIconAction from './organisms/wt-icon-action/wt-icon-action.vue';
 
 const Components = {
   WtAvatar,
@@ -105,6 +106,7 @@ const Components = {
   WtContextMenu,
   WtCopyAction,
   WtLoadBar,
+  WtIconAction,
 };
 
 export default Components;

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

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

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

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

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

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

package/src/components/organisms/{wt-table/table-cells/wt-table-delete-action.vue → wt-icon-action/_internals/wt-delete-icon-action.vue}

@@ -6,13 +6,13 @@
         @click="$emit('click')"
       ></wt-icon-btn>
     </template>
-    {{ $t('webitelUI.table.tableCells.deleteActionHint') }}
+    {{ $t('webitelUI.iconAction.deleteActionHint') }}
   </wt-tooltip>
 </template>
 
 <script>
 export default {
-  name: 'wt-table-delete-action',
+  name: 'wt-delete-icon-action',
 };
 </script>
 

package/src/components/organisms/{wt-table/table-cells/wt-table-edit-action.vue → wt-icon-action/_internals/wt-edit-icon-action.vue}

@@ -7,13 +7,13 @@
         @click="$emit('click')"
       ></wt-icon-btn>
     </template>
-    {{ $t('webitelUI.table.tableCells.editActionHint') }}
+    {{ $t('webitelUI.iconAction.editActionHint') }}
   </wt-tooltip>
 </template>
 
 <script>
 export default {
-  name: 'wt-table-edit-action',
+  name: 'wt-edit-icon-action',
 };
 </script>
 

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

@@ -0,0 +1,31 @@
+<template>
+  <component
+    :is="actionComponent"
+  ></component>
+</template>
+
+<script setup>
+import { computed } from 'vue';
+import WtDeleteIconAction from './_internals/wt-delete-icon-action.vue';
+import WtEditIconAction from './_internals/wt-edit-icon-action.vue';
+
+const props = defineProps({
+  action: {
+    type: String,
+    required: true,
+    options: ['delete', 'edit'],
+  },
+});
+
+const actionComponent = computed(() => {
+  switch (props.action) {
+    case 'edit': return WtEditIconAction;
+    case 'delete': return WtDeleteIconAction;
+    default: return WtEditIconAction;
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+
+</style>

package/src/locale/en/en.js

@@ -7,10 +7,12 @@ import {
 } from 'webitel-sdk';
 import { QueueType } from 'webitel-sdk/esm2015/enums';
 import AdminSections from '../../enums/WebitelApplications/AdminSections.enum';
-import SupervisorSections from '../../enums/WebitelApplications/SupervisorSections.enum';
-import WebitelApplications from '../../enums/WebitelApplications/WebitelApplications.enum';
 import AuditorSections
   from '../../enums/WebitelApplications/AuditorSections.enum';
+import SupervisorSections
+  from '../../enums/WebitelApplications/SupervisorSections.enum';
+import WebitelApplications
+  from '../../enums/WebitelApplications/WebitelApplications.enum';
 import { snakeToCamel } from '../../scripts/caseConverters';
 
 export default {
@@ -262,11 +264,9 @@ export default {
       offline: 'Offline',
       breakOut: 'Break Out',
     },
-    table: {
-      tableCells: {
-        deleteActionHint: 'Delete',
-        editActionHint: 'Edit',
-      },
+    iconAction: {
+      deleteActionHint: 'Delete',
+      editActionHint: 'Edit',
     },
     errorPages: {
       goBack: 'Go back',