@gitlab/ui 71.11.1 → 72.1.0

package/CHANGELOG.md

@@ -1,3 +1,32 @@
+# [72.1.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v72.0.0...v72.1.0) (2023-12-18)
+
+
+### Features
+
+* **css:** Add gl-align-self-baseline utility class ([7291f50](https://gitlab.com/gitlab-org/gitlab-ui/commit/7291f50cac7a4f9a2ca5e43390fad6896906022a))
+* **CSS:** add `gl-h-10` utility CSS class ([75c253a](https://gitlab.com/gitlab-org/gitlab-ui/commit/75c253abc389a126e9ffa37ec4d64a6c87ffc807))
+
+# [72.0.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v71.11.1...v72.0.0) (2023-12-18)
+
+
+* Merge branch 'force-release' into 'main' ([7df9bbe](https://gitlab.com/gitlab-org/gitlab-ui/commit/7df9bbececf3e79513be7d022269fc84864cc7a2))
+
+
+### Bug Fixes
+
+* Force a release ([090865a](https://gitlab.com/gitlab-org/gitlab-ui/commit/090865a92acbefa8b1891331651bfb27e430e0d8))
+
+
+### BREAKING CHANGES
+
+* This changes the API the GitLab duo chat component expects
+
+See merge request https://gitlab.com/gitlab-org/gitlab-ui/-/merge_requests/3868
+
+Merged-by: Lukas 'Eipi' Eipert <leipert@gitlab.com>
+Approved-by: Lukas 'Eipi' Eipert <leipert@gitlab.com>
+Co-authored-by: Pavel Shutsin <pshutsin@gitlab.com>
+
 ## [71.11.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v71.11.0...v71.11.1) (2023-12-15)
 
 

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

@@ -5,12 +5,11 @@ import DocumentationSources from '../duo_chat_message_sources/duo_chat_message_s
 import { CopyCodeElement } from './copy_code_element';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
-const concatIndicesUntilEmpty = arr => {
-  const start = arr.findIndex(el => el);
-  if (start === -1 || start !== 1) return ''; // If there are no non-empty elements
-
-  const end = arr.slice(start).findIndex(el => !el);
-  return end > 0 ? arr.slice(start, end).join('') : arr.slice(start).join('');
+const concatUntilEmpty = arr => {
+  if (!arr) return '';
+  let end = arr.findIndex(el => !el);
+  if (end < 0) end = arr.length;
+  return arr.slice(0, end).join('');
 };
 var script = {
   name: 'GlDuoChatMessage',
@@ -34,12 +33,6 @@ var script = {
       required: true
     }
   },
-  data() {
-    return {
-      messageContent: '',
-      messageWatcher: null
-    };
-  },
   computed: {
     isAssistantMessage() {
       return this.message.role.toLowerCase() === MESSAGE_MODEL_ROLES.assistant;
@@ -51,50 +44,29 @@ var script = {
       var _this$message$extras;
       return (_this$message$extras = this.message.extras) === null || _this$message$extras === void 0 ? void 0 : _this$message$extras.sources;
     },
-    content() {
-      return this.message.contentHtml || this.renderMarkdown(this.message.content || this.message.errors.join('; '));
+    messageContent() {
+      if (this.message.errors.length > 0) return this.renderMarkdown(this.message.errors.join('; '));
+      if (this.message.contentHtml) {
+        return this.message.contentHtml;
+      }
+      return this.renderMarkdown(this.message.content || concatUntilEmpty(this.message.chunks));
     }
   },
-  created() {
-    this.messageWatcher = this.$watch('message', this.messageUpdateHandler, {
-      deep: true
-    });
-  },
   beforeCreate() {
-    /**
-     * Keeps cache of previous chunks used for rerendering the AI response when streaming.
-     * Is intentionally non-reactive
-     */
-    this.messageChunks = [];
     if (!customElements.get('copy-code')) {
       customElements.define('copy-code', CopyCodeElement);
     }
   },
   mounted() {
-    this.messageContent = this.content;
-    if (this.message.chunkId) {
-      this.messageChunks[this.message.chunkId] = this.message.content;
-    }
-    this.hydrateContentWithGFM();
+    this.$nextTick(this.hydrateContentWithGFM);
+  },
+  updated() {
+    this.$nextTick(this.hydrateContentWithGFM);
   },
   methods: {
     async hydrateContentWithGFM() {
-      await this.$nextTick();
-      this.renderGFM(this.$refs.content);
-    },
-    async messageUpdateHandler() {
-      const {
-        chunkId,
-        content
-      } = this.message;
-      if (!chunkId) {
-        this.messageChunks = [];
-        this.messageContent = this.content;
-        this.messageWatcher();
-        this.hydrateContentWithGFM();
-      } else {
-        this.messageChunks[chunkId] = content;
-        this.messageContent = this.renderMarkdown(concatIndicesUntilEmpty(this.messageChunks));
+      if (this.message.contentHtml) {
+        this.renderGFM(this.$refs.content);
       }
     }
   }

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

@@ -27,14 +27,6 @@ const MOCK_RESPONSE_MESSAGE = {
   errors: [],
   timestamp: '2021-04-21T12:00:00.000Z'
 };
-const MOCK_CHUNK_RESPONSE_MESSAGE = {
-  chunkId: 1,
-  content: 'chunk',
-  role: MESSAGE_MODEL_ROLES.assistant,
-  requestId: '987',
-  errors: [],
-  timestamp: '2021-04-21T12:00:00.000Z'
-};
 const MOCK_RESPONSE_MESSAGE_FOR_STREAMING = {
   id: '123',
   content: `To change your password in GitLab:
@@ -88,4 +80,4 @@ const renderGFM = el => {
   });
 };
 
-export { MOCK_CHUNK_RESPONSE_MESSAGE, 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, generateMockResponseChunks, renderGFM, renderMarkdown };

package/dist/tokens/css/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 15 Dec 2023 11:13:48 GMT
+ * Generated on Mon, 18 Dec 2023 23:30:47 GMT
  */
 
 :root {

package/dist/tokens/css/tokens.dark.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 15 Dec 2023 11:13:48 GMT
+ * Generated on Mon, 18 Dec 2023 23:30:47 GMT
  */
 
 :root.gl-dark {

package/dist/tokens/js/tokens.dark.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 15 Dec 2023 11:13:48 GMT
+ * Generated on Mon, 18 Dec 2023 23:30:47 GMT
  */
 
 export const DATA_VIZ_GREEN_50 = "#133a03";

package/dist/tokens/js/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 15 Dec 2023 11:13:48 GMT
+ * Generated on Mon, 18 Dec 2023 23:30:47 GMT
  */
 
 export const DATA_VIZ_GREEN_50 = "#ddfab7";

package/dist/tokens/scss/_tokens.dark.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 15 Dec 2023 11:13:48 GMT
+// Generated on Mon, 18 Dec 2023 23:30:47 GMT
 
 $red-950: #fff4f3;
 $red-900: #fcf1ef;

package/dist/tokens/scss/_tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 15 Dec 2023 11:13:48 GMT
+// Generated on Mon, 18 Dec 2023 23:30:47 GMT
 
 $gl-line-height-52: 3.25rem;
 $gl-line-height-44: 2.75rem;