@gitlab/ui 93.2.0 → 93.3.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [93.3.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v93.2.0...v93.3.0) (2024-09-19)
+
+
+### Features
+
+* **DuoChatContextItemPopover:** fix styling for long strings ([b7b4517](https://gitlab.com/gitlab-org/gitlab-ui/commit/b7b451796eb0585b57922682a5cef42ac945a1f9))
+
 # [93.2.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v93.1.0...v93.2.0) (2024-09-19)
 
 

package/bin/migrate_custom_utils_to_tw.bundled.mjs

@@ -184266,7 +184266,14 @@ var tailwindEquivalents = {
   "gl-bg-data-viz-magenta-950!": "!gl-bg-data-viz-magenta-950",
   "gl-inset-border-1-red-300": "gl-shadow-inner-1-red-300",
   "gl-inset-border-1-red-500": "gl-shadow-inner-1-red-500",
-  "gl-column-gap-3": "gl-gap-x-3"
+  "gl-column-gap-3": "gl-gap-x-3",
+  // The following equivalents were found while migrating GitLab UI's stylesheets
+  "gl-text-decoration-color-gray-900": "gl-decoration-gray-900",
+  "gl-text-decoration-color-gray-500": "gl-decoration-gray-500",
+  "gl-text-transform-none": "gl-normal-case",
+  "gl-bg-current-color": "gl-bg-current",
+  "gl-w-eighth": "gl-w-1/8",
+  "gl-w-max-content": "gl-w-max"
 };
 
 // bin/lib/tailwind_migrations.mjs

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

@@ -98,7 +98,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('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.contextItem.metadata.title)+"\n      ")]),_vm._v(" "),_c('div',{staticClass:"gl-font-normal gl-text-subtle"},[_vm._v(_vm._s(_vm.itemTypeLabel))])])]},proxy:true}])},[_vm._v(" "),_c('div',[(_vm.filePath !== null)?_c('div',{staticClass:"gl-flex gl-flex-wrap gl-items-center"},[_c('gl-icon',{staticClass:"gl-mr-1",attrs:{"name":"document","size":12,"variant":"subtle"}}),_vm._v(" "),_c('span',[_vm._v(_vm._s(_vm.contextItem.metadata.project))]),_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):_vm._e(),_vm._v(" "),(_vm.filePath === null)?_c('div',{staticClass:"gl-flex gl-flex-wrap gl-items-center gl-leading-1 gl-text-subtle"},[_c('gl-icon',{staticClass:"gl-mr-1",attrs:{"name":_vm.iconName,"size":12,"variant":"subtle"}}),_vm._v(" "),_c('span',[_vm._v(_vm._s(_vm.contextItem.metadata.project))]),(_vm.id !== null)?_c('span',[_vm._v(_vm._s(_vm.formattedId))]):_vm._e()],1):_vm._e(),_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_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.contextItem.metadata.title)+"\n      ")]),_vm._v(" "),_c('div',{staticClass:"gl-font-normal gl-text-subtle"},[_vm._v(_vm._s(_vm.itemTypeLabel))])])]},proxy:true}])},[_vm._v(" "),_c('div',[(_vm.filePath !== null)?_c('div',[_c('gl-icon',{staticClass:"gl-mr-1",attrs:{"name":"document","size":12,"variant":"subtle"}}),_c('span',{staticClass:"gl-break-all"},[_vm._v(_vm._s(_vm.contextItem.metadata.project))]),_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',[_c('gl-icon',{staticClass:"gl-mr-1",attrs:{"name":_vm.iconName,"size":12,"variant":"subtle"}}),_c('span',{staticClass:"gl-break-all"},[_vm._v(_vm._s(_vm.contextItem.metadata.project))]),(_vm.id !== null)?_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 */

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

@@ -16,7 +16,6 @@ import GlDuoChatLoader from './components/duo_chat_loader/duo_chat_loader';
 import GlDuoChatPredefinedPrompts from './components/duo_chat_predefined_prompts/duo_chat_predefined_prompts';
 import GlDuoChatConversation from './components/duo_chat_conversation/duo_chat_conversation';
 import { CHAT_RESET_MESSAGE, CHAT_INCLUDE_MESSAGE, MESSAGE_MODEL_ROLES, CHAT_CLEAN_MESSAGE, CHAT_CLEAR_MESSAGE } from './constants';
-import { INCLUDE_SLASH_COMMAND } from './mock_data';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 const i18n = {
@@ -275,7 +274,7 @@ var script = {
         // if user has removed entire command (or whole command except for '/') we should close context item menu and allow slash command menu to show again
         return false;
       }
-      return INCLUDE_SLASH_COMMAND.name.startsWith(this.caseInsensitivePrompt);
+      return CHAT_INCLUDE_MESSAGE.startsWith(this.caseInsensitivePrompt);
     },
     inputPlaceholder() {
       if (this.chatPromptPlaceholder) {
@@ -412,7 +411,7 @@ var script = {
         (_this$contextItemMenu = this.contextItemMenuRef) === null || _this$contextItemMenu === void 0 ? void 0 : _this$contextItemMenu.handleKeyUp(e);
         return;
       }
-      if (this.caseInsensitivePrompt === INCLUDE_SLASH_COMMAND.name) {
+      if (this.caseInsensitivePrompt === CHAT_INCLUDE_MESSAGE) {
         this.contextItemsMenuIsOpen = true;
         return;
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "93.2.0",
+  "version": "93.3.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",

package/src/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_popover/duo_chat_context_item_popover.vue

@@ -124,22 +124,19 @@ export default {
       </div>
     </template>
     <div>
-      <div v-if="filePath !== null" class="gl-flex gl-flex-wrap gl-items-center">
-        <gl-icon name="document" :size="12" variant="subtle" class="gl-mr-1" />
-        <span>{{ contextItem.metadata.project }}</span
+      <div v-if="filePath !== null">
+        <gl-icon name="document" :size="12" variant="subtle" class="gl-mr-1" /><span
+          class="gl-break-all"
+          >{{ contextItem.metadata.project }}</span
         ><span v-for="(pathPart, index) in filePathArray" :key="pathPart" class="gl-break-all"
           >{{ pathPart }}{{ index + 1 < filePathArray.length ? '/' : '' }}</span
         >
       </div>
-
-      <div
-        v-if="filePath === null"
-        class="gl-flex gl-flex-wrap gl-items-center gl-leading-1 gl-text-subtle"
-      >
-        <gl-icon :name="iconName" :size="12" variant="subtle" class="gl-mr-1" />
-
-        <span>{{ contextItem.metadata.project }}</span
-        ><span v-if="id !== null">{{ formattedId }}</span>
+      <div v-else>
+        <gl-icon :name="iconName" :size="12" variant="subtle" class="gl-mr-1" /><span
+          class="gl-break-all"
+          >{{ contextItem.metadata.project }}</span
+        ><span v-if="id !== null" class="gl-break-all">{{ formattedId }}</span>
       </div>
       <gl-alert
         v-if="!isEnabled"

package/src/components/experimental/duo/chat/duo_chat.vue

@@ -23,7 +23,6 @@ import {
   CHAT_INCLUDE_MESSAGE,
   MESSAGE_MODEL_ROLES,
 } from './constants';
-import { INCLUDE_SLASH_COMMAND } from './mock_data';
 
 export const i18n = {
   CHAT_DEFAULT_TITLE: translate('GlDuoChat.chatDefaultTitle', 'GitLab Duo Chat'),
@@ -324,7 +323,7 @@ export default {
         return false;
       }
 
-      return INCLUDE_SLASH_COMMAND.name.startsWith(this.caseInsensitivePrompt);
+      return CHAT_INCLUDE_MESSAGE.startsWith(this.caseInsensitivePrompt);
     },
     inputPlaceholder() {
       if (this.chatPromptPlaceholder) {
@@ -462,7 +461,7 @@ export default {
         this.contextItemMenuRef?.handleKeyUp(e);
         return;
       }
-      if (this.caseInsensitivePrompt === INCLUDE_SLASH_COMMAND.name) {
+      if (this.caseInsensitivePrompt === CHAT_INCLUDE_MESSAGE) {
         this.contextItemsMenuIsOpen = true;
         return;
       }