@gitlab/duo-ui 3.0.0 → 4.0.0

package/src/vendor/bootstrap-vue/src/utils/dom.js

@@ -1,308 +0,0 @@
-import { DOCUMENT, WINDOW } from '../constants/env'
-import { Element } from '../constants/safe-types'
-import { from as arrayFrom } from './array'
-import { isFunction, isNull } from './inspect'
-import { toFloat } from './number'
-import { toString } from './string'
-
-// --- Constants ---
-
-const ELEMENT_PROTO = Element.prototype
-
-const TABABLE_SELECTOR = [
-  'button',
-  '[href]:not(.disabled)',
-  'input',
-  'select',
-  'textarea',
-  '[tabindex]',
-  '[contenteditable]'
-]
-  .map(s => `${s}:not(:disabled):not([disabled])`)
-  .join(', ')
-
-// --- Normalization utils ---
-
-// See: https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill
-/* istanbul ignore next */
-export const matchesEl =
-  ELEMENT_PROTO.matches || ELEMENT_PROTO.msMatchesSelector || ELEMENT_PROTO.webkitMatchesSelector
-
-// See: https://developer.mozilla.org/en-US/docs/Web/API/Element/closest
-/* istanbul ignore next */
-export const closestEl =
-  ELEMENT_PROTO.closest ||
-  function(sel) {
-    let el = this
-    do {
-      // Use our "patched" matches function
-      if (matches(el, sel)) {
-        return el
-      }
-      el = el.parentElement || el.parentNode
-    } while (!isNull(el) && el.nodeType === Node.ELEMENT_NODE)
-    return null
-  }
-
-// `requestAnimationFrame()` convenience method
-/* istanbul ignore next: JSDOM always returns the first option */
-export const requestAF = (
-  WINDOW.requestAnimationFrame ||
-  WINDOW.webkitRequestAnimationFrame ||
-  WINDOW.mozRequestAnimationFrame ||
-  WINDOW.msRequestAnimationFrame ||
-  WINDOW.oRequestAnimationFrame ||
-  // Fallback, but not a true polyfill
-  // Only needed for Opera Mini
-  /* istanbul ignore next */
-  (cb => setTimeout(cb, 16))
-).bind(WINDOW)
-
-export const MutationObs =
-  WINDOW.MutationObserver || WINDOW.WebKitMutationObserver || WINDOW.MozMutationObserver || null
-
-// --- Utils ---
-
-// Remove a node from DOM
-export const removeNode = el => el && el.parentNode && el.parentNode.removeChild(el)
-
-// Determine if an element is an HTML element
-export const isElement = el => !!(el && el.nodeType === Node.ELEMENT_NODE)
-
-// Get the currently active HTML element
-export const getActiveElement = (excludes = []) => {
-  const { activeElement } = DOCUMENT
-  return activeElement && !excludes.some(el => el === activeElement) ? activeElement : null
-}
-
-// Returns `true` if a tag's name equals `name`
-export const isTag = (tag, name) => toString(tag).toLowerCase() === toString(name).toLowerCase()
-
-// Determine if an HTML element is the currently active element
-export const isActiveElement = el => isElement(el) && el === getActiveElement()
-
-// Determine if an HTML element is visible - Faster than CSS check
-export const isVisible = el => {
-  if (!isElement(el) || !el.parentNode || !contains(DOCUMENT.body, el)) {
-    // Note this can fail for shadow dom elements since they
-    // are not a direct descendant of document.body
-    return false
-  }
-  if (getStyle(el, 'display') === 'none') {
-    // We do this check to help with vue-test-utils when using v-show
-    /* istanbul ignore next */
-    return false
-  }
-  // All browsers support getBoundingClientRect(), except JSDOM as it returns all 0's for values :(
-  // So any tests that need isVisible will fail in JSDOM
-  // Except when we override the getBCR prototype in some tests
-  const bcr = getBCR(el)
-  return !!(bcr && bcr.height > 0 && bcr.width > 0)
-}
-
-// Determine if an element is disabled
-export const isDisabled = el =>
-  !isElement(el) || el.disabled || hasAttr(el, 'disabled') || hasClass(el, 'disabled')
-
-// Cause/wait-for an element to reflow its content (adjusting its height/width)
-export const reflow = el => {
-  // Requesting an elements offsetHight will trigger a reflow of the element content
-  /* istanbul ignore next: reflow doesn't happen in JSDOM */
-  return isElement(el) && el.offsetHeight
-}
-
-// Select all elements matching selector. Returns `[]` if none found
-export const selectAll = (selector, root) =>
-  arrayFrom((isElement(root) ? root : DOCUMENT).querySelectorAll(selector))
-
-// Select a single element, returns `null` if not found
-export const select = (selector, root) =>
-  (isElement(root) ? root : DOCUMENT).querySelector(selector) || null
-
-// Determine if an element matches a selector
-export const matches = (el, selector) => (isElement(el) ? matchesEl.call(el, selector) : false)
-
-// Finds closest element matching selector. Returns `null` if not found
-export const closest = (selector, root, includeRoot = false) => {
-  if (!isElement(root)) {
-    return null
-  }
-  const el = closestEl.call(root, selector)
-
-  // Native closest behaviour when `includeRoot` is truthy,
-  // else emulate jQuery closest and return `null` if match is
-  // the passed in root element when `includeRoot` is falsey
-  return includeRoot ? el : el === root ? null : el
-}
-
-// Returns true if the parent element contains the child element
-export const contains = (parent, child) =>
-  parent && isFunction(parent.contains) ? parent.contains(child) : false
-
-// Get an element given an ID
-export const getById = id => DOCUMENT.getElementById(/^#/.test(id) ? id.slice(1) : id) || null
-
-// Add a class to an element
-export const addClass = (el, className) => {
-  // We are checking for `el.classList` existence here since IE 11
-  // returns `undefined` for some elements (e.g. SVG elements)
-  // See https://github.com/bootstrap-vue/bootstrap-vue/issues/2713
-  if (className && isElement(el) && el.classList) {
-    el.classList.add(className)
-  }
-}
-
-// Remove a class from an element
-export const removeClass = (el, className) => {
-  // We are checking for `el.classList` existence here since IE 11
-  // returns `undefined` for some elements (e.g. SVG elements)
-  // See https://github.com/bootstrap-vue/bootstrap-vue/issues/2713
-  if (className && isElement(el) && el.classList) {
-    el.classList.remove(className)
-  }
-}
-
-// Test if an element has a class
-export const hasClass = (el, className) => {
-  // We are checking for `el.classList` existence here since IE 11
-  // returns `undefined` for some elements (e.g. SVG elements)
-  // See https://github.com/bootstrap-vue/bootstrap-vue/issues/2713
-  if (className && isElement(el) && el.classList) {
-    return el.classList.contains(className)
-  }
-  return false
-}
-
-// Set an attribute on an element
-export const setAttr = (el, attr, value) => {
-  if (attr && isElement(el)) {
-    el.setAttribute(attr, value)
-  }
-}
-
-// Remove an attribute from an element
-export const removeAttr = (el, attr) => {
-  if (attr && isElement(el)) {
-    el.removeAttribute(attr)
-  }
-}
-
-// Get an attribute value from an element
-// Returns `null` if not found
-export const getAttr = (el, attr) => (attr && isElement(el) ? el.getAttribute(attr) : null)
-
-// Determine if an attribute exists on an element
-// Returns `true` or `false`, or `null` if element not found
-export const hasAttr = (el, attr) => (attr && isElement(el) ? el.hasAttribute(attr) : null)
-
-// Set an style property on an element
-export const setStyle = (el, prop, value) => {
-  if (prop && isElement(el)) {
-    el.style[prop] = value
-  }
-}
-
-// Remove an style property from an element
-export const removeStyle = (el, prop) => {
-  if (prop && isElement(el)) {
-    el.style[prop] = ''
-  }
-}
-
-// Get an style property value from an element
-// Returns `null` if not found
-export const getStyle = (el, prop) => (prop && isElement(el) ? el.style[prop] || null : null)
-
-// Return the Bounding Client Rect of an element
-// Returns `null` if not an element
-/* istanbul ignore next: getBoundingClientRect() doesn't work in JSDOM */
-export const getBCR = el => (isElement(el) ? el.getBoundingClientRect() : null)
-
-// Get computed style object for an element
-/* istanbul ignore next: getComputedStyle() doesn't work in JSDOM */
-export const getCS = el => {
-  const { getComputedStyle } = WINDOW
-  return getComputedStyle && isElement(el) ? getComputedStyle(el) : {}
-}
-
-// Returns a `Selection` object representing the range of text selected
-// Returns `null` if no window support is given
-/* istanbul ignore next: getSelection() doesn't work in JSDOM */
-export const getSel = () => {
-  const { getSelection } = WINDOW
-  return getSelection ? WINDOW.getSelection() : null
-}
-
-// Return an element's offset with respect to document element
-// https://j11y.io/jquery/#v=git&fn=jQuery.fn.offset
-export const offset = el => /* istanbul ignore next: getBoundingClientRect(), getClientRects() doesn't work in JSDOM */ {
-  const _offset = { top: 0, left: 0 }
-  if (!isElement(el) || el.getClientRects().length === 0) {
-    return _offset
-  }
-  const bcr = getBCR(el)
-  if (bcr) {
-    const win = el.ownerDocument.defaultView
-    _offset.top = bcr.top + win.pageYOffset
-    _offset.left = bcr.left + win.pageXOffset
-  }
-  return _offset
-}
-
-// Return an element's offset with respect to to its offsetParent
-// https://j11y.io/jquery/#v=git&fn=jQuery.fn.position
-export const position = el => /* istanbul ignore next: getBoundingClientRect() doesn't work in JSDOM */ {
-  let _offset = { top: 0, left: 0 }
-  if (!isElement(el)) {
-    return _offset
-  }
-  let parentOffset = { top: 0, left: 0 }
-  const elStyles = getCS(el)
-  if (elStyles.position === 'fixed') {
-    _offset = getBCR(el) || _offset
-  } else {
-    _offset = offset(el)
-    const doc = el.ownerDocument
-    let offsetParent = el.offsetParent || doc.documentElement
-    while (
-      offsetParent &&
-      (offsetParent === doc.body || offsetParent === doc.documentElement) &&
-      getCS(offsetParent).position === 'static'
-    ) {
-      offsetParent = offsetParent.parentNode
-    }
-    if (offsetParent && offsetParent !== el && offsetParent.nodeType === Node.ELEMENT_NODE) {
-      parentOffset = offset(offsetParent)
-      const offsetParentStyles = getCS(offsetParent)
-      parentOffset.top += toFloat(offsetParentStyles.borderTopWidth, 0)
-      parentOffset.left += toFloat(offsetParentStyles.borderLeftWidth, 0)
-    }
-  }
-  return {
-    top: _offset.top - parentOffset.top - toFloat(elStyles.marginTop, 0),
-    left: _offset.left - parentOffset.left - toFloat(elStyles.marginLeft, 0)
-  }
-}
-
-// Find all tabable elements in the given element
-// Assumes users have not used `tabindex` > `0` on elements
-export const getTabables = (rootEl = document) =>
-  selectAll(TABABLE_SELECTOR, rootEl)
-    .filter(isVisible)
-    .filter(el => el.tabIndex > -1 && !el.disabled)
-
-// Attempt to focus an element, and return `true` if successful
-export const attemptFocus = (el, options = {}) => {
-  try {
-    el.focus(options)
-  } catch {}
-  return isActiveElement(el)
-}
-
-// Attempt to blur an element, and return `true` if successful
-export const attemptBlur = el => {
-  try {
-    el.blur()
-  } catch {}
-  return !isActiveElement(el)
-}

package/src/vendor/bootstrap-vue/src/utils/dom.spec.js

@@ -1,291 +0,0 @@
-import { mount } from '@vue/test-utils'
-import {
-  closest,
-  contains,
-  getAttr,
-  getStyle,
-  hasAttr,
-  hasClass,
-  isDisabled,
-  isElement,
-  matches,
-  select,
-  selectAll
-} from './dom'
-
-const template = `
-<div id="a" class="foo">
-  <div class="bar">
-    <span class="barspan foobar" style="color: red;"></span>
-  </div>
-  <div class="baz">
-    <button id="button1" aria-label="label">btn 1</button>
-    <button id="button2">btn 1</button>
-    <button id="button3" disabled>btn 1</button>
-  </div>
-</div>
-`
-const App = { template }
-
-describe('utils/dom', () => {
-  it('isElement() works', async () => {
-    const wrapper = mount(App, {
-      attachTo: document.body
-    })
-
-    expect(wrapper).toBeDefined()
-    expect(wrapper.find('div.foo').exists()).toBe(true)
-    expect(isElement(wrapper.element)).toBe(true)
-    expect(isElement(null)).toBe(false)
-    expect(isElement(App)).toBe(false)
-
-    wrapper.destroy()
-  })
-
-  it('isDisabled() works', async () => {
-    const wrapper = mount(App, {
-      attachTo: document.body
-    })
-
-    expect(wrapper).toBeDefined()
-
-    const $btns = wrapper.findAll('div.baz > button')
-    expect($btns).toBeDefined()
-    expect($btns.length).toBe(3)
-    expect(isDisabled($btns.at(0).element)).toBe(false)
-    expect(isDisabled($btns.at(1).element)).toBe(false)
-    expect(isDisabled($btns.at(2).element)).toBe(true)
-
-    wrapper.destroy()
-  })
-
-  it('hasClass() works', async () => {
-    const wrapper = mount(App, {
-      attachTo: document.body
-    })
-
-    expect(wrapper).toBeDefined()
-
-    const $span = wrapper.find('span.barspan')
-    expect($span).toBeDefined()
-    expect($span.exists()).toBe(true)
-    expect(hasClass($span.element, 'barspan')).toBe(true)
-    expect(hasClass($span.element, 'foobar')).toBe(true)
-    expect(hasClass($span.element, 'fizzle-rocks')).toBe(false)
-    expect(hasClass(null, 'foobar')).toBe(false)
-
-    wrapper.destroy()
-  })
-
-  it('contains() works', async () => {
-    const wrapper = mount(App, {
-      attachTo: document.body
-    })
-
-    expect(wrapper).toBeDefined()
-
-    const $span = wrapper.find('span.barspan')
-    expect($span).toBeDefined()
-    expect($span.exists()).toBe(true)
-    const $btn1 = wrapper.find('button#button1')
-    expect($btn1).toBeDefined()
-    expect($btn1.exists()).toBe(true)
-
-    expect(contains(wrapper.element, $span.element)).toBe(true)
-    expect(contains(wrapper.element, $btn1.element)).toBe(true)
-    expect(contains($span.element, $btn1.element)).toBe(false)
-    expect(contains(null, $btn1.element)).toBe(false)
-
-    wrapper.destroy()
-  })
-
-  it('closest() works', async () => {
-    const wrapper = mount(App, {
-      attachTo: document.body
-    })
-
-    expect(wrapper).toBeDefined()
-
-    const $btns = wrapper.findAll('div.baz > button')
-    expect($btns).toBeDefined()
-    expect($btns.length).toBe(3)
-
-    expect(closest('div.foo', $btns.at(0).element)).toBeDefined()
-    expect(closest('div.foo', $btns.at(0).element)).toBe(wrapper.element)
-    expect(closest('div.foo', null)).toBe(null)
-
-    const $baz = wrapper.find('div.baz')
-    expect($baz).toBeDefined()
-    expect($baz.exists()).toBe(true)
-    expect(closest('div.baz', $btns.at(0).element)).toBeDefined()
-    expect(closest('div.baz', $btns.at(0).element)).toBe($baz.element)
-    expect(closest('div.not-here', $btns.at(0).element)).toBe(null)
-    expect(closest('div.baz', $baz.element)).toBe(null)
-    expect(closest('div.baz', $baz.element, true)).toBe($baz.element)
-
-    wrapper.destroy()
-  })
-
-  it('matches() works', async () => {
-    const wrapper = mount(App, {
-      attachTo: document.body
-    })
-
-    expect(wrapper).toBeDefined()
-
-    const $btns = wrapper.findAll('div.baz > button')
-    expect($btns).toBeDefined()
-    expect($btns.length).toBe(3)
-
-    expect(matches($btns.at(0).element, 'button[disabled]')).toBe(false)
-    expect(matches($btns.at(1).element, 'button[disabled]')).toBe(false)
-    expect(matches($btns.at(2).element, 'button[disabled]')).toBe(true)
-    expect(matches($btns.at(0).element, 'div.baz button')).toBe(true)
-    expect(matches($btns.at(0).element, 'div.baz > button')).toBe(true)
-    expect(matches($btns.at(0).element, '.foo > div.baz > button')).toBe(true)
-    expect(matches($btns.at(0).element, 'div.foo button')).toBe(true)
-    expect(matches($btns.at(0).element, 'div.foo > button')).toBe(false)
-    expect(matches($btns.at(0).element, 'div.bar > button')).toBe(false)
-    expect(matches($btns.at(0).element, 'button#button1')).toBe(true)
-    expect(matches(null, 'div.foo')).toBe(false)
-
-    wrapper.destroy()
-  })
-
-  it('hasAttr() works', async () => {
-    const wrapper = mount(App, {
-      attachTo: document.body
-    })
-
-    expect(wrapper).toBeDefined()
-
-    const $btns = wrapper.findAll('div.baz > button')
-    expect($btns).toBeDefined()
-    expect($btns.length).toBe(3)
-
-    expect(hasAttr($btns.at(0).element, 'disabled')).toBe(false)
-    expect(hasAttr($btns.at(0).element, 'aria-label')).toBe(true)
-    expect(hasAttr($btns.at(1).element, 'disabled')).toBe(false)
-    expect(hasAttr($btns.at(2).element, 'disabled')).toBe(true)
-    expect(hasAttr($btns.at(2).element, 'role')).toBe(false)
-    expect(hasAttr(null, 'role')).toBe(null)
-
-    wrapper.destroy()
-  })
-
-  it('getAttr() works', async () => {
-    const wrapper = mount(App, {
-      attachTo: document.body
-    })
-
-    expect(wrapper).toBeDefined()
-
-    const $btns = wrapper.findAll('div.baz > button')
-    expect($btns).toBeDefined()
-    expect($btns.length).toBe(3)
-
-    expect(getAttr($btns.at(0).element, 'aria-label')).toBe('label')
-    expect(getAttr($btns.at(0).element, 'id')).toBe('button1')
-    expect(getAttr($btns.at(1).element, 'aria-label')).toBe(null)
-    expect(getAttr($btns.at(1).element, 'id')).toBe('button2')
-    expect(getAttr($btns.at(2).element, 'aria-label')).toBe(null)
-    expect(getAttr($btns.at(2).element, 'id')).toBe('button3')
-    expect(getAttr(null, 'role')).toBe(null)
-    expect(getAttr($btns.at(0).element, '')).toBe(null)
-    expect(getAttr($btns.at(0).element, undefined)).toBe(null)
-
-    wrapper.destroy()
-  })
-
-  it('getStyle() works', async () => {
-    const wrapper = mount(App, {
-      attachTo: document.body
-    })
-
-    expect(wrapper).toBeDefined()
-
-    const $span = wrapper.find('span.barspan')
-    expect($span).toBeDefined()
-    expect($span.exists()).toBe(true)
-    expect(getStyle($span.element, 'color')).toBe('red')
-    expect(getStyle($span.element, 'width')).toBe(null)
-    expect(getStyle(null, 'color')).toBe(null)
-
-    wrapper.destroy()
-  })
-
-  it('select() works', async () => {
-    const wrapper = mount(App, {
-      attachTo: document.body
-    })
-
-    expect(wrapper).toBeDefined()
-
-    const $btns = wrapper.findAll('div.baz > button')
-    expect($btns).toBeDefined()
-    expect($btns.length).toBe(3)
-
-    // With root element specified
-    expect(select('button', wrapper.element)).toBe($btns.at(0).element)
-    expect(select('button#button3', wrapper.element)).toBe($btns.at(2).element)
-    expect(select('span.not-here', wrapper.element)).toBe(null)
-
-    // Note: It appears that `vue-test-utils` is not detaching previous
-    //       app instances and elements once the test is complete!
-    expect(select('button')).not.toBe(null)
-    expect(select('button')).toBe($btns.at(0).element)
-    expect(select('button#button3')).not.toBe(null)
-    expect(select('button#button3')).toBe($btns.at(2).element)
-    expect(select('span.not-here')).toBe(null)
-
-    wrapper.destroy()
-  })
-
-  it('selectAll() works', async () => {
-    const wrapper = mount(App, {
-      attachTo: document.body
-    })
-
-    expect(wrapper).toBeDefined()
-
-    const $btns = wrapper.findAll('div.baz > button')
-    expect($btns).toBeDefined()
-    expect($btns.length).toBe(3)
-
-    // With root element specified
-    expect(Array.isArray(selectAll('button', wrapper.element))).toBe(true)
-    expect(selectAll('button', wrapper.element).length).toBe(3)
-    expect(selectAll('button', wrapper.element)[0]).toBe($btns.at(0).element)
-    expect(selectAll('button', wrapper.element)[1]).toBe($btns.at(1).element)
-    expect(selectAll('button', wrapper.element)[2]).toBe($btns.at(2).element)
-
-    expect(Array.isArray(selectAll('button.fake', wrapper.element))).toBe(true)
-    expect(selectAll('button.fake', wrapper.element).length).toBe(0)
-
-    expect(selectAll('div.baz button', wrapper.element).length).toBe(3)
-    expect(selectAll('div.baz button', wrapper.element)[0]).toBe($btns.at(0).element)
-    expect(selectAll('div.baz button', wrapper.element)[1]).toBe($btns.at(1).element)
-    expect(selectAll('div.baz button', wrapper.element)[2]).toBe($btns.at(2).element)
-
-    // Without root element specified (assumes document as root)
-    // Note: It appears that `vue-test-utils` is not detaching previous
-    //       app instances and elements once the test is complete!
-    expect(Array.isArray(selectAll('button'))).toBe(true)
-    expect(selectAll('button')).not.toEqual([])
-    expect(selectAll('button').length).toBe(3)
-    expect(selectAll('button')[0]).toBe($btns.at(0).element)
-    expect(selectAll('button')[1]).toBe($btns.at(1).element)
-    expect(selectAll('button')[2]).toBe($btns.at(2).element)
-
-    expect(Array.isArray(selectAll('button.fake'))).toBe(true)
-    expect(selectAll('button.fake').length).toBe(0)
-
-    expect(selectAll('div.baz button')).not.toEqual([])
-    expect(selectAll('div.baz button').length).toBe(3)
-    expect(selectAll('div.baz button')[0]).toBe($btns.at(0).element)
-    expect(selectAll('div.baz button')[1]).toBe($btns.at(1).element)
-    expect(selectAll('div.baz button')[2]).toBe($btns.at(2).element)
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/utils/element-to-vue-instance-registry.js

@@ -1,40 +0,0 @@
-import { isVue3 } from '../vue'
-
-let registry = null
-if (isVue3) {
-  registry = new WeakMap()
-}
-
-export const registerElementToInstance = (element, instance) => {
-  if (!isVue3) {
-    return
-  }
-
-  registry.set(element, instance)
-}
-
-export const removeElementToInstance = element => {
-  if (!isVue3) {
-    return
-  }
-
-  registry.delete(element)
-}
-
-export const getInstanceFromElement = element => {
-  if (!isVue3) {
-    return element.__vue__
-  }
-
-  let currentElement = element
-
-  while (currentElement) {
-    if (registry.has(currentElement)) {
-      /* istanbul ignore next */
-      return registry.get(currentElement)
-    }
-    currentElement = currentElement.parentNode
-  }
-
-  return null
-}

package/src/vendor/bootstrap-vue/src/utils/env.js

@@ -1,15 +0,0 @@
-/**
- * Utilities to get information about the current environment
- */
-
-export const getEnv = (key, fallback = null) => {
-  const env = typeof process !== 'undefined' && process ? process.env || {} : {}
-  if (!key) {
-    /* istanbul ignore next */
-    return env
-  }
-  return env[key] || fallback
-}
-
-export const getNoWarn = () =>
-  getEnv('BOOTSTRAP_VUE_NO_WARN') || getEnv('NODE_ENV') === 'production'