@gitlab/ui 93.2.0 → 93.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/bin/migrate_custom_utils_to_tw.bundled.mjs +8 -1
  3. package/dist/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_popover/duo_chat_context_item_popover.js +1 -1
  4. package/dist/components/experimental/duo/chat/duo_chat.js +3 -5
  5. package/dist/index.css +2 -2
  6. package/dist/index.css.map +1 -1
  7. package/dist/tailwind.css +1 -1
  8. package/dist/tailwind.css.map +1 -1
  9. package/package.json +2 -2
  10. package/src/components/base/avatar/avatar.scss +12 -12
  11. package/src/components/base/avatar_link/avatar_link.scss +2 -2
  12. package/src/components/base/badge/badge.scss +2 -2
  13. package/src/components/base/button/button.scss +5 -5
  14. package/src/components/base/datepicker/datepicker.scss +5 -5
  15. package/src/components/base/daterange_picker/daterange_picker.scss +1 -1
  16. package/src/components/base/drawer/drawer.scss +8 -8
  17. package/src/components/base/dropdown/dropdown.scss +5 -5
  18. package/src/components/base/dropdown/dropdown_divider.scss +1 -1
  19. package/src/components/base/dropdown/dropdown_item.scss +1 -1
  20. package/src/components/base/filtered_search/filtered_search.scss +4 -4
  21. package/src/components/base/filtered_search/filtered_search_term.scss +2 -2
  22. package/src/components/base/filtered_search/filtered_search_token.scss +4 -4
  23. package/src/components/base/filtered_search/filtered_search_token_segment.scss +3 -3
  24. package/src/components/base/form/form_checkbox/form_checkbox.scss +1 -1
  25. package/src/components/base/form/form_input/form_input.scss +1 -1
  26. package/src/components/base/form/form_select/form_select.scss +1 -1
  27. package/src/components/base/markdown/markdown.scss +2 -2
  28. package/src/components/base/new_dropdowns/dropdown.scss +2 -2
  29. package/src/components/base/new_dropdowns/dropdown_item.scss +1 -1
  30. package/src/components/base/new_dropdowns/listbox/listbox.scss +2 -2
  31. package/src/components/base/path/path.scss +3 -3
  32. package/src/components/base/search_box_by_type/search_box_by_type.scss +6 -6
  33. package/src/components/base/table/table.scss +2 -2
  34. package/src/components/base/tabs/tabs/tabs.scss +3 -3
  35. package/src/components/base/toast/toast.scss +3 -3
  36. package/src/components/base/toggle/toggle.scss +3 -3
  37. package/src/components/base/tooltip/tooltip.scss +4 -4
  38. package/src/components/charts/legend/legend.scss +3 -3
  39. package/src/components/charts/tooltip/tooltip.scss +1 -1
  40. package/src/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_popover/duo_chat_context_item_popover.vue +9 -12
  41. package/src/components/experimental/duo/chat/duo_chat.scss +5 -5
  42. package/src/components/experimental/duo/chat/duo_chat.vue +3 -18
  43. package/translations.js +0 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ # [93.4.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v93.3.0...v93.4.0) (2024-09-20)
2
+
3
+
4
+ ### Features
5
+
6
+ * **DuoChat:** Remove "generated by AI" message ([0e6c72b](https://gitlab.com/gitlab-org/gitlab-ui/commit/0e6c72b73806b744eb602984f7f1112f1e35fcce))
7
+
8
+ # [93.3.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v93.2.0...v93.3.0) (2024-09-19)
9
+
10
+
11
+ ### Features
12
+
13
+ * **DuoChatContextItemPopover:** fix styling for long strings ([b7b4517](https://gitlab.com/gitlab-org/gitlab-ui/commit/b7b451796eb0585b57922682a5cef42ac945a1f9))
14
+
1
15
  # [93.2.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v93.1.0...v93.2.0) (2024-09-19)
2
16
 
3
17
 
@@ -184266,7 +184266,14 @@ var tailwindEquivalents = {
184266
184266
  "gl-bg-data-viz-magenta-950!": "!gl-bg-data-viz-magenta-950",
184267
184267
  "gl-inset-border-1-red-300": "gl-shadow-inner-1-red-300",
184268
184268
  "gl-inset-border-1-red-500": "gl-shadow-inner-1-red-500",
184269
- "gl-column-gap-3": "gl-gap-x-3"
184269
+ "gl-column-gap-3": "gl-gap-x-3",
184270
+ // The following equivalents were found while migrating GitLab UI's stylesheets
184271
+ "gl-text-decoration-color-gray-900": "gl-decoration-gray-900",
184272
+ "gl-text-decoration-color-gray-500": "gl-decoration-gray-500",
184273
+ "gl-text-transform-none": "gl-normal-case",
184274
+ "gl-bg-current-color": "gl-bg-current",
184275
+ "gl-w-eighth": "gl-w-1/8",
184276
+ "gl-w-max-content": "gl-w-max"
184270
184277
  };
184271
184278
 
184272
184279
  // bin/lib/tailwind_migrations.mjs
@@ -98,7 +98,7 @@ var script = {
98
98
  const __vue_script__ = script;
99
99
 
100
100
  /* template */
101
- 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)])};
101
+ 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)])};
102
102
  var __vue_staticRenderFns__ = [];
103
103
 
104
104
  /* style */
@@ -16,13 +16,11 @@ import GlDuoChatLoader from './components/duo_chat_loader/duo_chat_loader';
16
16
  import GlDuoChatPredefinedPrompts from './components/duo_chat_predefined_prompts/duo_chat_predefined_prompts';
17
17
  import GlDuoChatConversation from './components/duo_chat_conversation/duo_chat_conversation';
18
18
  import { CHAT_RESET_MESSAGE, CHAT_INCLUDE_MESSAGE, MESSAGE_MODEL_ROLES, CHAT_CLEAN_MESSAGE, CHAT_CLEAR_MESSAGE } from './constants';
19
- import { INCLUDE_SLASH_COMMAND } from './mock_data';
20
19
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
21
20
 
22
21
  const i18n = {
23
22
  CHAT_DEFAULT_TITLE: translate('GlDuoChat.chatDefaultTitle', 'GitLab Duo Chat'),
24
23
  CHAT_CLOSE_LABEL: translate('GlDuoChat.chatCloseLabel', 'Close the Code Explanation'),
25
- CHAT_LEGAL_GENERATED_BY_AI: translate('GlDuoChat.chatLegalGeneratedByAI', 'Responses generated by AI'),
26
24
  CHAT_EMPTY_STATE_TITLE: translate('GlDuoChat.chatEmptyStateTitle', 'Ask a question'),
27
25
  CHAT_EMPTY_STATE_DESC: translate('GlDuoChat.chatEmptyStateDesc', 'GitLab Duo Chat is your AI-powered assistant.'),
28
26
  CHAT_EMPTY_STATE_SECONDARY_DESC: translate('GlDuoChat.chatEmptyStateSecondaryDesc', 'Responses may be inaccurate. Verify before use.'),
@@ -275,7 +273,7 @@ var script = {
275
273
  // 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
276
274
  return false;
277
275
  }
278
- return INCLUDE_SLASH_COMMAND.name.startsWith(this.caseInsensitivePrompt);
276
+ return CHAT_INCLUDE_MESSAGE.startsWith(this.caseInsensitivePrompt);
279
277
  },
280
278
  inputPlaceholder() {
281
279
  if (this.chatPromptPlaceholder) {
@@ -412,7 +410,7 @@ var script = {
412
410
  (_this$contextItemMenu = this.contextItemMenuRef) === null || _this$contextItemMenu === void 0 ? void 0 : _this$contextItemMenu.handleKeyUp(e);
413
411
  return;
414
412
  }
415
- if (this.caseInsensitivePrompt === INCLUDE_SLASH_COMMAND.name) {
413
+ if (this.caseInsensitivePrompt === CHAT_INCLUDE_MESSAGE) {
416
414
  this.contextItemsMenuIsOpen = true;
417
415
  return;
418
416
  }
@@ -489,7 +487,7 @@ var script = {
489
487
  const __vue_script__ = script;
490
488
 
491
489
  /* template */
492
- var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.isHidden)?_c('aside',{staticClass:"markdown-code-block duo-chat-drawer duo-chat gl-border-t gl-border-l gl-bottom-0 gl-max-h-full gl-shadow-none",attrs:{"id":"chat-component","role":"complementary","data-testid":"chat-component"}},[(_vm.showHeader)?_c('header',{staticClass:"duo-chat-drawer-header duo-chat-drawer-header-sticky gl-z-200 gl-border-b-0 !gl-p-0",attrs:{"data-testid":"chat-header"}},[_c('div',{staticClass:"drawer-title gl-flex gl-items-center gl-justify-start gl-p-5"},[_c('h3',{staticClass:"gl-my-0 gl-text-size-h2"},[_vm._v(_vm._s(_vm.title))]),_vm._v(" "),(_vm.badgeType)?_c('gl-experiment-badge',{attrs:{"help-page-url":_vm.badgeHelpPageUrl,"type":_vm.badgeType,"container-id":"chat-component"}}):_vm._e(),_vm._v(" "),_c('gl-button',{staticClass:"gl-ml-auto",attrs:{"category":"tertiary","variant":"default","icon":"close","size":"small","data-testid":"chat-close-button","aria-label":_vm.$options.i18n.CHAT_CLOSE_LABEL},on:{"click":_vm.hideChat}})],1),_vm._v(" "),_c('gl-alert',{staticClass:"legal-warning gl-border-t gl-max-w-full gl-bg-gray-50 gl-p-4 gl-text-center gl-text-gray-700",attrs:{"dismissible":false,"variant":"tip","show-icon":false,"role":"alert","data-testid":"chat-legal-warning"}},[_vm._v(_vm._s(_vm.$options.i18n.CHAT_LEGAL_GENERATED_BY_AI))]),_vm._v(" "),_vm._t("subheader"),_vm._v(" "),(_vm.error)?_c('gl-alert',{key:"error",staticClass:"!gl-pl-9",attrs:{"dismissible":false,"variant":"danger","role":"alert","data-testid":"chat-error"}},[_c('span',{directives:[{name:"safe-html",rawName:"v-safe-html",value:(_vm.error),expression:"error"}]})]):_vm._e()],2):_vm._e(),_vm._v(" "),_c('div',{staticClass:"duo-chat-drawer-body",attrs:{"data-testid":"chat-history"},on:{"scroll":_vm.handleScrollingTrottled}},[_c('transition-group',{staticClass:"duo-chat-history gl-flex gl-flex-col gl-justify-end gl-bg-gray-10",class:[
490
+ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.isHidden)?_c('aside',{staticClass:"markdown-code-block duo-chat-drawer duo-chat gl-border-t gl-border-l gl-bottom-0 gl-max-h-full gl-shadow-none",attrs:{"id":"chat-component","role":"complementary","data-testid":"chat-component"}},[(_vm.showHeader)?_c('header',{staticClass:"duo-chat-drawer-header duo-chat-drawer-header-sticky gl-z-200 gl-bg-gray-10 !gl-p-0",attrs:{"data-testid":"chat-header"}},[_c('div',{staticClass:"drawer-title gl-flex gl-items-center gl-justify-start gl-p-5"},[_c('h3',{staticClass:"gl-my-0 gl-text-size-h2"},[_vm._v(_vm._s(_vm.title))]),_vm._v(" "),(_vm.badgeType)?_c('gl-experiment-badge',{attrs:{"help-page-url":_vm.badgeHelpPageUrl,"type":_vm.badgeType,"container-id":"chat-component"}}):_vm._e(),_vm._v(" "),_c('gl-button',{staticClass:"gl-ml-auto",attrs:{"category":"tertiary","variant":"default","icon":"close","size":"small","data-testid":"chat-close-button","aria-label":_vm.$options.i18n.CHAT_CLOSE_LABEL},on:{"click":_vm.hideChat}})],1),_vm._v(" "),_vm._t("subheader"),_vm._v(" "),(_vm.error)?_c('gl-alert',{key:"error",staticClass:"!gl-pl-9",attrs:{"dismissible":false,"variant":"danger","role":"alert","data-testid":"chat-error"}},[_c('span',{directives:[{name:"safe-html",rawName:"v-safe-html",value:(_vm.error),expression:"error"}]})]):_vm._e()],2):_vm._e(),_vm._v(" "),_c('div',{staticClass:"duo-chat-drawer-body",attrs:{"data-testid":"chat-history"},on:{"scroll":_vm.handleScrollingTrottled}},[_c('transition-group',{staticClass:"duo-chat-history gl-flex gl-flex-col gl-justify-end gl-bg-gray-10",class:[
493
491
  {
494
492
  'gl-h-full': !_vm.hasMessages,
495
493
  'force-scroll-bar': _vm.hasMessages,