@gitlab/ui 93.3.0 → 94.0.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 +49 -0
  2. package/dist/components/base/table/table.js +22 -1
  3. package/dist/components/experimental/duo/chat/duo_chat.js +1 -2
  4. package/dist/index.css +2 -4
  5. package/dist/index.css.map +1 -1
  6. package/dist/tailwind.css +1 -1
  7. package/dist/tailwind.css.map +1 -1
  8. package/package.json +2 -2
  9. package/src/components/base/avatar/avatar.scss +12 -12
  10. package/src/components/base/avatar_link/avatar_link.scss +2 -2
  11. package/src/components/base/badge/badge.scss +2 -2
  12. package/src/components/base/button/button.scss +5 -5
  13. package/src/components/base/datepicker/datepicker.scss +5 -5
  14. package/src/components/base/daterange_picker/daterange_picker.scss +1 -1
  15. package/src/components/base/drawer/drawer.scss +8 -8
  16. package/src/components/base/dropdown/dropdown.scss +5 -5
  17. package/src/components/base/dropdown/dropdown_divider.scss +1 -1
  18. package/src/components/base/dropdown/dropdown_item.scss +1 -1
  19. package/src/components/base/filtered_search/filtered_search.scss +4 -4
  20. package/src/components/base/filtered_search/filtered_search_term.scss +2 -2
  21. package/src/components/base/filtered_search/filtered_search_token.scss +4 -4
  22. package/src/components/base/filtered_search/filtered_search_token_segment.scss +3 -3
  23. package/src/components/base/form/form_checkbox/form_checkbox.scss +1 -1
  24. package/src/components/base/form/form_input/form_input.scss +1 -1
  25. package/src/components/base/form/form_select/form_select.scss +1 -1
  26. package/src/components/base/markdown/markdown.scss +2 -2
  27. package/src/components/base/new_dropdowns/dropdown.scss +2 -2
  28. package/src/components/base/new_dropdowns/dropdown_item.scss +1 -1
  29. package/src/components/base/new_dropdowns/listbox/listbox.scss +2 -2
  30. package/src/components/base/path/path.scss +3 -3
  31. package/src/components/base/search_box_by_type/search_box_by_type.scss +6 -6
  32. package/src/components/base/table/table.md +17 -0
  33. package/src/components/base/table/table.scss +12 -10
  34. package/src/components/base/table/table.vue +18 -2
  35. package/src/components/base/tabs/tabs/tabs.scss +3 -3
  36. package/src/components/base/toast/toast.scss +3 -3
  37. package/src/components/base/toggle/toggle.scss +3 -3
  38. package/src/components/base/tooltip/tooltip.scss +4 -4
  39. package/src/components/charts/legend/legend.scss +3 -3
  40. package/src/components/charts/tooltip/tooltip.scss +1 -1
  41. package/src/components/experimental/duo/chat/duo_chat.scss +5 -5
  42. package/src/components/experimental/duo/chat/duo_chat.vue +1 -15
  43. package/translations.js +0 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,52 @@
1
+ # [94.0.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v93.4.0...v94.0.0) (2024-09-20)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * **GlTable:** do not override CSS utils styling ([9c3ce10](https://gitlab.com/gitlab-org/gitlab-ui/commit/9c3ce1079e76a547dea0f78c981631cd4d15fdfc))
7
+
8
+
9
+ ### BREAKING CHANGES
10
+
11
+ * **GlTable:** This rewrites how `GlTable`'s `TH` elements text
12
+ alignment is applied. If you were previously passing `gl-text-right` to
13
+ a table's `thClass` field option, you should migrate to the
14
+ `thAlignRight` option instead. Not migrating could cause rendering
15
+ issues in right-aligned sortable columns.
16
+
17
+ Before:
18
+
19
+ ```js
20
+ const fields = [
21
+ {
22
+ key: "column_one",
23
+ label: __("First column"),
24
+ sortable: true,
25
+ thClass: 'gl-text-right',
26
+ },
27
+ ];
28
+ ```
29
+
30
+ After:
31
+
32
+ ```js
33
+ const fields = [
34
+ {
35
+ key: "column_one",
36
+ label: __("First column"),
37
+ sortable: true,
38
+ thAlignRight: true,
39
+ },
40
+ ];
41
+ ```
42
+
43
+ # [93.4.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v93.3.0...v93.4.0) (2024-09-20)
44
+
45
+
46
+ ### Features
47
+
48
+ * **DuoChat:** Remove "generated by AI" message ([0e6c72b](https://gitlab.com/gitlab-org/gitlab-ui/commit/0e6c72b73806b744eb602984f7f1112f1e35fcce))
49
+
1
50
  # [93.3.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v93.2.0...v93.3.0) (2024-09-19)
2
51
 
3
52
 
@@ -58,6 +58,27 @@ var script = {
58
58
  },
59
59
  headSlots() {
60
60
  return ['head()', ...Object.keys(this.$scopedSlots).filter(slotName => slotName.startsWith('head('))];
61
+ },
62
+ computedFields() {
63
+ var _this$fields;
64
+ return (_this$fields = this.fields) === null || _this$fields === void 0 ? void 0 : _this$fields.map(field => {
65
+ if (typeof field === 'string') {
66
+ return field;
67
+ }
68
+ const {
69
+ thAlignRight,
70
+ thClass = '',
71
+ ...rest
72
+ } = field;
73
+ const computedThClass = Array.isArray(thClass) ? thClass : thClass.split(' ');
74
+ if (thAlignRight) {
75
+ computedThClass.push('gl-table-th-align-right');
76
+ }
77
+ return {
78
+ ...rest,
79
+ thClass: computedThClass
80
+ };
81
+ });
61
82
  }
62
83
  },
63
84
  mounted() {
@@ -104,7 +125,7 @@ var script = {
104
125
  const __vue_script__ = script;
105
126
 
106
127
  /* template */
107
- var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-table',_vm._g(_vm._b({attrs:{"table-class":_vm.localTableClass,"fields":_vm.fields,"sort-by":_vm.localSortBy,"sort-desc":_vm.localSortDesc,"no-sort-reset":""},on:{"update:sortBy":function($event){_vm.localSortBy=$event;},"update:sort-by":function($event){_vm.localSortBy=$event;},"update:sortDesc":function($event){_vm.localSortDesc=$event;},"update:sort-desc":function($event){_vm.localSortDesc=$event;}},scopedSlots:_vm._u([_vm._l((Object.keys(_vm.$scopedSlots)),function(slotName){return {key:slotName,fn:function(scope){return [_vm._t(slotName,null,null,scope)]}}}),_vm._l((_vm.headSlots),function(headSlotName){return {key:headSlotName,fn:function(scope){return [_c('div',{key:headSlotName,staticClass:"gl-flex"},[_vm._t(headSlotName,function(){return [_c('span',[_vm._v(_vm._s(scope.label))])]},null,scope),(_vm.isSortable(scope))?[_c('div',{staticClass:"gl-ml-2 gl-flex gl-w-5 gl-justify-center"},[_c('span',{class:{ 'gl-hidden': !_vm.activeSortingColumn(scope) },attrs:{"name":"sort-icon","data-testid":"sort-icon"}},[_vm._v("\n "+_vm._s(_vm.getSortingIcon(scope))+"\n ")])])]:_vm._e()],2)]}}})],null,true)},'b-table',_vm.$attrs,false),_vm.$listeners))};
128
+ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-table',_vm._g(_vm._b({attrs:{"table-class":_vm.localTableClass,"fields":_vm.computedFields,"sort-by":_vm.localSortBy,"sort-desc":_vm.localSortDesc,"no-sort-reset":""},on:{"update:sortBy":function($event){_vm.localSortBy=$event;},"update:sort-by":function($event){_vm.localSortBy=$event;},"update:sortDesc":function($event){_vm.localSortDesc=$event;},"update:sort-desc":function($event){_vm.localSortDesc=$event;}},scopedSlots:_vm._u([_vm._l((Object.keys(_vm.$scopedSlots)),function(slotName){return {key:slotName,fn:function(scope){return [_vm._t(slotName,null,null,scope)]}}}),_vm._l((_vm.headSlots),function(headSlotName){return {key:headSlotName,fn:function(scope){return [_c('div',{key:headSlotName,staticClass:"gl-flex"},[_vm._t(headSlotName,function(){return [_c('span',[_vm._v(_vm._s(scope.label))])]},null,scope),(_vm.isSortable(scope))?[_c('div',{staticClass:"gl-table-th-sort-icon-wrapper gl-flex gl-w-5 gl-justify-center"},[_c('span',{class:{ 'gl-hidden': !_vm.activeSortingColumn(scope) },attrs:{"name":"sort-icon","data-testid":"sort-icon"}},[_vm._v("\n "+_vm._s(_vm.getSortingIcon(scope))+"\n ")])])]:_vm._e()],2)]}}})],null,true)},'b-table',_vm.$attrs,false),_vm.$listeners))};
108
129
  var __vue_staticRenderFns__ = [];
109
130
 
110
131
  /* style */
@@ -21,7 +21,6 @@ import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
21
21
  const i18n = {
22
22
  CHAT_DEFAULT_TITLE: translate('GlDuoChat.chatDefaultTitle', 'GitLab Duo Chat'),
23
23
  CHAT_CLOSE_LABEL: translate('GlDuoChat.chatCloseLabel', 'Close the Code Explanation'),
24
- CHAT_LEGAL_GENERATED_BY_AI: translate('GlDuoChat.chatLegalGeneratedByAI', 'Responses generated by AI'),
25
24
  CHAT_EMPTY_STATE_TITLE: translate('GlDuoChat.chatEmptyStateTitle', 'Ask a question'),
26
25
  CHAT_EMPTY_STATE_DESC: translate('GlDuoChat.chatEmptyStateDesc', 'GitLab Duo Chat is your AI-powered assistant.'),
27
26
  CHAT_EMPTY_STATE_SECONDARY_DESC: translate('GlDuoChat.chatEmptyStateSecondaryDesc', 'Responses may be inaccurate. Verify before use.'),
@@ -488,7 +487,7 @@ var script = {
488
487
  const __vue_script__ = script;
489
488
 
490
489
  /* template */
491
- 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:[
492
491
  {
493
492
  'gl-h-full': !_vm.hasMessages,
494
493
  'force-scroll-bar': _vm.hasMessages,