@gitlab/ui 37.5.1 → 37.5.2

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [37.5.2](https://gitlab.com/gitlab-org/gitlab-ui/compare/v37.5.1...v37.5.2) (2022-03-11)
+
+
+### Bug Fixes
+
+* **GlFilteredSearch:** Token activation after destruction ([40b0513](https://gitlab.com/gitlab-org/gitlab-ui/commit/40b051307065ff29fea53ad65457d6b99f116c92))
+
 ## [37.5.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v37.5.0...v37.5.1) (2022-03-10)
 
 

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

@@ -5,7 +5,7 @@ import { GlTooltipDirective } from '../../../directives/tooltip';
 import GlIcon from '../icon/icon';
 import GlSearchBoxByClick from '../search_box_by_click/search_box_by_click';
 import GlFilteredSearchTerm from './filtered_search_term';
-import { TERM_TOKEN_TYPE, needDenormalization, denormalizeTokens, isEmptyTerm, normalizeTokens } from './filtered_search_utils';
+import { TERM_TOKEN_TYPE, needDenormalization, denormalizeTokens, isEmptyTerm, INTENT_ACTIVATE_PREVIOUS, normalizeTokens } from './filtered_search_utils';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 Vue.use(PortalVue);
@@ -184,8 +184,8 @@ var script = {
       return ((_this$getTokenEntry = this.getTokenEntry(type)) === null || _this$getTokenEntry === void 0 ? void 0 : _this$getTokenEntry.token) || GlFilteredSearchTerm;
     },
 
-    activate(token) {
-      this.activeTokenIdx = token;
+    activate(idx) {
+      this.activeTokenIdx = idx;
     },
 
     alignSuggestions(ref) {
@@ -216,15 +216,31 @@ var script = {
     },
 
     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
+      // 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, deactivate all tokens
+        this.activeTokenIdx = idx > 0 ? idx - 1 : null;
+      } else if (idx < this.activeTokenIdx) {
+        // Preserve the active token's active status (it shifted down one index)
+        this.activeTokenIdx -= 1;
+      } 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,
+      // to preserve the active state of the remaining tokens.
 
-      if (idx !== 0) {
-        this.activeTokenIdx = idx - 1;
-      }
     },
 
     replaceToken(idx, token) {
@@ -281,7 +297,7 @@ 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-search-box-by-click',_vm._b({attrs:{"value":_vm.tokens,"history-items":_vm.historyItems,"clearable":_vm.hasValue,"search-button-attributes":_vm.searchButtonAttributes,"data-testid":"filtered-search-input"},on:{"submit":_vm.submit,"input":_vm.applyNewValue,"history-item-selected":function($event){return _vm.$emit('history-item-selected', $event)},"clear":function($event){return _vm.$emit('clear')},"clear-history":function($event){return _vm.$emit('clear-history')}},scopedSlots:_vm._u([{key:"history-item",fn:function(slotScope){return [_vm._t("history-item",null,null,slotScope)]}},{key:"input",fn:function(){return [_c('div',{staticClass:"gl-filtered-search-scrollable"},[_vm._l((_vm.tokens),function(token,idx){return [_c(_vm.getTokenComponent(token.type),{key:((token.type) + "-" + idx),ref:"tokens",refInFor:true,tag:"component",staticClass:"gl-filtered-search-item",class:{
             'gl-filtered-search-last-item': _vm.isLastToken(idx),
-          },attrs:{"config":_vm.getTokenEntry(token.type),"active":_vm.activeTokenIdx === idx,"available-tokens":_vm.currentAvailableTokens,"current-value":_vm.tokens,"index":idx,"placeholder":_vm.termPlaceholder,"show-friendly-text":_vm.showFriendlyText,"search-input-attributes":_vm.searchInputAttributes,"is-last-token":_vm.isLastToken(idx)},on:{"activate":function($event){return _vm.activate(idx)},"deactivate":function($event){return _vm.deactivate(token)},"destroy":function($event){return _vm.destroyToken(idx)},"replace":function($event){return _vm.replaceToken(idx, $event)},"complete":_vm.completeToken,"submit":_vm.submit,"split":function($event){return _vm.createTokens(idx, $event)}},model:{value:(token.value),callback:function ($$v) {_vm.$set(token, "value", $$v);},expression:"token.value"}})]})],2),_vm._v(" "),_c('portal-target',{key:_vm.activeTokenIdx,ref:"menu",style:(_vm.suggestionsStyle),attrs:{"name":_vm.portalName,"slim":""}})]},proxy:true}],null,true)},'gl-search-box-by-click',_vm.$attrs,false))};
+          },attrs:{"config":_vm.getTokenEntry(token.type),"active":_vm.activeTokenIdx === idx,"available-tokens":_vm.currentAvailableTokens,"current-value":_vm.tokens,"index":idx,"placeholder":_vm.termPlaceholder,"show-friendly-text":_vm.showFriendlyText,"search-input-attributes":_vm.searchInputAttributes,"is-last-token":_vm.isLastToken(idx)},on:{"activate":function($event){return _vm.activate(idx)},"deactivate":function($event){return _vm.deactivate(token)},"destroy":function($event){return _vm.destroyToken(idx, $event)},"replace":function($event){return _vm.replaceToken(idx, $event)},"complete":_vm.completeToken,"submit":_vm.submit,"split":function($event){return _vm.createTokens(idx, $event)}},model:{value:(token.value),callback:function ($$v) {_vm.$set(token, "value", $$v);},expression:"token.value"}})]})],2),_vm._v(" "),_c('portal-target',{key:_vm.activeTokenIdx,ref:"menu",style:(_vm.suggestionsStyle),attrs:{"name":_vm.portalName,"slim":""}})]},proxy:true}],null,true)},'gl-search-box-by-click',_vm.$attrs,false))};
 var __vue_staticRenderFns__ = [];
 
   /* style */

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

@@ -1,5 +1,6 @@
 import GlFilteredSearchSuggestion from './filtered_search_suggestion';
 import GlFilteredSearchTokenSegment from './filtered_search_token_segment';
+import { INTENT_ACTIVATE_PREVIOUS } from './filtered_search_utils';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
@@ -63,6 +64,14 @@ var script = {
       }
 
     }
+  },
+  methods: {
+    onBackspace() {
+      this.$emit('destroy', {
+        intent: INTENT_ACTIVATE_PREVIOUS
+      });
+    }
+
   }
 };
 
@@ -70,7 +79,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('div',{staticClass:"gl-h-auto gl-filtered-search-term"},[_c('gl-filtered-search-token-segment',{staticClass:"gl-filtered-search-term-token",class:{ 'gl-w-full': _vm.placeholder },attrs:{"active":_vm.active,"search-input-attributes":_vm.searchInputAttributes,"is-last-token":_vm.isLastToken,"current-value":_vm.currentValue},on:{"activate":function($event){return _vm.$emit('activate')},"deactivate":function($event){return _vm.$emit('deactivate')},"complete":function($event){return _vm.$emit('replace', { type: $event })},"backspace":function($event){return _vm.$emit('destroy')},"submit":function($event){return _vm.$emit('submit')},"split":function($event){return _vm.$emit('split', $event)}},scopedSlots:_vm._u([{key:"suggestions",fn:function(){return _vm._l((_vm.suggestedTokens),function(item,idx){return _c('gl-filtered-search-suggestion',{key:idx,attrs:{"value":item.type,"icon-name":item.icon}},[_vm._v("\n        "+_vm._s(item.title)+"\n      ")])})},proxy:true},{key:"view",fn:function(){return [(_vm.placeholder)?_c('input',_vm._b({staticClass:"gl-filtered-search-term-input",attrs:{"placeholder":_vm.placeholder,"aria-label":_vm.placeholder}},'input',_vm.searchInputAttributes,false)):[_vm._v(_vm._s(_vm.value.data))]]},proxy:true}]),model:{value:(_vm.internalValue),callback:function ($$v) {_vm.internalValue=$$v;},expression:"internalValue"}})],1)};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-h-auto gl-filtered-search-term"},[_c('gl-filtered-search-token-segment',{staticClass:"gl-filtered-search-term-token",class:{ 'gl-w-full': _vm.placeholder },attrs:{"active":_vm.active,"search-input-attributes":_vm.searchInputAttributes,"is-last-token":_vm.isLastToken,"current-value":_vm.currentValue},on:{"activate":function($event){return _vm.$emit('activate')},"deactivate":function($event){return _vm.$emit('deactivate')},"complete":function($event){return _vm.$emit('replace', { type: $event })},"backspace":_vm.onBackspace,"submit":function($event){return _vm.$emit('submit')},"split":function($event){return _vm.$emit('split', $event)}},scopedSlots:_vm._u([{key:"suggestions",fn:function(){return _vm._l((_vm.suggestedTokens),function(item,idx){return _c('gl-filtered-search-suggestion',{key:idx,attrs:{"value":item.type,"icon-name":item.icon}},[_vm._v("\n        "+_vm._s(item.title)+"\n      ")])})},proxy:true},{key:"view",fn:function(){return [(_vm.placeholder)?_c('input',_vm._b({staticClass:"gl-filtered-search-term-input",attrs:{"placeholder":_vm.placeholder,"aria-label":_vm.placeholder}},'input',_vm.searchInputAttributes,false)):[_vm._v(_vm._s(_vm.value.data))]]},proxy:true}]),model:{value:(_vm.internalValue),callback:function ($$v) {_vm.internalValue=$$v;},expression:"internalValue"}})],1)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

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

@@ -3,6 +3,7 @@ import _last from 'lodash/last';
 import _first from 'lodash/first';
 
 const TERM_TOKEN_TYPE = 'filtered-search-term';
+const INTENT_ACTIVATE_PREVIOUS = 'intent-activate-previous';
 function isEmptyTerm(token) {
   return token.type === TERM_TOKEN_TYPE && token.value.data.trim() === '';
 }
@@ -134,4 +135,4 @@ function wrapTokenInQuotes(token) {
   return `"${token}"`;
 }
 
-export { TERM_TOKEN_TYPE, denormalizeTokens, isEmptyTerm, needDenormalization, normalizeTokens, splitOnQuotes, wrapTokenInQuotes };
+export { INTENT_ACTIVATE_PREVIOUS, TERM_TOKEN_TYPE, denormalizeTokens, isEmptyTerm, needDenormalization, normalizeTokens, splitOnQuotes, wrapTokenInQuotes };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "37.5.1",
+  "version": "37.5.2",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -83,7 +83,7 @@
     "@arkweid/lefthook": "^0.7.6",
     "@babel/core": "^7.10.2",
     "@babel/preset-env": "^7.10.2",
-    "@gitlab/eslint-plugin": "10.0.2",
+    "@gitlab/eslint-plugin": "11.0.0",
     "@gitlab/stylelint-config": "4.0.0",
     "@gitlab/svgs": "2.6.0",
     "@rollup/plugin-commonjs": "^11.1.0",

package/src/components/base/filtered_search/filtered_search.spec.js

@@ -5,7 +5,7 @@ import GlFilteredSearchSuggestion from './filtered_search_suggestion.vue';
 import GlFilteredSearchSuggestionList from './filtered_search_suggestion_list.vue';
 import GlFilteredSearchTerm from './filtered_search_term.vue';
 import GlFilteredSearchToken from './filtered_search_token.vue';
-import { TERM_TOKEN_TYPE } from './filtered_search_utils';
+import { TERM_TOKEN_TYPE, INTENT_ACTIVATE_PREVIOUS } from './filtered_search_utils';
 
 jest.mock('~/directives/tooltip');
 
@@ -196,9 +196,99 @@ describe('Filtered search', () => {
       ]);
     });
 
-    it('brings focus to previous token if current is destroyed', async () => {
+    it('makes previous token active if user intends it on token destruction', async () => {
       createComponent({
-        value: ['one', { type: 'faketoken', value: '' }, 'two'],
+        value: [{ type: 'faketoken', value: '' }, ''],
+      });
+      await nextTick();
+
+      wrapper
+        .findComponent(GlFilteredSearchTerm)
+        .vm.$emit('destroy', { intent: INTENT_ACTIVATE_PREVIOUS });
+
+      await nextTick();
+
+      expect(wrapper.findComponent(FakeToken).props('active')).toBe(true);
+    });
+
+    it('makes no token active if user intends it on first token destruction', async () => {
+      createComponent({
+        value: ['foo', { type: 'faketoken', value: '' }],
+      });
+      await nextTick();
+      wrapper.findComponent(FakeToken).vm.$emit('activate');
+      await nextTick();
+
+      expect(wrapper.findComponent(FakeToken).props('active')).toBe(true);
+
+      wrapper
+        .findAllComponents(GlFilteredSearchTerm)
+        .at(0)
+        .vm.$emit('destroy', { intent: INTENT_ACTIVATE_PREVIOUS });
+
+      await nextTick();
+
+      expect(wrapper.findComponent(FakeToken).props('active')).toBe(false);
+    });
+
+    it('keeps active token active if later one destroyed', async () => {
+      createComponent({
+        value: [
+          { type: 'faketoken', value: '' },
+          { type: 'faketoken', value: '' },
+          { type: 'faketoken', value: '' },
+        ],
+      });
+      await nextTick();
+      wrapper.findAllComponents(FakeToken).at(0).vm.$emit('activate');
+      await nextTick();
+
+      wrapper.findAllComponents(FakeToken).at(2).vm.$emit('destroy');
+
+      await nextTick();
+
+      expect(wrapper.findAllComponents(FakeToken).at(0).props('active')).toBe(true);
+    });
+
+    it('keeps active token active if earlier one destroyed', async () => {
+      createComponent({
+        value: [
+          { type: 'faketoken', value: '' },
+          { type: 'faketoken', value: '' },
+          { type: 'faketoken', value: '' },
+        ],
+      });
+      await nextTick();
+      wrapper.findAllComponents(FakeToken).at(2).vm.$emit('activate');
+      await nextTick();
+
+      wrapper.findAllComponents(FakeToken).at(0).vm.$emit('destroy');
+
+      await nextTick();
+
+      expect(wrapper.findAllComponents(FakeToken).at(1).props('active')).toBe(true);
+    });
+
+    it('makes no token active if current is destroyed', async () => {
+      createComponent({
+        value: ['one', { type: 'faketoken', value: '' }],
+      });
+      await nextTick();
+      wrapper.findComponent(FakeToken).vm.$emit('activate');
+      await nextTick();
+
+      wrapper.findComponent(FakeToken).vm.$emit('destroy');
+
+      await nextTick();
+
+      wrapper.findAllComponents(GlFilteredSearchTerm).wrappers.forEach((searchTermWrapper) => {
+        expect(searchTermWrapper.props('active')).toBe(false);
+      });
+    });
+
+    it('keeps no token active if one was destroyed when none were active', async () => {
+      createComponent({
+        value: ['one', { type: 'faketoken', value: '' }],
       });
       await nextTick();
 
@@ -206,7 +296,7 @@ describe('Filtered search', () => {
 
       await nextTick();
 
-      expect(wrapper.findComponent(GlFilteredSearchTerm).props('active')).toBe(true);
+      expect(wrapper.findComponent(GlFilteredSearchTerm).props('active')).toBe(false);
     });
 
     it('does not destroy last token', async () => {
@@ -580,22 +670,26 @@ describe('Filtered search integration tests', () => {
     expect(wrapper.findAllComponents(GlFilteredSearchTerm).at(1).find('input').exists()).toBe(true);
   });
 
-  it('correctly switches focus on token destroy', async () => {
-    mountComponent({ value: ['one t three'] });
+  it('activates previous token when backspacing on empty search term', async () => {
+    mountComponent({ value: ['zero one two'] });
     await nextTick();
 
     activate(1);
 
     await nextTick();
 
-    // Unfortunately backspace is not working in JSDOM
-    wrapper.findAllComponents(GlFilteredSearchTerm).at(1).vm.$emit('destroy');
+    // Make sure we have the expected search term
+    const inputWrapper = wrapper.find('input');
+    expect(inputWrapper.element.value).toBe('one');
 
-    await nextTick();
+    // Mimic backspace behavior for jsdom
+    await inputWrapper.setValue('');
+    await inputWrapper.trigger('keydown', { key: 'Backspace' });
 
-    expect(document.activeElement).toBe(
-      wrapper.findComponent(GlFilteredSearchTerm).find('input').element
-    );
+    // Make sure the previous token/search term is now active
+    const input = wrapper.find('input').element;
+    expect(input.value).toBe('zero');
+    expect(document.activeElement).toBe(input);
   });
 
   it('clicking clear button clears component input', async () => {

package/src/components/base/filtered_search/filtered_search.stories.js

@@ -36,6 +36,7 @@ const fakeLabels = [
 ];
 
 const UserToken = {
+  name: 'UserToken',
   components: { GlFilteredSearchToken, GlFilteredSearchSuggestion, GlLoadingIcon, GlAvatar },
   props: ['value', 'active'],
   inheritAttrs: false,
@@ -112,6 +113,7 @@ const UserToken = {
 };
 
 const MilestoneToken = {
+  name: 'MilestoneToken',
   components: { GlFilteredSearchToken, GlFilteredSearchSuggestion, GlLoadingIcon },
   props: ['value', 'active'],
   inheritAttrs: false,
@@ -172,6 +174,7 @@ const MilestoneToken = {
 };
 
 const LabelToken = {
+  name: 'LabelToken',
   components: { GlFilteredSearchToken, GlFilteredSearchSuggestion, GlLoadingIcon, GlToken },
   props: ['value', 'active'],
   inheritAttrs: false,

package/src/components/base/filtered_search/filtered_search.vue

@@ -9,6 +9,7 @@ import GlFilteredSearchTerm from './filtered_search_term.vue';
 import {
   isEmptyTerm,
   TERM_TOKEN_TYPE,
+  INTENT_ACTIVATE_PREVIOUS,
   normalizeTokens,
   denormalizeTokens,
   needDenormalization,
@@ -173,8 +174,8 @@ export default {
       return this.getTokenEntry(type)?.token || GlFilteredSearchTerm;
     },
 
-    activate(token) {
-      this.activeTokenIdx = token;
+    activate(idx) {
+      this.activeTokenIdx = idx;
     },
 
     alignSuggestions(ref) {
@@ -201,15 +202,29 @@ export default {
       this.activeTokenIdx = null;
     },
 
-    destroyToken(idx) {
+    destroyToken(idx, { intent } = {}) {
       if (this.tokens.length === 1) {
         return;
       }
 
       this.tokens.splice(idx, 1);
-      if (idx !== 0) {
-        this.activeTokenIdx = idx - 1;
+
+      // 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, deactivate all tokens
+        this.activeTokenIdx = idx > 0 ? idx - 1 : null;
+      } else if (idx < this.activeTokenIdx) {
+        // Preserve the active token's active status (it shifted down one index)
+        this.activeTokenIdx -= 1;
+      } 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,
+      // to preserve the active state of the remaining tokens.
     },
 
     replaceToken(idx, token) {
@@ -297,7 +312,7 @@ export default {
             }"
             @activate="activate(idx)"
             @deactivate="deactivate(token)"
-            @destroy="destroyToken(idx)"
+            @destroy="destroyToken(idx, $event)"
             @replace="replaceToken(idx, $event)"
             @complete="completeToken"
             @submit="submit"

package/src/components/base/filtered_search/filtered_search_term.spec.js

@@ -2,6 +2,7 @@ import { nextTick } from 'vue';
 import { shallowMount } from '@vue/test-utils';
 import GlFilteredSearchSuggestion from './filtered_search_suggestion.vue';
 import FilteredSearchTerm from './filtered_search_term.vue';
+import { INTENT_ACTIVATE_PREVIOUS } from './filtered_search_utils';
 
 const availableTokens = [
   { type: 'foo', title: 'test1-foo', token: 'stub', icon: 'eye' },
@@ -59,23 +60,27 @@ describe('Filtered search term', () => {
   });
 
   it.each`
-    originalEvent   | emittedEvent
-    ${'activate'}   | ${'activate'}
-    ${'deactivate'} | ${'deactivate'}
-    ${'split'}      | ${'split'}
-    ${'submit'}     | ${'submit'}
-    ${'complete'}   | ${'replace'}
-    ${'backspace'}  | ${'destroy'}
+    originalEvent   | emittedEvent    | payload
+    ${'activate'}   | ${'activate'}   | ${undefined}
+    ${'deactivate'} | ${'deactivate'} | ${undefined}
+    ${'split'}      | ${'split'}      | ${undefined}
+    ${'submit'}     | ${'submit'}     | ${undefined}
+    ${'complete'}   | ${'replace'}    | ${{ type: undefined }}
+    ${'backspace'}  | ${'destroy'}    | ${{ intent: INTENT_ACTIVATE_PREVIOUS }}
   `(
     'emits $emittedEvent when token segment emits $originalEvent',
-    async ({ originalEvent, emittedEvent }) => {
+    async ({ originalEvent, emittedEvent, payload }) => {
       createComponent({ active: true, value: { data: 'something' } });
 
       findTokenSegmentComponent().vm.$emit(originalEvent);
 
       await nextTick();
 
-      expect(wrapper.emitted()[emittedEvent]).toHaveLength(1);
+      expect(wrapper.emitted(emittedEvent)).toHaveLength(1);
+
+      if (payload !== undefined) {
+        expect(wrapper.emitted(emittedEvent)[0][0]).toEqual(payload);
+      }
     }
   );
 

package/src/components/base/filtered_search/filtered_search_term.vue

@@ -1,6 +1,7 @@
 <script>
 import GlFilteredSearchSuggestion from './filtered_search_suggestion.vue';
 import GlFilteredSearchTokenSegment from './filtered_search_token_segment.vue';
+import { INTENT_ACTIVATE_PREVIOUS } from './filtered_search_utils';
 
 export default {
   components: {
@@ -59,6 +60,11 @@ export default {
       },
     },
   },
+  methods: {
+    onBackspace() {
+      this.$emit('destroy', { intent: INTENT_ACTIVATE_PREVIOUS });
+    },
+  },
 };
 </script>
 
@@ -75,7 +81,7 @@ export default {
       @activate="$emit('activate')"
       @deactivate="$emit('deactivate')"
       @complete="$emit('replace', { type: $event })"
-      @backspace="$emit('destroy')"
+      @backspace="onBackspace"
       @submit="$emit('submit')"
       @split="$emit('split', $event)"
     >

package/src/components/base/filtered_search/filtered_search_utils.js

@@ -2,6 +2,8 @@ import { first, last, isString } from 'lodash';
 
 export const TERM_TOKEN_TYPE = 'filtered-search-term';
 
+export const INTENT_ACTIVATE_PREVIOUS = 'intent-activate-previous';
+
 export function isEmptyTerm(token) {
   return token.type === TERM_TOKEN_TYPE && token.value.data.trim() === '';
 }