feat: Consume vendored bootstrap-vue

BREAKING CHANGE: @gitlab/ui doesn't rely on bootstrap-vue as a npm
dependency because it vendors bootstrap-vue. If you are importing things
directly from bootstrap-vue, you might need to adjust import paths

package.json

@@ -76,7 +76,6 @@
   },
   "dependencies": {
     "@floating-ui/dom": "1.4.3",
-    "bootstrap-vue": "2.23.1",
     "echarts": "^5.3.2",
     "iframe-resizer": "^4.3.2",
     "lodash": "^4.17.20",

src/components/base/accordion/accordion_item.spec.js

 import { mount } from '@vue/test-utils';
-import { BCollapse } from 'bootstrap-vue';
+import { BCollapse } from '../../../vendor/bootstrap-vue/src/components/collapse/collapse';
 import { GlCollapseToggleDirective } from '../../../directives/collapse_toggle';
 import { waitForAnimationFrame } from '../../../utils/test_utils';
 import GlButton from '../button/button.vue';

src/components/base/accordion/accordion_item.vue

 <script>
-import { BCollapse } from 'bootstrap-vue';
 import uniqueId from 'lodash/uniqueId';
+import { BCollapse } from '../../../vendor/bootstrap-vue/src/components/collapse/collapse';
 import { GlCollapseToggleDirective } from '../../../directives/collapse_toggle';
 import GlButton from '../button/button.vue';
 

src/components/base/badge/badge.vue

 <!-- eslint-disable vue/multi-word-component-names -->
 <script>
-import { BBadge } from 'bootstrap-vue';
+import { BBadge } from '../../../vendor/bootstrap-vue/src/components/badge/badge';
 import { badgeVariantOptions, badgeIconSizeOptions } from '../../../utils/constants';
 import GlIcon from '../icon/icon.vue';
 

src/components/base/breadcrumb/breadcrumb.vue

 <!-- eslint-disable vue/multi-word-component-names -->
 <script>
-import { BBreadcrumb } from 'bootstrap-vue';
 import debounce from 'lodash/debounce';
+import { BBreadcrumb } from '../../../vendor/bootstrap-vue/src/components/breadcrumb/breadcrumb';
 import { translate } from '../../../utils/i18n';
 import GlAvatar from '../avatar/avatar.vue';
 import GlDisclosureDropdown from '../new_dropdowns/disclosure/disclosure_dropdown.vue';

src/components/base/breadcrumb/breadcrumb_item.spec.js

 import { shallowMount } from '@vue/test-utils';
-import { BLink } from 'bootstrap-vue';
+import { BLink } from '../../../vendor/bootstrap-vue/src/components/link/link';
 import BreadcrumbItem from './breadcrumb_item.vue';
 
 describe('Breadcrumb Item Component', () => {

src/components/base/breadcrumb/breadcrumb_item.vue

 <script>
-import { BLink } from 'bootstrap-vue';
+import { BLink } from '../../../vendor/bootstrap-vue/src/components/link/link';
 
 export default {
   name: 'GlBreadcrumbItem',

src/components/base/button/button.vue

 <!-- eslint-disable vue/multi-word-component-names -->
 <script>
-import { BButton } from 'bootstrap-vue';
+import { BButton } from '../../../vendor/bootstrap-vue/src/components/button/button';
 import {
   buttonCategoryOptions,
   buttonVariantOptions,

src/components/base/button_group/button_group.vue

 <script>
-import { BButtonGroup } from 'bootstrap-vue';
+import { BButtonGroup } from '../../../vendor/bootstrap-vue/src/components/button-group/button-group';
 
 export default {
   name: 'GlButtonGroup',

src/components/base/carousel/carousel.spec.js

 import { shallowMount } from '@vue/test-utils';
-import { BCarousel } from 'bootstrap-vue';
+import { BCarousel } from '../../../vendor/bootstrap-vue/src/components/carousel/carousel';
 import Carousel from './carousel.vue';
 
 describe('Carousel component', () => {

src/components/base/carousel/carousel.vue

 <!-- eslint-disable vue/multi-word-component-names -->
 <script>
-import { BCarousel } from 'bootstrap-vue';
+import { BCarousel } from '../../../vendor/bootstrap-vue/src/components/carousel/carousel';
 
 export default {
   name: 'GlCarousel',

src/components/base/carousel/carousel_slide.vue

 <script>
-import { BCarouselSlide } from 'bootstrap-vue';
+import { BCarouselSlide } from '../../../vendor/bootstrap-vue/src/components/carousel/carousel-slide';
 
 export default {
   name: 'GlCarouselSlide',

src/components/base/collapse/collapse.spec.js

 import { shallowMount } from '@vue/test-utils';
-import { BCollapse } from 'bootstrap-vue';
+import { BCollapse } from '../../../vendor/bootstrap-vue/src/components/collapse/collapse';
 import Collapse from './collapse.vue';
 
 describe('Collapse component', () => {

src/components/base/collapse/collapse.vue

 <!-- eslint-disable vue/multi-word-component-names -->
 <script>
-import { BCollapse } from 'bootstrap-vue';
+import { BCollapse } from '../../../vendor/bootstrap-vue/src/components/collapse/collapse';
 
 export default {
   name: 'GlCollapse',

src/components/base/dropdown/dropdown.spec.js

 import { mount } from '@vue/test-utils';
 
-import { BDropdown } from 'bootstrap-vue';
+import { BDropdown } from '../../../vendor/bootstrap-vue/src/components/dropdown/dropdown';
 import { dropdownVariantOptions } from '../../../utils/constants';
 import GlLoadingIcon from '../loading_icon/loading_icon.vue';
 import GlDropdown from './dropdown.vue';

src/components/base/dropdown/dropdown.vue

 <!-- eslint-disable vue/multi-word-component-names vue/one-component-per-file -->
 <script>
 import Vue from 'vue';
-import { BDropdown } from 'bootstrap-vue';
-import { selectAll } from 'bootstrap-vue/src/utils/dom';
 import merge from 'lodash/merge';
+import { selectAll } from '../../../vendor/bootstrap-vue/src/utils/dom';
+import { BDropdown } from '../../../vendor/bootstrap-vue/src/components/dropdown/dropdown';
 import {
   buttonCategoryOptions,
   buttonSizeOptions,

src/components/base/dropdown/dropdown_divider.vue

 <script>
-import { BDropdownDivider } from 'bootstrap-vue';
+import { BDropdownDivider } from '../../../vendor/bootstrap-vue/src/components/dropdown/dropdown-divider';
 
 export default {
   name: 'GlDropdownDivider',

src/components/base/dropdown/dropdown_form.vue

 <script>
-import { BDropdownForm } from 'bootstrap-vue';
+import { BDropdownForm } from '../../../vendor/bootstrap-vue/src/components/dropdown/dropdown-form';
 
 export default {
   name: 'GlDropdownForm',

src/components/base/dropdown/dropdown_item.spec.js

 import { shallowMount } from '@vue/test-utils';
-import { BDropdownItem, BDropdownItemButton } from 'bootstrap-vue';
+import { BDropdownItem } from '../../../vendor/bootstrap-vue/src/components/dropdown/dropdown-item';
+import { BDropdownItemButton } from '../../../vendor/bootstrap-vue/src/components/dropdown/dropdown-item-button';
 
 import GlDropdownItem from './dropdown_item.vue';
 

src/components/base/dropdown/dropdown_item.vue

 <script>
-import { BDropdownItem, BDropdownItemButton } from 'bootstrap-vue';
+import { BDropdownItem } from '../../../vendor/bootstrap-vue/src/components/dropdown/dropdown-item';
+import { BDropdownItemButton } from '../../../vendor/bootstrap-vue/src/components/dropdown/dropdown-item-button';
 import { variantCssColorMap } from '../../../utils/constants';
 import GlAvatar from '../avatar/avatar.vue';
 import GlButton from '../button/button.vue';