@webitel/ui-sdk 26.8.146 → 26.8.147

package/dist/{wt-chat-emoji-qxtZmAHe.js → wt-chat-emoji-B7-mjQC-.js}

@@ -1,4 +1,4 @@
-import "./components-DDe2Hor4.js";
+import "./components-BlmVperV.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { E as t, h as n } from "./enums-CKer6GJR.js";
 import { t as r } from "./wt-button-DipbKGWn.js";

package/dist/{wt-display-chip-items-ChCoDhQE.js → wt-display-chip-items-BGqMWNQY.js}

@@ -1,4 +1,4 @@
-import { C as e, i as t } from "./components-DDe2Hor4.js";
+import { C as e, i as t } from "./components-BlmVperV.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as r } from "./utils-DQQQIpjz.js";
 import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";

package/dist/{wt-send-message-popup-0lqmtkJP.js → wt-send-message-popup-BkVEi_VI.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./components-DDe2Hor4.js";
+import { n as e } from "./components-BlmVperV.js";
 import "./convertDuration-CIPonKKW.js";
-import { i as t, r as n } from "./clients-C8iQUpKL.js";
+import { i as t, r as n } from "./clients-DZ2FcoPP.js";
 import { n as r } from "./vue-i18n-VBiROMZ4.js";
 import { n as i } from "./useEventBus-B-ZeklLu.js";
 import { createBlock as a, createTextVNode as o, createVNode as s, defineComponent as c, mergeProps as l, onMounted as u, openBlock as d, ref as f, resolveComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";

package/dist/{wt-type-extension-value-input-D2k5q8tl.js → wt-type-extension-value-input-DfKzb12r.js}

@@ -1,7 +1,7 @@
 import "./dist-EXdgfpvN.js";
 import { n as e } from "./genClient-CvWlQ0TZ.js";
-import { a as t, o as n, r, s as i, w as a } from "./components-DDe2Hor4.js";
-import { n as o, t as s } from "./clients-C8iQUpKL.js";
+import { a as t, o as n, r, s as i, w as a } from "./components-BlmVperV.js";
+import { n as o, t as s } from "./clients-DZ2FcoPP.js";
 import { a as c, c as l, i as u, n as d, o as f, p, r as m, s as h, t as g } from "./enums-CKer6GJR.js";
 import { n as _ } from "./vue-i18n-VBiROMZ4.js";
 import "./wt-toast-3-3ZylQ9.js";

package/dist/{wt-vidstack-player-CZi8PLJN.js → wt-vidstack-player-kd0aWdgr.js}

@@ -1,4 +1,4 @@
-import { T as e } from "./components-DDe2Hor4.js";
+import { T as e } from "./components-BlmVperV.js";
 import "./convertDuration-CIPonKKW.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { h as n } from "./enums-CKer6GJR.js";

package/package.json

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

package/src/modules/AuditForm/components/audit-form-question-read-wrapper.vue

@@ -25,6 +25,12 @@
           {{ question.question }}
         </p>
       </div>
+      <wt-hint
+        v-if="question.description"
+        @click.stop
+      >
+        <span class="audit-form-question-read__description">{{ question.description }}</span>
+      </wt-hint>
       <wt-icon
         v-if="showMoveIcon"
         class="audit-form-question-read__drag-icon"
@@ -72,7 +78,7 @@ import { EngineAuditQuestionType } from '@webitel/api-services/gen/models';
 import { computed, inject } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { WtDivider, WtIcon } from '../../../components';
+import { WtDivider, WtHint, WtIcon } from '../../../components';
 import { IconColor } from '../../../enums';
 import isEmpty from '../../../scripts/isEmpty.js';
 import AuditFormAnswerEditingInfo from './form-answers/answer-editing-info/audit-form-answer-editing-info.vue';
@@ -191,6 +197,13 @@ const resetAnswer = () => {
   flex-shrink: 0;
 }
 
+.audit-form-question-read__description {
+  display: block;
+  max-width: 200px;
+  white-space: pre-line;
+  overflow-wrap: anywhere;
+}
+
 .audit-form-question-read-content {
   display: flex;
   flex-direction: column;

package/src/modules/AuditForm/components/audit-form-question-write-wrapper.vue

@@ -197,9 +197,6 @@ function handleQuestionTypeChange(type) {
   display: grid;
   grid-template-columns: 3fr 1fr;
   gap: var(--spacing-sm);
-  margin-right: calc(
-    24px + var(--spacing-sm)
-  ); // delete icon action for type "options"
   margin-bottom: var(--spacing-sm);
 }
 </style>

package/src/modules/AuditForm/components/form-questions/options/audit-form-question-options-write-row.vue

@@ -18,6 +18,7 @@
 
     <wt-icon-btn
       v-tooltip="$t('reusable.delete')"
+      class="audit-form-question-options-write-row__action"
       :disabled="isDeleteDisabled"
       icon="bucket"
       @click="emit('delete')"
@@ -87,8 +88,9 @@ onMounted(() => v$.value.$touch());
   grid-template-columns: 3fr 1fr 24px;
   gap: var(--spacing-sm);
 
-  &__tooltip {
-    padding-top: var(--spacing-md);
+  &__action {
+    align-self: start;
+    margin-top: var(--spacing-lg);
   }
 }
 </style>

package/src/modules/AuditForm/components/form-questions/options/audit-form-question-options.vue

@@ -14,6 +14,16 @@
           updateQuestion({ path: `options[${key}]`, value: $event })
         "
       />
+      <wt-divider />
+      <wt-textarea
+        class="audit-form-question-options-write__description"
+        :label="$t('vocabulary.description')"
+        :model-value="questionModel.description"
+        :disabled="readonly"
+        :submit-on-enter="false"
+        autoresize
+        @update:model-value="updateQuestion({ path: 'description', value: $event })"
+      />
       <wt-button
         class="audit-form-question-options-write__add-button"
         :disabled="readonly"
@@ -45,7 +55,12 @@ import type {
 	EngineQuestionAnswer,
 } from '@webitel/api-services/gen/models';
 import { inject } from 'vue';
-import { WtButton, WtRadio } from '../../../../../components';
+import {
+	WtButton,
+	WtDivider,
+	WtRadio,
+	WtTextarea,
+} from '../../../../../components';
 import updateObject from '../../../../../scripts/updateObject.js';
 import { generateOption } from '../../../schemas/AuditFormQuestionOptionsSchema';
 import OptionsWriteRow from './audit-form-question-options-write-row.vue';
@@ -61,7 +76,7 @@ defineProps<{
 	mode: 'read' | 'write';
 }>();
 
-function updateQuestion({ path, value }) {
+function updateQuestion({ path, value }: { path: string; value: unknown }) {
 	if (readonly) return;
 	questionModel.value = updateObject({
 		obj: questionModel.value,
@@ -107,6 +122,10 @@ function updateAnswer(score) {
 </script>
 
 <style lang="scss" scoped>
+.audit-form-question-options-write__description :deep(.wt-textarea__textarea) {
+  min-height: auto;
+}
+
 .audit-form-question-options-write {
   display: flex;
   flex-direction: column;

package/src/modules/AuditForm/components/form-questions/score/audit-form-question-score.vue

@@ -20,6 +20,18 @@
         required
         @update:model-value="updateQuestion({ path: 'max', value: $event })"
       />
+      <div class="audit-form-question-score-write__description">
+        <wt-divider />
+        <wt-textarea
+          class="audit-form-question-score-write__textarea"
+          :label="$t('vocabulary.description')"
+          :model-value="questionModel.description"
+          :disabled="readonly"
+          :submit-on-enter="false"
+          autoresize
+          @update:model-value="updateQuestion({ path: 'description', value: $event })"
+        />
+      </div>
     </div>
     <div
       v-else-if="mode === 'read'"
@@ -46,7 +58,9 @@ import type {
 } from '@webitel/api-services/gen/models';
 import { computed, inject, onMounted } from 'vue';
 
+import WtDivider from '../../../../../components/wt-divider/wt-divider.vue';
 import WtRadio from '../../../../../components/wt-radio/wt-radio.vue';
+import WtTextarea from '../../../../../components/wt-textarea/wt-textarea.vue';
 import updateObject from '../../../../../scripts/updateObject.js';
 
 const answerModel = defineModel<EngineQuestionAnswer | null>('answer');
@@ -110,7 +124,7 @@ function updateAnswer(score) {
 			};
 }
 
-function updateQuestion({ path, value }) {
+function updateQuestion({ path, value }: { path: string; value: unknown }) {
 	if (readonly) return;
 	questionModel.value = updateObject({
 		obj: questionModel.value,
@@ -124,11 +138,21 @@ onMounted(() => v$.value.$touch());
 </script>
 
 <style lang="scss" scoped>
+.audit-form-question-score-write__textarea :deep(.wt-textarea__textarea) {
+  min-height: auto;
+}
+
 .audit-form-question-score-write {
   display: grid;
-  grid-template-columns: 100px 100px;
+  grid-template-columns: repeat(4, 1fr);
   gap: var(--spacing-sm);
-  margin-right: calc(var(--spacing-sm) + 24px); // icon offset
+
+  &__description {
+    display: flex;
+    flex-direction: column;
+    grid-column: 1 / -1;
+    gap: var(--spacing-sm);
+  }
 }
 
 .audit-form-question-score-read {

package/src/modules/AuditForm/components/form-questions/yes/audit-form-question-yes.vue

@@ -4,7 +4,15 @@
       v-if="mode === 'write'"
       class="audit-form-question-yes-write"
     >
-      <!-- Write mode: No UI needed, just a placeholder since the question type itself is the answer -->
+      <wt-textarea
+        class="audit-form-question-yes-write__description"
+        :label="t('vocabulary.description')"
+        :model-value="questionModel.description"
+        :disabled="readonly"
+        :submit-on-enter="false"
+        autoresize
+        @update:model-value="updateQuestion({ path: 'description', value: $event })"
+      />
     </div>
     <div
       v-else-if="mode === 'read'"
@@ -20,13 +28,20 @@
 </template>
 
 <script lang="ts" setup>
-import type { EngineQuestionAnswer } from '@webitel/api-services/gen/models';
-import { computed } from 'vue';
+import type {
+	EngineQuestion,
+	EngineQuestionAnswer,
+} from '@webitel/api-services/gen/models';
+import { computed, inject } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import WtCheckbox from '../../../../../components/wt-checkbox/wt-checkbox.vue';
+import WtTextarea from '../../../../../components/wt-textarea/wt-textarea.vue';
+import updateObject from '../../../../../scripts/updateObject.js';
 
+const questionModel = defineModel<EngineQuestion>('question');
 const answerModel = defineModel<EngineQuestionAnswer | null>('answer');
+const readonly = inject<boolean>('readonly', false);
 
 defineProps<{
 	/**
@@ -37,6 +52,15 @@ defineProps<{
 
 const { t } = useI18n();
 
+function updateQuestion({ path, value }: { path: string; value: unknown }) {
+	if (readonly) return;
+	questionModel.value = updateObject({
+		obj: questionModel.value,
+		path,
+		value,
+	});
+}
+
 const isYes = computed(() => answerModel.value?.score === 1);
 
 function toggleYes(value: boolean | string[]) {
@@ -53,6 +77,16 @@ function toggleYes(value: boolean | string[]) {
 </script>
 
 <style lang="scss" scoped>
+.audit-form-question-yes-write__description :deep(.wt-textarea__textarea) {
+  min-height: auto;
+}
+
+.audit-form-question-yes-write {
+  display: grid;
+  grid-template-columns: 3fr 1fr;
+  gap: var(--spacing-sm);
+}
+
 .audit-form-question-yes-read {
   display: flex;
   flex-direction: column;