@gitlab/ui 88.1.0 → 88.2.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [88.2.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v88.1.0...v88.2.0) (2024-08-07)
+
+
+### Features
+
+* **GlDuoChat:** provide hooks for consumer to focus + scroll ([3bba19f](https://gitlab.com/gitlab-org/gitlab-ui/commit/3bba19fce1cab5eef641fc7b838fc207a0641275))
+
 # [88.1.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v88.0.0...v88.1.0) (2024-08-07)
 
 

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

@@ -331,9 +331,17 @@ var script = {
     },
     async scrollToBottom() {
       var _this$$refs$anchor, _this$$refs$anchor$sc;
+      // This method is also called directly by consumers of this component
+      // https://gitlab.com/gitlab-org/gitlab-vscode-extension/-/blob/3269f6200dc3821c62a3992b40c971dd9ee55d87/webviews/vue2/gitlab_duo_chat/src/App.vue#L97
       await this.$nextTick();
       (_this$$refs$anchor = this.$refs.anchor) === null || _this$$refs$anchor === void 0 ? void 0 : (_this$$refs$anchor$sc = _this$$refs$anchor.scrollIntoView) === null || _this$$refs$anchor$sc === void 0 ? void 0 : _this$$refs$anchor$sc.call(_this$$refs$anchor);
     },
+    focusChatInput() {
+      var _this$$refs$prompt, _this$$refs$prompt$$e;
+      // This method is also called directly by consumers of this component
+      // https://gitlab.com/gitlab-org/gitlab-vscode-extension/-/blob/dae2d4669ab4da327921492a2962beae8a05c290/webviews/vue2/gitlab_duo_chat/src/App.vue#L109
+      (_this$$refs$prompt = this.$refs.prompt) === null || _this$$refs$prompt === void 0 ? void 0 : (_this$$refs$prompt$$e = _this$$refs$prompt.$el) === null || _this$$refs$prompt$$e === void 0 ? void 0 : _this$$refs$prompt$$e.focus();
+    },
     onTrackFeedback(event) {
       /**
        * Notify listeners about the feedback form submission on a response message.
@@ -392,7 +400,7 @@ var script = {
       let prompt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
       this.prompt = prompt;
       await this.$nextTick();
-      this.$refs.prompt.$el.focus();
+      this.focusChatInput();
     },
     selectSlashCommand(index) {
       const command = this.filteredSlashCommands[index];

package/package.json

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

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

@@ -345,10 +345,17 @@ export default {
       this.scrolledToBottom = scrollTop + offsetHeight >= scrollHeight;
     },
     async scrollToBottom() {
+      // This method is also called directly by consumers of this component
+      // https://gitlab.com/gitlab-org/gitlab-vscode-extension/-/blob/3269f6200dc3821c62a3992b40c971dd9ee55d87/webviews/vue2/gitlab_duo_chat/src/App.vue#L97
       await this.$nextTick();
 
       this.$refs.anchor?.scrollIntoView?.();
     },
+    focusChatInput() {
+      // This method is also called directly by consumers of this component
+      // https://gitlab.com/gitlab-org/gitlab-vscode-extension/-/blob/dae2d4669ab4da327921492a2962beae8a05c290/webviews/vue2/gitlab_duo_chat/src/App.vue#L109
+      this.$refs.prompt?.$el?.focus();
+    },
     onTrackFeedback(event) {
       /**
        * Notify listeners about the feedback form submission on a response message.
@@ -403,7 +410,7 @@ export default {
     async setPromptAndFocus(prompt = '') {
       this.prompt = prompt;
       await this.$nextTick();
-      this.$refs.prompt.$el.focus();
+      this.focusChatInput();
     },
     selectSlashCommand(index) {
       const command = this.filteredSlashCommands[index];