@gitlab/ui 104.2.0 → 105.0.0

package/dist/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_popover/duo_chat_context_item_popover.js

@@ -1,137 +0,0 @@
-import GlAlert from '../../../../../../base/alert/alert';
-import GlIcon from '../../../../../../base/icon/icon';
-import GlPopover from '../../../../../../base/popover/popover';
-import GlTruncate from '../../../../../../utilities/truncate/truncate';
-import { translate } from '../../../../../../../utils/i18n';
-import { CONTEXT_ITEM_CATEGORY_ISSUE, CONTEXT_ITEM_CATEGORY_MERGE_REQUEST, CONTEXT_ITEM_CATEGORY_FILE } from '../constants';
-import { formatMergeRequestId, formatIssueId, getContextItemIcon, getContextItemTypeLabel, getContextItemSecondaryText, getContextItemSource } from '../utils';
-import GlBadge from '../../../../../../base/badge/badge';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/**
- * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
- *
- * Please use the corresponding component in Duo-UI going forward.
- * All future development and maintenance for Duo components should take place in Duo-UI.
- *
- * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
- */
-var script = {
-  name: 'DuoChatContextItemPopover',
-  components: {
-    GlBadge,
-    GlTruncate,
-    GlAlert,
-    GlIcon,
-    GlPopover
-  },
-  props: {
-    /**
-     * The context contextItem to display in the popover.
-     */
-    contextItem: {
-      type: Object,
-      required: true
-    },
-    /**
-     * The target element ID for the popover.
-     */
-    target: {
-      type: String,
-      required: true
-    },
-    /**
-     * The placement of the popover relative to the target.
-     */
-    placement: {
-      type: String,
-      default: 'bottom',
-      required: false
-    }
-  },
-  computed: {
-    id() {
-      const isIssuable = this.contextItem.category === CONTEXT_ITEM_CATEGORY_ISSUE || this.contextItem.category === CONTEXT_ITEM_CATEGORY_MERGE_REQUEST;
-      return isIssuable ? this.contextItem.metadata.iid : null;
-    },
-    formattedId() {
-      switch (this.contextItem.category) {
-        case CONTEXT_ITEM_CATEGORY_ISSUE:
-          return formatIssueId(this.id);
-        case CONTEXT_ITEM_CATEGORY_MERGE_REQUEST:
-          return formatMergeRequestId(this.id);
-        default:
-          return '';
-      }
-    },
-    title() {
-      return this.contextItem.metadata.title || '';
-    },
-    filePath() {
-      return this.contextItem.category === CONTEXT_ITEM_CATEGORY_FILE ? this.contextItem.metadata.relativePath || '' : null;
-    },
-    filePathArray() {
-      var _this$filePath;
-      return (_this$filePath = this.filePath) === null || _this$filePath === void 0 ? void 0 : _this$filePath.split('/');
-    },
-    isEnabled() {
-      return this.contextItem.metadata.enabled !== false;
-    },
-    disabledMessage() {
-      return Array.isArray(this.contextItem.metadata.disabledReasons) && this.contextItem.metadata.disabledReasons.length > 0 ? this.contextItem.metadata.disabledReasons.join(', ') : translate('DuoChatContextItemPopover.DisabledReason', 'This item is disabled');
-    },
-    iconName() {
-      return getContextItemIcon(this.contextItem);
-    },
-    itemTypeLabel() {
-      return getContextItemTypeLabel(this.contextItem);
-    },
-    secondaryText() {
-      return getContextItemSecondaryText(this.contextItem);
-    },
-    itemSource() {
-      return getContextItemSource(this.contextItem);
-    }
-  },
-  methods: {
-    translate
-  }
-};
-
-/* 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-popover',{attrs:{"target":_vm.target,"triggers":"hover focus","placement":_vm.placement,"title":_vm.title,"custom-class":"gl-duo-chat-item-popover"},scopedSlots:_vm._u([{key:"title",fn:function(){return [_c('div',[_c('div',{staticClass:"gl-heading-3 gl-mb-1 gl-mt-2 gl-leading-1",attrs:{"data-testid":"chat-context-popover-title"}},[_vm._v("\n        "+_vm._s(_vm.title)+"\n      ")]),_vm._v(" "),(_vm.itemTypeLabel)?_c('div',{staticClass:"gl-flex gl-items-center gl-font-normal gl-text-subtle"},[_c('gl-truncate',{staticClass:"gl-min-w-0",attrs:{"text":_vm.itemTypeLabel}})],1):_vm._e()])]},proxy:true}])},[_vm._v(" "),_c('div',[(_vm.secondaryText)?_c('div',{staticClass:"gl-flex gl-items-center"},[_c('gl-icon',{staticClass:"gl-mr-1 gl-shrink-0",attrs:{"name":_vm.iconName,"size":12,"variant":"subtle"}}),_vm._v(" "),(_vm.itemSource)?_c('gl-badge',{staticClass:"gl-mr-1"},[_vm._v(_vm._s(_vm.itemSource))]):_vm._e(),_vm._v(" "),_c('gl-truncate',{staticClass:"gl-min-w-0",attrs:{"text":_vm.secondaryText}})],1):(_vm.filePath)?_c('div',[_c('gl-icon',{attrs:{"name":"document","size":12,"variant":"subtle"}}),_vm._v(" "),_c('span',{staticClass:"gl-break-all"},[_vm._v(_vm._s(_vm.contextItem.metadata.project))]),_vm._v(" "),_vm._l((_vm.filePathArray),function(pathPart,index){return _c('span',{key:pathPart,staticClass:"gl-break-all"},[_vm._v(_vm._s(pathPart)+_vm._s(index + 1 < _vm.filePathArray.length ? '/' : ''))])})],2):_c('div',[(_vm.iconName)?_c('gl-icon',{attrs:{"name":_vm.iconName,"size":12,"variant":"subtle"}}):_vm._e(),_vm._v(" "),_c('span',{staticClass:"gl-break-all"},[_vm._v(_vm._s(_vm.contextItem.metadata.project))]),_vm._v(" "),(_vm.id)?_c('span',{staticClass:"gl-break-all"},[_vm._v(_vm._s(_vm.formattedId))]):_vm._e()],1),_vm._v(" "),(!_vm.isEnabled)?_c('gl-alert',{staticClass:"gl-mb-1 gl-mt-3 gl-p-4 gl-text-sm",attrs:{"variant":"danger","data-testid":"chat-context-popover-disabled","dismissible":false,"show-icon":false}},[_vm._v("\n      "+_vm._s(_vm.disabledMessage)+"\n    ")]):_vm._e()],1)])};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_selections/duo_chat_context_item_selections.js

@@ -1,163 +0,0 @@
-import uniqueId from 'lodash/uniqueId';
-import GlIcon from '../../../../../../base/icon/icon';
-import GlToken from '../../../../../../base/token/token';
-import GlTruncate from '../../../../../../utilities/truncate/truncate';
-import GlDuoChatContextItemPopover from '../duo_chat_context_item_popover/duo_chat_context_item_popover';
-import { CONTEXT_ITEM_CATEGORY_LOCAL_GIT, CONTEXT_ITEM_CATEGORY_FILE, CONTEXT_ITEM_CATEGORY_DEPENDENCY } from '../constants';
-import GlDuoChatContextItemDetailsModal from '../duo_chat_context_item_details_modal/duo_chat_context_item_details_modal';
-import { contextItemsValidator, getContextItemIcon } from '../utils';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/**
- * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
- *
- * Please use the corresponding component in Duo-UI going forward.
- * All future development and maintenance for Duo components should take place in Duo-UI.
- *
- * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
- */
-var script = {
-  name: 'GlDuoChatContextItemSelections',
-  components: {
-    GlTruncate,
-    GlDuoChatContextItemDetailsModal,
-    GlIcon,
-    GlDuoChatContextItemPopover,
-    GlToken
-  },
-  props: {
-    /**
-     * Array of selected context items.
-     */
-    selections: {
-      type: Array,
-      required: true,
-      validator: contextItemsValidator
-    },
-    /**
-     * The title to display for the selections.
-     */
-    title: {
-      type: String,
-      required: true
-    },
-    /**
-     * Whether the selections should be collapsed by default.
-     */
-    defaultCollapsed: {
-      type: Boolean,
-      required: true
-    },
-    /**
-     * Whether the selections can be removed.
-     */
-    removable: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    variant: {
-      type: String,
-      required: false,
-      default: 'assistant'
-    }
-  },
-  data() {
-    return {
-      isCollapsed: this.defaultCollapsed,
-      selectionsId: uniqueId(),
-      previewContextItemId: null
-    };
-  },
-  computed: {
-    collapseIconName() {
-      return this.isCollapsed ? 'chevron-right' : 'chevron-down';
-    },
-    variantClasses() {
-      if (this.variant === 'user') {
-        return 'gl-mb-0 gl-mt-2 gl-text-blue-700';
-      }
-      return 'gl-mb-2 gl-text-gray-500';
-    },
-    tokenVariantClasses() {
-      if (this.variant === 'user') {
-        return 'gl-bg-blue-50 gl-text-blue-600';
-      }
-      return '';
-    },
-    contextItemPreview() {
-      return this.selections.find(item => item.id === this.previewContextItemId);
-    }
-  },
-  methods: {
-    getContextItemIcon,
-    toggleCollapse() {
-      this.isCollapsed = !this.isCollapsed;
-    },
-    onRemoveItem(contextItem) {
-      /**
-       * Emitted when a context contextItem should be removed.
-       * @property {Object} item - The context contextItem to be removed
-       */
-      this.$emit('remove', contextItem);
-    },
-    onOpenItem(event, contextItem) {
-      const isKeypressOnCloseButton = event.type === 'keydown' && event.target !== event.currentTarget;
-      if (isKeypressOnCloseButton) {
-        // don't respond to events triggered by the gl-token children (e.g. the close button)
-        return;
-      }
-      if (!this.canOpen(contextItem)) {
-        return;
-      }
-      if (!contextItem.content) {
-        this.$emit('get-content', contextItem);
-      }
-      this.previewContextItemId = contextItem.id;
-    },
-    canOpen(contextItem) {
-      return [CONTEXT_ITEM_CATEGORY_LOCAL_GIT, CONTEXT_ITEM_CATEGORY_FILE, CONTEXT_ITEM_CATEGORY_DEPENDENCY].includes(contextItem.category);
-    },
-    onClosePreview() {
-      this.previewContextItemId = null;
-    }
-  }
-};
-
-/* 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-flex gl-flex-col",class:_vm.variantClasses},[_c('button',{staticClass:"gl-flex gl-w-full gl-items-center gl-border-0 gl-bg-transparent gl-p-0 gl-text-left gl-text-xs gl-lowercase gl-text-inherit",attrs:{"data-testid":"chat-context-selections-title","type":"button"},on:{"click":_vm.toggleCollapse}},[_c('gl-icon',{attrs:{"name":_vm.collapseIconName,"data-testid":"chat-context-collapse-icon"}}),_vm._v(" "+_vm._s(_vm.title)+"\n  ")],1),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isCollapsed),expression:"!isCollapsed"}],staticClass:"gl-mt-1 gl-flex gl-grow gl-flex-wrap",attrs:{"data-testid":"chat-context-tokens-wrapper"}},_vm._l((_vm.selections),function(item){return _c('gl-token',{key:item.id,staticClass:"gl-mb-2 gl-mr-2 gl-max-w-full",class:_vm.tokenVariantClasses,attrs:{"id":("context-item-" + (item.id) + "-" + _vm.selectionsId + "-token"),"view-only":!_vm.removable,"variant":"default","tabindex":_vm.canOpen(item) ? 0 : -1,"role":_vm.canOpen(item) ? 'button' : undefined},on:{"click":function($event){return _vm.onOpenItem($event, item)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onOpenItem($event, item)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();return _vm.onOpenItem($event, item)}],"close":function($event){return _vm.onRemoveItem(item)}}},[_c('div',{staticClass:"gl-flex gl-min-w-0 gl-items-center",attrs:{"id":("context-item-" + (item.id) + "-" + _vm.selectionsId)}},[(_vm.getContextItemIcon(item))?_c('gl-icon',{staticClass:"gl-mr-1",attrs:{"name":_vm.getContextItemIcon(item),"size":12}}):_vm._e(),_vm._v(" "),_c('gl-truncate',{attrs:{"text":item.metadata.title,"position":"middle"}})],1),_vm._v(" "),_c('gl-duo-chat-context-item-popover',{attrs:{"context-item":item,"target":("context-item-" + (item.id) + "-" + _vm.selectionsId + "-token"),"placement":"bottom"},on:{"show-git-diff":function($event){return _vm.onOpenItem(item)}}})],1)}),1),_vm._v(" "),(_vm.contextItemPreview)?_c('gl-duo-chat-context-item-details-modal',{attrs:{"context-item":_vm.contextItemPreview},on:{"close":_vm.onClosePreview}}):_vm._e()],1)};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/experimental/duo/chat/components/duo_chat_context/mock_context_data.js

@@ -1,308 +0,0 @@
-import { CONTEXT_ITEM_CATEGORY_DEPENDENCY, CONTEXT_ITEM_CATEGORY_FILE, CONTEXT_ITEM_CATEGORY_LOCAL_GIT, CONTEXT_ITEM_CATEGORY_ISSUE, CONTEXT_ITEM_CATEGORY_MERGE_REQUEST } from './constants';
-
-/**
- * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
- *
- * Please use the corresponding component in Duo-UI going forward.
- * All future development and maintenance for Duo components should take place in Duo-UI.
- *
- * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
- */
-const MOCK_CATEGORIES = [{
-  label: 'Files',
-  value: CONTEXT_ITEM_CATEGORY_FILE,
-  icon: 'document'
-}, {
-  label: 'Local Git',
-  value: CONTEXT_ITEM_CATEGORY_LOCAL_GIT,
-  icon: 'git'
-}, {
-  label: 'Issues',
-  value: CONTEXT_ITEM_CATEGORY_ISSUE,
-  icon: 'issues'
-}, {
-  label: 'Merge Requests',
-  value: CONTEXT_ITEM_CATEGORY_MERGE_REQUEST,
-  icon: 'merge-request'
-}, {
-  label: 'Dependencies',
-  value: CONTEXT_ITEM_CATEGORY_DEPENDENCY,
-  icon: 'package'
-}];
-function getMockCategory(categoryValue) {
-  return MOCK_CATEGORIES.find(cat => cat.value === categoryValue);
-}
-const MOCK_CONTEXT_FILE_CONTENT = `export function waterPlants() {
-    console.log('sprinkle');
-}`;
-const MOCK_CONTEXT_FILE_DIFF_CONTENT = `diff --git a/src/plants/strawberry.ts b/src/plants/strawberry.ts
-index 1234567..8901234 100644
---- a/src/plants/strawberry.ts
-+++ b/src/plants/strawberry.ts
-@@ -1,4 +1,4 @@
- export const strawberry = {
-   name: 'Strawberry',
--  waterNeeds: 'moderate',
-+  waterNeeds: 'high',
- };`;
-const MOCK_CONTEXT_ITEM_FILE = {
-  id: '123e4567-e89b-12d3-a456-426614174000',
-  category: CONTEXT_ITEM_CATEGORY_FILE,
-  metadata: {
-    enabled: true,
-    title: 'strawberry.ts',
-    secondaryText: 'src/plants/strawberry.ts',
-    subTypeLabel: 'Project file',
-    icon: 'document',
-    project: 'example/garden',
-    relativePath: 'src/plants/strawberry.ts'
-  }
-};
-const MOCK_CONTEXT_ITEM_FILE_DISABLED = {
-  id: '323e4567-e89b-12d3-a456-426614174002',
-  category: CONTEXT_ITEM_CATEGORY_FILE,
-  metadata: {
-    enabled: false,
-    title: 'motorbike.cs',
-    secondaryText: '/src/VehicleFoo/motorbike.cs',
-    subTypeLabel: 'Project file',
-    icon: 'document',
-    project: 'example/vehicles',
-    relativePath: '/src/VehicleFoo/motorbike.cs'
-  }
-};
-const mockFiles = [MOCK_CONTEXT_ITEM_FILE, {
-  id: '223e4567-e89b-12d3-a456-426614174001',
-  category: CONTEXT_ITEM_CATEGORY_FILE,
-  metadata: {
-    enabled: true,
-    title: 'potato.ts',
-    secondaryText: '/src/plants/potato.ts',
-    subTypeLabel: 'Project file',
-    icon: 'document',
-    project: 'example/garden',
-    relativePath: '/src/plants/potato.ts'
-  }
-}, MOCK_CONTEXT_ITEM_FILE_DISABLED];
-const MOCK_CONTEXT_ITEM_ISSUE = {
-  id: '423e4567-e89b-12d3-a456-426614174003',
-  category: CONTEXT_ITEM_CATEGORY_ISSUE,
-  metadata: {
-    enabled: true,
-    title: 'Implement watering schedule',
-    secondaryText: 'example/garden#1234',
-    subTypeLabel: 'Issue',
-    icon: 'issues',
-    iid: 1234
-  }
-};
-const MOCK_CONTEXT_ITEM_ISSUE_DISABLED = {
-  id: 'c463fb31-2a4c-4f8e-a609-97230ac48ae5',
-  category: CONTEXT_ITEM_CATEGORY_ISSUE,
-  metadata: {
-    enabled: false,
-    disabledReasons: ['This foo is not available to bar', 'Lorem something something wow?'],
-    title: `Fix vehicle colours and make them look real nice and colourful won't that be wonderful wow this issue title is really long I sure hope it's gonna wrap OK`,
-    secondaryText: 'example/vehicle#91011',
-    subTypeLabel: 'Issue',
-    icon: 'issues',
-    iid: 91011
-  }
-};
-const mockIssues = [MOCK_CONTEXT_ITEM_ISSUE, {
-  id: '523e4567-e89b-12d3-a456-426614174004',
-  category: CONTEXT_ITEM_CATEGORY_ISSUE,
-  metadata: {
-    enabled: true,
-    title: 'Refactor plant growth rates',
-    secondaryText: 'example/garden#5678',
-    subTypeLabel: 'Issue',
-    icon: 'issues',
-    iid: 5678
-  }
-}, MOCK_CONTEXT_ITEM_ISSUE_DISABLED];
-const MOCK_CONTEXT_ITEM_MERGE_REQUEST = {
-  id: '623e4567-e89b-12d3-a456-426614174005',
-  category: CONTEXT_ITEM_CATEGORY_MERGE_REQUEST,
-  metadata: {
-    enabled: true,
-    title: 'Improve database performance',
-    secondaryText: 'example/garden!1122',
-    subTypeLabel: 'Merge request',
-    icon: 'merge-request',
-    iid: 1122
-  }
-};
-const MOCK_CONTEXT_ITEM_MERGE_REQUEST_DISABLED = {
-  id: '4eb665fc-e5e1-49b0-9789-2a16964e461a',
-  category: CONTEXT_ITEM_CATEGORY_MERGE_REQUEST,
-  metadata: {
-    enabled: false,
-    disabledReasons: ['This foo is not available to bar', 'Lorem something something wow?'],
-    title: 'Fix broken layout at small viewports',
-    secondaryText: 'example/vehicle!5566',
-    subTypeLabel: 'Merge request',
-    icon: 'merge-request',
-    iid: 5566
-  }
-};
-const mockMergeRequests = [MOCK_CONTEXT_ITEM_MERGE_REQUEST, {
-  id: '723e4567-e89b-12d3-a456-426614174006',
-  category: CONTEXT_ITEM_CATEGORY_MERGE_REQUEST,
-  metadata: {
-    enabled: false,
-    disabledReasons: ['This foo is not available to bar', 'Lorem something something wow?'],
-    title: 'Add vehicle registration details',
-    secondaryText: 'example/vehicle!3344',
-    subTypeLabel: 'Merge request',
-    icon: 'merge-request',
-    iid: 3344
-  }
-}, MOCK_CONTEXT_ITEM_MERGE_REQUEST_DISABLED];
-const MOCK_CONTEXT_ITEM_GIT_DIFF = {
-  id: '6d88b466-0c38-48d6-b271-deda47f97cee',
-  category: CONTEXT_ITEM_CATEGORY_LOCAL_GIT,
-  metadata: {
-    enabled: true,
-    title: 'Current working changes',
-    secondaryText: 'main',
-    subType: 'local_git',
-    subTypeLabel: 'Local Git repository diff',
-    icon: 'comparison',
-    commitId: 'main',
-    repositoryName: 'example/garden',
-    gitType: 'diff'
-  }
-};
-const MOCK_CONTEXT_ITEM_GIT_COMMIT = {
-  id: '20f8caf94cb8f5e5f9dbd1a9ac32702321de201b',
-  category: CONTEXT_ITEM_CATEGORY_LOCAL_GIT,
-  metadata: {
-    enabled: true,
-    title: 'fix: some bug fix commit',
-    secondaryText: '20f8caf94cb8f5e5f9dbd1a9ac32702321de201b',
-    subType: 'local_git',
-    subTypeLabel: 'Local Git repository commit',
-    icon: 'commit',
-    commitId: '20f8caf94cb8f5e5f9dbd1a9ac32702321de201b',
-    repositoryName: 'example/garden',
-    gitType: 'commit'
-  }
-};
-const mockGitItems = [MOCK_CONTEXT_ITEM_GIT_DIFF, {
-  id: 'diff-example/garden',
-  category: CONTEXT_ITEM_CATEGORY_LOCAL_GIT,
-  metadata: {
-    enabled: true,
-    title: 'Diff from default branch',
-    secondaryText: 'main',
-    subTypeLabel: 'Local Git repository diff',
-    icon: 'comparison',
-    commitId: 'main',
-    repositoryName: 'example/garden',
-    gitType: 'diff'
-  }
-}, MOCK_CONTEXT_ITEM_GIT_COMMIT, {
-  id: '32b9b56b6de75b32909986755fbc470f20fb6fc0',
-  category: CONTEXT_ITEM_CATEGORY_LOCAL_GIT,
-  metadata: {
-    enabled: true,
-    title: 'feat: add cool new feature',
-    secondaryText: '32b9b56b6de75b32909986755fbc470f20fb6fc0',
-    subTypeLabel: 'Local Git repository commit',
-    icon: 'commit',
-    commitId: '32b9b56b6de75b32909986755fbc470f20fb6fc0',
-    repositoryName: 'example/garden',
-    gitType: 'commit'
-  }
-}, {
-  id: '775d7efdce25c1af48c55abcadbefd1f181b92ce',
-  category: CONTEXT_ITEM_CATEGORY_LOCAL_GIT,
-  metadata: {
-    enabled: true,
-    title: 'fix: stop foo from bar when baz because customers ding',
-    secondaryText: '775d7efdce25c1af48c55abcadbefd1f181b92ce',
-    subTypeLabel: 'Local Git repository commit',
-    icon: 'commit',
-    commitId: '775d7efdce25c1af48c55abcadbefd1f181b92ce',
-    repositoryName: 'example/garden',
-    gitType: 'commit'
-  }
-}];
-const MOCK_CONTEXT_ITEM_DEPENDENCY = {
-  id: '823e4567-e89b-12d3-a456-426614174007',
-  category: CONTEXT_ITEM_CATEGORY_DEPENDENCY,
-  content: JSON.stringify([{
-    javascript: ['@types/node@16.11.7', '@vue/compiler-sfc@3.2.37', 'typescript@4.5.5', 'vue@3.2.37']
-  }]),
-  metadata: {
-    enabled: true,
-    title: 'example/garden',
-    secondaryText: 'package.json',
-    icon: 'package',
-    subType: 'dependency',
-    subTypeLabel: 'Project dependencies',
-    project: 'example/garden'
-  }
-};
-const MOCK_CONTEXT_ITEM_DEPENDENCY_DISABLED = {
-  id: '923e4567-e89b-12d3-a456-426614174008',
-  category: CONTEXT_ITEM_CATEGORY_DEPENDENCY,
-  content: JSON.stringify([{
-    javascript: ['@types/node@16.11.7', '@vue/compiler-sfc@3.2.37', 'typescript@4.5.5', 'vue@3.2.37'],
-    csharp: ['newtonsoft.json@13.0.1', 'microsoft.net.test.sdk@16.11.0']
-  }]),
-  metadata: {
-    enabled: false,
-    disabledReasons: ['Dependencies are not available for this project', 'Access restricted'],
-    title: 'example/vehicle',
-    secondaryText: 'package.json, vehicle.csproj',
-    icon: 'package',
-    subType: 'dependency',
-    subTypeLabel: 'Project dependencies',
-    project: 'example/vehicle'
-  }
-};
-const mockDependencies = [MOCK_CONTEXT_ITEM_DEPENDENCY, MOCK_CONTEXT_ITEM_DEPENDENCY_DISABLED, {
-  id: 'b23e4567-e89b-12d3-a456-426614174010',
-  category: CONTEXT_ITEM_CATEGORY_DEPENDENCY,
-  content: JSON.stringify([{
-    python: ['django@3.2.9', 'djangorestframework@3.12.4', 'psycopg2@2.9.2', 'celery@5.2.1'],
-    csharp: ['newtonsoft.json@13.0.1', 'microsoft.net.test.sdk@16.11.0']
-  }]),
-  metadata: {
-    enabled: true,
-    title: 'example/backend',
-    secondaryText: 'requirements.txt, some.backend.csproj',
-    icon: 'package',
-    subType: 'dependency',
-    subTypeLabel: 'Project dependencies',
-    project: 'example/backend'
-  }
-}, {
-  id: 'c23e4567-e89b-12d3-a456-426614174011',
-  category: CONTEXT_ITEM_CATEGORY_DEPENDENCY,
-  content: JSON.stringify([{
-    javascript: ['jquery@3.5.1', 'backbone@1.4.0', 'underscore@1.13.1', 'moment@2.29.1']
-  }]),
-  metadata: {
-    enabled: false,
-    disabledReasons: ['Project is archived'],
-    title: 'example/legacy',
-    secondaryText: 'bower.json',
-    icon: 'package',
-    subType: 'dependency',
-    subTypeLabel: 'Project dependencies',
-    project: 'example/legacy'
-  }
-}];
-const getMockContextItems = () => {
-  const allItems = [...mockFiles, ...mockGitItems, ...mockIssues, ...mockMergeRequests, ...mockDependencies];
-
-  // put disabled items in the back
-  const disabledItems = allItems.filter(item => !item.metadata.enabled);
-  const enabledItems = allItems.filter(item => item.metadata.enabled);
-  return [...enabledItems, ...disabledItems];
-};
-
-export { MOCK_CATEGORIES, MOCK_CONTEXT_FILE_CONTENT, MOCK_CONTEXT_FILE_DIFF_CONTENT, MOCK_CONTEXT_ITEM_DEPENDENCY, MOCK_CONTEXT_ITEM_DEPENDENCY_DISABLED, MOCK_CONTEXT_ITEM_FILE, MOCK_CONTEXT_ITEM_FILE_DISABLED, MOCK_CONTEXT_ITEM_GIT_COMMIT, MOCK_CONTEXT_ITEM_GIT_DIFF, MOCK_CONTEXT_ITEM_ISSUE, MOCK_CONTEXT_ITEM_ISSUE_DISABLED, MOCK_CONTEXT_ITEM_MERGE_REQUEST, MOCK_CONTEXT_ITEM_MERGE_REQUEST_DISABLED, getMockCategory, getMockContextItems };