@webitel/ui-sdk 25.4.17 → 25.4.19

package/package.json

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

package/src/components/wt-divider/_variables.scss

@@ -4,5 +4,5 @@
 }
 
 :root.theme--dark {
-  --divider-border-color: var(--grey-darken-3);
+  --divider-border-color: var(--grey-darken-2);
 }

package/src/components/wt-empty/wt-empty.vue

@@ -272,6 +272,7 @@ const onSecondaryClick = onClick('secondary');
 @use '../../css/main.scss';
 
 .wt-empty {
+  box-sizing: border-box;
   display: flex;
   align-items: center;
   flex-direction: column;

package/src/components/wt-icon-action/iconMappings.js

@@ -13,6 +13,8 @@ export const WtIconActionIconMappings = Object.freeze({
   [IconAction.COLUMNS]: 'column-select',
   [IconAction.VARIABLES]: 'variable-select',
   [IconAction.CLOSE]: 'close--filled',
+  [IconAction.CANCEL]: 'close',
   [IconAction.CLEAR]: 'clear',
   [IconAction.ADD_FILTER]: 'add-filter',
+  [IconAction.SAVE]: 'save',
 });

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

@@ -4,7 +4,8 @@
       <wt-icon-btn
         :disabled="disabled"
         :icon="iconAction.icon"
-        @click="emit('click')"
+        @click="emit('click', $event)"
+        @mousedown="emit('mousedown', $event)"
       />
     </template>
     {{ t(iconAction.hint) }}
@@ -33,6 +34,8 @@ const props = defineProps({
         IconAction.HISTORY,
         IconAction.DOWNLOAD,
         IconAction.REFRESH,
+        IconAction.SAVE,
+        IconAction.CANCEL,
       ]).includes(v),
   },
   disabled: {
@@ -41,7 +44,7 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(['click']);
+const emit = defineEmits(['click', 'mousedown']);
 
 const { t } = useI18n();
 

package/src/enums/IconAction/IconAction.enum.js

@@ -13,9 +13,11 @@ const IconAction = Object.freeze({
   COLLAPSE: 'collapse',
   EXPAND: 'expand',
   CLOSE: 'close',
+  CANCEL: 'cancel',
   VARIABLES: 'variables',
   CLEAR: 'clear',
   ADD_FILTER: 'add-filter',
+  SAVE: 'save',
 });
 
 export default IconAction;

package/src/locale/en/en.js

@@ -153,7 +153,7 @@ export default {
     gateway: 'Gateway | Gateways',
     hangupCause: 'Hangup cause',
     hasOption: 'Has option',
-    hasRecording: 'Has recording',
+    hasRecording: 'Recording',
     amdResult: 'AMD result',
     ratedBy: 'Rated by',
     talkDuration: 'Talk duration',
@@ -418,6 +418,8 @@ export default {
         [IconAction.CLEAR]: ({ linked }) =>
           linked('webitelUI.tableActions.filterReset'),
         [IconAction.ADD_FILTER]: ({ linked }) => linked('reusable.add'),
+        [IconAction.SAVE]: ({ linked }) => linked('reusable.save'),
+        [IconAction.CANCEL]: ({ linked }) => linked('reusable.cancel'),
       },
     },
     errorPages: {

package/src/locale/ru/ru.js

@@ -416,6 +416,8 @@ export default {
         [IconAction.CLEAR]: ({ linked }) =>
           linked('webitelUI.tableActions.filterReset'),
         [IconAction.ADD_FILTER]: ({ linked }) => linked('reusable.add'),
+        [IconAction.SAVE]: ({ linked }) => linked('reusable.save'),
+        [IconAction.CANCEL]: ({ linked }) => linked('reusable.cancel'),
       },
     },
     errorPages: {

package/src/locale/ua/ua.js

@@ -416,6 +416,8 @@ export default {
         [IconAction.CLEAR]: ({ linked }) =>
           linked('webitelUI.tableActions.filterReset'),
         [IconAction.ADD_FILTER]: ({ linked }) => linked('reusable.add'),
+        [IconAction.SAVE]: ({ linked }) => linked('reusable.save'),
+        [IconAction.CANCEL]: ({ linked }) => linked('reusable.cancel'),
       },
     },
     errorPages: {