@gitlab/ui 78.3.0 → 78.4.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [78.4.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v78.3.0...v78.4.0) (2024-03-25)
+
+
+### Features
+
+* **GlDuoChat:** trim the prompt ([89b1253](https://gitlab.com/gitlab-org/gitlab-ui/commit/89b125332b9674d97848cdb8586338147fa10b20))
+
 # [78.3.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v78.2.3...v78.3.0) (2024-03-22)
 
 

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

@@ -269,7 +269,7 @@ var script = {
          *
          * @param {String} prompt The user prompt to send.
          */
-        this.$emit('send-chat-prompt', this.prompt);
+        this.$emit('send-chat-prompt', this.prompt.trim());
         this.setPromptAndFocus();
       }
     },

package/dist/tokens/css/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 22 Mar 2024 12:26:32 GMT
+ * Generated on Mon, 25 Mar 2024 14:14:34 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 22 Mar 2024 12:26:32 GMT
+ * Generated on Mon, 25 Mar 2024 14:14:34 GMT
  */
 
 :root.gl-dark {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 22 Mar 2024 12:26:32 GMT
+ * Generated on Mon, 25 Mar 2024 14:14:34 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, 22 Mar 2024 12:26:32 GMT
+ * Generated on Mon, 25 Mar 2024 14:14:34 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, 22 Mar 2024 12:26:32 GMT
+// Generated on Mon, 25 Mar 2024 14:14:34 GMT
 
 $gl-text-tertiary: #737278 !default;
 $gl-text-secondary: #89888d !default;

package/dist/tokens/scss/_tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 22 Mar 2024 12:26:32 GMT
+// Generated on Mon, 25 Mar 2024 14:14:34 GMT
 
 $gl-text-tertiary: #89888d !default;
 $gl-text-secondary: #737278 !default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "78.3.0",
+  "version": "78.4.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -93,11 +93,11 @@
   },
   "devDependencies": {
     "@arkweid/lefthook": "0.7.7",
-    "@babel/core": "^7.24.0",
+    "@babel/core": "^7.24.3",
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
     "@babel/plugin-proposal-optional-chaining": "^7.21.0",
-    "@babel/preset-env": "^7.24.0",
-    "@babel/preset-react": "^7.23.3",
+    "@babel/preset-env": "^7.24.3",
+    "@babel/preset-react": "^7.24.1",
     "@cypress/grep": "^4.0.1",
     "@gitlab/eslint-plugin": "19.4.0",
     "@gitlab/fonts": "^1.3.0",

package/src/components/base/drawer/drawer.stories.js

@@ -62,14 +62,16 @@ const drawerContent = generateDrawerContent([
 
 const drawerContentShortList = generateDrawerContent(['One', 'Two', 'Three']);
 
-const createSidebarTemplate = (content) => `
+const createSidebarTemplate = (content, { extraBindings = {} } = {}) => `
   <gl-drawer
     :open="open"
     :header-height="headerHeight"
     :header-sticky="headerSticky"
     :z-index="zIndex"
     :variant="variant"
-    @opened="opened"
+    ${Object.entries(extraBindings)
+      .map(([key, value]) => `${key}="${value}"`)
+      .join('\n')}
     @close="close">${content}</gl-drawer>
   `;
 
@@ -124,10 +126,13 @@ export const Default = (_args, { viewMode }) => ({
   template: `
     <div :data-opened-count="timesOpened">
       <gl-button @click="toggle">Toggle Drawer</gl-button>
-      ${createSidebarTemplate(`
+      ${createSidebarTemplate(
+        `
         <template #title>List Settings</template>
         ${drawerContent}
-      `)}
+      `,
+        { extraBindings: { '@opened': 'opened' } }
+      )}
     </div>`,
 });
 Default.args = generateProps();

package/src/components/experimental/duo/chat/duo_chat.spec.js

@@ -307,6 +307,17 @@ describe('GlDuoChat', () => {
     describe('submit', () => {
       const ENTER = 'Enter';
 
+      it('trims the prompt', () => {
+        const question = ' foo bar ';
+        const expectedPrompt = 'foo bar';
+        createComponent({
+          propsData: { isChatAvailable: true, messages: [] },
+        });
+        setPromptInput(question);
+        clickSubmit();
+        expect(wrapper.emitted('send-chat-prompt')).toEqual([[expectedPrompt]]);
+      });
+
       it.each`
         trigger                                                                   | event                         | action          | expectEmitted
         ${() => clickSubmit()}                                                    | ${'Submit button click'}      | ${'submit'}     | ${[[promptStr]]}

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

@@ -285,7 +285,7 @@ export default {
          *
          * @param {String} prompt The user prompt to send.
          */
-        this.$emit('send-chat-prompt', this.prompt);
+        this.$emit('send-chat-prompt', this.prompt.trim());
         this.setPromptAndFocus();
       }
     },