@yoobic/yobi 8.2.0-25 → 8.2.0-26

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

@@ -411,7 +411,7 @@ const YooFormAutocompleteComponent = class {
       endDate: search.endDate,
       sortAndFilters: this.sortsAndFilters,
       search: search.search,
-      data: formDynamic.data
+      data: formDynamic === null || formDynamic === void 0 ? void 0 : formDynamic.data
     }).then((ret) => {
       var _a, _b;
       if (search.currentPage === 0) {

package/dist/cjs/yoo-form-multi-input.cjs.entry.js

@@ -50,13 +50,6 @@ const YooFormMultiInputComponent = class {
     this.dragAndDropPendingEvent = null;
     this.dragAndDropPendingEventTimeout = null;
     this.sortables = [];
-    this.setValueAndEmitChanges = (value, skipValueAssignment = false) => {
-      if (!skipValueAssignment) {
-        this.value = value;
-      }
-      const finalValue = this.isSimpleArray ? this.value[0] : this.value;
-      formInputHelpers.setValueAndValidateInput(finalValue, this, false, true, true);
-    };
   }
   async reset(keys) {
     this.cells = this.getCells();
@@ -422,13 +415,19 @@ const YooFormMultiInputComponent = class {
     if (this.reverseValueDimensions) {
       values = this.arrayTransposing(values);
     }
-    // use debounce to prevent performance issue while typing
-    index$1.debounce(this.setValueAndEmitChanges.bind(this), 500)(values);
+    this.setValueAndEmitChanges(values);
   }
   onTranslationValueUpdated(ev) {
     ev.stopPropagation();
     this.translationValueUpdated.emit(ev.detail);
   }
+  setValueAndEmitChanges(value, skipValueAssignment = false) {
+    if (!skipValueAssignment) {
+      this.value = value;
+    }
+    const finalValue = this.isSimpleArray ? this.value[0] : this.value;
+    formInputHelpers.setValueAndValidateInput(finalValue, this, false, true, true);
+  }
   isLinkedList() {
     return this.columns.some((c) => c.linkedRow);
   }
@@ -530,6 +529,7 @@ const YooFormMultiInputComponent = class {
         onFetchCustomData: (ev) => this.onFetchEvent(ev, cell.rowIndex, cell.colIndex, this.fetchCustomData),
         onTranslationValueUpdated: (ev) => this.onTranslationValueUpdated(ev),
         clearable: false,
+        debounce: TagType === 'yoo-form-input' && 500,
         maxHeight: this.host.classList.contains('image-collection') ? 60 : undefined,
         minHeight: this.host.classList.contains('image-collection') ? 60 : undefined,
         customZIndex: TagType === 'yoo-form-text-editor' && 20000 - cell.rowIndex,

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

@@ -391,7 +391,7 @@ export class YooFormAutocompleteComponent {
       endDate: search.endDate,
       sortAndFilters: this.sortsAndFilters,
       search: search.search,
-      data: formDynamic.data
+      data: formDynamic === null || formDynamic === void 0 ? void 0 : formDynamic.data
     }).then((ret) => {
       var _a, _b;
       if (search.currentPage === 0) {

package/dist/collection/components/form/form-multi-input/form-multi-input.js

@@ -1,4 +1,4 @@
-import { debounce, getUUID, isValueATranslationKey, isWeb, translate } from '@shared/utils';
+import { getUUID, isValueATranslationKey, isWeb, translate } from '@shared/utils';
 import { Component, Element, Event, forceUpdate, h, Host, Method, Prop, State, Watch } from '@stencil/core';
 import { isEqual } from 'lodash-es';
 import Sortable from 'sortablejs';
@@ -31,13 +31,6 @@ export class YooFormMultiInputComponent {
     this.dragAndDropPendingEvent = null;
     this.dragAndDropPendingEventTimeout = null;
     this.sortables = [];
-    this.setValueAndEmitChanges = (value, skipValueAssignment = false) => {
-      if (!skipValueAssignment) {
-        this.value = value;
-      }
-      const finalValue = this.isSimpleArray ? this.value[0] : this.value;
-      setValueAndValidateInput(finalValue, this, false, true, true);
-    };
   }
   async reset(keys) {
     this.cells = this.getCells();
@@ -403,13 +396,19 @@ export class YooFormMultiInputComponent {
     if (this.reverseValueDimensions) {
       values = this.arrayTransposing(values);
     }
-    // use debounce to prevent performance issue while typing
-    debounce(this.setValueAndEmitChanges.bind(this), 500)(values);
+    this.setValueAndEmitChanges(values);
   }
   onTranslationValueUpdated(ev) {
     ev.stopPropagation();
     this.translationValueUpdated.emit(ev.detail);
   }
+  setValueAndEmitChanges(value, skipValueAssignment = false) {
+    if (!skipValueAssignment) {
+      this.value = value;
+    }
+    const finalValue = this.isSimpleArray ? this.value[0] : this.value;
+    setValueAndValidateInput(finalValue, this, false, true, true);
+  }
   isLinkedList() {
     return this.columns.some((c) => c.linkedRow);
   }
@@ -516,6 +515,7 @@ export class YooFormMultiInputComponent {
         onFetchCustomData: (ev) => this.onFetchEvent(ev, cell.rowIndex, cell.colIndex, this.fetchCustomData),
         onTranslationValueUpdated: (ev) => this.onTranslationValueUpdated(ev),
         clearable: false,
+        debounce: TagType === 'yoo-form-input' && 500,
         maxHeight: this.host.classList.contains('image-collection') ? 60 : undefined,
         minHeight: this.host.classList.contains('image-collection') ? 60 : undefined,
         customZIndex: TagType === 'yoo-form-text-editor' && 20000 - cell.rowIndex,

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

@@ -407,7 +407,7 @@ const YooFormAutocompleteComponent = class {
       endDate: search.endDate,
       sortAndFilters: this.sortsAndFilters,
       search: search.search,
-      data: formDynamic.data
+      data: formDynamic === null || formDynamic === void 0 ? void 0 : formDynamic.data
     }).then((ret) => {
       var _a, _b;
       if (search.currentPage === 0) {

package/dist/design-system/yoo-form-multi-input.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { aI as getUUID, p as debounce, o as isWeb, t as translate, b7 as isValueATranslationKey } from './index-60d331ff.js';
+import { aI as getUUID, o as isWeb, t as translate, b7 as isValueATranslationKey } from './index-60d331ff.js';
 import { y as isEqual } from './lodash-b0ad17f3.js';
 import { S as Sortable } from './sortable.esm-f788d1ca.js';
 import { b as getAppContext } from './common-helpers-7760f0f6.js';
-import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-21c08c10.js';
+import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-21c08c10.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';
 
@@ -46,13 +46,6 @@ const YooFormMultiInputComponent = class {
     this.dragAndDropPendingEvent = null;
     this.dragAndDropPendingEventTimeout = null;
     this.sortables = [];
-    this.setValueAndEmitChanges = (value, skipValueAssignment = false) => {
-      if (!skipValueAssignment) {
-        this.value = value;
-      }
-      const finalValue = this.isSimpleArray ? this.value[0] : this.value;
-      setValueAndValidateInput(finalValue, this, false, true, true);
-    };
   }
   async reset(keys) {
     this.cells = this.getCells();
@@ -418,13 +411,19 @@ const YooFormMultiInputComponent = class {
     if (this.reverseValueDimensions) {
       values = this.arrayTransposing(values);
     }
-    // use debounce to prevent performance issue while typing
-    debounce(this.setValueAndEmitChanges.bind(this), 500)(values);
+    this.setValueAndEmitChanges(values);
   }
   onTranslationValueUpdated(ev) {
     ev.stopPropagation();
     this.translationValueUpdated.emit(ev.detail);
   }
+  setValueAndEmitChanges(value, skipValueAssignment = false) {
+    if (!skipValueAssignment) {
+      this.value = value;
+    }
+    const finalValue = this.isSimpleArray ? this.value[0] : this.value;
+    setValueAndValidateInput(finalValue, this, false, true, true);
+  }
   isLinkedList() {
     return this.columns.some((c) => c.linkedRow);
   }
@@ -526,6 +525,7 @@ const YooFormMultiInputComponent = class {
         onFetchCustomData: (ev) => this.onFetchEvent(ev, cell.rowIndex, cell.colIndex, this.fetchCustomData),
         onTranslationValueUpdated: (ev) => this.onTranslationValueUpdated(ev),
         clearable: false,
+        debounce: TagType === 'yoo-form-input' && 500,
         maxHeight: this.host.classList.contains('image-collection') ? 60 : undefined,
         minHeight: this.host.classList.contains('image-collection') ? 60 : undefined,
         customZIndex: TagType === 'yoo-form-text-editor' && 20000 - cell.rowIndex,

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

@@ -407,7 +407,7 @@ const YooFormAutocompleteComponent = class {
       endDate: search.endDate,
       sortAndFilters: this.sortsAndFilters,
       search: search.search,
-      data: formDynamic.data
+      data: formDynamic === null || formDynamic === void 0 ? void 0 : formDynamic.data
     }).then((ret) => {
       var _a, _b;
       if (search.currentPage === 0) {

package/dist/esm/yoo-form-multi-input.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { aI as getUUID, p as debounce, o as isWeb, t as translate, b7 as isValueATranslationKey } from './index-60d331ff.js';
+import { aI as getUUID, o as isWeb, t as translate, b7 as isValueATranslationKey } from './index-60d331ff.js';
 import { y as isEqual } from './lodash-b0ad17f3.js';
 import { S as Sortable } from './sortable.esm-f788d1ca.js';
 import { b as getAppContext } from './common-helpers-7760f0f6.js';
-import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-21c08c10.js';
+import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-21c08c10.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';
 
@@ -46,13 +46,6 @@ const YooFormMultiInputComponent = class {
     this.dragAndDropPendingEvent = null;
     this.dragAndDropPendingEventTimeout = null;
     this.sortables = [];
-    this.setValueAndEmitChanges = (value, skipValueAssignment = false) => {
-      if (!skipValueAssignment) {
-        this.value = value;
-      }
-      const finalValue = this.isSimpleArray ? this.value[0] : this.value;
-      setValueAndValidateInput(finalValue, this, false, true, true);
-    };
   }
   async reset(keys) {
     this.cells = this.getCells();
@@ -418,13 +411,19 @@ const YooFormMultiInputComponent = class {
     if (this.reverseValueDimensions) {
       values = this.arrayTransposing(values);
     }
-    // use debounce to prevent performance issue while typing
-    debounce(this.setValueAndEmitChanges.bind(this), 500)(values);
+    this.setValueAndEmitChanges(values);
   }
   onTranslationValueUpdated(ev) {
     ev.stopPropagation();
     this.translationValueUpdated.emit(ev.detail);
   }
+  setValueAndEmitChanges(value, skipValueAssignment = false) {
+    if (!skipValueAssignment) {
+      this.value = value;
+    }
+    const finalValue = this.isSimpleArray ? this.value[0] : this.value;
+    setValueAndValidateInput(finalValue, this, false, true, true);
+  }
   isLinkedList() {
     return this.columns.some((c) => c.linkedRow);
   }
@@ -526,6 +525,7 @@ const YooFormMultiInputComponent = class {
         onFetchCustomData: (ev) => this.onFetchEvent(ev, cell.rowIndex, cell.colIndex, this.fetchCustomData),
         onTranslationValueUpdated: (ev) => this.onTranslationValueUpdated(ev),
         clearable: false,
+        debounce: TagType === 'yoo-form-input' && 500,
         maxHeight: this.host.classList.contains('image-collection') ? 60 : undefined,
         minHeight: this.host.classList.contains('image-collection') ? 60 : undefined,
         customZIndex: TagType === 'yoo-form-text-editor' && 20000 - cell.rowIndex,

package/package.json

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