@gitlab/ui 114.3.0 → 114.7.1

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

@@ -10,7 +10,7 @@ import { isEvent } from '../../../vendor/bootstrap-vue/src/utils/inspect';
 import { stringifyQueryObj } from '../../../vendor/bootstrap-vue/src/utils/router';
 import { safeVueInstance } from '../../../vendor/bootstrap-vue/src/utils/safe-vue-instance';
 import { attemptFocus, attemptBlur } from '../../../vendor/bootstrap-vue/src/utils/dom';
-import { linkVariantOptions, isVue3, linkVariantInline, linkVariantUnstyled } from '../../../utils/constants';
+import { linkVariantOptions, isVue3, linkVariantUnstyled, linkVariantInline, linkVariantMeta } from '../../../utils/constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
@@ -124,7 +124,7 @@ var script = {
       default: null
     },
     /**
-     * If inline variant, controls ↗ character visibility
+     * Controls ↗ character visibility for external links
      */
     showExternalIcon: {
       type: Boolean,
@@ -161,8 +161,9 @@ var script = {
     isVue3RouterLink() {
       return this.tag === VUE_ROUTER_LINK_TAG && isVue3;
     },
-    isInlineAndHasExternalIcon() {
-      return this.showExternalIcon && this.variant === linkVariantInline && this.href && isExternalURL(this.target, this.href);
+    shouldShowExternalIcon() {
+      const allowedVariants = [linkVariantInline, linkVariantMeta, null]; // null represents default/UI variant
+      return this.showExternalIcon && allowedVariants.includes(this.variant) && this.href && isExternalURL(this.target, this.href);
     },
     computedHref() {
       const fallback = '#';
@@ -234,7 +235,7 @@ var script = {
       return ['gl-link', linkVariantOptions[this.variant], {
         disabled: this.disabled,
         active: this.active,
-        'gl-link-inline-external': this.isInlineAndHasExternalIcon
+        'gl-link-external': this.shouldShowExternalIcon
       }];
     }
   },

package/dist/components/base/sorting/sorting.js

@@ -1,3 +1,4 @@
+import uniqueId from 'lodash/uniqueId';
 import { GlTooltipDirective } from '../../../directives/tooltip/tooltip';
 import GlButton from '../button/button';
 import GlButtonGroup from '../button_group/button_group';
@@ -94,7 +95,15 @@ var script = {
       default: false
     }
   },
+  data() {
+    return {
+      sortingListboxId: uniqueId('sorting-listbox-')
+    };
+  },
   computed: {
+    sortingListboxLabel() {
+      return translate('GlSorting.sortByLabel', 'Sort by:');
+    },
     localSortDirection() {
       return this.isAscending ? 'sort-lowest' : 'sort-highest';
     },
@@ -136,7 +145,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('gl-button-group',{staticClass:"gl-sorting"},[_c('gl-collapsible-listbox',{class:_vm.dropdownClass,attrs:{"toggle-text":_vm.text,"items":_vm.sortOptions,"selected":_vm.sortBy,"toggle-class":_vm.dropdownToggleClass,"placement":"bottom-end","block":_vm.block},on:{"select":_vm.onSortByChanged}}),_vm._v(" "),_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],class:['sorting-direction-button', _vm.sortDirectionToggleClass],attrs:{"title":_vm.sortDirectionText,"icon":_vm.localSortDirection,"aria-label":_vm.sortDirectionText},on:{"click":_vm.toggleSortDirection}})],1)};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-button-group',{staticClass:"gl-sorting"},[_c('gl-collapsible-listbox',{class:_vm.dropdownClass,attrs:{"toggle-text":_vm.text,"items":_vm.sortOptions,"selected":_vm.sortBy,"toggle-class":_vm.dropdownToggleClass,"placement":"bottom-end","block":_vm.block,"toggle-aria-labelled-by":_vm.sortingListboxId},on:{"select":_vm.onSortByChanged}}),_vm._v(" "),_c('span',{staticClass:"gl-sr-only",attrs:{"id":_vm.sortingListboxId}},[_vm._v(_vm._s(_vm.sortingListboxLabel))]),_vm._v(" "),_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],class:['sorting-direction-button', _vm.sortDirectionToggleClass],attrs:{"title":_vm.sortDirectionText,"icon":_vm.localSortDirection,"aria-label":_vm.sortDirectionText},on:{"click":_vm.toggleSortDirection}})],1)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/components/base/table/constants.js

@@ -1,5 +1,5 @@
 const tableFullSlots = ['bottom-row', 'empty', 'emptyfiltered', 'table-busy', 'thead-top', 'top-row'];
 const tableFullProps = ['api-url', 'busy', 'current-page', 'empty-filtered-html', 'empty-filtered-text', 'empty-html', 'empty-text', 'filter', 'filter-debounce', 'filter-function', 'filter-ignored-fields', 'filter-included-fields', 'label-sort-asc', 'label-sort-clear', 'label-sort-desc', 'no-footer-sorting', 'no-local-sorting', 'no-provider-filtering', 'no-provider-paging', 'no-provider-sorting', 'no-select-on-click', 'per-page', 'select-mode', 'selectable', 'selected-variant', 'show-empty', 'sort-by', 'sort-compare', 'sort-compare-locale', 'sort-compare-options', 'sort-desc', 'sort-direction', 'sort-icon-left', 'sort-null-last'];
-const glTableLiteWarning = 'This GlTable could be a GlTableLite component, please consider using GlTableLite instead of GlTable to reduce the page bundlesize more about this here: https://gitlab-org.gitlab.io/gitlab-ui/?path=/docs/base-table-table-lite--default';
+const glTableLiteWarning = 'This GlTable could be a GlTableLite component, please consider using GlTableLite instead of GlTable to reduce the page bundlesize more about this here: https://design.gitlab.com/storybook?path=/docs/base-table-table-lite--default';
 
 export { glTableLiteWarning, tableFullProps, tableFullSlots };

package/dist/components/base/toast/toast.js

@@ -65,7 +65,7 @@ function showToast(message) {
  * Note: This is not a typical Vue component and needs to be registered before instantiating a Vue app.
  * Once registered, the toast will be globally available throughout your app.
  *
- * See https://gitlab-org.gitlab.io/gitlab-ui/ for detailed documentation.
+ * See https://design.gitlab.com/storybook for detailed documentation.
  */
 var toast = {
   install(Vue) {

package/dist/components/base/toggle/toggle.js

@@ -90,7 +90,6 @@ var script = {
   },
   computed: {
     shouldRenderDescription() {
-      // eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots
       return Boolean(this.$scopedSlots.description || this.description) && this.isVerticalLayout;
     },
     shouldRenderHelp() {

package/dist/config.js

@@ -28,7 +28,7 @@ try {
   if (glTooltipDelay) {
     tooltipGlobalConfig.delay = JSON.parse(glTooltipDelay);
   }
-} catch (e) {
+} catch {
   // localStorage doesn't exist (or the value is not properly formatted)
 }
 const i18n = translationKeys;

package/dist/directives/safe_link/mock_data.js

@@ -2,7 +2,7 @@ const absoluteUrls = ['http://example.org', 'http://example.org:8080', 'https://
 
 /* eslint-disable no-script-url */
 const javascriptUrls = ['javascript:', 'javascript:alert("XSS")', 'jav\tascript:alert("XSS");'];
-/* eslint-disable no-script-url */
+/* eslint-enable no-script-url */
 
 const encodedJavaScriptUrls = ['&#0000106&#0000097&#0000118&#0000097&#0000115&#0000099&#0000114&#0000105&#0000112&#0000116&#0000058&#0000097&#0000108&#0000101&#0000114&#0000116&#0000040&#0000039&#0000088&#0000083&#0000083&#0000039&#0000041', 'javascript:alert('XSS')', '&#x6A&#x61&#x76&#x61&#x73&#x63&#x72&#x69&#x70&#x74&#x3A&#x61&#x6C&#x65&#x72&#x74&#x28&#x27&#x58&#x53&#x53&#x27&#x29', '   javascript:alert("XSS");'];
 const relativeUrls = ['./relative/link', '../relative/link', '/relative/link', '/users/sign_in', '#docs/link', '#'];

package/dist/directives/safe_link/safe_link.js

@@ -27,7 +27,7 @@ const isSafeURL = url => {
   try {
     const parsedURL = new URL(url, getBaseURL());
     return ['http:', 'https:', 'mailto:', 'ftp:'].includes(parsedURL.protocol);
-  } catch (e) {
+  } catch {
     return false;
   }
 };