@gitlab/duo-ui 3.0.0 → 4.0.0

package/src/vendor/bootstrap-vue/src/directives/tooltip/tooltip.js

@@ -1,270 +0,0 @@
-import { NAME_TOOLTIP } from '../../constants/components'
-import { IS_BROWSER } from '../../constants/env'
-import { EVENT_NAME_SHOW } from '../../constants/events'
-import { concat } from '../../utils/array'
-import { isVue3, nextTick } from '../../vue'
-import { getComponentConfig } from '../../utils/config'
-import { getScopeId } from '../../utils/get-scope-id'
-import { identity } from '../../utils/identity'
-import { getInstanceFromDirective } from '../../utils/get-instance-from-directive'
-import {
-  isFunction,
-  isNumber,
-  isPlainObject,
-  isString,
-  isUndefined,
-  isUndefinedOrNull
-} from '../../utils/inspect'
-import { looseEqual } from '../../utils/loose-equal'
-import { toInteger } from '../../utils/number'
-import { keys } from '../../utils/object'
-import { createNewChildComponent } from '../../utils/create-new-child-component'
-import { BVTooltip } from '../../components/tooltip/helpers/bv-tooltip'
-
-// Key which we use to store tooltip object on element
-const BV_TOOLTIP = '__BV_Tooltip__'
-
-// Default trigger
-const DefaultTrigger = 'hover focus'
-
-// Valid event triggers
-const validTriggers = {
-  focus: true,
-  hover: true,
-  click: true,
-  blur: true,
-  manual: true
-}
-
-// Directive modifier test regular expressions. Pre-compile for performance
-const htmlRE = /^html$/i
-const noninteractiveRE = /^noninteractive$/i
-const noFadeRE = /^nofade$/i
-const placementRE = /^(auto|top(left|right)?|bottom(left|right)?|left(top|bottom)?|right(top|bottom)?)$/i
-const boundaryRE = /^(window|viewport|scrollParent)$/i
-const delayRE = /^d\d+$/i
-const delayShowRE = /^ds\d+$/i
-const delayHideRE = /^dh\d+$/i
-const offsetRE = /^o-?\d+$/i
-const variantRE = /^v-.+$/i
-const spacesRE = /\s+/
-
-// Build a Tooltip config based on bindings (if any)
-// Arguments and modifiers take precedence over passed value config object
-const parseBindings = (bindings, vnode) => /* istanbul ignore next: not easy to test */ {
-  // We start out with a basic config
-  let config = {
-    title: undefined,
-    trigger: '', // Default set below if needed
-    placement: 'top',
-    fallbackPlacement: 'flip',
-    container: false, // Default of body
-    animation: true,
-    offset: 0,
-    id: null,
-    html: false,
-    interactive: true,
-    disabled: false,
-    delay: getComponentConfig(NAME_TOOLTIP, 'delay', 50),
-    boundary: String(getComponentConfig(NAME_TOOLTIP, 'boundary', 'scrollParent')),
-    boundaryPadding: toInteger(getComponentConfig(NAME_TOOLTIP, 'boundaryPadding', 5), 0),
-    variant: getComponentConfig(NAME_TOOLTIP, 'variant'),
-    customClass: getComponentConfig(NAME_TOOLTIP, 'customClass')
-  }
-  // Process `bindings.value`
-  if (isString(bindings.value) || isNumber(bindings.value)) {
-    // Value is tooltip content (HTML optionally supported)
-    config.title = bindings.value
-  } else if (isFunction(bindings.value)) {
-    // Title generator function
-    config.title = bindings.value
-  } else if (isPlainObject(bindings.value)) {
-    // Value is config object, so merge
-    config = { ...config, ...bindings.value }
-  }
-
-  // If title is not provided, try title attribute
-  if (isUndefined(config.title)) {
-    // Try attribute
-    const attrs = isVue3 ? vnode.props : (vnode.data || {}).attrs
-    config.title = attrs && !isUndefinedOrNull(attrs.title) ? attrs.title : undefined
-  }
-
-  // Normalize delay
-  if (!isPlainObject(config.delay)) {
-    config.delay = {
-      show: toInteger(config.delay, 0),
-      hide: toInteger(config.delay, 0)
-    }
-  }
-
-  // If argument, assume element ID of container element
-  if (bindings.arg) {
-    // Element ID specified as arg
-    // We must prepend '#' to become a CSS selector
-    config.container = `#${bindings.arg}`
-  }
-
-  // Process modifiers
-  keys(bindings.modifiers).forEach(mod => {
-    if (htmlRE.test(mod)) {
-      // Title allows HTML
-      config.html = true
-    } else if (noninteractiveRE.test(mod)) {
-      // Noninteractive
-      config.interactive = false
-    } else if (noFadeRE.test(mod)) {
-      // No animation
-      config.animation = false
-    } else if (placementRE.test(mod)) {
-      // Placement of tooltip
-      config.placement = mod
-    } else if (boundaryRE.test(mod)) {
-      // Boundary of tooltip
-      mod = mod === 'scrollparent' ? 'scrollParent' : mod
-      config.boundary = mod
-    } else if (delayRE.test(mod)) {
-      // Delay value
-      const delay = toInteger(mod.slice(1), 0)
-      config.delay.show = delay
-      config.delay.hide = delay
-    } else if (delayShowRE.test(mod)) {
-      // Delay show value
-      config.delay.show = toInteger(mod.slice(2), 0)
-    } else if (delayHideRE.test(mod)) {
-      // Delay hide value
-      config.delay.hide = toInteger(mod.slice(2), 0)
-    } else if (offsetRE.test(mod)) {
-      // Offset value, negative allowed
-      config.offset = toInteger(mod.slice(1), 0)
-    } else if (variantRE.test(mod)) {
-      // Variant
-      config.variant = mod.slice(2) || null
-    }
-  })
-
-  // Special handling of event trigger modifiers trigger is
-  // a space separated list
-  const selectedTriggers = {}
-
-  // Parse current config object trigger
-  concat(config.trigger || '')
-    .filter(identity)
-    .join(' ')
-    .trim()
-    .toLowerCase()
-    .split(spacesRE)
-    .forEach(trigger => {
-      if (validTriggers[trigger]) {
-        selectedTriggers[trigger] = true
-      }
-    })
-
-  // Parse modifiers for triggers
-  keys(bindings.modifiers).forEach(mod => {
-    mod = mod.toLowerCase()
-    if (validTriggers[mod]) {
-      // If modifier is a valid trigger
-      selectedTriggers[mod] = true
-    }
-  })
-
-  // Sanitize triggers
-  config.trigger = keys(selectedTriggers).join(' ')
-  if (config.trigger === 'blur') {
-    // Blur by itself is useless, so convert it to 'focus'
-    config.trigger = 'focus'
-  }
-  if (!config.trigger) {
-    // Use default trigger
-    config.trigger = DefaultTrigger
-  }
-
-  // Return the config
-  return config
-}
-
-// Add/update Tooltip on our element
-const applyTooltip = (el, bindings, vnode) => {
-  if (!IS_BROWSER) {
-    /* istanbul ignore next */
-    return
-  }
-  const config = parseBindings(bindings, vnode)
-  if (!el[BV_TOOLTIP]) {
-    const parent = getInstanceFromDirective(vnode, bindings)
-    el[BV_TOOLTIP] = createNewChildComponent(parent, BVTooltip, {
-      // Add the parent's scoped style attribute data
-      _scopeId: getScopeId(parent, undefined)
-    })
-    el[BV_TOOLTIP].__bv_prev_data__ = {}
-    el[BV_TOOLTIP].$on(EVENT_NAME_SHOW, () => /* istanbul ignore next: for now */ {
-      // Before showing the tooltip, we update the title if it is a function
-      if (isFunction(config.title)) {
-        el[BV_TOOLTIP].updateData({
-          title: config.title(el)
-        })
-      }
-    })
-  }
-  const data = {
-    title: config.title,
-    triggers: config.trigger,
-    placement: config.placement,
-    fallbackPlacement: config.fallbackPlacement,
-    variant: config.variant,
-    customClass: config.customClass,
-    container: config.container,
-    boundary: config.boundary,
-    delay: config.delay,
-    offset: config.offset,
-    noFade: !config.animation,
-    id: config.id,
-    interactive: config.interactive,
-    disabled: config.disabled,
-    html: config.html
-  }
-  const oldData = el[BV_TOOLTIP].__bv_prev_data__
-  el[BV_TOOLTIP].__bv_prev_data__ = data
-  if (!looseEqual(data, oldData)) {
-    // We only update the instance if data has changed
-    const newData = {
-      target: el
-    }
-    keys(data).forEach(prop => {
-      // We only pass data properties that have changed
-      if (data[prop] !== oldData[prop]) {
-        // if title is a function, we execute it here
-        newData[prop] = prop === 'title' && isFunction(data[prop]) ? data[prop](el) : data[prop]
-      }
-    })
-    el[BV_TOOLTIP].updateData(newData)
-  }
-}
-
-// Remove Tooltip on our element
-const removeTooltip = el => {
-  if (el[BV_TOOLTIP]) {
-    el[BV_TOOLTIP].$destroy()
-    el[BV_TOOLTIP] = null
-  }
-  delete el[BV_TOOLTIP]
-}
-
-// Export our directive
-export const VBTooltip = {
-  bind(el, bindings, vnode) {
-    applyTooltip(el, bindings, vnode)
-  },
-  // We use `componentUpdated` here instead of `update`, as the former
-  // waits until the containing component and children have finished updating
-  componentUpdated(el, bindings, vnode) {
-    // Performed in a `$nextTick()` to prevent render update loops
-    nextTick(() => {
-      applyTooltip(el, bindings, vnode)
-    })
-  },
-  unbind(el) {
-    removeTooltip(el)
-  }
-}

package/src/vendor/bootstrap-vue/src/directives/tooltip/tooltip.spec.js

@@ -1,223 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { waitNT, waitRAF } from '../../../tests/utils'
-import { VBTooltip } from './tooltip'
-
-// Key which we use to store tooltip object on element
-const BV_TOOLTIP = '__BV_Tooltip__'
-
-describe('v-b-tooltip directive', () => {
-  const originalCreateRange = document.createRange
-  const origGetBCR = Element.prototype.getBoundingClientRect
-
-  beforeEach(() => {
-    // Hack to make Popper not bork out during tests
-    // Note: Popper still does not do any positioning calculation in JSDOM though
-    // So we cannot test actual positioning - just detect when it is open
-    // https://github.com/FezVrasta/popper.js/issues/478#issuecomment-407422016
-    document.createRange = () => ({
-      setStart: () => {},
-      setEnd: () => {},
-      commonAncestorContainer: {
-        nodeName: 'BODY',
-        ownerDocument: document
-      }
-    })
-    // Mock `getBoundingClientRect()` so that the `isVisible(el)` test returns `true`
-    // Needed for visibility checks of trigger element, etc.
-    Element.prototype.getBoundingClientRect = jest.fn(() => ({
-      width: 24,
-      height: 24,
-      top: 0,
-      left: 0,
-      bottom: 0,
-      right: 0
-    }))
-  })
-
-  afterEach(() => {
-    // Reset overrides
-    document.createRange = originalCreateRange
-    Element.prototype.getBoundingClientRect = origGetBCR
-  })
-
-  it('should have BVTooltip Vue class instance', async () => {
-    jest.useFakeTimers()
-
-    const App = {
-      directives: {
-        bTooltip: VBTooltip
-      },
-      template: '<button v-b-tooltip title="foobar">button</button>'
-    }
-
-    const wrapper = mount(App, {
-      attachTo: document.body
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    jest.runOnlyPendingTimers()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-    const $button = wrapper.find('button')
-
-    // Should have instance of popover class on it
-    expect($button.element[BV_TOOLTIP]).toBeDefined()
-    expect($button.element[BV_TOOLTIP].$options.name).toBe('BVTooltip')
-
-    wrapper.destroy()
-  })
-
-  it('should work', async () => {
-    jest.useFakeTimers()
-
-    const App = {
-      directives: {
-        bTooltip: VBTooltip
-      },
-      template: '<button v-b-tooltip.click.html title="<b>foobar</b>">button</button>'
-    }
-
-    const wrapper = mount(App, {
-      attachTo: document.body
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    jest.runOnlyPendingTimers()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-    const $button = wrapper.find('button')
-
-    // Should have instance of popover class on it
-    expect($button.element[BV_TOOLTIP]).toBeDefined()
-    expect($button.element[BV_TOOLTIP].$options.name).toBe('BVTooltip')
-
-    expect($button.attributes('aria-describedby')).toBeUndefined()
-
-    // Trigger click
-    await $button.trigger('click')
-    await waitRAF()
-    await waitRAF()
-    jest.runOnlyPendingTimers()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    expect($button.attributes('aria-describedby')).toBeDefined()
-    const adb = $button.attributes('aria-describedby')
-
-    const tip = document.querySelector(`#${adb}`)
-    expect(tip).not.toBe(null)
-    expect(tip.classList.contains('tooltip')).toBe(true)
-
-    wrapper.destroy()
-  })
-
-  it('should not show tooltip when title is empty', async () => {
-    jest.useFakeTimers()
-
-    const App = {
-      directives: {
-        bTooltip: VBTooltip
-      },
-      template: '<button v-b-tooltip.click title="">button</button>'
-    }
-
-    const wrapper = mount(App, {
-      attachTo: document.body
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    jest.runOnlyPendingTimers()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-    const $button = wrapper.find('button')
-
-    // Should have instance of popover class on it
-    expect($button.element[BV_TOOLTIP]).toBeDefined()
-    expect($button.element[BV_TOOLTIP].$options.name).toBe('BVTooltip')
-
-    expect($button.attributes('aria-describedby')).toBeUndefined()
-
-    // Trigger click
-    await $button.trigger('click')
-    await waitRAF()
-    await waitRAF()
-    jest.runOnlyPendingTimers()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    expect($button.attributes('aria-describedby')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('variant and customClass should work', async () => {
-    jest.useFakeTimers()
-
-    const App = {
-      directives: {
-        bTooltip: VBTooltip
-      },
-      template: `<button v-b-tooltip.click.html.v-info="{ customClass: 'foobar'}" title="<b>foobar</b>">button</button>`
-    }
-
-    const wrapper = mount(App, {
-      attachTo: document.body
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.tagName).toBe('BUTTON')
-    const $button = wrapper.find('button')
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    jest.runOnlyPendingTimers()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    // Trigger click
-    await $button.trigger('click')
-    await waitRAF()
-    await waitRAF()
-    jest.runOnlyPendingTimers()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    expect($button.attributes('aria-describedby')).toBeDefined()
-    const adb = $button.attributes('aria-describedby')
-
-    const tip = document.querySelector(`#${adb}`)
-    expect(tip).not.toBe(null)
-    expect(tip.classList.contains('tooltip')).toBe(true)
-    expect(tip.classList.contains('b-tooltip-info')).toBe(true)
-    expect(tip.classList.contains('foobar')).toBe(true)
-
-    wrapper.destroy()
-  })
-})