@gitlab/ui 132.0.2 → 132.1.0

package/dist/components/base/link/link.js

@@ -1,8 +1,8 @@
 import { isString, isObject, toString, isBoolean, concat, isFunction } from 'lodash-es';
 import { SafeLinkDirective, isExternalURL } from '../../../directives/safe_link/safe_link';
 import { stopEvent } from '../../../utils/utils';
+import { buildQueryString } from '../../../utils/url_utils';
 import { safeVueInstance, isVue3 } from '../../../utils/vue_utils';
-import { stringifyQueryObj } from '../../../vendor/bootstrap-vue/src/utils/router';
 import { linkVariantOptions, linkVariantUnstyled, linkVariantInline, linkVariantMeta } from '../../../utils/constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
@@ -175,7 +175,7 @@ var script = {
       // Fallback to `to.path' + `to.query` + `to.hash` prop (if `to` is an object)
       if (isObject(to) && (to.path || to.query || to.hash)) {
         const path = toString(to.path);
-        const query = stringifyQueryObj(to.query);
+        const query = buildQueryString(to.query);
         let hash = toString(to.hash);
         hash = !hash || hash.charAt(0) === '#' ? hash : `#${hash}`;
         return `${path}${query}${hash}` || fallback;

package/dist/components/dashboards/dashboard_layout/grid_layout/grid_layout.js

@@ -1,3 +1,4 @@
+import { markRaw } from 'vue';
 import { GridStack } from 'gridstack';
 import { pickBy } from 'lodash-es';
 import { breakpoints } from '../../../../utils/breakpoints';
@@ -63,7 +64,6 @@ var script = {
   },
   data() {
     return {
-      grid: undefined,
       gridPanels: []
     };
   },
@@ -165,7 +165,7 @@ var script = {
     },
     initGridStack() {
       // See https://github.com/gridstack/gridstack.js/tree/master/doc#grid-options
-      this.grid = GridStack.init({
+      this.grid = markRaw(GridStack.init({
         // Uniform gap between panels
         margin: '8px',
         // CSS Selector for finding the drag handle element
@@ -185,7 +185,7 @@ var script = {
         float: true,
         // Toggles user-customization of grid layout
         staticGrid: this.isStaticGrid
-      }, this.$refs.grid).load(this.gridConfig);
+      }, this.$refs.grid)).load(this.gridConfig);
 
       // Sync Vue components array with gridstack items
       this.initGridPanelSlots(this.grid.getGridItems());