@gitlab/ui 78.3.0 → 78.5.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [78.5.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v78.4.0...v78.5.0) (2024-03-25)
+
+
+### Features
+
+* publish internal Tailwind utils ([069353a](https://gitlab.com/gitlab-org/gitlab-ui/commit/069353a3c64e1add589db9dd776570e874d80067))
+
+# [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/tailwind.css

@@ -0,0 +1,2 @@
+.gl-fixed{position:fixed}.\!gl-absolute{position:absolute!important}.gl-absolute{position:absolute}.gl-relative{position:relative}.gl-bottom-0{bottom:0}.gl-bottom-2{bottom:.25rem}.gl-left-0{left:0}.gl-right-2{right:.25rem}.gl-float-right{float:right}
+/*# sourceMappingURL=tailwind.css.map */

package/dist/tailwind.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tailwind.css"],"names":[],"mappings":"AAAA,UAAA,cAAmB,CAAnB,eAAA,2BAAmB,CAAnB,aAAA,iBAAmB,CAAnB,aAAA,iBAAmB,CAAnB,aAAA,QAAmB,CAAnB,aAAA,aAAmB,CAAnB,WAAA,MAAmB,CAAnB,YAAA,YAAmB,CAAnB,gBAAA,WAAmB","file":"tailwind.css","sourcesContent":["@tailwind utilities;\n"]}

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 16:59:13 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 16:59:13 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 16:59:13 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 16:59:13 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 16:59:13 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 16:59:13 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.5.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -93,16 +93,16 @@
   },
   "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",
     "@gitlab/stylelint-config": "6.1.0",
-    "@gitlab/svgs": "3.90.0",
+    "@gitlab/svgs": "3.91.0",
     "@rollup/plugin-commonjs": "^11.1.0",
     "@rollup/plugin-node-resolve": "^7.1.3",
     "@rollup/plugin-replace": "^2.3.2",

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

@@ -1,5 +1,4 @@
-import clusterPopoverSvg from '@gitlab/svgs/dist/illustrations/cluster_popover.svg';
-import serviceDeskCalloutSvg from '@gitlab/svgs/dist/illustrations/service_desk_callout.svg';
+import emptyServiceDeskCallout from '@gitlab/svgs/dist/illustrations/empty-state/empty-service-desk-md.svg';
 import GlButton from '../button/button.vue';
 import { bannerVariants } from '../../../utils/constants';
 import GlBanner from './banner.vue';
@@ -23,7 +22,7 @@ const generateProps = ({
   buttonAttributes = { target: '_blank' },
   buttonText = 'Upgrade your plan',
   buttonLink = 'https://gitlab.com',
-  svgPath = serviceDeskCalloutSvg,
+  svgPath = emptyServiceDeskCallout,
   variant = GlBanner.props.variant.default,
 } = {}) => ({
   title,
@@ -51,7 +50,7 @@ NoImage.args = generateProps({
 
 export const Introduction = Template.bind({});
 Introduction.args = generateProps({
-  svgPath: clusterPopoverSvg,
+  svgPath: emptyServiceDeskCallout,
   variant: bannerVariants[1],
 });
 

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();
       }
     },

package/dist/utility_classes.js

@@ -1 +0,0 @@
-