@gitlab/ui 115.6.1 → 115.7.0

package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown_item.js

@@ -35,7 +35,7 @@ var script = {
   computed: {
     isLink() {
       var _this$item, _this$item2;
-      return typeof ((_this$item = this.item) === null || _this$item === void 0 ? void 0 : _this$item.href) === 'string' || typeof ((_this$item2 = this.item) === null || _this$item2 === void 0 ? void 0 : _this$item2.to) === 'string';
+      return typeof ((_this$item = this.item) === null || _this$item === void 0 ? void 0 : _this$item.href) === 'string' || typeof ((_this$item2 = this.item) === null || _this$item2 === void 0 ? void 0 : _this$item2.to) !== 'undefined';
     },
     isCustomContent() {
       return Boolean(this.$scopedSlots.default);

package/dist/components/base/new_dropdowns/disclosure/mock_data.js

@@ -19,6 +19,14 @@ const mockItems = [{
   extraAttrs: {
     'data-uuid': '1234'
   }
+}, {
+  text: 'Lock discussion',
+  to: {
+    path: '/lock',
+    query: {
+      show: 1234
+    }
+  }
 }, {
   text: 'Close merge request',
   variant: 'danger',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "115.6.1",
+  "version": "115.7.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -102,7 +102,7 @@
     "@babel/preset-react": "^7.27.1",
     "@cypress/grep": "^4.1.0",
     "@gitlab/fonts": "^1.3.0",
-    "@gitlab/svgs": "3.136.0",
+    "@gitlab/svgs": "3.141.0",
     "@jest/test-sequencer": "30.0.4",
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-node-resolve": "^16.0.1",
@@ -134,7 +134,7 @@
     "autoprefixer": "10.4.21",
     "axe-playwright": "^2.1.0",
     "babel-loader": "^9.2.1",
-    "cypress": "14.5.1",
+    "cypress": "14.5.2",
     "cypress-real-events": "^1.14.0",
     "dompurify": "^3.1.2",
     "emoji-regex": "^10.4.0",

package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.md

@@ -67,7 +67,7 @@ It's possible to close the disclosure dropdown programmatically by calling the `
 `close` methods on the disclosure dropdown via a template ref. For example:
 
 ```js
-this.$refs.disclosureDropdown.closeAndFocus()
+this.$refs.disclosureDropdown.closeAndFocus();
 ```
 
 The `closeAndFocus` method is preferred in most cases, especially when triggering it from some action
@@ -79,7 +79,8 @@ some other element. For example, closing the disclosure dropdown to focus a newl
 ## Setting disclosure dropdown items
 
 Use the `items` prop to provide actions/links to the disclosure dropdown. Each
-item can be either an item or a group. For `Item`s, provide an `href` or `to` string to
+item can be either an item or a group. For `Item`s, provide an `href` or `to` string or
+[`to` location descriptor object](https://v3.router.vuejs.org/api/#to) to
 make them render as links. Otherwise, they will be buttons. Provide an `action`
 function to items to be called when they are pressed, or, listen for the
 `action` event on the top-level component. Both will receive the given item as
@@ -96,7 +97,8 @@ type Item = {
   // href link
   href?: string;
   // or, a Vue router link with `to`
-  to?: string;
+  // See https://github.com/vuejs/vue-router/blob/v3.6.5/types/router.d.ts#L400-L408 for Location definition
+  to?: string | Location;
   // Item action
   action?: (item: Item) => void;
   // Set of extra attributes applied directly to the element

package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown_item.vue

@@ -33,7 +33,7 @@ export default {
   },
   computed: {
     isLink() {
-      return typeof this.item?.href === 'string' || typeof this.item?.to === 'string';
+      return typeof this.item?.href === 'string' || typeof this.item?.to !== 'undefined';
     },
     isCustomContent() {
       return Boolean(this.$scopedSlots.default);

package/src/components/base/new_dropdowns/disclosure/mock_data.js

@@ -23,6 +23,10 @@ export const mockItems = [
       'data-uuid': '1234',
     },
   },
+  {
+    text: 'Lock discussion',
+    to: { path: '/lock', query: { show: 1234 } },
+  },
   {
     text: 'Close merge request',
     variant: 'danger',