@gitlab/ui 71.0.0 → 71.1.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [71.1.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v71.1.0...v71.1.1) (2023-11-28)
+
+
+### Bug Fixes
+
+* **GlFilteredSearch:** Make close button keyboard accessible ([78d809c](https://gitlab.com/gitlab-org/gitlab-ui/commit/78d809ccd7065ee61c90e09f48daa014f697557a))
+
+# [71.1.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v71.0.0...v71.1.0) (2023-11-24)
+
+
+### Features
+
+* **css:** Add gl-line-clamp-{value} utility class ([304a508](https://gitlab.com/gitlab-org/gitlab-ui/commit/304a508af5933ebe33de9f30f7e0aca4c871654a))
+
 # [71.0.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v70.0.1...v71.0.0) (2023-11-22)
 
 

package/dist/components/base/filtered_search/filtered_search_term.js

@@ -122,7 +122,8 @@ var script = {
     },
     eventListeners() {
       return this.viewOnly ? {} : {
-        mousedown: this.destroyByClose
+        mousedown: this.stopMousedownOnCloseButton,
+        close: this.destroyByClose
       };
     }
   },
@@ -139,12 +140,14 @@ var script = {
         intent: INTENT_ACTIVATE_PREVIOUS
       });
     },
-    destroyByClose(event) {
+    stopMousedownOnCloseButton(event) {
       if (event.target.closest(TOKEN_CLOSE_SELECTOR)) {
         stopEvent(event);
-        this.$emit('destroy');
       }
     },
+    destroyByClose() {
+      this.$emit('destroy');
+    },
     onComplete(type) {
       if (type === TERM_TOKEN_TYPE) {
         // We've completed this term token

package/dist/components/base/filtered_search/filtered_search_token.js

@@ -1,6 +1,7 @@
 import cloneDeep from 'lodash/cloneDeep';
 import isEqual from 'lodash/isEqual';
 import GlToken from '../token/token';
+import { stopEvent } from '../../../utils/utils';
 import GlFilteredSearchTokenSegment from './filtered_search_token_segment';
 import { tokenToOption, createTerm, TOKEN_CLOSE_SELECTOR } from './filtered_search_utils';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
@@ -116,7 +117,8 @@ var script = {
     },
     eventListeners() {
       return this.viewOnly ? {} : {
-        mousedown: this.destroyByClose
+        mousedown: this.stopMousedownOnCloseButton,
+        close: this.destroyByClose
       };
     }
   },
@@ -315,12 +317,13 @@ var script = {
        */
       this.$emit('complete');
     },
-    destroyByClose(event) {
+    stopMousedownOnCloseButton(event) {
       if (event.target.closest(TOKEN_CLOSE_SELECTOR)) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.$emit('destroy');
+        stopEvent(event);
       }
+    },
+    destroyByClose() {
+      this.$emit('destroy');
     }
   }
 };