@gitlab/ui 49.0.1 → 49.0.2

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

@@ -11,11 +11,9 @@ import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 Vue.use(PortalVue);
 let portalUuid = 0;
-
 function initialState() {
   return [createTerm()];
 }
-
 var script = {
   name: 'GlFilteredSearch',
   components: {
@@ -25,7 +23,6 @@ var script = {
   directives: {
     GlTooltip: GlTooltipDirective
   },
-
   provide() {
     portalUuid += 1;
     this.portalName = `filters_portal_${portalUuid}`;
@@ -38,7 +35,6 @@ var script = {
       suggestionsListClass: () => this.suggestionsListClass
     };
   },
-
   inheritAttrs: false,
   props: {
     /**
@@ -49,7 +45,6 @@ var script = {
       type: Array,
       default: () => []
     },
-
     /**
      * Available tokens
      */
@@ -57,32 +52,27 @@ var script = {
       type: Array,
       required: false,
       default: () => [],
-
       validator(value) {
         // eslint-disable-next-line no-underscore-dangle
         if (!value.__v_raw) {
           // This is Vue 2
           return true;
-        } // eslint-disable-next-line no-underscore-dangle
-
+        }
 
+        // eslint-disable-next-line no-underscore-dangle
         const isOk = Array.isArray(value) && value.every(_ref => {
           let {
             token
           } = _ref;
           return token.__v_skip;
         });
-
         if (!isOk) {
           // eslint-disable-next-line no-console
           console.warn('You are using Vue3. In Vue3 each token component passed to filtered search must be wrapped into markRaw');
         }
-
         return isOk;
       }
-
     },
-
     /**
      * If provided, used as history items for this component
      */
@@ -101,7 +91,6 @@ var script = {
       required: false,
       default: null
     },
-
     /**
      * Additional classes to add to the suggestion list menu. NOTE: this not reactive, and the value
      * must be available and fixed when the component is instantiated
@@ -111,7 +100,6 @@ var script = {
       required: false,
       default: null
     },
-
     /**
      * Display operators' descriptions instead of their values (e.g., "is" instead of "=").
      */
@@ -120,7 +108,6 @@ var script = {
       required: false,
       default: false
     },
-
     /**
      * HTML attributes to add to the search button
      */
@@ -129,7 +116,6 @@ var script = {
       required: false,
       default: () => ({})
     },
-
     /**
      * HTML attributes to add to the search input
      */
@@ -144,7 +130,6 @@ var script = {
       default: false
     }
   },
-
   data() {
     return {
       tokens: initialState(),
@@ -153,66 +138,53 @@ var script = {
       intendedCursorPosition: 'end'
     };
   },
-
   computed: {
     activeToken() {
       return this.tokens[this.activeTokenIdx];
     },
-
     lastTokenIdx() {
       return this.tokens.length - 1;
     },
-
     isLastTokenActive() {
       return this.activeTokenIdx === this.lastTokenIdx;
     },
-
     hasValue() {
       return this.tokens.length > 1 || this.tokens[0].value.data !== '';
     },
-
     termPlaceholder() {
       return this.hasValue ? null : this.placeholder;
     },
-
     currentAvailableTokens() {
       return this.availableTokens.filter(token => {
         if (token.disabled) {
           return false;
         }
-
         if (token.unique) {
           return !this.tokens.find(t => t.type === token.type);
         }
-
         return true;
       });
     }
-
   },
   watch: {
     tokens: {
       handler() {
         if (process.env.NODE_ENV !== 'production') {
           const invalidToken = this.tokens.find(token => !token.id);
-
           if (invalidToken) {
             throw new Error(`Token does not have an id:\n${JSON.stringify(invalidToken)}`);
           }
         }
-
         if ((this.tokens.length === 0 || !this.isLastTokenEmpty()) && !this.viewOnly) {
           this.tokens.push(createTerm());
         }
+
         /**
          * Emitted when the tokens (value) changes
          * @property {array} tokens
          */
-
-
         this.$emit('input', this.tokens);
       },
-
       deep: true,
       immediate: true
     },
@@ -222,7 +194,6 @@ var script = {
           this.applyNewValue(_cloneDeep(newValue));
         }
       },
-
       deep: true,
       immediate: true
     }
@@ -231,53 +202,42 @@ var script = {
     applyNewValue(newValue) {
       this.tokens = needDenormalization(newValue) ? denormalizeTokens(newValue) : newValue;
     },
-
     isActiveToken(idx) {
       return this.activeTokenIdx === idx;
     },
-
     isLastToken(idx) {
       return !this.activeTokenIdx && idx === this.lastTokenIdx;
     },
-
     isLastTokenEmpty() {
       return isEmptyTerm(this.tokens[this.lastTokenIdx]);
     },
-
     getTokenEntry(type) {
       return this.availableTokens.find(t => t.type === type);
     },
-
     getTokenComponent(type) {
       var _this$getTokenEntry;
-
       return ((_this$getTokenEntry = this.getTokenEntry(type)) === null || _this$getTokenEntry === void 0 ? void 0 : _this$getTokenEntry.token) || GlFilteredSearchTerm;
     },
-
     getLastTokenClassList(idx) {
       return this.isLastToken(idx) && !this.viewOnly ? 'gl-filtered-search-last-item' : '';
     },
-
     activate(idx) {
       if (!this.viewOnly) {
         this.activeTokenIdx = idx;
       }
     },
-
     activatePreviousToken() {
       if (this.activeTokenIdx > 0) {
         this.activeTokenIdx -= 1;
         this.intendedCursorPosition = 'end';
       }
     },
-
     activateNextToken() {
       if (this.activeTokenIdx < this.value.length) {
         this.activeTokenIdx += 1;
         this.intendedCursorPosition = 'start';
       }
     },
-
     alignSuggestions(ref) {
       const offsetRef = ref.getBoundingClientRect().left;
       const offsetMenu = this.$el.getBoundingClientRect().left;
@@ -286,40 +246,33 @@ var script = {
         transform
       };
     },
-
     deactivate(token) {
       this.intendedCursorPosition = 'end';
       const tokenIdx = this.tokens.indexOf(token);
-
       if (tokenIdx === -1 || this.activeTokenIdx !== tokenIdx) {
         return;
       }
-
       if (!this.isLastTokenEmpty()) {
         this.tokens.push(createTerm());
       }
-
       if (!this.isLastTokenActive && isEmptyTerm(this.activeToken)) {
         this.tokens.splice(tokenIdx, 1);
       }
-
       this.activeTokenIdx = null;
     },
-
     destroyToken(idx) {
       let {
         intent
       } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
       if (this.tokens.length === 1) {
         return;
       }
+      this.tokens.splice(idx, 1);
 
-      this.tokens.splice(idx, 1); // First, attempt to honor the user's activation intent behind the
+      // First, attempt to honor the user's activation intent behind the
       // destruction of the token, if any. Otherwise, try to maintain the
       // active state for the token that was active at the time. If that's not
       // possible, make sure no token is active.
-
       if (intent === INTENT_ACTIVATE_PREVIOUS) {
         // If there is a previous token, activate it; else, activate the first token
         this.activeTokenIdx = Math.max(idx - 1, 0);
@@ -329,13 +282,14 @@ var script = {
       } else if (idx === this.activeTokenIdx) {
         // User destroyed the active token; don't activate another one.
         this.activeTokenIdx = null;
-      } // Do nothing if there was no active token, or if idx > this.activeTokenIdx,
+      }
+      // Do nothing if there was no active token, or if idx > this.activeTokenIdx,
       // to preserve the active state of the remaining tokens.
-
     },
 
     replaceToken(idx, token) {
-      this.$set(this.tokens, idx, ensureTokenId({ ...token,
+      this.$set(this.tokens, idx, ensureTokenId({
+        ...token,
         value: {
           data: '',
           ...token.value
@@ -343,20 +297,16 @@ var script = {
       }));
       this.activeTokenIdx = idx;
     },
-
     createTokens(idx) {
       let newStrings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [''];
-
       if (this.activeTokenIdx !== this.lastTokenIdx && newStrings.length === 1 && newStrings[0] === '') {
         this.activeTokenIdx = this.lastTokenIdx;
         return;
       }
-
       const newTokens = newStrings.map(data => createTerm(data));
       this.tokens.splice(idx + 1, 0, ...newTokens);
       this.activeTokenIdx = idx + newStrings.length;
     },
-
     completeToken() {
       if (this.activeTokenIdx === this.lastTokenIdx - 1) {
         this.activeTokenIdx = this.lastTokenIdx;
@@ -364,7 +314,6 @@ var script = {
         this.activeTokenIdx = null;
       }
     },
-
     submit() {
       /**
        * Emitted when search is submitted
@@ -372,7 +321,6 @@ var script = {
        */
       this.$emit('submit', normalizeTokens(_cloneDeep(this.tokens)));
     }
-
   }
 };
 

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

@@ -21,7 +21,6 @@ var script = {
     isActive() {
       return this.filteredSearchSuggestionListInstance.activeItem === this;
     }
-
   },
   watch: {
     isActive(newValue) {
@@ -34,24 +33,19 @@ var script = {
         });
       }
     }
-
   },
-
   created() {
     this.filteredSearchSuggestionListInstance.register(this);
   },
-
   beforeDestroy() {
     this.filteredSearchSuggestionListInstance.unregister(this);
   },
-
   methods: {
     emitValue() {
       // We use href argument for gl-dropdown-item to use <a> instead of <button>
       // due to https://bugs.webkit.org/show_bug.cgi?id=22261
       this.filteredSearchSuggestionListInstance.$emit('suggestion', this.value);
     }
-
   }
 };
 

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

@@ -3,13 +3,11 @@ import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 var script = {
   name: 'GlFilteredSearchSuggestionList',
   inject: ['suggestionsListClass'],
-
   provide() {
     return {
       filteredSearchSuggestionListInstance: this
     };
   },
-
   props: {
     /**
      * Value to be initially selected in list.
@@ -20,56 +18,45 @@ var script = {
       default: null
     }
   },
-
   data() {
     return {
       activeIdx: -1,
       registeredItems: []
     };
   },
-
   computed: {
     activeItem() {
       return this.activeIdx > -1 && this.activeIdx < this.registeredItems.length ? this.registeredItems[this.activeIdx] : null;
     },
-
     listClasses() {
       return [this.suggestionsListClass(), 'dropdown-menu gl-filtered-search-suggestion-list'];
     }
-
   },
   watch: {
     initialValue(newValue) {
       this.activeIdx = this.registeredItems.findIndex(item => this.valuesMatch(item.value, newValue));
     }
-
   },
   methods: {
     valuesMatch(firstValue, secondValue) {
       if (!firstValue || !secondValue) return false;
       return typeof firstValue === 'string' ? firstValue.toLowerCase() === secondValue.toLowerCase() : firstValue === secondValue;
     },
-
     register(item) {
       this.registeredItems.push(item);
-
       if (this.valuesMatch(item.value, this.initialValue)) {
         this.activeIdx = this.registeredItems.length - 1;
       }
     },
-
     unregister(item) {
       const idx = this.registeredItems.indexOf(item);
-
       if (idx !== -1) {
         this.registeredItems.splice(idx, 1);
-
         if (idx === this.activeIdx) {
           this.activeIdx = -1;
         }
       }
     },
-
     nextItem() {
       if (this.activeIdx < this.registeredItems.length) {
         this.activeIdx += 1;
@@ -77,7 +64,6 @@ var script = {
         this.activeIdx = 0;
       }
     },
-
     prevItem() {
       if (this.activeIdx >= 0) {
         this.activeIdx -= 1;
@@ -85,11 +71,9 @@ var script = {
         this.activeIdx = this.registeredItems.length - 1;
       }
     },
-
     getValue() {
       return this.activeItem ? this.activeItem.value : null;
     }
-
   }
 };
 

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

@@ -18,7 +18,6 @@ var script = {
       type: Array,
       required: true
     },
-
     /**
      * Determines if the term is being edited or not.
      */
@@ -27,7 +26,6 @@ var script = {
       required: false,
       default: false
     },
-
     /**
      * Current term value.
      */
@@ -43,7 +41,6 @@ var script = {
       required: false,
       default: ''
     },
-
     /**
      * HTML attributes to add to the search input.
      */
@@ -52,7 +49,6 @@ var script = {
       required: false,
       default: () => ({})
     },
-
     /**
      * If this is the last token.
      */
@@ -61,7 +57,6 @@ var script = {
       required: false,
       default: false
     },
-
     /**
      * The current `value` (tokens) of the ancestor GlFilteredSearch component.
      */
@@ -86,12 +81,10 @@ var script = {
     suggestedTokens() {
       return this.availableTokens.filter(item => item.title.toLowerCase().includes(this.value.data.toLowerCase()));
     },
-
     internalValue: {
       get() {
         return this.value.data;
       },
-
       set(data) {
         /**
          * Emitted when the token changes its value.
@@ -103,7 +96,6 @@ var script = {
           data
         });
       }
-
     }
   },
   methods: {
@@ -119,7 +111,6 @@ var script = {
         intent: INTENT_ACTIVATE_PREVIOUS
       });
     }
-
   }
 };