From ff557baaa9033acec18ccbe46a704debc0a58c20 Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Tue, 6 Aug 2024 15:22:02 -0300
Subject: [PATCH] Makes each metatada type decide if its input should debounce
 or not.

---
 .../metadata-types/numeric/TainacanNumeric.vue    |  5 ++++-
 .../metadata-types/tainacan-form-item.vue         | 15 ++++++---------
 .../metadata-types/text/TainacanText.vue          |  5 ++++-
 .../metadata-types/textarea/TainacanTextarea.vue  |  5 ++++-
 .../components/metadata-types/url/TainacanUrl.vue |  6 +++++-
 5 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/src/views/admin/components/metadata-types/numeric/TainacanNumeric.vue b/src/views/admin/components/metadata-types/numeric/TainacanNumeric.vue
index 2341e2041..0c5dc369e 100644
--- a/src/views/admin/components/metadata-types/numeric/TainacanNumeric.vue
+++ b/src/views/admin/components/metadata-types/numeric/TainacanNumeric.vue
@@ -69,8 +69,11 @@
                 else
                     value = Number(value);
 
-                this.$emit('update:value', value);
+                this.changeValue(value);
             },
+            changeValue: _.debounce(function(value) {
+                this.$emit('update:value', value);
+            }, 800),
             onBlur() {
                 this.$emit('blur');
             },
diff --git a/src/views/admin/components/metadata-types/tainacan-form-item.vue b/src/views/admin/components/metadata-types/tainacan-form-item.vue
index 65f07ecc5..a46d97324 100644
--- a/src/views/admin/components/metadata-types/tainacan-form-item.vue
+++ b/src/views/admin/components/metadata-types/tainacan-form-item.vue
@@ -77,7 +77,7 @@
                         :is-mobile-screen="isMobileScreen"
                         :is-focused="isFocused"
                         :is-metadata-navigation="isMetadataNavigation"
-                        @update:value="changeValue"
+                        @update:value="performValueChange"
                         @blur="performValueChange"
                         @mobile-special-focus="onMobileSpecialFocus" />
                 <template v-if="isMultiple && values.length > 1">
@@ -102,7 +102,7 @@
                                     :is-mobile-screen="isMobileScreen"
                                     :is-focused="isFocused"
                                     :is-metadata-navigation="isMetadataNavigation"
-                                    @update:value="changeValue"
+                                    @update:value="performValueChange"
                                     @blur="performValueChange"
                                     @mobile-special-focus="onMobileSpecialFocus" />
                             <a 
@@ -159,7 +159,7 @@
                         :is-focused="isFocused"
                         :is-metadata-navigation="isMetadataNavigation"
                         :enumerate-metadatum="enumerateMetadatum"
-                        @update:value="changeValue"
+                        @update:value="performValueChange"
                         @blur="performValueChange"
                         @mobile-special-focus="onMobileSpecialFocus" />
             </div>
@@ -285,11 +285,8 @@
                         this.itemMetadatum.value == null || this.itemMetadatum.value == undefined ? this.values = [] : this.values.push(this.itemMetadatum.value);
                 }
             },
-            changeValue: _.debounce(function() {
-                this.performValueChange();
-            }, 800),
             performValueChange() {
-
+                
                 // Compound metadata do not emit values, only their children.
                 if (this.metadatumComponent == 'tainacan-compound')
                     return;
@@ -353,11 +350,11 @@
             },
             addValue(){
                 this.values.push('');
-                this.changeValue();
+                this.performValueChange();
             },
             removeValue(index) {
                 this.values.splice(index, 1);
-                this.changeValue();
+                this.performValueChange();
             },
             onMobileSpecialFocus() {
                 if (this.isMobileScreen)
diff --git a/src/views/admin/components/metadata-types/text/TainacanText.vue b/src/views/admin/components/metadata-types/text/TainacanText.vue
index 6921a908c..e1aa123f4 100644
--- a/src/views/admin/components/metadata-types/text/TainacanText.vue
+++ b/src/views/admin/components/metadata-types/text/TainacanText.vue
@@ -127,8 +127,11 @@
                 if ( inputRef && this.getMaxlength && !inputRef.checkHtml5Validity() )
                     return;
 
-                this.$emit('update:value', value);
+                this.changeValue(value);
             },
+            changeValue: _.debounce(function(value) {
+                this.$emit('update:value', value);
+            }, 750),
             onBlur() {
                 this.isInputFocused = false;
                 this.$emit('blur');
diff --git a/src/views/admin/components/metadata-types/textarea/TainacanTextarea.vue b/src/views/admin/components/metadata-types/textarea/TainacanTextarea.vue
index f2b7d06b5..c802f9af7 100644
--- a/src/views/admin/components/metadata-types/textarea/TainacanTextarea.vue
+++ b/src/views/admin/components/metadata-types/textarea/TainacanTextarea.vue
@@ -38,8 +38,11 @@
                 if ( inputRef && this.getMaxlength && !inputRef.checkHtml5Validity() )
                     return;
 
-                this.$emit('update:value', value);
+                this.changeValue(value);
             },
+            changeValue: _.debounce(function(value) {
+                this.$emit('update:value', value);
+            }, 750),
             onBlur() {
                 this.$emit('blur');
             },
diff --git a/src/views/admin/components/metadata-types/url/TainacanUrl.vue b/src/views/admin/components/metadata-types/url/TainacanUrl.vue
index 90f34887f..4514248d7 100644
--- a/src/views/admin/components/metadata-types/url/TainacanUrl.vue
+++ b/src/views/admin/components/metadata-types/url/TainacanUrl.vue
@@ -47,8 +47,12 @@ export default {
         onInput(value) {
             this.isPreviewingHtml = false;
             this.singleHTMLPreview = '';
-            this.$emit('update:value', value);
+            
+            this.changeValue(value);
         },
+        changeValue: _.debounce(function(value) {
+            this.$emit('update:value', value);
+        }, 750),
         onBlur() {
             this.$emit('blur');
         },