@gitlab/ui 49.0.0 → 49.0.2

package/dist/components/base/tabs/tabs/tabs.js

@@ -4,9 +4,7 @@ import GlButton from '../../button/button';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
-
 const validatorHelper = obj => Object.keys(obj).every(val => val === 'text' || val === 'attributes');
-
 var script = {
   components: {
     BTabs,
@@ -47,7 +45,6 @@ var script = {
       required: false,
       default: false
     },
-
     /**
      * Sync active tab with query string parameters. Allows for deep linking into specific tabs.
      */
@@ -56,7 +53,6 @@ var script = {
       required: false,
       default: false
     },
-
     /**
      * Name to use for query string parameter.
      */
@@ -71,24 +67,21 @@ var script = {
       default: 0
     }
   },
-
   data() {
     return {
       activeTabIndex: 0
     };
   },
-
   computed: {
     hasActions() {
       return [this.actionPrimary, this.actionSecondary, this.actionTertiary].some(Boolean);
     },
-
     listeners() {
-      return { ...this.$listeners,
+      return {
+        ...this.$listeners,
         input: this.handleInput
       };
     }
-
   },
   watch: {
     value: {
@@ -97,49 +90,40 @@ var script = {
           this.activeTabIndex = newValue;
         }
       },
-
       immediate: true
     }
   },
-
   mounted() {
     if (this.syncActiveTabWithQueryParams) {
       this.syncActiveTabFromQueryParams();
       window.addEventListener('popstate', this.syncActiveTabFromQueryParams);
-    } // Because we are manually binding `value` attribute to `b-tabs` the `input`
+    }
+
+    // Because we are manually binding `value` attribute to `b-tabs` the `input`
     // event is no longer automatically fired when the component is mounted.
     // To maintain parity with original `b-tabs` functionality
     // we manually fire the `input` event when the component is mounted.
-
-
     this.$emit('input', this.activeTabIndex);
   },
-
   destroyed() {
     window.removeEventListener('popstate', this.syncActiveTabFromQueryParams);
   },
-
   methods: {
     buttonBinding(prop, name) {
       if (!prop.attributes) {
         return tabsButtonDefaults[name];
       }
-
       return prop.attributes;
     },
-
     primary() {
       this.$emit('primary');
     },
-
     secondary() {
       this.$emit('secondary');
     },
-
     tertiary() {
       this.$emit('tertiary');
     },
-
     /**
      * When the query parameter is updated, update the active tab to match.
      */
@@ -148,14 +132,12 @@ var script = {
       const tabIndexToActivate = this.getTabs().findIndex((tab, tabIndex) => this.getTabQueryParamValue(tabIndex) === queryParamValue);
       this.activeTabIndex = tabIndexToActivate !== -1 ? tabIndexToActivate : 0;
     },
-
     /**
      * Returns a list of all <b-tab> instances associated with this tab control.
      */
     getTabs() {
       return this.$refs.bTabs.getTabs();
     },
-
     /**
      * Get the value of the query param as defined by the `queryParamName` prop.
      */
@@ -163,31 +145,27 @@ var script = {
       const searchParams = new URLSearchParams(window.location.search);
       return searchParams.get(this.queryParamName);
     },
-
     /**
      * Set the value of the query param as defined by the `queryParamName` prop.
      * This method does nothing if the query param is already up to date.
      */
     setQueryParamValueIfNecessary(tabIndex) {
       const currentQueryParamValue = this.getQueryParamValue();
-      const newQueryParamValue = this.getTabQueryParamValue(tabIndex); // If the current query parameter is already up-to-date,
-      // avoid creating a duplicate history entry.
+      const newQueryParamValue = this.getTabQueryParamValue(tabIndex);
 
+      // If the current query parameter is already up-to-date,
+      // avoid creating a duplicate history entry.
       if (tabIndex === 0 && !currentQueryParamValue || tabIndex !== 0 && currentQueryParamValue === newQueryParamValue) {
         return;
       }
-
       const searchParams = new URLSearchParams(window.location.search);
-
       if (tabIndex === 0) {
         searchParams.delete(this.queryParamName);
       } else {
         searchParams.set(this.queryParamName, newQueryParamValue);
       }
-
       window.history.pushState({}, '', `${window.location.pathname}?${searchParams.toString()}`);
     },
-
     /**
      * Returns the query param value for a tab.
      * Defaults to the tab index unless the `query-param-value` attribute is set.
@@ -196,19 +174,16 @@ var script = {
       const tab = this.getTabs()[tabIndex];
       return (tab === null || tab === void 0 ? void 0 : tab.$attrs['query-param-value']) || tabIndex.toString();
     },
-
     /**
      * Event handler for `input` event.
      */
     handleInput(tabIndex) {
       this.$emit('input', tabIndex);
       this.activeTabIndex = tabIndex;
-
       if (this.syncActiveTabWithQueryParams) {
         this.setQueryParamValueIfNecessary(tabIndex);
       }
     }
-
   }
 };
 

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

@@ -9,7 +9,6 @@ const DEFAULT_OPTIONS = {
   toaster: 'b-toaster-bottom-left'
 };
 let toastsCount = 0;
-
 function renderTitle(h, toast, options) {
   const nodes = [h(CloseButton, {
     class: ['gl-toast-close-button', 'gl-close-btn-color-inherit'],
@@ -17,7 +16,6 @@ function renderTitle(h, toast, options) {
       click: toast.hide
     }
   })];
-
   if (options.action) {
     nodes.splice(0, 0, h('a', {
       role: 'button',
@@ -27,24 +25,19 @@ function renderTitle(h, toast, options) {
       }
     }, options.action.text));
   }
-
   return nodes;
 }
-
 function showToast(message) {
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const id = `gl-toast-${toastsCount}`;
   toastsCount += 1;
-
   const hide = () => {
     this.$bvToast.hide(id);
   };
-
   const toast = {
     id,
     hide
   };
-
   if (_isFunction(options.onComplete)) {
     const toastHiddenCallback = e => {
       if (e.componentId === id) {
@@ -52,24 +45,22 @@ function showToast(message) {
         options.onComplete(e);
       }
     };
-
     this.$root.$on('bv::toast:hidden', toastHiddenCallback);
   }
-
-  this.$bvToast.toast(message, { ...DEFAULT_OPTIONS,
+  this.$bvToast.toast(message, {
+    ...DEFAULT_OPTIONS,
     id,
     title: renderTitle(this.$createElement, toast, options)
   });
   return toast;
 }
+
 /**
  * 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.
  */
-
-
 var toast = {
   install(Vue) {
     Vue.use(ToastPlugin);
@@ -78,15 +69,12 @@ var toast = {
         if (this.$toast) {
           return;
         }
-
         this.$toast = {
           show: showToast.bind(this)
         };
       }
-
     });
   }
-
 };
 
 export default toast;

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

@@ -20,7 +20,6 @@ var script = {
       required: false,
       default: null
     },
-
     /**
      * The toggle's state.
      * @model
@@ -30,7 +29,6 @@ var script = {
       required: false,
       default: null
     },
-
     /**
      * Whether the toggle should be disabled.
      */
@@ -39,7 +37,6 @@ var script = {
       required: false,
       default: false
     },
-
     /**
      * Whether the toggle is in the loading state.
      */
@@ -48,7 +45,6 @@ var script = {
       required: false,
       default: false
     },
-
     /**
      * The toggle's label.
      */
@@ -56,7 +52,6 @@ var script = {
       type: String,
       required: true
     },
-
     /**
      * A help text to be shown below the toggle.
      */
@@ -65,7 +60,6 @@ var script = {
       required: false,
       default: undefined
     },
-
     /**
      * The label's position relative to the toggle. If 'hidden', the toggle will add the .gl-sr-only class so the label is still accessible to screen readers.
      */
@@ -73,49 +67,38 @@ var script = {
       type: String,
       required: false,
       default: 'top',
-
       validator(position) {
         return Object.values(toggleLabelPosition).includes(position);
       }
-
     }
   },
-
   data() {
     return {
       labelId: _uniqueId('toggle-label-')
     };
   },
-
   computed: {
     shouldRenderHelp() {
       // eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots
       return Boolean(this.$slots.help || this.help) && this.isVerticalLayout;
     },
-
     icon() {
       return this.value ? 'mobile-issue-close' : 'close';
     },
-
     helpId() {
       return this.shouldRenderHelp ? `toggle-help-${this.uuid}` : undefined;
     },
-
     isChecked() {
       return this.value ? 'true' : 'false';
     },
-
     isVerticalLayout() {
       return this.labelPosition === 'top' || this.labelPosition === 'hidden';
     }
-
   },
-
   beforeCreate() {
     this.uuid = uuid;
     uuid += 1;
   },
-
   methods: {
     toggleFeature() {
       if (!this.disabled) {
@@ -128,7 +111,6 @@ var script = {
         this.$emit('change', !this.value);
       }
     }
-
   }
 };
 

package/dist/components/base/token/token.js

@@ -13,7 +13,6 @@ var script = {
       required: false,
       default: false
     },
-
     /**
      * Token visual variants: default, search-type, and search-value.
      */
@@ -28,13 +27,11 @@ var script = {
     variantClass() {
       return `gl-token-${this.variant}-variant`;
     },
-
     viewOnlyClass() {
       return {
         'gl-token-view-only': this.viewOnly
       };
     }
-
   },
   methods: {
     close($event) {
@@ -45,7 +42,6 @@ var script = {
        */
       this.$emit('close', $event);
     }
-
   }
 };
 

package/dist/components/base/token_selector/token_container.js

@@ -36,30 +36,24 @@ var script = {
       default: false
     }
   },
-
   data() {
     return {
       bindFocusEvent: true,
       focusedTokenIndex: null
     };
   },
-
   computed: {
     focusedToken() {
       return this.tokens[this.focusedTokenIndex] || null;
     }
-
   },
   watch: {
     focusedToken(newValue) {
       var _this$$refs$tokens;
-
       if (newValue === null) {
         return;
       }
-
       const tokenRef = (_this$$refs$tokens = this.$refs.tokens) === null || _this$$refs$tokens === void 0 ? void 0 : _this$$refs$tokens.find(ref => ref.dataset.tokenId === newValue.id.toString());
-
       if (tokenRef) {
         // Prevent `handleTokenFocus` from being called when we manually focus on a token
         this.bindFocusEvent = false;
@@ -67,19 +61,15 @@ var script = {
         this.bindFocusEvent = true;
       }
     }
-
   },
-
   created() {
     this.registerFocusOnToken(this.focusOnToken);
   },
-
   methods: {
     handleClose(token) {
       this.$emit('token-remove', token);
       this.focusedTokenIndex = null;
     },
-
     handleLeftArrow() {
       if (this.focusedTokenIndex === 0) {
         this.focusLastToken();
@@ -87,7 +77,6 @@ var script = {
         this.focusPrevToken();
       }
     },
-
     handleRightArrow() {
       if (this.focusedTokenIndex === this.tokens.length - 1) {
         this.focusFirstToken();
@@ -95,58 +84,45 @@ var script = {
         this.focusNextToken();
       }
     },
-
     handleHome() {
       this.focusFirstToken();
     },
-
     handleEnd() {
       this.focusLastToken();
     },
-
     handleDelete() {
       this.$emit('token-remove', this.focusedToken);
-
       if (this.focusedTokenIndex > 0) {
         this.focusPrevToken();
       }
     },
-
     handleEscape() {
       this.focusedTokenIndex = null;
       this.$emit('cancel-focus');
     },
-
     handleTab() {
       this.$emit('cancel-focus');
     },
-
     // Only called when a token is focused by a click/tap
     handleTokenFocus(index) {
       this.focusedTokenIndex = index;
     },
-
     focusLastToken() {
       this.focusedTokenIndex = this.tokens.length - 1;
     },
-
     focusFirstToken() {
       this.focusedTokenIndex = 0;
     },
-
     focusNextToken() {
       this.focusedTokenIndex += 1;
     },
-
     focusPrevToken() {
       this.focusedTokenIndex -= 1;
     },
-
     focusOnToken() {
       let tokenIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
       this.focusedTokenIndex = tokenIndex;
     }
-
   }
 };