@yoobic/yobi 8.6.63 → 8.6.64

package/dist/cjs/yoo-form-dynamic.cjs.entry.js

@@ -3817,7 +3817,7 @@ const YooFormDynamicComponent = class {
         };
         break;
       case index.FormFieldType.textarea:
-        if (!index$1.isSurface() && (field.useRichText || ((field.language === 'html' || field.language === 'html-simple') && (index$1.isWeb(this.host) || readonly)))) {
+        if (field.useRichText || ((field.language === 'html' || field.language === 'html-simple') && (index$1.isWeb(this.host) || readonly))) {
           TagType = 'yoo-form-text-editor';
         }
         else {
@@ -3846,7 +3846,11 @@ const YooFormDynamicComponent = class {
           displaySegmentsCount: field.displaySegmentsCount,
           mentionUsers: field.allowMention ? field.mentionUsers : [],
           translations: this.shouldUseTranslations() ? this.translations : null,
-          onInputResize: () => this.scrollToField(this.focusedField, true, this.keyboardHeight),
+          onInputResize: (event) => {
+            if (event.target === this.focusedField) {
+              this.scrollToField(this.focusedField, true, this.keyboardHeight);
+            }
+          },
           onTranslationValueUpdated: (ev) => this.onTranslationValueUpdated(ev),
           onFetchData: field.allowMention ? (ev) => this.onFetchData(field, ev) : null
         };

package/dist/collection/components/form/form-dynamic/form-dynamic.js

@@ -1,5 +1,5 @@
 import { FormFieldType, IncentivePartType, QUIZZ_COMPONENTS_FORM_FIELDS } from '@shared/interfaces';
-import { answerIsValid, cancelRequestInterval, closeModal, debounce, disableKeyboardResize, dispatchCustomEvent, enableKeyboardResize, evalInContext, extractTextFromStringHTML, findField, findParent, getConfidenceDescriptionKey, getConfidenceEmoji, getCssColor, getDistance, getFieldReplacement, getFieldValue, getModalAnimation, getSession, hasValue, isAndroid, isAnimationsDisabled, isChromeForIos, isConfidenceAssessment, isContentOnly, isFieldWithDirectValue, isFieldWithNoValue, isIonic, isIOS, isIphoneX, isKeyboardResizeModeInactive, isNativeMobile, isPhotoOrMultiPhotosField, isQuiz, isSafari, isSamsung, isSurface, isTimedQuiz, isTranslationKey, isValueATranslationKey, isVisible, isWeb, pipes, requestInterval, sanitizeInputValue, showContextMenu, showModal, showToast, slenderizeObject, translate, translateMulti, updateDatasetFilters } from '@shared/utils';
+import { answerIsValid, cancelRequestInterval, closeModal, debounce, disableKeyboardResize, dispatchCustomEvent, enableKeyboardResize, evalInContext, extractTextFromStringHTML, findField, findParent, getConfidenceDescriptionKey, getConfidenceEmoji, getCssColor, getDistance, getFieldReplacement, getFieldValue, getModalAnimation, getSession, hasValue, isAndroid, isAnimationsDisabled, isChromeForIos, isConfidenceAssessment, isContentOnly, isFieldWithDirectValue, isFieldWithNoValue, isIonic, isIOS, isIphoneX, isKeyboardResizeModeInactive, isNativeMobile, isPhotoOrMultiPhotosField, isQuiz, isSafari, isSamsung, isTimedQuiz, isTranslationKey, isValueATranslationKey, isVisible, isWeb, pipes, requestInterval, sanitizeInputValue, showContextMenu, showModal, showToast, slenderizeObject, translate, translateMulti, updateDatasetFilters } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 import { getMissionStatusIconName } from '@yobi/feature-operate/campaign/helpers/operation-helpers';
 import { getActiveElementShadow, getAppContext, lockSwipes, querySelectorAllDeep, querySelectorDeep } from '@yobi/utils/helpers/common-helpers';
@@ -3606,7 +3606,7 @@ export class YooFormDynamicComponent {
         };
         break;
       case FormFieldType.textarea:
-        if (!isSurface() && (field.useRichText || ((field.language === 'html' || field.language === 'html-simple') && (isWeb(this.host) || readonly)))) {
+        if (field.useRichText || ((field.language === 'html' || field.language === 'html-simple') && (isWeb(this.host) || readonly))) {
           TagType = 'yoo-form-text-editor';
         }
         else {
@@ -3635,7 +3635,11 @@ export class YooFormDynamicComponent {
           displaySegmentsCount: field.displaySegmentsCount,
           mentionUsers: field.allowMention ? field.mentionUsers : [],
           translations: this.shouldUseTranslations() ? this.translations : null,
-          onInputResize: () => this.scrollToField(this.focusedField, true, this.keyboardHeight),
+          onInputResize: (event) => {
+            if (event.target === this.focusedField) {
+              this.scrollToField(this.focusedField, true, this.keyboardHeight);
+            }
+          },
           onTranslationValueUpdated: (ev) => this.onTranslationValueUpdated(ev),
           onFetchData: field.allowMention ? (ev) => this.onFetchData(field, ev) : null
         };

package/dist/design-system/yoo-form-dynamic.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-2cf5b950.js';
 import { b as FormFieldType, a1 as QUIZZ_COMPONENTS_FORM_FIELDS, o as IncentivePartType } from './index-98771488.js';
-import { y as isWeb, t as translate, b as isNativeMobile, c as isAndroid, N as findParent, aT as getFieldValue, cK as isQuiz, eo as isTimedQuiz, ep as isConfidenceAssessment, bl as showToast, bf as findField, a6 as getSession, z as debounce, dA as isKeyboardResizeModeInactive, ag as disableKeyboardResize, af as enableKeyboardResize, Z as cancelRequestInterval, aX as slenderizeObject, W as requestInterval, eq as isVisible, er as hasValue, aF as showContextMenu, x as showModal, a0 as translateMulti, H as getCssColor, E as isIOS, es as getDistance, ao as dispatchCustomEvent, et as isFieldWithDirectValue, eu as isFieldWithNoValue, ev as updateDatasetFilters, de as isAnimationsDisabled, cH as answerIsValid, ew as getConfidenceEmoji, cG as getConfidenceDescriptionKey, D as isIphoneX, cE as isContentOnly, aO as evalInContext, df as isTranslationKey, b3 as extractTextFromStringHTML, ex as sanitizeInputValue, p as pipes, c2 as isSurface, aU as getFieldReplacement, ey as isSamsung, cA as isIonic, j as closeModal, w as getModalAnimation, ez as isPhotoOrMultiPhotosField, bw as isValueATranslationKey, m as isSafari, eA as isChromeForIos } from './index-e7e87cd9.js';
+import { y as isWeb, t as translate, b as isNativeMobile, c as isAndroid, N as findParent, aT as getFieldValue, cK as isQuiz, eo as isTimedQuiz, ep as isConfidenceAssessment, bl as showToast, bf as findField, a6 as getSession, z as debounce, dA as isKeyboardResizeModeInactive, ag as disableKeyboardResize, af as enableKeyboardResize, Z as cancelRequestInterval, aX as slenderizeObject, W as requestInterval, eq as isVisible, er as hasValue, aF as showContextMenu, x as showModal, a0 as translateMulti, H as getCssColor, E as isIOS, es as getDistance, ao as dispatchCustomEvent, et as isFieldWithDirectValue, eu as isFieldWithNoValue, ev as updateDatasetFilters, de as isAnimationsDisabled, cH as answerIsValid, ew as getConfidenceEmoji, cG as getConfidenceDescriptionKey, D as isIphoneX, cE as isContentOnly, aO as evalInContext, df as isTranslationKey, b3 as extractTextFromStringHTML, ex as sanitizeInputValue, p as pipes, aU as getFieldReplacement, ey as isSamsung, cA as isIonic, j as closeModal, w as getModalAnimation, ez as isPhotoOrMultiPhotosField, bw as isValueATranslationKey, m as isSafari, eA as isChromeForIos } from './index-e7e87cd9.js';
 import { a as getMissionStatusIconName } from './operation-helpers-08868a68.js';
 import { j as lockSwipes, q as querySelectorDeep, c as querySelectorAllDeep, b as getActiveElementShadow, g as getAppContext } from './common-helpers-ffdd328d.js';
 import { b as isRequired, c as getTypeValidation, d as isReadonly, s as setFieldData, g as getExtraDataFieldName, S as SELECTED_RADIO_BUTTON_SUFFIX, u as updateFormulas, e as getDynamicProperty, f as isDisabled, h as isCreationAllowed, j as isEditionAllowed, k as generateLabel } from './form-helpers-6147506d.js';
@@ -3813,7 +3813,7 @@ const YooFormDynamicComponent = class {
         };
         break;
       case FormFieldType.textarea:
-        if (!isSurface() && (field.useRichText || ((field.language === 'html' || field.language === 'html-simple') && (isWeb(this.host) || readonly)))) {
+        if (field.useRichText || ((field.language === 'html' || field.language === 'html-simple') && (isWeb(this.host) || readonly))) {
           TagType = 'yoo-form-text-editor';
         }
         else {
@@ -3842,7 +3842,11 @@ const YooFormDynamicComponent = class {
           displaySegmentsCount: field.displaySegmentsCount,
           mentionUsers: field.allowMention ? field.mentionUsers : [],
           translations: this.shouldUseTranslations() ? this.translations : null,
-          onInputResize: () => this.scrollToField(this.focusedField, true, this.keyboardHeight),
+          onInputResize: (event) => {
+            if (event.target === this.focusedField) {
+              this.scrollToField(this.focusedField, true, this.keyboardHeight);
+            }
+          },
           onTranslationValueUpdated: (ev) => this.onTranslationValueUpdated(ev),
           onFetchData: field.allowMention ? (ev) => this.onFetchData(field, ev) : null
         };

package/dist/esm/yoo-form-dynamic.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-2cf5b950.js';
 import { b as FormFieldType, a1 as QUIZZ_COMPONENTS_FORM_FIELDS, o as IncentivePartType } from './index-98771488.js';
-import { y as isWeb, t as translate, b as isNativeMobile, c as isAndroid, N as findParent, aT as getFieldValue, cK as isQuiz, eo as isTimedQuiz, ep as isConfidenceAssessment, bl as showToast, bf as findField, a6 as getSession, z as debounce, dA as isKeyboardResizeModeInactive, ag as disableKeyboardResize, af as enableKeyboardResize, Z as cancelRequestInterval, aX as slenderizeObject, W as requestInterval, eq as isVisible, er as hasValue, aF as showContextMenu, x as showModal, a0 as translateMulti, H as getCssColor, E as isIOS, es as getDistance, ao as dispatchCustomEvent, et as isFieldWithDirectValue, eu as isFieldWithNoValue, ev as updateDatasetFilters, de as isAnimationsDisabled, cH as answerIsValid, ew as getConfidenceEmoji, cG as getConfidenceDescriptionKey, D as isIphoneX, cE as isContentOnly, aO as evalInContext, df as isTranslationKey, b3 as extractTextFromStringHTML, ex as sanitizeInputValue, p as pipes, c2 as isSurface, aU as getFieldReplacement, ey as isSamsung, cA as isIonic, j as closeModal, w as getModalAnimation, ez as isPhotoOrMultiPhotosField, bw as isValueATranslationKey, m as isSafari, eA as isChromeForIos } from './index-e7e87cd9.js';
+import { y as isWeb, t as translate, b as isNativeMobile, c as isAndroid, N as findParent, aT as getFieldValue, cK as isQuiz, eo as isTimedQuiz, ep as isConfidenceAssessment, bl as showToast, bf as findField, a6 as getSession, z as debounce, dA as isKeyboardResizeModeInactive, ag as disableKeyboardResize, af as enableKeyboardResize, Z as cancelRequestInterval, aX as slenderizeObject, W as requestInterval, eq as isVisible, er as hasValue, aF as showContextMenu, x as showModal, a0 as translateMulti, H as getCssColor, E as isIOS, es as getDistance, ao as dispatchCustomEvent, et as isFieldWithDirectValue, eu as isFieldWithNoValue, ev as updateDatasetFilters, de as isAnimationsDisabled, cH as answerIsValid, ew as getConfidenceEmoji, cG as getConfidenceDescriptionKey, D as isIphoneX, cE as isContentOnly, aO as evalInContext, df as isTranslationKey, b3 as extractTextFromStringHTML, ex as sanitizeInputValue, p as pipes, aU as getFieldReplacement, ey as isSamsung, cA as isIonic, j as closeModal, w as getModalAnimation, ez as isPhotoOrMultiPhotosField, bw as isValueATranslationKey, m as isSafari, eA as isChromeForIos } from './index-e7e87cd9.js';
 import { a as getMissionStatusIconName } from './operation-helpers-08868a68.js';
 import { j as lockSwipes, q as querySelectorDeep, c as querySelectorAllDeep, b as getActiveElementShadow, g as getAppContext } from './common-helpers-ffdd328d.js';
 import { b as isRequired, c as getTypeValidation, d as isReadonly, s as setFieldData, g as getExtraDataFieldName, S as SELECTED_RADIO_BUTTON_SUFFIX, u as updateFormulas, e as getDynamicProperty, f as isDisabled, h as isCreationAllowed, j as isEditionAllowed, k as generateLabel } from './form-helpers-6147506d.js';
@@ -3813,7 +3813,7 @@ const YooFormDynamicComponent = class {
         };
         break;
       case FormFieldType.textarea:
-        if (!isSurface() && (field.useRichText || ((field.language === 'html' || field.language === 'html-simple') && (isWeb(this.host) || readonly)))) {
+        if (field.useRichText || ((field.language === 'html' || field.language === 'html-simple') && (isWeb(this.host) || readonly))) {
           TagType = 'yoo-form-text-editor';
         }
         else {
@@ -3842,7 +3842,11 @@ const YooFormDynamicComponent = class {
           displaySegmentsCount: field.displaySegmentsCount,
           mentionUsers: field.allowMention ? field.mentionUsers : [],
           translations: this.shouldUseTranslations() ? this.translations : null,
-          onInputResize: () => this.scrollToField(this.focusedField, true, this.keyboardHeight),
+          onInputResize: (event) => {
+            if (event.target === this.focusedField) {
+              this.scrollToField(this.focusedField, true, this.keyboardHeight);
+            }
+          },
           onTranslationValueUpdated: (ev) => this.onTranslationValueUpdated(ev),
           onFetchData: field.allowMention ? (ev) => this.onFetchData(field, ev) : null
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoobic/yobi",
-  "version": "8.6.63",
+  "version": "8.6.64",
   "description": "Yobi - Yoobic Design System",
   "module": "dist/index.js",
   "main": "dist/index.cjs.js",