@gitlab/ui 80.16.0 → 80.16.2

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [80.16.2](https://gitlab.com/gitlab-org/gitlab-ui/compare/v80.16.1...v80.16.2) (2024-05-31)
+
+
+### Bug Fixes
+
+* **Duo:** Adjust size of close button ([aa3e7f6](https://gitlab.com/gitlab-org/gitlab-ui/commit/aa3e7f66d8fe4cc022234406a951289a038ae2e2))
+* **Duo:** Make padding even ([767ec6a](https://gitlab.com/gitlab-org/gitlab-ui/commit/767ec6a8d765b665fe07bc850f7aa99803439154))
+
+## [80.16.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v80.16.0...v80.16.1) (2024-05-30)
+
+
+### Bug Fixes
+
+* breadcrumbs refs breaks on vue3 ([e3feef3](https://gitlab.com/gitlab-org/gitlab-ui/commit/e3feef3640f68fe58eaed80f91cb8ba68e8c7ab1))
+
 # [80.16.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v80.15.2...v80.16.0) (2024-05-30)
 
 

package/dist/components/base/breadcrumb/breadcrumb.js

@@ -135,6 +135,7 @@ var script = {
       // Wait for DOM update so all items get rendered and can be measured.
       await this.$nextTick();
       this.totalBreadcrumbsWidth = 0;
+      if (!this.$refs.breadcrumbs) return;
       this.$refs.breadcrumbs.forEach((b, index) => {
         const width = b.$el.clientWidth;
         this.totalBreadcrumbsWidth += width;

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

@@ -359,7 +359,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 (!_vm.isHidden)?_c('aside',{staticClass:"markdown-code-block duo-chat-drawer gl-max-h-full gl-bottom-0 gl-shadow-none gl-border-l gl-border-t duo-chat",attrs:{"id":"chat-component","role":"complementary","data-testid":"chat-component"}},[(_vm.showHeader)?_c('header',{staticClass:"duo-chat-drawer-header duo-chat-drawer-header-sticky gl-z-index-200 gl-p-0! gl-border-b-0",attrs:{"data-testid":"chat-header"}},[_c('div',{staticClass:"drawer-title gl-display-flex gl-justify-content-start gl-align-items-center gl-p-5"},[_c('h3',{staticClass:"gl-my-0 gl-font-size-h2"},[_vm._v(_vm._s(_vm.title))]),_vm._v(" "),(_vm.badgeType)?_c('gl-experiment-badge',{attrs:{"help-page-url":_vm.badgeHelpPageUrl,"type":_vm.badgeType,"container-id":"chat-component"}}):_vm._e(),_vm._v(" "),_c('gl-button',{staticClass:"gl-p-0! gl-ml-auto",attrs:{"category":"tertiary","variant":"default","icon":"close","size":"small","data-testid":"chat-close-button","aria-label":_vm.$options.i18n.CHAT_CLOSE_LABEL},on:{"click":_vm.hideChat}})],1),_vm._v(" "),_c('gl-alert',{staticClass:"gl-text-center gl-border-t gl-p-4 gl-text-gray-700 gl-bg-gray-50 legal-warning gl-max-w-full",attrs:{"dismissible":false,"variant":"tip","show-icon":false,"role":"alert","data-testid":"chat-legal-warning"}},[_vm._v(_vm._s(_vm.$options.i18n.CHAT_LEGAL_GENERATED_BY_AI))]),_vm._v(" "),_vm._t("subheader"),_vm._v(" "),(_vm.error)?_c('gl-alert',{key:"error",staticClass:"gl-pl-9!",attrs:{"dismissible":false,"variant":"danger","role":"alert","data-testid":"chat-error"}},[_c('span',{directives:[{name:"safe-html",rawName:"v-safe-html",value:(_vm.error),expression:"error"}]})]):_vm._e()],2):_vm._e(),_vm._v(" "),_c('div',{staticClass:"duo-chat-drawer-body",attrs:{"data-testid":"chat-history"},on:{"scroll":_vm.handleScrollingTrottled}},[_c('transition-group',{staticClass:"duo-chat-history gl-display-flex gl-flex-direction-column gl-justify-content-end gl-bg-gray-10",class:[
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.isHidden)?_c('aside',{staticClass:"markdown-code-block duo-chat-drawer gl-max-h-full gl-bottom-0 gl-shadow-none gl-border-l gl-border-t duo-chat",attrs:{"id":"chat-component","role":"complementary","data-testid":"chat-component"}},[(_vm.showHeader)?_c('header',{staticClass:"duo-chat-drawer-header duo-chat-drawer-header-sticky gl-z-index-200 gl-p-0! gl-border-b-0",attrs:{"data-testid":"chat-header"}},[_c('div',{staticClass:"drawer-title gl-display-flex gl-justify-content-start gl-align-items-center gl-p-5"},[_c('h3',{staticClass:"gl-my-0 gl-font-size-h2"},[_vm._v(_vm._s(_vm.title))]),_vm._v(" "),(_vm.badgeType)?_c('gl-experiment-badge',{attrs:{"help-page-url":_vm.badgeHelpPageUrl,"type":_vm.badgeType,"container-id":"chat-component"}}):_vm._e(),_vm._v(" "),_c('gl-button',{staticClass:"gl-ml-auto",attrs:{"category":"tertiary","variant":"default","icon":"close","size":"small","data-testid":"chat-close-button","aria-label":_vm.$options.i18n.CHAT_CLOSE_LABEL},on:{"click":_vm.hideChat}})],1),_vm._v(" "),_c('gl-alert',{staticClass:"gl-text-center gl-border-t gl-p-4 gl-text-gray-700 gl-bg-gray-50 legal-warning gl-max-w-full",attrs:{"dismissible":false,"variant":"tip","show-icon":false,"role":"alert","data-testid":"chat-legal-warning"}},[_vm._v(_vm._s(_vm.$options.i18n.CHAT_LEGAL_GENERATED_BY_AI))]),_vm._v(" "),_vm._t("subheader"),_vm._v(" "),(_vm.error)?_c('gl-alert',{key:"error",staticClass:"gl-pl-9!",attrs:{"dismissible":false,"variant":"danger","role":"alert","data-testid":"chat-error"}},[_c('span',{directives:[{name:"safe-html",rawName:"v-safe-html",value:(_vm.error),expression:"error"}]})]):_vm._e()],2):_vm._e(),_vm._v(" "),_c('div',{staticClass:"duo-chat-drawer-body",attrs:{"data-testid":"chat-history"},on:{"scroll":_vm.handleScrollingTrottled}},[_c('transition-group',{staticClass:"duo-chat-history gl-display-flex gl-flex-direction-column gl-justify-content-end gl-bg-gray-10",class:[
         {
           'gl-h-full': !_vm.hasMessages,
           'force-scroll-bar': _vm.hasMessages,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "80.16.0",
+  "version": "80.16.2",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -55,8 +55,8 @@
     "test:visual": "./bin/run-visual-tests.sh 'test-storybook --browsers firefox --verbose --url http://localhost:9001'",
     "test:visual:update": "./bin/run-visual-tests.sh 'test-storybook -u --browsers firefox --verbose --url http://localhost:9001'",
     "test:visual:internal": "NODE_ENV=test IS_VISUAL_TEST=true start-test storybook:run http-get://${STORYBOOK_HOST:-localhost}:9001/iframe.html",
-    "prettier": "prettier --check '**/*.{js,ts,vue}'",
-    "prettier:fix": "prettier --write '**/*.{js,ts,vue}'",
+    "prettier": "prettier --check '**/*.{js,mjs,ts,vue}'",
+    "prettier:fix": "prettier --write '**/*.{js,mjs,ts,vue}'",
     "eslint": "eslint --max-warnings 0 --ext .js,.vue .",
     "preeslint": "yarn generate-utilities",
     "eslint:fix": "yarn eslint --fix",

package/src/components/base/breadcrumb/breadcrumb.vue

@@ -128,6 +128,9 @@ export default {
       await this.$nextTick();
 
       this.totalBreadcrumbsWidth = 0;
+
+      if (!this.$refs.breadcrumbs) return;
+
       this.$refs.breadcrumbs.forEach((b, index) => {
         const width = b.$el.clientWidth;
         this.totalBreadcrumbsWidth += width;

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

@@ -394,7 +394,7 @@ export default {
           variant="default"
           icon="close"
           size="small"
-          class="gl-p-0! gl-ml-auto"
+          class="gl-ml-auto"
           data-testid="chat-close-button"
           :aria-label="$options.i18n.CHAT_CLOSE_LABEL"
           @click="hideChat"