@webitel/ui-sdk 3.2.103 → 3.2.104

package/package.json

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

package/src/components/{organisms → atoms}/wt-icon-action/_internals/wt-add-icon-action.vue

@@ -4,23 +4,22 @@
       <wt-icon-btn
         icon="plus"
         :disabled="disabled"
-        @click="$emit('click')"
+        @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 setup>
+const props = defineProps({
+  disabled: {
+    type: Boolean,
+    default: false,
   },
-};
+});
+
+const emit = defineEmits(['click']);
 </script>
 
 <style scoped>

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

@@ -4,23 +4,22 @@
       <wt-icon-btn
         icon="bucket"
         :disabled="disabled"
-        @click="$emit('click')"
+        @click="emit('click')"
       ></wt-icon-btn>
     </template>
     {{ $t('webitelUI.iconAction.deleteActionHint') }}
   </wt-tooltip>
 </template>
 
-<script>
-export default {
-  name: 'wt-delete-icon-action',
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
+<script setup>
+const props = defineProps({
+  disabled: {
+    type: Boolean,
+    default: false,
   },
-};
+});
+
+const emit = defineEmits(['click']);
 </script>
 
 <style scoped>

package/src/components/{organisms → atoms}/wt-icon-action/_internals/wt-download-icon-action.vue

@@ -4,23 +4,22 @@
       <wt-icon-btn
         icon="download"
         :disabled="disabled"
-        @click="$emit('click')"
+        @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 setup>
+const props = defineProps({
+  disabled: {
+    type: Boolean,
+    default: false,
   },
-};
+});
+
+const emit = defineEmits(['click']);
 </script>
 
 <style scoped>

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

@@ -5,23 +5,22 @@
         class="table-action"
         icon="edit"
         :disabled="disabled"
-        @click="$emit('click')"
+        @click="emit('click')"
       ></wt-icon-btn>
     </template>
     {{ $t('webitelUI.iconAction.editActionHint') }}
   </wt-tooltip>
 </template>
 
-<script>
-export default {
-  name: 'wt-edit-icon-action',
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
+<script setup>
+const props = defineProps({
+  disabled: {
+    type: Boolean,
+    default: false,
   },
-};
+});
+
+const emit = defineEmits(['click']);
 </script>
 
 <style scoped>

package/src/components/{organisms → atoms}/wt-icon-action/_internals/wt-history-icon-action.vue

@@ -4,23 +4,22 @@
       <wt-icon-btn
         icon="history"
         :disabled="disabled"
-        @click="$emit('click')"
+        @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 setup>
+const props = defineProps({
+  disabled: {
+    type: Boolean,
+    default: false,
   },
-};
+});
+
+const emit = defineEmits(['click']);
 </script>
 
 <style scoped>

package/src/components/{organisms → atoms}/wt-icon-action/wt-icon-action.vue

@@ -2,7 +2,7 @@
   <component
     :is="actionComponent"
     :disabled="disabled"
-    @click="$emit('click')"
+    @click="emit('click')"
   ></component>
 </template>
 
@@ -26,6 +26,8 @@ const props = defineProps({
   },
 });
 
+const emit = defineEmits(['click']);
+
 const actionComponent = computed(() => {
   switch (props.action) {
     case 'edit':

package/src/components/index.js

@@ -53,7 +53,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';
+import WtIconAction from './atoms/wt-icon-action/wt-icon-action.vue';
 import WtPageHeader from './organisms/wt-page-header/wt-page-header.vue';
 import WtStepper from './organisms/wt-stepper/wt-stepper.vue';
 

package/src/components/molecules/wt-icon-btn/wt-icon-btn.vue

@@ -38,6 +38,7 @@ export default {
       type: String,
     },
   },
+  emits: ['click'],
   computed: {
     iconColor() {
       if (this.disabled) return 'disabled';