@yoobic/yobi 8.2.0-6 → 8.2.0-7

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c8609d4f.js');
 const index$1 = require('./index-11911d9b.js');
 const commonHelpers = require('./common-helpers-1d02f971.js');
-const draggableTagsHelpers = require('./draggable-tags-helpers-bf7e3a6b.js');
+const draggableTagsHelpers = require('./draggable-tags-helpers-55561d23.js');
 const formInputHelpers = require('./form-input-helpers-dd79926c.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-form-swipe-cards.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-c8609d4f.js');
 const index$1 = require('./index-11911d9b.js');
 const lodash = require('./lodash-597bda6d.js');
 const commonHelpers = require('./common-helpers-1d02f971.js');
-const draggableTagsHelpers = require('./draggable-tags-helpers-bf7e3a6b.js');
+const draggableTagsHelpers = require('./draggable-tags-helpers-55561d23.js');
 const formInputHelpers = require('./form-input-helpers-dd79926c.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-d82a50b9.js');
@@ -148,13 +148,7 @@ const YooFormSwipeCardsComponent = class {
     if (!this.showInstructionView) {
       this.initDraggable();
     }
-    const showCategoriesWarning = this.livePreview && !this.hasTwoCategories;
-    if (showCategoriesWarning) {
-      draggableTagsHelpers.showWarningAlert(this.host, true, 'NOTFULFILLEDCATEGORIES');
-    }
-    else {
-      this.showValuesWarning();
-    }
+    this.showWarnings();
   }
   updateCardsData() {
     if (this.hasDataChanged) {
@@ -181,10 +175,14 @@ const YooFormSwipeCardsComponent = class {
     return (_a = this.cardsElements) === null || _a === void 0 ? void 0 : _a.find((cardElement) => (cardElement === null || cardElement === void 0 ? void 0 : cardElement.id) === id);
   }
   spyOnValuesChanged() {
-    this.showValuesWarning();
+    this.showWarnings();
   }
-  showValuesWarning() {
-    if (this.hasTwoCategories && this.livePreview) {
+  showWarnings() {
+    var _a;
+    if (((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) && this.livePreview && !this.hasTwoCategories) {
+      draggableTagsHelpers.showWarningAlert(this.host, true, 'NOTFULFILLEDCATEGORIES');
+    }
+    else if (this.hasTwoCategories && this.livePreview) {
       this.hasEmptyValues = !!this.numberEmptyItems.text || !!this.numberEmptyItems.image;
       this.hasDuplicatesValues = this.hasText && draggableTagsHelpers.hasDuplicates(this.values);
       let showAlert = this.hasEmptyValues || this.hasDuplicatesValues;

package/dist/cjs/yoo-form-text-area.cjs.entry.js

@@ -76,6 +76,10 @@ const YooFormTextAreaComponent = class {
     }
     return false;
   }
+  async getText() {
+    var _a;
+    return (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.innerText;
+  }
   async updateValueAndFocus(value, insert) {
     if (insert) {
       const { insertElement, offset } = formTextAreaHelpers.getInsertElementProp(this.host, this.inputEl);
@@ -192,7 +196,8 @@ const YooFormTextAreaComponent = class {
     this.updateSegmentsCountDebounce();
   }
   onParagraphInputChanged(ev) {
-    if ((ev === null || ev === void 0 ? void 0 : ev.inputType) === 'insertCompositionText') {
+    var _a;
+    if ((ev === null || ev === void 0 ? void 0 : ev.inputType) === 'insertCompositionText' && ((_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.innerText.length) > 1) {
       return;
     }
     // Clean up random BR and FONT injected

package/dist/cjs/yoo-grid.cjs.entry.js

@@ -948,7 +948,6 @@ const YooGridComponent = class {
         this.setFormFieldValue();
       },
       onFirstDataRendered: () => {
-        // params
         setTimeout(() => {
           if (this.sizeColumnsToFit && !this.disconnected) {
             this.gridApi.sizeColumnsToFit();
@@ -963,7 +962,9 @@ const YooGridComponent = class {
           return [];
         }
       },
-      isServerSideGroup: this.isTree() ? (item) => !(item && (item.isLeaf)) : null,
+      isServerSideGroup: this.isTree() ? (item) => {
+        return !(item === null || item === void 0 ? void 0 : item.isLeaf);
+      } : null,
       getServerSideGroupKey: this.isTree()
         ? (dataItem) => {
           return dataItem._id;
@@ -973,7 +974,6 @@ const YooGridComponent = class {
     if (this.isTree()) {
       this.finalGridConfig.groupDisplayType = 'custom';
       this.finalGridConfig.serverSideStoreType = 'full';
-      // this.finalGridConfig.groupSuppressAutoColumn = true;
     }
     this.finalGridConfig.rowModelType = this.finalGridConfig.rowModelType || 'serverSide';
     if (this.gridDomLayout) {

package/dist/cjs/yoo-input-bar.cjs.entry.js

@@ -29559,10 +29559,14 @@ const YooInputBarComponent = class {
     }
   }
   async onActionClick(preventFocusAfter = false) {
-    var _a, _b;
+    var _a, _b, _c;
     this.onVibrate();
-    if (this.hasTextInside || (this.value && this.value !== '')) {
-      const safeContent = await commonHelpers.sanitizeHTML(this.value);
+    let text = this.value;
+    if (this.formTextArea) {
+      text = await ((_a = this.formTextArea) === null || _a === void 0 ? void 0 : _a.getText()) || text;
+    }
+    if (this.hasTextInside || (text && text !== '')) {
+      const safeContent = await commonHelpers.sanitizeHTML(text);
       this.sendText.emit(safeContent);
       this.value = null;
       if (this.formTextArea) {
@@ -29577,10 +29581,10 @@ const YooInputBarComponent = class {
     else {
       this.onImportPhotoFromLibrary();
     }
-    if (((_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.keepFocusAfterAction) && this.formTextArea && !preventFocusAfter) {
+    if (((_b = this.advancedOptions) === null || _b === void 0 ? void 0 : _b.keepFocusAfterAction) && this.formTextArea && !preventFocusAfter) {
       this.formTextArea.setFocus();
     }
-    if (((_b = this.advancedOptions) === null || _b === void 0 ? void 0 : _b.blurAfterAction) && this.formTextArea) {
+    if (((_c = this.advancedOptions) === null || _c === void 0 ? void 0 : _c.blurAfterAction) && this.formTextArea) {
       this.formTextArea.setBlur();
     }
   }

package/dist/collection/components/3.organisms/input-bar/input-bar.js

@@ -733,10 +733,14 @@ export class YooInputBarComponent {
     }
   }
   async onActionClick(preventFocusAfter = false) {
-    var _a, _b;
+    var _a, _b, _c;
     this.onVibrate();
-    if (this.hasTextInside || (this.value && this.value !== '')) {
-      const safeContent = await sanitizeHTML(this.value);
+    let text = this.value;
+    if (this.formTextArea) {
+      text = await ((_a = this.formTextArea) === null || _a === void 0 ? void 0 : _a.getText()) || text;
+    }
+    if (this.hasTextInside || (text && text !== '')) {
+      const safeContent = await sanitizeHTML(text);
       this.sendText.emit(safeContent);
       this.value = null;
       if (this.formTextArea) {
@@ -751,10 +755,10 @@ export class YooInputBarComponent {
     else {
       this.onImportPhotoFromLibrary();
     }
-    if (((_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.keepFocusAfterAction) && this.formTextArea && !preventFocusAfter) {
+    if (((_b = this.advancedOptions) === null || _b === void 0 ? void 0 : _b.keepFocusAfterAction) && this.formTextArea && !preventFocusAfter) {
       this.formTextArea.setFocus();
     }
-    if (((_b = this.advancedOptions) === null || _b === void 0 ? void 0 : _b.blurAfterAction) && this.formTextArea) {
+    if (((_c = this.advancedOptions) === null || _c === void 0 ? void 0 : _c.blurAfterAction) && this.formTextArea) {
       this.formTextArea.setBlur();
     }
   }

package/dist/collection/components/form/form-missing-word/form-missing-word.js

@@ -95,7 +95,7 @@ export class YooFormMissingWordComponent {
     this.initGame();
   }
   showWarning() {
-    var _a;
+    var _a, _b, _c;
     const hasDuplicateValues = hasDuplicates(this.values);
     if (hasDuplicateValues) {
       const duplicateValue = getDuplicatedValue(this.values);
@@ -104,21 +104,16 @@ export class YooFormMissingWordComponent {
         this.sentence.replace(`[[${duplicateValueIndex}]]`, '');
       }
     }
-    const newValuesLength = (_a = this.values) === null || _a === void 0 ? void 0 : _a.map((v) => !isValueATranslationKey(v) && v.length);
+    const missingValues = !((_a = this.answer) === null || _a === void 0 ? void 0 : _a.length) && !!((_b = this.values) === null || _b === void 0 ? void 0 : _b.length);
+    const newValuesLength = (_c = this.values) === null || _c === void 0 ? void 0 : _c.map((v) => !isValueATranslationKey(v) && v.length);
     const hasTooLongValues = newValuesLength === null || newValuesLength === void 0 ? void 0 : newValuesLength.some((n) => n > MAX_TAGS_CHARACTERS);
-    const bannerMessage = hasTooLongValues ? 'MAXCHARACTERSREACHEDFORVALUES' : hasDuplicateValues ? 'NODUPLICATEVALUES' : '';
-    const showBanner = hasDuplicateValues || hasTooLongValues;
+    const bannerMessage = hasTooLongValues ? 'MAXCHARACTERSREACHEDFORVALUES' : hasDuplicateValues ? 'NODUPLICATEVALUES' : missingValues ? 'NOMISSINGVALUES' : '';
+    const showBanner = hasDuplicateValues || hasTooLongValues || missingValues;
     showWarningAlert(this.host, showBanner, bannerMessage);
   }
   initGame() {
-    var _a;
     this.tags = initTags(this.tagConfig, this.zonesConfig);
-    if (!((_a = this.answer) === null || _a === void 0 ? void 0 : _a.length)) {
-      showWarningAlert(this.host, true, 'NOMISSINGVALUES');
-    }
-    else {
-      this.showWarning();
-    }
+    this.showWarning();
   }
   getColorTag(tagValue) {
     if (this.readonly && checkArray(this.value) && this.answer) {

package/dist/collection/components/form/form-swipe-cards/form-swipe-cards.js

@@ -123,13 +123,7 @@ export class YooFormSwipeCardsComponent {
     if (!this.showInstructionView) {
       this.initDraggable();
     }
-    const showCategoriesWarning = this.livePreview && !this.hasTwoCategories;
-    if (showCategoriesWarning) {
-      showWarningAlert(this.host, true, 'NOTFULFILLEDCATEGORIES');
-    }
-    else {
-      this.showValuesWarning();
-    }
+    this.showWarnings();
   }
   updateCardsData() {
     if (this.hasDataChanged) {
@@ -156,10 +150,14 @@ export class YooFormSwipeCardsComponent {
     return (_a = this.cardsElements) === null || _a === void 0 ? void 0 : _a.find((cardElement) => (cardElement === null || cardElement === void 0 ? void 0 : cardElement.id) === id);
   }
   spyOnValuesChanged() {
-    this.showValuesWarning();
+    this.showWarnings();
   }
-  showValuesWarning() {
-    if (this.hasTwoCategories && this.livePreview) {
+  showWarnings() {
+    var _a;
+    if (((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) && this.livePreview && !this.hasTwoCategories) {
+      showWarningAlert(this.host, true, 'NOTFULFILLEDCATEGORIES');
+    }
+    else if (this.hasTwoCategories && this.livePreview) {
       this.hasEmptyValues = !!this.numberEmptyItems.text || !!this.numberEmptyItems.image;
       this.hasDuplicatesValues = this.hasText && hasDuplicates(this.values);
       let showAlert = this.hasEmptyValues || this.hasDuplicatesValues;

package/dist/collection/components/form/form-text-area/form-text-area.js

@@ -57,6 +57,10 @@ export class YooFormTextAreaComponent {
     }
     return false;
   }
+  async getText() {
+    var _a;
+    return (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.innerText;
+  }
   async updateValueAndFocus(value, insert) {
     if (insert) {
       const { insertElement, offset } = getInsertElementProp(this.host, this.inputEl);
@@ -173,7 +177,8 @@ export class YooFormTextAreaComponent {
     this.updateSegmentsCountDebounce();
   }
   onParagraphInputChanged(ev) {
-    if ((ev === null || ev === void 0 ? void 0 : ev.inputType) === 'insertCompositionText') {
+    var _a;
+    if ((ev === null || ev === void 0 ? void 0 : ev.inputType) === 'insertCompositionText' && ((_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.innerText.length) > 1) {
       return;
     }
     // Clean up random BR and FONT injected
@@ -1175,6 +1180,22 @@ export class YooFormTextAreaComponent {
         "tags": []
       }
     },
+    "getText": {
+      "complexType": {
+        "signature": "() => Promise<string>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<string>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    },
     "updateValueAndFocus": {
       "complexType": {
         "signature": "(value: string, insert?: boolean) => Promise<void>",

package/dist/collection/components/grid/ag-grid/ag-grid.js

@@ -64,7 +64,6 @@ export class YooAgGridComponent {
         cellRendererParams: c.cellRendererParams ? { ...c.cellRendererParams, innerRenderer: getRenderer(c.cellRendererParams.innerRenderer) } : null,
         cellEditor: c.editable ? (isString(c.cellEditor) || !c.cellEditor ? getEditor(c.cellEditor) : c.cellEditor) : null,
         comparator: c.comparator ? getComparator(c.comparator) : null
-        // headerComponent: isString(c.headerComponent) ? getHeaderComponent(c.headerComponent as TGridColumnHeader) : null
       };
       if (c.type === 'rightAligned') {
         finalColDef.headerClass = 'ag-right-aligned-header';

package/dist/collection/components/grid/grid/grid.js

@@ -867,7 +867,6 @@ export class YooGridComponent {
         this.setFormFieldValue();
       },
       onFirstDataRendered: () => {
-        // params
         setTimeout(() => {
           if (this.sizeColumnsToFit && !this.disconnected) {
             this.gridApi.sizeColumnsToFit();
@@ -882,7 +881,9 @@ export class YooGridComponent {
           return [];
         }
       },
-      isServerSideGroup: this.isTree() ? (item) => !(item && (item.isLeaf)) : null,
+      isServerSideGroup: this.isTree() ? (item) => {
+        return !(item === null || item === void 0 ? void 0 : item.isLeaf);
+      } : null,
       getServerSideGroupKey: this.isTree()
         ? (dataItem) => {
           return dataItem._id;
@@ -892,7 +893,6 @@ export class YooGridComponent {
     if (this.isTree()) {
       this.finalGridConfig.groupDisplayType = 'custom';
       this.finalGridConfig.serverSideStoreType = 'full';
-      // this.finalGridConfig.groupSuppressAutoColumn = true;
     }
     this.finalGridConfig.rowModelType = this.finalGridConfig.rowModelType || 'serverSide';
     if (this.gridDomLayout) {

package/dist/collection/feature-communicate/chat/chat/chat.js

@@ -41,10 +41,11 @@ export class YooChatComponent {
     this.onToggleView();
   }
   onInputFocused() {
+    var _a;
     this.inputFocused = true;
     this.scrollBottomOnKeyboradShown = true;
     !isNativeMobile() && (this.oldestMostRecentMessageToken = null);
-    this.scroll.scrollToBottom(250);
+    (_a = this.scroll) === null || _a === void 0 ? void 0 : _a.scrollToBottom(250);
   }
   onMediaLoading(event) {
     this.showLoader = event === null || event === void 0 ? void 0 : event.detail;

package/dist/collection/utils/helpers/draggable-tags-helpers.js

@@ -30,7 +30,7 @@ export async function showWarningAlert(container, showBanner = true, messageKey
       backgroundColor: `var(--${backgroundColor})`,
       height: 'auto',
       opacity: '1',
-      padding: `${messageKey ? 'var(--spacing-08)' : '0'}`
+      padding: `${showBanner ? 'var(--spacing-08)' : '0'}`
     };
     const content = bannerElement.querySelector('p[slot="content"]');
     content.innerHTML = translate(messageKey);