@webitel/ui-sdk 25.4.79 → 25.4.81

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "25.4.79",
+  "version": "25.4.81",
   "private": false,
   "scripts": {
     "dev": "npm run docs:dev",

package/src/assets/icons/sprite/add-contact.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 15C11.8019 15 13.4821 15.4239 14.7461 16.1611C15.9856 16.8842 17 18.0302 17 19.5C17 20.0523 16.5523 20.5 16 20.5C15.4477 20.5 15 20.0523 15 19.5C15 19.0369 14.6711 18.4323 13.7393 17.8887C12.8317 17.3593 11.5116 17 10 17C8.48863 17 7.16922 17.3594 6.26172 17.8887C5.32965 18.4324 5 19.0368 5 19.5C5 20.0523 4.55228 20.5 4 20.5C3.44772 20.5 3 20.0523 3 19.5C3 18.0302 4.0144 16.8842 5.25391 16.1611C6.51791 15.4239 8.19811 15 10 15ZM10 6C12.2091 6 14 7.79086 14 10C14 12.2091 12.2091 14 10 14C7.79086 14 6 12.2091 6 10C6 7.79086 7.79086 6 10 6ZM10 8C8.89543 8 8 8.89543 8 10C8 11.1046 8.89543 12 10 12C11.1046 12 12 11.1046 12 10C12 8.89543 11.1046 8 10 8ZM18 3C18.5523 3 19 3.44772 19 4V5H20C20.5523 5 21 5.44772 21 6C21 6.55228 20.5523 7 20 7H19V8C19 8.55228 18.5523 9 18 9C17.4477 9 17 8.55228 17 8V7H16C15.4477 7 15 6.55228 15 6C15 5.44772 15.4477 5 16 5H17V4C17 3.44772 17.4477 3 18 3Z" />
+</svg>

package/src/assets/icons/sprite/index.js

@@ -1,5 +1,6 @@
 import { objCamelToKebab } from '../../../scripts/caseConverters.js';
 import account from './account.svg';
+import addContact from './add-contact.svg';
 import addFilter from './add-filter.svg';
 import adfs from './adfs.svg';
 import agent from './agent.svg';
@@ -219,6 +220,7 @@ export default objCamelToKebab({
   attention,
   azure,
   addFilter,
+  addContact,
   back,
   bell,
   bellBadged,

package/src/components/wt-action-bar/WtActionBarActionsOrder.js

@@ -10,6 +10,7 @@ export const tableActionsOrder = [
   IconAction.FILTERS,
   IconAction.REFRESH,
   IconAction.DELETE,
+  IconAction.ADD_CONTACT,
 ];
 
 // TODO

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

@@ -19,4 +19,5 @@ export const WtIconActionIconMappings = Object.freeze({
   [IconAction.SAVE]: 'save',
   [IconAction.SAVE_PRESET]: 'save',
   [IconAction.APPLY_PRESET]: 'load-preset',
+  [IconAction.ADD_CONTACT]: 'add-contact',
 });

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

@@ -39,6 +39,7 @@ const props = defineProps({
         IconAction.CANCEL,
         IconAction.SAVE_PRESET,
         IconAction.APPLY_PRESET,
+        IconAction.ADD_CONTACT,
       ]).includes(v),
   },
   disabled: {

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

@@ -149,7 +149,12 @@
         v-if="showIntersectionObserver"
         #afterList
       >
-        <div v-observe-visibility="handleAfterListIntersect" />
+<!--        @author @Lera24-->
+<!--        [WTEL-6818](https://webitel.atlassian.net/browse/WTEL-6818)-->
+<!--        When changing the page scale, vue-observe-visibility works unstable and does not see the changes. -->
+<!--        The minimum height ensures additional data loading if the search method is used-->
+
+        <div v-observe-visibility="handleAfterListIntersect" style="height: 1px"/>
       </template>
     </vue-multiselect>
     <wt-input-info
@@ -331,10 +336,10 @@ export default {
   .multiselect__single-label {
     // text overflow 3 dots
     display: block;
-    max-width: 100%;
     overflow: hidden;
-    text-overflow: ellipsis;
+    max-width: 100%;
     white-space: nowrap;
+    text-overflow: ellipsis;
   }
 }
 
@@ -352,12 +357,10 @@ export default {
   // all is fine
   :deep(.multiselect) {
     .multiselect__tags {
-      padding: var(--input-padding)
-      calc(
+      padding: var(--input-padding) calc(
         var(--input-padding) + var(--icon-md-size) +
         var(--select-caret-right-pos)
-      )
-      var(--input-padding) var(--input-padding);
+      ) var(--input-padding) var(--input-padding);
     }
   }
 }
@@ -366,14 +369,14 @@ export default {
 .wt-select.wt-select--multiple:not(.wt-select--clearable) {
   :deep(.multiselect) {
     $multiselect-limit-right-pos: calc(
-      var(--select-caret-right-pos) // caret offet from border
-      + var(--icon-md-size) // caret size
+      var(--select-caret-right-pos)// caret offet from border
+      + var(--icon-md-size)// caret size
       + var(--input-padding) // caret-to-chip offset
     );
 
     .multiselect__tags {
       padding-right: calc(
-        $multiselect-limit-right-pos + 50px // chip
+        $multiselect-limit-right-pos + 50px// chip
         + var(--input-padding) // chip-to-content offset
       );
     }
@@ -388,14 +391,14 @@ export default {
 .wt-select.wt-select--clearable:not(.wt-select--multiple) {
   :deep(.multiselect) {
     $multiselect-clear-right-pos: calc(
-      var(--select-caret-right-pos) // caret offset from border
-      + var(--icon-md-size) // caret size
+      var(--select-caret-right-pos)// caret offset from border
+      + var(--icon-md-size)// caret size
       + var(--input-padding) // caret-to-chip offset
     );
 
     .multiselect__tags {
       padding-right: calc(
-        $multiselect-clear-right-pos + var(--icon-md-size) // clear
+        $multiselect-clear-right-pos + var(--icon-md-size)// clear
         + var(--input-padding) // clear-to-content offset
       );
     }
@@ -410,20 +413,18 @@ export default {
 .wt-select.wt-select--multiple.wt-select--clearable {
   :deep(.multiselect) {
     $multiselect-clear-right-pos: calc(
-      var(--select-caret-right-pos) // caret offet from border
-      + var(--icon-md-size) // caret size
+      var(--select-caret-right-pos)// caret offet from border
+      + var(--icon-md-size)// caret size
       + var(--input-padding) // caret-to-chip offset
     );
 
     $multiselect-limit-right-pos: calc(
-      $multiselect-clear-right-pos + /* clear offet from border */
-      var(--icon-md-size) /* clear size */ + var(--input-padding)
-      /* cleat-to-chip offset */
+      $multiselect-clear-right-pos + /* clear offet from border */var(--icon-md-size)/* clear size */ + var(--input-padding) /* cleat-to-chip offset */
     );
 
     .multiselect__tags {
       padding-right: calc(
-        $multiselect-limit-right-pos + 50px // chip
+        $multiselect-limit-right-pos + 50px// chip
         + var(--input-padding) // chip-to-content offset
       );
     }

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

@@ -20,6 +20,7 @@ const IconAction = Object.freeze({
   SAVE: 'save',
   SAVE_PRESET: 'save-preset',
   APPLY_PRESET: 'apply-preset',
+  ADD_CONTACT: 'add-contact',
 });
 
 export default IconAction;

package/src/locale/en/en.js

@@ -442,6 +442,9 @@ export default {
             'webitelUI.filters.presets.preset',
           ).toLowerCase()}`;
         },
+        [IconAction.ADD_CONTACT]: ({ linked }) => {
+          return `${linked('reusable.add')} contacts`;
+        },
       },
     },
     errorPages: {

package/src/locale/ru/ru.js

@@ -436,6 +436,9 @@ export default {
         [IconAction.APPLY_PRESET]: ({ linked }) => {
           return `${linked('vocabulary.apply')} ${linked('webitelUI.filters.presets.preset').toLowerCase()}`;
         },
+        [IconAction.ADD_CONTACT]: ({ linked }) => {
+          return `${linked('reusable.add')} контакты`;
+        },
       },
     },
     errorPages: {

package/src/locale/ua/ua.js

@@ -436,6 +436,9 @@ export default {
         [IconAction.APPLY_PRESET]: ({ linked }) => {
           return `${linked('vocabulary.apply')} ${linked('webitelUI.filters.presets.preset').toLowerCase()}`;
         },
+        [IconAction.ADD_CONTACT]: ({ linked }) => {
+          return `${linked('reusable.add')} контакти`;
+        },
       },
     },
     errorPages: {