@gitlab/ui 101.7.0 → 101.8.0

package/src/vendor/bootstrap-vue/src/components/toast/package.json

@@ -41,10 +41,6 @@
             "prop": "noAutoHide",
             "description": "When set, disabled the toast from automatically dismissing itself"
           },
-          {
-            "prop": "noCloseButton",
-            "description": "When set, hides the close button in the toast header"
-          },
           {
             "prop": "noHoverPause",
             "description": "When set, disables the pausing of the auto hide delay when the mouse hovers the toast"

package/src/vendor/bootstrap-vue/src/components/toast/toast.js

@@ -32,7 +32,6 @@ import { idMixin, props as idProps } from '../../mixins/id'
 import { listenOnRootMixin } from '../../mixins/listen-on-root'
 import { normalizeSlotMixin } from '../../mixins/normalize-slot'
 import { scopedStyleMixin } from '../../mixins/scoped-style'
-import { BButtonClose } from '../button/button-close'
 import { BLink, props as BLinkProps } from '../link/link'
 import { BVTransition } from '../transition/bv-transition'
 import { BToaster } from './toaster'
@@ -69,7 +68,6 @@ export const props = makePropsConfigurable(
     // Switches role to 'status' and aria-live to 'polite'
     isStatus: makeProp(PROP_TYPE_BOOLEAN, false),
     noAutoHide: makeProp(PROP_TYPE_BOOLEAN, false),
-    noCloseButton: makeProp(PROP_TYPE_BOOLEAN, false),
     noFade: makeProp(PROP_TYPE_BOOLEAN, false),
     noHoverPause: makeProp(PROP_TYPE_BOOLEAN, false),
     solid: makeProp(PROP_TYPE_BOOLEAN, false),
@@ -340,28 +338,13 @@ export const BToast = /*#__PURE__*/ extend({
     },
     // Render helper for generating the toast
     makeToast(h) {
-      const { title, slotScope } = this
+      const { slotScope } = this
       const link = isLink(this)
       const $headerContent = []
 
       const $title = this.normalizeSlot(SLOT_NAME_TOAST_TITLE, slotScope)
       if ($title) {
         $headerContent.push($title)
-      } else if (title) {
-        $headerContent.push(h('strong', { staticClass: 'mr-2' }, title))
-      }
-
-      if (!this.noCloseButton) {
-        $headerContent.push(
-          h(BButtonClose, {
-            staticClass: 'ml-auto mb-1',
-            on: {
-              click: () => {
-                this.hide()
-              }
-            }
-          })
-        )
       }
 
       let $header = h()

package/src/vendor/bootstrap-vue/src/components/toast/toast.spec.js

@@ -46,18 +46,6 @@ describe('b-toast', () => {
     expect($toast.classes()).toContain('toast')
     expect($toast.attributes('tabindex')).toEqual('0')
 
-    expect($toast.find('.toast-header').exists()).toBe(true)
-    const $header = $toast.find('.toast-header')
-    expect($header.element.tagName).toBe('HEADER')
-    expect($header.classes().length).toBe(1)
-    expect($header.find('strong').exists()).toBe(true)
-    expect($header.find('strong').text()).toEqual('title')
-    expect($header.find('strong').classes()).toContain('mr-2')
-    expect($header.find('button').exists()).toBe(true)
-    expect($header.find('button').classes()).toContain('close')
-    expect($header.find('button').classes()).toContain('ml-auto')
-    expect($header.find('button').classes()).toContain('mb-1')
-
     expect($toast.find('.toast-body').exists()).toBe(true)
     const $body = $toast.find('.toast-body')
     expect($body.element.tagName).toBe('DIV')
@@ -67,34 +55,6 @@ describe('b-toast', () => {
     wrapper.destroy()
   })
 
-  it('has correct header tag when "header-tag" prop is set', async () => {
-    const wrapper = mount(BToast, {
-      attachTo: document.body,
-      propsData: {
-        static: true,
-        noAutoHide: true,
-        visible: true,
-        title: 'title',
-        headerTag: 'div'
-      },
-      slots: {
-        default: 'content'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    const $header = wrapper.find('.toast-header')
-    expect($header.exists()).toBe(true)
-    expect($header.element.tagName).toBe('DIV')
-
-    wrapper.destroy()
-  })
-
   it('visible prop works', async () => {
     const wrapper = mount(BToast, {
       attachTo: document.body,