@gitlab/ui 80.19.0 → 80.20.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "80.19.0",
+  "version": "80.20.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -137,7 +137,7 @@
     "babel-jest": "29.0.1",
     "babel-loader": "^8.0.5",
     "bootstrap": "4.6.2",
-    "cypress": "13.10.0",
+    "cypress": "13.11.0",
     "cypress-axe": "^1.4.0",
     "cypress-real-events": "^1.11.0",
     "dompurify": "^3.1.2",

package/src/components/base/form/form_textarea/form_textarea.vue

@@ -41,6 +41,11 @@ export default {
       required: false,
       default: null,
     },
+    rows: {
+      type: Number,
+      required: false,
+      default: 4,
+    },
   },
   data() {
     return {
@@ -89,6 +94,7 @@ export default {
         class: 'gl-form-input gl-form-textarea',
         noResize: this.noResize,
         value: this.value,
+        rows: this.rows,
       };
     },
   },

package/src/components/base/pagination/pagination.md

@@ -16,24 +16,6 @@ The current page's value should be bound using `v-model`, e.g.:
 </template>
 ```
 
-## Compact pagination
-
-In some cases, you might not be able to provide the total items count because your API doesn't
-support it or because of performance concerns. For such cases, the pagination component supports a
-compact mode, where only the previous and next buttons are displayed.
-
-To enable the compact mode, you'll need to provide the previous and/or next page numbers via the
-`prev-page` and `next-page` props respectively.
-
-> NOTE: If one of the props is omitted, the corresponding button will be disabled. If both
-> properties are omitted the pagination won't render at all.
-
-```html
-<template>
-  <gl-pagination :value="2" :prev-page="1" :next-page="3" />
-</template>
-```
-
 ## Limits
 
 The `limits` prop is used to define pagination link limits based on Bootstrap's breakpoint sizes.

package/src/components/experimental/duo/chat/duo_chat.vue

@@ -313,7 +313,7 @@ export default {
       this.$emit('track-feedback', event);
     },
     onInputKeyup(e) {
-      const { metaKey, ctrlKey, altKey, shiftKey } = e;
+      const { metaKey, ctrlKey, altKey, shiftKey, isComposing } = e;
 
       if (this.shouldShowSlashCommands) {
         e.preventDefault();
@@ -327,8 +327,9 @@ export default {
         } else {
           this.activeCommandIndex = 0;
         }
-      } else if (e.key === 'Enter' && !(metaKey || ctrlKey || altKey || shiftKey)) {
+      } else if (e.key === 'Enter' && !isComposing && !(metaKey || ctrlKey || altKey || shiftKey)) {
         e.preventDefault();
+
         this.sendChatPrompt();
       }
     },

package/src/scss/components.scss

@@ -45,7 +45,6 @@
 @import '../components/base/form/form_radio/form_radio';
 @import '../components/base/form/form_radio_group/form_radio_group';
 @import '../components/base/form/form_select/form_select';
-@import '../components/base/form/form_textarea/form_textarea';
 @import '../components/base/form/form_combobox/form_combobox';
 @import '../components/base/icon/icon';
 @import '../components/base/infinite_scroll/infinite_scroll';

package/src/components/base/form/form_textarea/form_textarea.scss

@@ -1,12 +0,0 @@
-/**
-* Form textarea styles.
-*
-* notes:
-* - gl-form-input is the SSOT for the textbox styles,
-* we maintain this class to set the correct height.
-*/
-
-.gl-form-textarea,
-.gl-form-textarea.form-control {
-  @include gl-h-11-5;
-}