@gitlab/ui 96.3.0 → 97.0.0

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

@@ -1,109 +0,0 @@
-{
-  "name": "@bootstrap-vue/progress",
-  "version": "1.0.0",
-  "meta": {
-    "title": "Progress",
-    "description": "A custom progress component for displaying simple or complex progress bars, featuring support for horizontally stacked bars, animated backgrounds, and text labels.",
-    "components": [
-      {
-        "component": "BProgress",
-        "props": [
-          {
-            "prop": "animated",
-            "description": "Enable the animated background. Also automatically sets 'striped'"
-          },
-          {
-            "prop": "height",
-            "description": "Override the default height by specifying a CSS height value (including units)"
-          },
-          {
-            "prop": "max",
-            "description": "Set the maximum value"
-          },
-          {
-            "prop": "precision",
-            "description": "The number of digits after the decimal to round the value to"
-          },
-          {
-            "prop": "showProgress",
-            "description": "Displays the current progress value as a percentage"
-          },
-          {
-            "prop": "showValue",
-            "description": "Displays the current progress value"
-          },
-          {
-            "prop": "striped",
-            "description": "Enable the striped background"
-          },
-          {
-            "prop": "value",
-            "description": "The current value of the progress bar"
-          },
-          {
-            "prop": "variant",
-            "description": "Applies one of the Bootstrap theme color variants to the component"
-          }
-        ],
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content (progress bars) to place in the progress element"
-          }
-        ]
-      },
-      {
-        "component": "BProgressBar",
-        "props": [
-          {
-            "prop": "animated",
-            "description": "Enable the animated background. Also automatically sets 'striped'"
-          },
-          {
-            "prop": "label",
-            "description": "Text string to explicitly set the label as"
-          },
-          {
-            "prop": "labelHtml",
-            "description": "HTML string to explicitly set the label as",
-            "xss": true
-          },
-          {
-            "prop": "max",
-            "description": "Set the maximum value"
-          },
-          {
-            "prop": "precision",
-            "description": "The number of digits after the decimal to round the value to"
-          },
-          {
-            "prop": "showProgress",
-            "description": "Displays the current progress value as a percentage"
-          },
-          {
-            "prop": "showValue",
-            "description": "Displays the current progress value"
-          },
-          {
-            "prop": "striped",
-            "description": "Enable the striped background"
-          },
-          {
-            "prop": "value",
-            "description": "The current value of the progress bar"
-          },
-          {
-            "prop": "variant",
-            "description": "Applies one of the Bootstrap theme color variants to the component"
-          }
-        ],
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content to place in the progress bar. Overrides the `label`, `label-html`, `show-progress` and `show-value` props"
-          }
-        ]
-      }
-    ]
-  }
-}

package/src/vendor/bootstrap-vue/src/components/progress/progress-bar.js

@@ -1,133 +0,0 @@
-import { extend } from '../../vue'
-import { NAME_PROGRESS_BAR } from '../../constants/components'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_NUMBER_STRING, PROP_TYPE_STRING } from '../../constants/props'
-import { htmlOrText } from '../../utils/html'
-import { isBoolean } from '../../utils/inspect'
-import { mathMax, mathPow } from '../../utils/math'
-import { toFixed, toFloat, toInteger } from '../../utils/number'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-import { toString } from '../../utils/string'
-import { normalizeSlotMixin } from '../../mixins/normalize-slot'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  {
-    animated: makeProp(PROP_TYPE_BOOLEAN, null),
-    label: makeProp(PROP_TYPE_STRING),
-    labelHtml: makeProp(PROP_TYPE_STRING),
-    max: makeProp(PROP_TYPE_NUMBER_STRING, null),
-    precision: makeProp(PROP_TYPE_NUMBER_STRING, null),
-    showProgress: makeProp(PROP_TYPE_BOOLEAN, null),
-    showValue: makeProp(PROP_TYPE_BOOLEAN, null),
-    striped: makeProp(PROP_TYPE_BOOLEAN, null),
-    value: makeProp(PROP_TYPE_NUMBER_STRING, 0),
-    variant: makeProp(PROP_TYPE_STRING)
-  },
-  NAME_PROGRESS_BAR
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BProgressBar = /*#__PURE__*/ extend({
-  name: NAME_PROGRESS_BAR,
-  mixins: [normalizeSlotMixin],
-  inject: {
-    getBvProgress: {
-      default: /* istanbul ignore next */ () => () => ({})
-    }
-  },
-  props,
-  computed: {
-    bvProgress() {
-      return this.getBvProgress()
-    },
-    progressBarClasses() {
-      const { computedAnimated, computedVariant } = this
-      return [
-        computedVariant ? `bg-${computedVariant}` : '',
-        this.computedStriped || computedAnimated ? 'progress-bar-striped' : '',
-        computedAnimated ? 'progress-bar-animated' : ''
-      ]
-    },
-    progressBarStyles() {
-      return {
-        width: 100 * (this.computedValue / this.computedMax) + '%'
-      }
-    },
-    computedValue() {
-      return toFloat(this.value, 0)
-    },
-    computedMax() {
-      // Prefer our max over parent setting
-      // Default to `100` for invalid values (`-x`, `0`, `NaN`)
-      const max = toFloat(this.max) || toFloat(this.bvProgress.max, 0)
-      return max > 0 ? max : 100
-    },
-    computedPrecision() {
-      // Prefer our precision over parent setting
-      // Default to `0` for invalid values (`-x`, `NaN`)
-      return mathMax(toInteger(this.precision, toInteger(this.bvProgress.precision, 0)), 0)
-    },
-    computedProgress() {
-      const precision = this.computedPrecision
-      const p = mathPow(10, precision)
-      return toFixed((100 * p * this.computedValue) / this.computedMax / p, precision)
-    },
-    computedVariant() {
-      // Prefer our variant over parent setting
-      return this.variant || this.bvProgress.variant
-    },
-    computedStriped() {
-      // Prefer our striped over parent setting
-      return isBoolean(this.striped) ? this.striped : this.bvProgress.striped || false
-    },
-    computedAnimated() {
-      // Prefer our animated over parent setting
-      return isBoolean(this.animated) ? this.animated : this.bvProgress.animated || false
-    },
-    computedShowProgress() {
-      // Prefer our showProgress over parent setting
-      return isBoolean(this.showProgress)
-        ? this.showProgress
-        : this.bvProgress.showProgress || false
-    },
-    computedShowValue() {
-      // Prefer our showValue over parent setting
-      return isBoolean(this.showValue) ? this.showValue : this.bvProgress.showValue || false
-    }
-  },
-  render(h) {
-    const { label, labelHtml, computedValue, computedPrecision } = this
-
-    let $children
-    let domProps = {}
-    if (this.hasNormalizedSlot()) {
-      $children = this.normalizeSlot()
-    } else if (label || labelHtml) {
-      domProps = htmlOrText(labelHtml, label)
-    } else if (this.computedShowProgress) {
-      $children = this.computedProgress
-    } else if (this.computedShowValue) {
-      $children = toFixed(computedValue, computedPrecision)
-    }
-
-    return h(
-      'div',
-      {
-        staticClass: 'progress-bar',
-        class: this.progressBarClasses,
-        style: this.progressBarStyles,
-        attrs: {
-          role: 'progressbar',
-          'aria-valuemin': '0',
-          'aria-valuemax': toString(this.computedMax),
-          'aria-valuenow': toFixed(computedValue, computedPrecision)
-        },
-        domProps
-      },
-      $children
-    )
-  }
-})

package/src/vendor/bootstrap-vue/src/components/progress/progress-bar.spec.js

@@ -1,270 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BProgressBar } from './progress-bar'
-
-describe('progress-bar', () => {
-  it('has correct base class and structure', async () => {
-    const wrapper = mount(BProgressBar)
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('progress-bar')
-    expect(wrapper.attributes('role')).toBe('progressbar')
-    expect(wrapper.attributes('aria-valuemin')).toBe('0')
-    expect(wrapper.attributes('aria-valuemax')).toBe('100')
-    expect(wrapper.attributes('aria-valuenow')).toBe('0')
-    expect(wrapper.attributes('style')).toContain('width: 0%;')
-
-    expect(wrapper.classes()).not.toContain('progress-bar-striped')
-    expect(wrapper.classes()).not.toContain('progress-bar-animated')
-
-    // Should not have a label
-    expect(wrapper.text()).toBe('')
-
-    wrapper.destroy()
-  })
-
-  it('has class bg-primary when variant=primary', async () => {
-    const wrapper = mount(BProgressBar, {
-      propsData: {
-        variant: 'primary'
-      }
-    })
-
-    expect(wrapper.classes()).toContain('bg-primary')
-    expect(wrapper.classes()).toContain('progress-bar')
-
-    wrapper.destroy()
-  })
-
-  it('has class bg-info when parent variant=info', async () => {
-    const wrapper = mount(BProgressBar, {
-      provide: {
-        getBvProgress: () => ({
-          variant: 'info'
-        })
-      }
-    })
-
-    expect(wrapper.classes()).toContain('bg-info')
-    expect(wrapper.classes()).toContain('progress-bar')
-
-    wrapper.destroy()
-  })
-
-  it('has class bg-primary when prop variant=primary and parent variant=info', async () => {
-    const wrapper = mount(BProgressBar, {
-      provide: {
-        getBvProgress: () => ({
-          variant: 'info'
-        })
-      },
-      propsData: {
-        variant: 'primary'
-      }
-    })
-
-    expect(wrapper.classes()).toContain('bg-primary')
-    expect(wrapper.classes()).toContain('progress-bar')
-
-    wrapper.destroy()
-  })
-  it('has class progress-bar-striped when prop striped set', async () => {
-    const wrapper = mount(BProgressBar, {
-      propsData: {
-        striped: true
-      }
-    })
-
-    expect(wrapper.classes()).toContain('progress-bar-striped')
-    expect(wrapper.classes()).toContain('progress-bar')
-
-    wrapper.destroy()
-  })
-
-  it('has class progress-bar-striped when parent prop striped set', async () => {
-    const wrapper = mount(BProgressBar, {
-      provide: {
-        getBvProgress: () => ({
-          striped: true
-        })
-      }
-    })
-
-    expect(wrapper.classes()).toContain('progress-bar-striped')
-    expect(wrapper.classes()).toContain('progress-bar')
-
-    wrapper.destroy()
-  })
-
-  it('has class progress-bar-animated and progress-bar-striped when prop animated set', async () => {
-    const wrapper = mount(BProgressBar, {
-      propsData: {
-        animated: true
-      }
-    })
-
-    expect(wrapper.classes()).toContain('progress-bar-animated')
-    expect(wrapper.classes()).toContain('progress-bar-striped')
-    expect(wrapper.classes()).toContain('progress-bar')
-
-    wrapper.destroy()
-  })
-
-  it('has class progress-bar-animated and progress-bar-striped when parent prop animated set', async () => {
-    const wrapper = mount(BProgressBar, {
-      provide: {
-        getBvProgress: () => ({
-          animated: true
-        })
-      }
-    })
-
-    expect(wrapper.classes()).toContain('progress-bar-animated')
-    expect(wrapper.classes()).toContain('progress-bar-striped')
-    expect(wrapper.classes()).toContain('progress-bar')
-
-    wrapper.destroy()
-  })
-
-  it('has style width set when value set', async () => {
-    const wrapper = mount(BProgressBar, {
-      propsData: {
-        value: 50
-      }
-    })
-
-    expect(wrapper.attributes('style')).toContain('width: 50%;')
-    expect(wrapper.attributes('aria-valuenow')).toBe('50')
-    expect(wrapper.attributes('aria-valuemin')).toBe('0')
-    expect(wrapper.attributes('aria-valuemax')).toBe('100')
-
-    wrapper.destroy()
-  })
-
-  it('has max set', async () => {
-    const wrapper = mount(BProgressBar, {
-      propsData: {
-        value: 25,
-        max: 50
-      }
-    })
-
-    expect(wrapper.attributes('style')).toContain('width: 50%;')
-    expect(wrapper.attributes('aria-valuenow')).toBe('25')
-    expect(wrapper.attributes('aria-valuemin')).toBe('0')
-    expect(wrapper.attributes('aria-valuemax')).toBe('50')
-
-    wrapper.destroy()
-  })
-
-  it('has max set when parent max set', async () => {
-    const wrapper = mount(BProgressBar, {
-      provide: {
-        getBvProgress: () => ({
-          max: 50
-        })
-      },
-      propsData: {
-        value: 25
-      }
-    })
-
-    expect(wrapper.attributes('style')).toContain('width: 50%;')
-    expect(wrapper.attributes('aria-valuenow')).toBe('25')
-    expect(wrapper.attributes('aria-valuemin')).toBe('0')
-    expect(wrapper.attributes('aria-valuemax')).toBe('50')
-
-    wrapper.destroy()
-  })
-
-  it('has label when prop label set', async () => {
-    const wrapper = mount(BProgressBar, {
-      propsData: {
-        label: 'foobar'
-      }
-    })
-
-    expect(wrapper.text()).toBe('foobar')
-
-    wrapper.destroy()
-  })
-
-  it('has label when prop labelHtml set', async () => {
-    const wrapper = mount(BProgressBar, {
-      propsData: {
-        labelHtml: 'foobar'
-      }
-    })
-
-    expect(wrapper.text()).toBe('foobar')
-
-    wrapper.destroy()
-  })
-
-  it('has label from default slot', async () => {
-    const wrapper = mount(BProgressBar, {
-      slots: {
-        default: 'foobar'
-      }
-    })
-
-    expect(wrapper.text()).toBe('foobar')
-
-    wrapper.destroy()
-  })
-
-  it('has label when show-value set', async () => {
-    const wrapper = mount(BProgressBar, {
-      propsData: {
-        value: 50,
-        showValue: true
-      }
-    })
-
-    expect(wrapper.text()).toBe('50')
-
-    wrapper.destroy()
-  })
-
-  it('has label with precision when show-value and precision set', async () => {
-    const wrapper = mount(BProgressBar, {
-      propsData: {
-        value: 50,
-        showValue: true,
-        precision: 2
-      }
-    })
-
-    expect(wrapper.text()).toBe('50.00')
-
-    wrapper.destroy()
-  })
-
-  it('has label when show-progress set', async () => {
-    const wrapper = mount(BProgressBar, {
-      propsData: {
-        value: 25,
-        showProgress: true,
-        max: 50
-      }
-    })
-
-    expect(wrapper.text()).toBe('50')
-
-    wrapper.destroy()
-  })
-
-  it('has label when show-progress and precision set', async () => {
-    const wrapper = mount(BProgressBar, {
-      propsData: {
-        value: 25,
-        showProgress: true,
-        max: 50,
-        precision: 2
-      }
-    })
-
-    expect(wrapper.text()).toBe('50.00')
-
-    wrapper.destroy()
-  })
-})

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

@@ -1,57 +0,0 @@
-import { extend } from '../../vue'
-import { NAME_PROGRESS } from '../../constants/components'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_NUMBER_STRING, PROP_TYPE_STRING } from '../../constants/props'
-import { omit, sortKeys } from '../../utils/object'
-import { makeProp, makePropsConfigurable, pluckProps } from '../../utils/props'
-import { normalizeSlotMixin } from '../../mixins/normalize-slot'
-import { BProgressBar, props as BProgressBarProps } from './progress-bar'
-
-// --- Props ---
-
-const progressBarProps = omit(BProgressBarProps, ['label', 'labelHtml'])
-
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...progressBarProps,
-    animated: makeProp(PROP_TYPE_BOOLEAN, false),
-    height: makeProp(PROP_TYPE_STRING),
-    max: makeProp(PROP_TYPE_NUMBER_STRING, 100),
-    precision: makeProp(PROP_TYPE_NUMBER_STRING, 0),
-    showProgress: makeProp(PROP_TYPE_BOOLEAN, false),
-    showValue: makeProp(PROP_TYPE_BOOLEAN, false),
-    striped: makeProp(PROP_TYPE_BOOLEAN, false)
-  }),
-  NAME_PROGRESS
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BProgress = /*#__PURE__*/ extend({
-  name: NAME_PROGRESS,
-  mixins: [normalizeSlotMixin],
-  provide() {
-    return { getBvProgress: () => this }
-  },
-  props,
-  computed: {
-    progressHeight() {
-      return { height: this.height || null }
-    }
-  },
-  render(h) {
-    let $childNodes = this.normalizeSlot()
-    if (!$childNodes) {
-      $childNodes = h(BProgressBar, { props: pluckProps(progressBarProps, this.$props) })
-    }
-
-    return h(
-      'div',
-      {
-        staticClass: 'progress',
-        style: this.progressHeight
-      },
-      [$childNodes]
-    )
-  }
-})

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

@@ -1,71 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BProgress } from './progress'
-
-describe('progress', () => {
-  it('has expected default structure', async () => {
-    const wrapper = mount(BProgress)
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('progress')
-    expect(wrapper.text()).toEqual('')
-    expect(wrapper.findAll('.progress-bar').length).toBe(1)
-    const $bar = wrapper.find('.progress-bar')
-    expect($bar.element.tagName).toBe('DIV')
-    expect($bar.attributes('role')).toBe('progressbar')
-    expect($bar.attributes('aria-valuemin')).toBe('0')
-    expect($bar.attributes('aria-valuemax')).toBe('100')
-    expect($bar.attributes('aria-valuenow')).toBe('0')
-    expect($bar.attributes('style')).toBe('width: 0%;')
-
-    wrapper.destroy()
-  })
-
-  it('renders content from default slot', async () => {
-    const wrapper = mount(BProgress, {
-      slots: {
-        default: '<b>foobar</b>'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('progress')
-    expect(wrapper.text()).toEqual('foobar')
-    expect(wrapper.findAll('.progress-bar').length).toBe(0)
-  })
-
-  it('has progress-bar child with expected parameters', async () => {
-    const wrapper = mount(BProgress, {
-      propsData: {
-        value: 25,
-        max: 50,
-        variant: 'success',
-        striped: true,
-        animated: true,
-        showValue: true
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('progress')
-    expect(wrapper.findAll('.progress-bar').length).toBe(1)
-
-    const $bar = wrapper.find('.progress-bar')
-    expect($bar.element.tagName).toBe('DIV')
-    expect($bar.attributes('role')).toBe('progressbar')
-    expect($bar.attributes('aria-valuemin')).toBe('0')
-    expect($bar.attributes('aria-valuemax')).toBe('50')
-    expect($bar.attributes('aria-valuenow')).toBe('25')
-    expect($bar.attributes('style')).toBe('width: 50%;')
-    expect($bar.classes()).toContain('bg-success')
-    expect($bar.classes()).toContain('progress-bar')
-    expect($bar.classes()).toContain('progress-bar-striped')
-    expect($bar.classes()).toContain('progress-bar-animated')
-    expect($bar.classes().length).toBe(4)
-    expect($bar.text()).toEqual('25')
-
-    wrapper.destroy()
-  })
-})