@gitlab/ui 125.0.0 → 126.0.1

package/dist/components/base/form/form_fields/form_fields.js

@@ -144,6 +144,10 @@ var script = {
     this.$emit('input', this.fieldValues);
     (_this$formElement = this.formElement) === null || _this$formElement === void 0 ? void 0 : _this$formElement.addEventListener('submit', this.onFormSubmission);
   },
+  created() {
+    this.batchedInputEvent = {};
+    this.isBatchedInputEventScheduled = false;
+  },
   destroyed() {
     var _this$formElement2;
     (_this$formElement2 = this.formElement) === null || _this$formElement2 === void 0 ? void 0 : _this$formElement2.removeEventListener('submit', this.onFormSubmission);
@@ -192,17 +196,9 @@ var script = {
         this.setFieldDirty(fieldName);
       }
     },
-    onFieldInput(fieldName, inputValue) {
+    async onFieldInput(fieldName, inputValue) {
       const val = this.getMappedValue(fieldName, inputValue);
 
-      /**
-       * Emitted when any of the form values change. Used by `v-model`.
-       */
-      this.$emit('input', {
-        ...this.values,
-        [fieldName]: val
-      });
-
       /**
        * Emitted when a form input emits the `input` event.
        */
@@ -210,6 +206,27 @@ var script = {
         name: fieldName,
         value: val
       });
+      this.batchedInputEvent = {
+        ...this.batchedInputEvent,
+        [fieldName]: val
+      };
+
+      // Return if a batched input event has already been scheduled
+      if (this.isBatchedInputEventScheduled) {
+        return;
+      }
+      this.isBatchedInputEventScheduled = true;
+      await this.$nextTick();
+
+      /**
+       * Emitted when any of the form values change. Used by `v-model`.
+       */
+      this.$emit('input', {
+        ...this.values,
+        ...this.batchedInputEvent
+      });
+      this.batchedInputEvent = {};
+      this.isBatchedInputEventScheduled = false;
     },
     async onFormSubmission(e) {
       e.preventDefault();

package/dist/components/base/form/form_select/form_select.js

@@ -29,14 +29,6 @@ var script = {
       type: [String, Object, Array],
       required: false,
       default: ''
-    },
-    /**
-     * Number of visible options in the select dropdown. When greater than 1, displays as a scrollable list box.
-     */
-    selectSize: {
-      type: Number,
-      required: false,
-      default: 1
     }
   },
   computed: {
@@ -69,7 +61,7 @@ var script = {
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:"gl-form-select-wrapper",class:_vm.cssClasses},[_c('b-form-select',_vm._g(_vm._b({staticClass:"gl-form-select",class:_vm.selectClass,attrs:{"select-size":_vm.selectSize},scopedSlots:_vm._u([_vm._l((Object.keys(_vm.$slots)),function(slot){return {key:slot,fn:function(){return [_vm._t(slot)]},proxy:true}})],null,true)},'b-form-select',_vm.$attrs,false),_vm.$listeners))],1)};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:"gl-form-select-wrapper",class:_vm.cssClasses},[_c('b-form-select',_vm._g(_vm._b({staticClass:"gl-form-select",class:_vm.selectClass,scopedSlots:_vm._u([_vm._l((Object.keys(_vm.$slots)),function(slot){return {key:slot,fn:function(){return [_vm._t(slot)]},proxy:true}})],null,true)},'b-form-select',_vm.$attrs,false),_vm.$listeners))],1)};
 var __vue_staticRenderFns__ = [];
 
   /* style */