@gitlab/ui 104.2.0 → 105.0.0

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

@@ -1,140 +0,0 @@
-import { translate } from '../../../../../../utils/i18n';
-import { CONTEXT_ITEM_CATEGORY_LOCAL_GIT, CONTEXT_ITEM_LOCAL_GIT_COMMIT, CONTEXT_ITEM_LOCAL_GIT_DIFF, CONTEXT_ITEM_CATEGORY_FILE, 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.
- */
-function categoryValidator(category) {
-  return Boolean(category && category.value && category.label && category.icon);
-}
-function categoriesValidator(categories) {
-  return Array.isArray(categories) && categories.every(category => categoryValidator(category));
-}
-function disabledReasonsValidator(disabledReasons) {
-  return disabledReasons === undefined || Array.isArray(disabledReasons) && disabledReasons.every(reason => typeof reason === 'string');
-}
-function contextItemValidator(item) {
-  return Boolean(item && item.id && item.category && item.metadata && typeof item.metadata === 'object' && typeof item.metadata.enabled === 'boolean' && disabledReasonsValidator(item.metadata.disabledReasons));
-}
-function contextItemsValidator(items) {
-  return Array.isArray(items) && items.every(item => contextItemValidator(item));
-}
-function formatIssueId(iid) {
-  if (!iid) return '';
-  return `#${iid}`;
-}
-function formatMergeRequestId(iid) {
-  if (!iid) return '';
-  return `!${iid}`;
-}
-function getContextItemSource(contextItem) {
-  return contextItem.metadata.repositoryName || contextItem.metadata.project || null;
-}
-function getGitItemIcon(contextItem) {
-  const iconMap = {
-    [CONTEXT_ITEM_LOCAL_GIT_COMMIT]: 'commit',
-    [CONTEXT_ITEM_LOCAL_GIT_DIFF]: 'comparison'
-  };
-  const {
-    gitType
-  } = contextItem.metadata;
-  return iconMap[gitType] || null;
-}
-
-/**
- * Gets the icon name for a given contextItem.
- */
-function getContextItemIcon(contextItem) {
-  let category = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-    icon: null
-  };
-  if (contextItem.metadata.icon) {
-    return contextItem.metadata.icon;
-  }
-  if (contextItem.category === CONTEXT_ITEM_CATEGORY_LOCAL_GIT) {
-    const gitIcon = getGitItemIcon(contextItem);
-    if (gitIcon) return gitIcon;
-  }
-  if (category.icon) {
-    return category.icon;
-  }
-  const iconMap = {
-    [CONTEXT_ITEM_CATEGORY_FILE]: 'document',
-    [CONTEXT_ITEM_CATEGORY_ISSUE]: 'issues',
-    [CONTEXT_ITEM_CATEGORY_MERGE_REQUEST]: 'merge-request',
-    [CONTEXT_ITEM_CATEGORY_LOCAL_GIT]: 'git'
-  };
-  return iconMap[contextItem.category] || null;
-}
-function getContextItemTypeLabel(contextItem) {
-  if (contextItem.metadata.subTypeLabel) {
-    return contextItem.metadata.subTypeLabel;
-  }
-  if (contextItem.category === CONTEXT_ITEM_CATEGORY_LOCAL_GIT) {
-    switch (contextItem.metadata.gitType) {
-      case CONTEXT_ITEM_LOCAL_GIT_DIFF:
-        return translate('DuoChatContextItemTypeLabel.GitDiff', 'Local Git repository diff');
-      case CONTEXT_ITEM_LOCAL_GIT_COMMIT:
-        return translate('DuoChatContextItemTypeLabel.GitCommit', 'Local Git repository commit');
-      default:
-        return translate('DuoChatContextItemTypeLabel.GitDefault', 'Local Git repository');
-    }
-  }
-  switch (contextItem.category) {
-    case CONTEXT_ITEM_CATEGORY_MERGE_REQUEST:
-      return translate('DuoChatContextItemTypeLabel.MergeRequest', 'Merge request');
-    case CONTEXT_ITEM_CATEGORY_ISSUE:
-      return translate('DuoChatContextItemTypeLabel.Issue', 'Issue');
-    case CONTEXT_ITEM_CATEGORY_FILE:
-      return translate('DuoChatContextItemTypeLabel.File', 'Project file');
-    default:
-      return '';
-  }
-}
-
-/**
- * Gets the secondary text line for a git context item, showing repository and commit ID
- */
-function formatGitItemSecondaryText(contextItem) {
-  const {
-    repositoryName,
-    commitId
-  } = contextItem.metadata;
-  const separator = commitId ? ' - ' : '';
-  return `${repositoryName}${separator}${commitId || ''}`;
-}
-function getContextItemSecondaryText(contextItem) {
-  if (contextItem.metadata.secondaryText) {
-    return contextItem.metadata.secondaryText;
-  }
-  switch (contextItem.category) {
-    case CONTEXT_ITEM_CATEGORY_FILE:
-      return contextItem.metadata.relativePath;
-    case CONTEXT_ITEM_CATEGORY_ISSUE:
-      return formatIssueId(contextItem.metadata.iid);
-    case CONTEXT_ITEM_CATEGORY_MERGE_REQUEST:
-      return formatMergeRequestId(contextItem.metadata.iid);
-    case CONTEXT_ITEM_CATEGORY_LOCAL_GIT:
-      return formatGitItemSecondaryText(contextItem);
-    default:
-      return '';
-  }
-}
-
-/**
- * Calculates a new index within a range. If the new index would fall out of bounds, wraps to the start/end of the range.
- * @param {number} currentIndex - The starting index.
- * @param {number} step - The number of steps to move (positive or negative).
- * @param {number} totalLength - The total number of items in the range.
- * @returns {number} The new index.
- */
-function wrapIndex(currentIndex, step, totalLength) {
-  return (currentIndex + step + totalLength) % totalLength;
-}
-
-export { categoriesValidator, categoryValidator, contextItemValidator, contextItemsValidator, formatGitItemSecondaryText, formatIssueId, formatMergeRequestId, getContextItemIcon, getContextItemSecondaryText, getContextItemSource, getContextItemTypeLabel, wrapIndex };

package/dist/components/experimental/duo/chat/components/duo_chat_conversation/duo_chat_conversation.js

@@ -1,109 +0,0 @@
-import GlDuoChatMessage from '../duo_chat_message/duo_chat_message';
-import { translate } from '../../../../../../utils/i18n';
-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.
- */
-const i18n = {
-  CONVERSATION_NEW_CHAT: translate('GlDuoChatConversation.newChat', 'New chat')
-};
-const isMessage = item => Boolean(item) && (item === null || item === void 0 ? void 0 : item.role);
-
-// eslint-disable-next-line unicorn/no-array-callback-reference
-const itemsValidator = items => items.every(isMessage);
-var script = {
-  name: 'GlDuoChatConversation',
-  components: {
-    GlDuoChatMessage
-  },
-  props: {
-    /**
-     * Messages to display
-     */
-    messages: {
-      type: Array,
-      required: false,
-      default: () => [],
-      validator: itemsValidator
-    },
-    canceledRequestIds: {
-      type: Array,
-      required: true
-    },
-    /**
-     * Whether the insertCode feature should be available.
-     */
-    enableCodeInsertion: {
-      type: Boolean,
-      required: true
-    },
-    /**
-     * Whether to show the delimiter before this conversation
-     */
-    showDelimiter: {
-      type: Boolean,
-      required: false,
-      default: true
-    }
-  },
-  methods: {
-    onTrackFeedback(event) {
-      /**
-       * Notify listeners about the feedback form submission on a response message.
-       * @param {*} event An event, containing the feedback choices and the extended feedback text.
-       */
-      this.$emit('track-feedback', event);
-    },
-    onInsertCodeSnippet(e) {
-      this.$emit('insert-code-snippet', e);
-    },
-    onGetContextItemContent(e) {
-      this.$emit('get-context-item-content', e);
-    }
-  },
-  i18n
-};
-
-/* 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',{class:['gl-flex gl-flex-col gl-justify-end', { 'insert-code-hidden': !_vm.enableCodeInsertion }]},[(_vm.showDelimiter)?_c('div',{staticClass:"gl-my-5 gl-flex gl-items-center gl-gap-4 gl-text-gray-500",attrs:{"data-testid":"conversation-delimiter"}},[_c('hr',{staticClass:"gl-grow"}),_vm._v(" "),_c('span',[_vm._v(_vm._s(_vm.$options.i18n.CONVERSATION_NEW_CHAT))]),_vm._v(" "),_c('hr',{staticClass:"gl-grow"})]):_vm._e(),_vm._v(" "),_vm._l((_vm.messages),function(msg,index){return _c('gl-duo-chat-message',{key:((msg.role) + "-" + index),attrs:{"message":msg,"is-cancelled":_vm.canceledRequestIds.includes(msg.requestId)},on:{"track-feedback":_vm.onTrackFeedback,"insert-code-snippet":_vm.onInsertCodeSnippet,"get-context-item-content":_vm.onGetContextItemContent}})})],2)};
-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_loader/duo_chat_loader.js

@@ -1,111 +0,0 @@
-import { translate } from '../../../../../../utils/i18n';
-import GlSprintf from '../../../../../utilities/sprintf/sprintf';
-import GlAnimatedLoaderIcon from '../../../../../base/animated_icon/animated_loader_icon';
-import { LOADING_TRANSITION_DURATION } from '../../constants';
-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.
- */
-const i18n = {
-  LOADER_LOADING_MESSAGE: translate('GlDuoChatLoader.loaderLoadingMessage', '%{tool} is %{transition} an answer'),
-  LOADER_LOADING_TRANSITIONS: [translate('GlDuoChatLoader.loaderLoadingTransitionsFinding', 'finding'), translate('GlDuoChatLoader.loaderLoadingTransitionsWorkingOn', 'working on'), translate('GlDuoChatLoader.loaderLoadingTransitionsGenerating', 'generating'), translate('GlDuoChatLoader.loaderLoadingTransitionsProducing', 'producing')],
-  GITLAB_DUO: translate('GlDuoChatLoader.gitlabDuo', 'GitLab Duo')
-};
-var script = {
-  name: 'GlDuoChatLoader',
-  components: {
-    GlSprintf,
-    GlAnimatedLoaderIcon
-  },
-  i18n,
-  props: {
-    /**
-     * The message containing the name of the current AI tool working on the answer.
-     */
-    toolName: {
-      type: String,
-      required: false,
-      default: i18n.GITLAB_DUO
-    }
-  },
-  data() {
-    return {
-      loadingSequence: 0,
-      timeout: null
-    };
-  },
-  beforeDestroy() {
-    clearTimeout(this.timeout);
-  },
-  mounted() {
-    this.computeTransitionWidth();
-    this.enter();
-  },
-  methods: {
-    computeTransitionWidth() {
-      const container = this.$refs.transition;
-      const active = this.$refs.currentTransition[0]; // There's only one `currentTransition` ref at a time, but refs in v-for loops are always Arrays
-      const {
-        width,
-        height
-      } = active.getBoundingClientRect();
-      container.$el.style.width = `${width}px`;
-      container.$el.style.height = `${height}px`;
-    },
-    enter() {
-      clearTimeout(this.timeout);
-      this.timeout = setTimeout(() => {
-        this.loadingSequence = (this.loadingSequence + 1) % this.$options.i18n.LOADER_LOADING_TRANSITIONS.length;
-        this.enter();
-      }, LOADING_TRANSITION_DURATION);
-    },
-    isCurrentTransition(index) {
-      return index === this.loadingSequence;
-    }
-  }
-};
-
-/* 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:"duo-chat-loader gl-mt-5 gl-flex gl-items-center gl-gap-3"},[_c('gl-animated-loader-icon',{attrs:{"is-on":true}}),_vm._v(" "),_c('div',[_c('gl-sprintf',{attrs:{"message":_vm.$options.i18n.LOADER_LOADING_MESSAGE},scopedSlots:_vm._u([{key:"tool",fn:function(){return [_c('strong',{attrs:{"data-testid":"tool"}},[_vm._v(_vm._s(_vm.toolName))])]},proxy:true},{key:"transition",fn:function(){return [_c('transition-group',{ref:"transition",staticClass:"transition gl-relative gl-inline-block gl-align-bottom",attrs:{"name":"text"},on:{"after-leave":_vm.computeTransitionWidth}},_vm._l((_vm.$options.i18n.LOADER_LOADING_TRANSITIONS),function(message,index){return _c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.isCurrentTransition(index)),expression:"isCurrentTransition(index)"}],key:message,ref:_vm.isCurrentTransition(index) ? 'currentTransition' : '',refInFor:true,staticClass:"gl-absolute gl-bottom-0 gl-left-0 gl-whitespace-nowrap",attrs:{"data-testid":_vm.isCurrentTransition(index) ? 'current-transition' : ''}},[_vm._v(_vm._s(message))])}),0)]},proxy:true}])})],1)],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__;
-export { i18n };

package/dist/components/experimental/duo/chat/components/duo_chat_message/buttons_utils.js

@@ -1,33 +0,0 @@
-import iconsPath from '@gitlab/svgs/dist/icons.svg';
-
-/**
- * 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 createButton = function () {
-  let title = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'Insert the code snippet';
-  let iconId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'insert';
-  const button = document.createElement('button');
-  button.type = 'button';
-  button.classList.add('btn', 'btn-default', 'btn-md', 'gl-button', 'btn-default-secondary', 'btn-icon');
-  button.dataset.title = title;
-
-  // Create an SVG element with the correct namespace
-  const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-  svg.setAttribute('role', 'img');
-  svg.setAttribute('aria-hidden', 'true');
-  svg.classList.add('gl-button-icon', 'gl-icon', 's16');
-
-  // Create a 'use' element with the correct namespace
-  const use = document.createElementNS('http://www.w3.org/2000/svg', 'use');
-  use.setAttribute('href', `${iconsPath}#${iconId}`);
-  svg.appendChild(use);
-  button.appendChild(svg);
-  return button;
-};
-
-export { createButton };

package/dist/components/experimental/duo/chat/components/duo_chat_message/constants.js

@@ -1,14 +0,0 @@
-/**
- * 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 DUO_CODE_SCRIM_TOP_CLASS = 'scrim-top';
-const DUO_CODE_SCRIM_BOTTOM_CLASS = 'scrim-bottom';
-const DUO_CODE_SCRIM_OFFSET = 16;
-
-export { DUO_CODE_SCRIM_BOTTOM_CLASS, DUO_CODE_SCRIM_OFFSET, DUO_CODE_SCRIM_TOP_CLASS };

package/dist/components/experimental/duo/chat/components/duo_chat_message/copy_code_element.js

@@ -1,24 +0,0 @@
-import { createButton } from './buttons_utils';
-
-/**
- * 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.
- */
-class CopyCodeElement extends HTMLElement {
-  constructor() {
-    super();
-    const btn = createButton('Copy to clipboard', 'copy-to-clipboard');
-    const wrapper = this.parentNode;
-    this.appendChild(btn);
-    btn.addEventListener('click', async () => {
-      const textToCopy = wrapper.innerText;
-      await navigator.clipboard.writeText(textToCopy);
-    });
-  }
-}
-
-export { CopyCodeElement };