@gitlab/ui 78.2.0 → 78.2.2

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [78.2.2](https://gitlab.com/gitlab-org/gitlab-ui/compare/v78.2.1...v78.2.2) (2024-03-20)
+
+
+### Bug Fixes
+
+* Show sort icon on hover in table header ([ab36e49](https://gitlab.com/gitlab-org/gitlab-ui/commit/ab36e4913769ac4fab2f96c667bd884f968f6893))
+
+## [78.2.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v78.2.0...v78.2.1) (2024-03-19)
+
+
+### Bug Fixes
+
+* **GlDuoChat:** clear prompt after /clean ([d3fcd9f](https://gitlab.com/gitlab-org/gitlab-ui/commit/d3fcd9f5aa20db65162cebf5ce0f52445725c87c))
+
 # [78.2.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v78.1.2...v78.2.0) (2024-03-14)
 
 

package/README.md

@@ -46,6 +46,11 @@ GitLab UI provides component styles, a utility-class library, and SCSS utilities
 
 ## Quick start - development
 
+**Note:** GitLab UI isn't designed to be built on Windows natively. Either
+[WSL](https://learn.microsoft.com/en-us/windows/wsl/) or
+[GitPod](https://www.gitpod.io/docs/configure/authentication/gitlab) can be used to set up a
+UNIX-like environment in which to build it.
+
 Make sure you have [Node](https://nodejs.org/en/) 16.x (LTS) and [Yarn](https://yarnpkg.com/) 1.22
 or newer.
 

package/dist/components/base/table/table.js

@@ -74,14 +74,28 @@ var script = {
       } = _ref2;
       return field === null || field === void 0 ? void 0 : field.sortable;
     },
-    getSortingIcon(_ref3) {
+    activeSortingColumn(_ref3) {
       let {
         field
       } = _ref3;
-      if (this.localSortBy !== (field === null || field === void 0 ? void 0 : field.key)) {
-        return null;
+      return this.localSortBy === (field === null || field === void 0 ? void 0 : field.key);
+    },
+    getSortingIcon(_ref4) {
+      let {
+        field
+      } = _ref4;
+      if (this.activeSortingColumn({
+        field
+      })) {
+        if (this.localSortDesc) {
+          return '↓';
+        }
+        return '↑';
+      }
+      if (this.$attrs['sort-direction'] === 'desc') {
+        return '↓';
       }
-      return this.localSortDesc ? 'arrow-down' : 'arrow-up';
+      return '↑';
     }
   }
 };
@@ -90,7 +104,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('b-table',_vm._g(_vm._b({attrs:{"table-class":_vm.localTableClass,"fields":_vm.fields,"sort-by":_vm.localSortBy,"sort-desc":_vm.localSortDesc},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('span',{key:headSlotName},[_vm._t(headSlotName,function(){return [_c('span',[_vm._v(_vm._s(scope.label))])]},null,scope),(_vm.isSortable(scope))?[(_vm.getSortingIcon(scope) && _vm.getSortingIcon(scope) === 'arrow-up')?_c('span',{staticClass:"gl-ml-3 gl-min-w-5 gl-text-gray-900 gl-text-center",attrs:{"name":"sort-icon"}},[_vm._v("\n          ↑\n        ")]):(_vm.getSortingIcon(scope) && _vm.getSortingIcon(scope) === 'arrow-down')?_c('span',{staticClass:"gl-ml-3 gl-min-w-5 gl-text-gray-900 gl-text-center",attrs:{"name":"sort-icon"}},[_vm._v("\n          ↓\n        ")]):_c('span',{staticClass:"gl-display-inline-block gl-w-5 gl-h-3 gl-ml-3"})]:_vm._e()],2)]}}})],null,true)},'b-table',_vm.$attrs,false),_vm.$listeners))};
+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},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-display-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-w-5 gl-text-gray-900 gl-display-flex gl-justify-content-center"},[_c('span',{class:{ 'gl-display-none': !_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))};
 var __vue_staticRenderFns__ = [];
 
   /* style */

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

@@ -1,4 +1,5 @@
 const CHAT_RESET_MESSAGE = '/reset';
+const CHAT_CLEAN_MESSAGE = '/clean';
 const LOADING_TRANSITION_DURATION = 7500;
 const DOCUMENTATION_SOURCE_TYPES = {
   HANDBOOK: {
@@ -20,4 +21,4 @@ const MESSAGE_MODEL_ROLES = {
   assistant: 'assistant'
 };
 
-export { CHAT_RESET_MESSAGE, DOCUMENTATION_SOURCE_TYPES, LOADING_TRANSITION_DURATION, MESSAGE_MODEL_ROLES };
+export { CHAT_CLEAN_MESSAGE, CHAT_RESET_MESSAGE, DOCUMENTATION_SOURCE_TYPES, LOADING_TRANSITION_DURATION, MESSAGE_MODEL_ROLES };

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

@@ -237,13 +237,9 @@ var script = {
     }
   },
   watch: {
-    isLoading(newVal) {
+    isLoading() {
       this.isHidden = false;
       this.scrollToBottom();
-      if (newVal) {
-        // We reset the prompt when we start getting the response and focus in the prompt field
-        this.setPromptAndFocus();
-      }
     }
   },
   created() {
@@ -274,6 +270,7 @@ var script = {
          * @param {String} prompt The user prompt to send.
          */
         this.$emit('send-chat-prompt', this.prompt);
+        this.setPromptAndFocus();
       }
     },
     sendPredefinedPrompt(prompt) {

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

@@ -1,5 +1,5 @@
 import { setStoryTimeout } from '../../../../utils/test_utils';
-import { DOCUMENTATION_SOURCE_TYPES, MESSAGE_MODEL_ROLES } from './constants';
+import { DOCUMENTATION_SOURCE_TYPES, MESSAGE_MODEL_ROLES, CHAT_RESET_MESSAGE, CHAT_CLEAN_MESSAGE } from './constants';
 
 const MOCK_SOURCES = [{
   title: 'GitLab Handbook',
@@ -116,5 +116,23 @@ const renderGFM = el => {
     block === null || block === void 0 ? void 0 : block.classList.add('gl-markdown', 'gl-compact-markdown');
   });
 };
+const SLASH_COMMANDS = [{
+  name: CHAT_RESET_MESSAGE,
+  shouldSubmit: true,
+  description: 'Reset conversation, ignore the previous messages.'
+}, {
+  name: CHAT_CLEAN_MESSAGE,
+  shouldSubmit: true,
+  description: 'Delete all messages in this conversation.'
+}, {
+  name: '/tests',
+  description: 'Write tests for the selected snippet.'
+}, {
+  name: '/refactor',
+  description: 'Refactor the selected snippet.'
+}, {
+  name: '/explain',
+  description: 'Explain the selected snippet.'
+}];
 
-export { MOCK_RESPONSE_MESSAGE, MOCK_RESPONSE_MESSAGE_FOR_STREAMING, MOCK_USER_PROMPT_MESSAGE, generateMockResponseChunks, renderGFM, renderMarkdown };
+export { MOCK_RESPONSE_MESSAGE, MOCK_RESPONSE_MESSAGE_FOR_STREAMING, MOCK_USER_PROMPT_MESSAGE, SLASH_COMMANDS, generateMockResponseChunks, renderGFM, renderMarkdown };