@gitlab/ui 97.2.1 → 98.0.0

package/dist/index.js

@@ -11,7 +11,6 @@ export { default as GlNav } from './components/base/nav/nav';
 export { default as GlNavItem } from './components/base/nav/nav_item';
 export { default as GlFormCheckboxTree } from './components/base/form/form_checkbox_tree/form_checkbox_tree';
 export { default as GlMarkdown } from './components/base/markdown/markdown';
-export { default as GlNavbar } from './components/base/navbar/navbar';
 export { default as GlIntersectionObserver } from './components/utilities/intersection_observer/intersection_observer';
 export { default as GlDeprecatedLink, default as GlLink } from './components/base/link/link';
 export { default as GlIcon } from './components/base/icon/icon';

package/dist/vendor/bootstrap-vue/src/components/collapse/collapse.js

@@ -1,12 +1,11 @@
 import { extend } from '../../vue';
 import { NAME_COLLAPSE } from '../../constants/components';
 import { CLASS_NAME_SHOW } from '../../constants/classes';
-import { IS_BROWSER } from '../../constants/env';
-import { EVENT_OPTIONS_NO_CAPTURE, EVENT_NAME_SHOW, EVENT_NAME_SHOWN, EVENT_NAME_HIDE, EVENT_NAME_HIDDEN } from '../../constants/events';
+import { EVENT_NAME_SHOW, EVENT_NAME_SHOWN, EVENT_NAME_HIDE, EVENT_NAME_HIDDEN } from '../../constants/events';
 import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props';
 import { SLOT_NAME_DEFAULT } from '../../constants/slots';
 import { hasClass, removeClass, getCS, addClass, matches, closest } from '../../utils/dom';
-import { getRootActionEventName, getRootEventName, eventOnOff } from '../../utils/events';
+import { getRootActionEventName, getRootEventName } from '../../utils/events';
 import { makeModelMixin } from '../../utils/model';
 import { sortKeys } from '../../utils/object';
 import { makePropsConfigurable, makeProp } from '../../utils/props';
@@ -40,7 +39,6 @@ const props = makePropsConfigurable(sortKeys({
   // If `true` (and `visible` is `true` on mount), animate initially visible
   accordion: makeProp(PROP_TYPE_STRING),
   appear: makeProp(PROP_TYPE_BOOLEAN, false),
-  isNav: makeProp(PROP_TYPE_BOOLEAN, false),
   tag: makeProp(PROP_TYPE_STRING, 'div')
 }), NAME_COLLAPSE);
 
@@ -63,7 +61,6 @@ const BCollapse = /*#__PURE__*/extend({
         transitioning
       } = this;
       return {
-        'navbar-collapse': this.isNav,
         collapse: !transitioning,
         show: this.show && !transitioning
       };
@@ -98,11 +95,6 @@ const BCollapse = /*#__PURE__*/extend({
     this.listenOnRoot(ROOT_ACTION_EVENT_NAME_TOGGLE, this.handleToggleEvent);
     // Listen to other collapses for accordion events
     this.listenOnRoot(ROOT_EVENT_NAME_ACCORDION, this.handleAccordionEvent);
-    if (this.isNav) {
-      // Set up handlers
-      this.setWindowEvents(true);
-      this.handleResize();
-    }
     this.$nextTick(() => {
       this.emitState();
     });
@@ -119,31 +111,11 @@ const BCollapse = /*#__PURE__*/extend({
     // It is emitted regardless if the visible state changes
     this.emitSync();
   },
-  /* istanbul ignore next */
-  deactivated() {
-    if (this.isNav) {
-      this.setWindowEvents(false);
-    }
-  },
-  /* istanbul ignore next */
-  activated() {
-    if (this.isNav) {
-      this.setWindowEvents(true);
-    }
-    this.emitSync();
-  },
   beforeDestroy() {
     // Trigger state emit if needed
     this.show = false;
-    if (this.isNav && IS_BROWSER) {
-      this.setWindowEvents(false);
-    }
   },
   methods: {
-    setWindowEvents(on) {
-      eventOnOff(on, window, 'resize', this.handleResize, EVENT_OPTIONS_NO_CAPTURE);
-      eventOnOff(on, window, 'orientationchange', this.handleResize, EVENT_OPTIONS_NO_CAPTURE);
-    },
     toggle() {
       this.show = !this.show;
     },
@@ -205,9 +177,8 @@ const BCollapse = /*#__PURE__*/extend({
       const {
         target: el
       } = event;
-      // If we are in a nav/navbar, close the collapse when non-disabled link clicked
       /* istanbul ignore next: can't test `getComputedStyle()` in JSDOM */
-      if (!this.isNav || !el || getCS(this.$el).display !== 'block') {
+      if (!el || getCS(this.$el).display !== 'block') {
         return;
       }
       // Only close the collapse if it is not forced to be `display: block !important`
@@ -234,10 +205,6 @@ const BCollapse = /*#__PURE__*/extend({
       if (isThis && !show || !isThis && show) {
         this.toggle();
       }
-    },
-    handleResize() {
-      // Handler for orientation/resize to set collapsed state in nav/navbar
-      this.show = getCS(this.$el).display === 'block';
     }
   },
   render(h) {

package/dist/vendor/bootstrap-vue/src/components/tabs/tabs.js

@@ -165,7 +165,7 @@ const BVTabButton = /*#__PURE__*/extend({
 
 // --- Props ---
 
-const navProps = omit(props$1, ['tabs', 'isNavBar', 'cardHeader']);
+const navProps = omit(props$1, ['tabs', 'cardHeader']);
 const props = makePropsConfigurable(sortKeys({
   ...props$2,
   ...modelProps,

package/dist/vendor/bootstrap-vue/src/components/transition/bv-transition.js

@@ -36,6 +36,7 @@ const props = {
   // For user supplied transitions (if needed)
   transProps: makeProp(PROP_TYPE_OBJECT)
 };
+const hasAnimateSupport = Boolean(Element.prototype.animate);
 
 // --- Main component ---
 
@@ -67,8 +68,17 @@ const BVTransition = /*#__PURE__*/extend({
     transProps = {
       mode: props.mode,
       ...transProps,
-      // We always need `css` true
-      css: true
+      /*
+       bootstrap-vue says: We always need `css` true
+        @gitlab/ui says: OMG. THE FREAKING TRANSITIONS.
+       So apparently jsdom doesn't implement animations (who can blame them)
+       but a Vue Transition relies on the native animationend/transitionend
+       events in order to fire onAfterLeave. jsdom will never fire the `onAfterLeave`
+       which is relied on by e.g. the tooltip component to do it's `hidden` logic.
+        So if in specs, we set `css: false`, everything will work as expected.
+       The best way we have found is to do a feature detection on `Element.prototype.animate`
+       */
+      css: hasAnimateSupport
     };
     const dataCopy = {
       ...data

package/dist/vendor/bootstrap-vue/src/constants/components.js

@@ -39,8 +39,6 @@ const NAME_INPUT_GROUP_TEXT = 'BInputGroupText';
 const NAME_LINK = 'BLink';
 const NAME_MODAL = 'BModal';
 const NAME_NAV = 'BNav';
-const NAME_NAVBAR = 'BNavbar';
-const NAME_NAVBAR_BRAND = 'BNavbarBrand';
 const NAME_NAV_ITEM = 'BNavItem';
 const NAME_NAV_ITEM_DROPDOWN = 'BNavItemDropdown';
 const NAME_POPOVER = 'BPopover';
@@ -74,4 +72,4 @@ const NAME_TRANSITION = 'BVTransition';
 const NAME_TRANSPORTER = 'BVTransporter';
 const NAME_TRANSPORTER_TARGET = 'BVTransporterTarget';
 
-export { NAME_BADGE, NAME_BREADCRUMB, NAME_BREADCRUMB_ITEM, NAME_BREADCRUMB_LINK, NAME_BUTTON, NAME_BUTTON_CLOSE, NAME_BUTTON_GROUP, NAME_COL, NAME_COLLAPSE, NAME_COLLAPSE_HELPER, NAME_DROPDOWN, NAME_DROPDOWN_DIVIDER, NAME_DROPDOWN_FORM, NAME_DROPDOWN_GROUP, NAME_DROPDOWN_HEADER, NAME_DROPDOWN_ITEM, NAME_DROPDOWN_ITEM_BUTTON, NAME_DROPDOWN_TEXT, NAME_FORM, NAME_FORM_BUTTON_LABEL_CONTROL, NAME_FORM_CHECKBOX, NAME_FORM_CHECKBOX_GROUP, NAME_FORM_GROUP, NAME_FORM_INPUT, NAME_FORM_INVALID_FEEDBACK, NAME_FORM_RADIO, NAME_FORM_RADIO_GROUP, NAME_FORM_RATING_STAR, NAME_FORM_ROW, NAME_FORM_SELECT, NAME_FORM_SELECT_OPTION, NAME_FORM_SELECT_OPTION_GROUP, NAME_FORM_TEXT, NAME_FORM_TEXTAREA, NAME_FORM_VALID_FEEDBACK, NAME_INPUT_GROUP, NAME_INPUT_GROUP_ADDON, NAME_INPUT_GROUP_APPEND, NAME_INPUT_GROUP_PREPEND, NAME_INPUT_GROUP_TEXT, NAME_LINK, NAME_MODAL, NAME_NAV, NAME_NAVBAR, NAME_NAVBAR_BRAND, NAME_NAV_ITEM, NAME_NAV_ITEM_DROPDOWN, NAME_POPOVER, NAME_POPOVER_HELPER, NAME_POPOVER_TEMPLATE, NAME_POPPER, NAME_TAB, NAME_TABLE, NAME_TABLE_CELL, NAME_TABLE_LITE, NAME_TABLE_SIMPLE, NAME_TABS, NAME_TAB_BUTTON_HELPER, NAME_TBODY, NAME_TFOOT, NAME_TH, NAME_THEAD, NAME_TOAST, NAME_TOASTER, NAME_TOAST_POP, NAME_TOOLTIP, NAME_TOOLTIP_HELPER, NAME_TOOLTIP_TEMPLATE, NAME_TR, NAME_TRANSITION, NAME_TRANSPORTER, NAME_TRANSPORTER_TARGET };
+export { NAME_BADGE, NAME_BREADCRUMB, NAME_BREADCRUMB_ITEM, NAME_BREADCRUMB_LINK, NAME_BUTTON, NAME_BUTTON_CLOSE, NAME_BUTTON_GROUP, NAME_COL, NAME_COLLAPSE, NAME_COLLAPSE_HELPER, NAME_DROPDOWN, NAME_DROPDOWN_DIVIDER, NAME_DROPDOWN_FORM, NAME_DROPDOWN_GROUP, NAME_DROPDOWN_HEADER, NAME_DROPDOWN_ITEM, NAME_DROPDOWN_ITEM_BUTTON, NAME_DROPDOWN_TEXT, NAME_FORM, NAME_FORM_BUTTON_LABEL_CONTROL, NAME_FORM_CHECKBOX, NAME_FORM_CHECKBOX_GROUP, NAME_FORM_GROUP, NAME_FORM_INPUT, NAME_FORM_INVALID_FEEDBACK, NAME_FORM_RADIO, NAME_FORM_RADIO_GROUP, NAME_FORM_RATING_STAR, NAME_FORM_ROW, NAME_FORM_SELECT, NAME_FORM_SELECT_OPTION, NAME_FORM_SELECT_OPTION_GROUP, NAME_FORM_TEXT, NAME_FORM_TEXTAREA, NAME_FORM_VALID_FEEDBACK, NAME_INPUT_GROUP, NAME_INPUT_GROUP_ADDON, NAME_INPUT_GROUP_APPEND, NAME_INPUT_GROUP_PREPEND, NAME_INPUT_GROUP_TEXT, NAME_LINK, NAME_MODAL, NAME_NAV, NAME_NAV_ITEM, NAME_NAV_ITEM_DROPDOWN, NAME_POPOVER, NAME_POPOVER_HELPER, NAME_POPOVER_TEMPLATE, NAME_POPPER, NAME_TAB, NAME_TABLE, NAME_TABLE_CELL, NAME_TABLE_LITE, NAME_TABLE_SIMPLE, NAME_TABS, NAME_TAB_BUTTON_HELPER, NAME_TBODY, NAME_TFOOT, NAME_TH, NAME_THEAD, NAME_TOAST, NAME_TOASTER, NAME_TOAST_POP, NAME_TOOLTIP, NAME_TOOLTIP_HELPER, NAME_TOOLTIP_TEMPLATE, NAME_TR, NAME_TRANSITION, NAME_TRANSPORTER, NAME_TRANSPORTER_TARGET };

package/dist/vendor/bootstrap-vue/src/constants/env.js

@@ -33,7 +33,6 @@ const HAS_PASSIVE_EVENT_SUPPORT = (() => {
   }
   return passiveEventSupported;
 })();
-const HAS_TOUCH_SUPPORT = IS_BROWSER && ('ontouchstart' in DOCUMENT.documentElement || NAVIGATOR.maxTouchPoints > 0);
 const HAS_POINTER_EVENT_SUPPORT = IS_BROWSER && Boolean(WINDOW.PointerEvent || WINDOW.MSPointerEvent);
 
 /* istanbul ignore next: JSDOM only checks for 'IntersectionObserver' */
@@ -43,4 +42,4 @@ const HAS_INTERACTION_OBSERVER_SUPPORT = IS_BROWSER && 'IntersectionObserver' in
 // 'isIntersecting' in window.IntersectionObserverEntry.prototype &&
 'intersectionRatio' in WINDOW.IntersectionObserverEntry.prototype;
 
-export { DOCUMENT, HAS_DOCUMENT_SUPPORT, HAS_INTERACTION_OBSERVER_SUPPORT, HAS_MUTATION_OBSERVER_SUPPORT, HAS_NAVIGATOR_SUPPORT, HAS_PASSIVE_EVENT_SUPPORT, HAS_POINTER_EVENT_SUPPORT, HAS_TOUCH_SUPPORT, HAS_WINDOW_SUPPORT, IS_BROWSER, IS_IE, IS_JSDOM, NAVIGATOR, USER_AGENT, WINDOW };
+export { DOCUMENT, HAS_DOCUMENT_SUPPORT, HAS_INTERACTION_OBSERVER_SUPPORT, HAS_MUTATION_OBSERVER_SUPPORT, HAS_NAVIGATOR_SUPPORT, HAS_PASSIVE_EVENT_SUPPORT, HAS_POINTER_EVENT_SUPPORT, HAS_WINDOW_SUPPORT, IS_BROWSER, IS_IE, IS_JSDOM, NAVIGATOR, USER_AGENT, WINDOW };

package/dist/vendor/bootstrap-vue/src/index.js

@@ -43,8 +43,6 @@ export { BModal } from './components/modal/modal';
 export { BNav } from './components/nav/nav';
 export { BNavItem } from './components/nav/nav-item';
 export { BNavItemDropdown } from './components/nav/nav-item-dropdown';
-export { BNavbar } from './components/navbar/navbar';
-export { BNavbarBrand } from './components/navbar/navbar-brand';
 export { BPopover } from './components/popover/popover';
 export { BTable } from './components/table/table';
 export { BTableLite } from './components/table/table-lite';

package/dist/vendor/bootstrap-vue/src/mixins/dropdown.js

@@ -1,7 +1,6 @@
 import Popper from 'popper.js';
 import { extend } from '../vue';
 import { NAME_DROPDOWN } from '../constants/components';
-import { HAS_TOUCH_SUPPORT } from '../constants/env';
 import { EVENT_NAME_SHOWN, EVENT_NAME_HIDDEN, EVENT_NAME_TOGGLE, EVENT_NAME_CLICK, EVENT_NAME_SHOW, EVENT_NAME_HIDE } from '../constants/events';
 import { CODE_ENTER, CODE_SPACE, CODE_DOWN, CODE_ESC, CODE_UP } from '../constants/key-codes';
 import { PLACEMENT_TOP_END, PLACEMENT_TOP_START, PLACEMENT_BOTTOM_START, PLACEMENT_RIGHT_START, PLACEMENT_LEFT_START, PLACEMENT_BOTTOM_END } from '../constants/popper';
@@ -10,7 +9,6 @@ import { HTMLElement } from '../constants/safe-types';
 import { BvEvent } from '../utils/bv-event.class';
 import { requestAF, contains, closest, attemptFocus, selectAll, isVisible } from '../utils/dom';
 import { getRootEventName, stopEvent } from '../utils/events';
-import { isNull } from '../utils/inspect';
 import { sortKeys, mergeDeep } from '../utils/object';
 import { makePropsConfigurable, makeProp } from '../utils/props';
 import { warn } from '../utils/warn';
@@ -68,11 +66,6 @@ const dropdownMixin = extend({
       getBvDropdown: () => this
     };
   },
-  inject: {
-    getBvNavbar: {
-      default: () => () => null
-    }
-  },
   props,
   data() {
     return {
@@ -81,12 +74,6 @@ const dropdownMixin = extend({
     };
   },
   computed: {
-    bvNavbar() {
-      return this.getBvNavbar();
-    },
-    inNavbar() {
-      return !isNull(this.bvNavbar);
-    },
     toggler() {
       const {
         toggle
@@ -107,10 +94,7 @@ const dropdownMixin = extend({
       // Position `static` is needed to allow menu to "breakout" of the `scrollParent`
       // boundaries when boundary is anything other than `scrollParent`
       // See: https://github.com/twbs/bootstrap/issues/24251#issuecomment-341413786
-      return this.boundary !== 'scrollParent' && !this.inNavbar ? 'position-static' : '';
-    },
-    hideDelay() {
-      return this.inNavbar ? HAS_TOUCH_SUPPORT ? 300 : 50 : 0;
+      return this.boundary !== 'scrollParent' ? 'position-static' : '';
     }
   },
   watch: {
@@ -154,7 +138,6 @@ const dropdownMixin = extend({
   created() {
     // Create private non-reactive props
     this.$_popper = null;
-    this.$_hideTimeout = null;
   },
   /* istanbul ignore next */
   deactivated() {
@@ -170,7 +153,6 @@ const dropdownMixin = extend({
     this.visible = false;
     this.whileOpenListen(false);
     this.destroyPopper();
-    this.clearHideTimeout();
     removeElementToInstance(this.$el);
   },
   methods: {
@@ -187,20 +169,16 @@ const dropdownMixin = extend({
         /* istanbul ignore next */
         return;
       }
-
-      // Only instantiate Popper.js when dropdown is not in `<b-navbar>`
-      if (!this.inNavbar) {
-        if (typeof Popper === 'undefined') {
-          /* istanbul ignore next */
-          warn('Popper.js not found. Falling back to CSS positioning', NAME_DROPDOWN);
-        } else {
-          // For dropup with alignment we use the parent element as popper container
-          let el = this.dropup && this.right || this.split ? this.$el : this.$refs.toggle;
-          // Make sure we have a reference to an element, not a component!
-          el = el.$el || el;
-          // Instantiate Popper.js
-          this.createPopper(el);
-        }
+      if (typeof Popper === 'undefined') {
+        /* istanbul ignore next */
+        warn('Popper.js not found. Falling back to CSS positioning', NAME_DROPDOWN);
+      } else {
+        // For dropup with alignment we use the parent element as popper container
+        let el = this.dropup && this.right || this.split ? this.$el : this.$refs.toggle;
+        // Make sure we have a reference to an element, not a component!
+        el = el.$el || el;
+        // Instantiate Popper.js
+        this.createPopper(el);
       }
 
       // Ensure other menus are closed
@@ -239,10 +217,6 @@ const dropdownMixin = extend({
         this.$_popper.scheduleUpdate();
       } catch {}
     },
-    clearHideTimeout() {
-      clearTimeout(this.$_hideTimeout);
-      this.$_hideTimeout = null;
-    },
     getPopperConfig() {
       let placement = PLACEMENT_BOTTOM_START;
       if (this.dropup) {
@@ -393,8 +367,7 @@ const dropdownMixin = extend({
         target
       } = event;
       if (this.visible && !contains(this.$refs.menu, target) && !contains(this.toggler, target)) {
-        this.clearHideTimeout();
-        this.$_hideTimeout = setTimeout(() => this.hide(), this.hideDelay);
+        this.hide();
       }
     },
     // Document click-out listener

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "97.2.1",
+  "version": "98.0.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -204,6 +204,7 @@
     "vue": "2.7.16",
     "vue-loader": "^15.8.3",
     "vue-loader-vue3": "npm:vue-loader@17",
+    "vue-router": "^3.5.1",
     "vue-template-compiler": "2.7.16",
     "vue-test-utils-compat": "^0.0.10",
     "webpack": "^5.9.0",

package/src/components/base/progress_bar/progress_bar.scss

@@ -1,30 +1,30 @@
 .gl-progress-bar {
   background-color: var(--gl-progress-bar-track-color);
+}
   
-  .gl-progress {
-    @apply gl-flex-col;
-    @apply gl-justify-center;
-    @apply gl-w-full;
-    @apply gl-overflow-hidden;
-    @apply gl-text-center;
-    @apply gl-whitespace-nowrap;
-    transition: transform 0.6s $gl-easing-out-cubic;
-    transform-origin: left;
-  }
+.gl-progress {
+  @apply gl-flex-col;
+  @apply gl-justify-center;
+  @apply gl-w-full;
+  @apply gl-overflow-hidden;
+  @apply gl-text-center;
+  @apply gl-whitespace-nowrap;
+  transition: transform 0.6s $gl-easing-out-cubic;
+  transform-origin: left;
+}
 
-  .bg-primary {
-    background-color: var(--gl-progress-bar-indicator-color-default) !important;
-  }
+.gl-progress-bar-primary {
+  background-color: var(--gl-progress-bar-indicator-color-default);
+}
 
-  .bg-success {
-    background-color: var(--gl-progress-bar-indicator-color-success) !important;
-  }
+.gl-progress-bar-success {
+  background-color: var(--gl-progress-bar-indicator-color-success);
+}
 
-  .bg-warning {
-    background-color: var(--gl-progress-bar-indicator-color-warning) !important;
-  }
+.gl-progress-bar-warning {
+  background-color: var(--gl-progress-bar-indicator-color-warning);
+}
 
-  .bg-danger {
-    background-color: var(--gl-progress-bar-indicator-color-danger) !important;
-  }
+.gl-progress-bar-danger {
+  background-color: var(--gl-progress-bar-indicator-color-danger);
 }

package/src/components/base/progress_bar/progress_bar.vue

@@ -3,6 +3,13 @@ import { translate } from '../../../utils/i18n';
 import { progressBarVariantOptions } from '../../../utils/constants';
 import { toFloat } from '../../../utils/number_utils';
 
+const backgroundClasses = {
+  [progressBarVariantOptions.primary]: 'gl-progress-bar-primary',
+  [progressBarVariantOptions.success]: 'gl-progress-bar-success',
+  [progressBarVariantOptions.danger]: 'gl-progress-bar-danger',
+  [progressBarVariantOptions.warning]: 'gl-progress-bar-warning',
+};
+
 export default {
   name: 'GlProgressBar',
   props: {
@@ -50,7 +57,7 @@ export default {
       };
     },
     classes() {
-      return ['gl-progress', `bg-${this.variant}`];
+      return ['gl-progress', backgroundClasses[this.variant]];
     },
   },
 };

package/src/index.js

@@ -18,7 +18,6 @@ export { default as GlNav } from './components/base/nav/nav.vue';
 export { default as GlNavItem } from './components/base/nav/nav_item.vue';
 export { default as GlFormCheckboxTree } from './components/base/form/form_checkbox_tree/form_checkbox_tree.vue';
 export { default as GlMarkdown } from './components/base/markdown/markdown.vue';
-export { default as GlNavbar } from './components/base/navbar/navbar.vue';
 export { default as GlIntersectionObserver } from './components/utilities/intersection_observer/intersection_observer.vue';
 export { default as GlLink, default as GlDeprecatedLink } from './components/base/link/link.vue';
 export { default as GlIcon } from './components/base/icon/icon.vue';

package/src/scss/bootstrap_vue.scss

@@ -16,7 +16,6 @@ $bv-enable-popover-variants: false;
 @import '../vendor/bootstrap-vue/src/components/input-group/index.scss';
 @import '../vendor/bootstrap-vue/src/components/modal/index.scss';
 @import '../vendor/bootstrap-vue/src/components/nav/index.scss';
-@import '../vendor/bootstrap-vue/src/components/navbar/index.scss';
 @import '../vendor/bootstrap-vue/src/components/popover/index.scss';
 @import '../vendor/bootstrap-vue/src/components/table/index.scss';
 @import '../vendor/bootstrap-vue/src/components/toast/index.scss';

package/src/scss/components.scss

@@ -53,7 +53,6 @@
 @import '../components/base/markdown/markdown';
 @import '../components/base/modal/modal';
 @import '../components/base/nav/nav';
-@import '../components/base/navbar/navbar';
 @import '../components/base/button/button';
 @import '../components/base/pagination/pagination';
 @import '../components/base/path/path';

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

@@ -59,10 +59,9 @@
     "audit": "improved-yarn-audit --ignore-dev-deps --min-severity moderate -e 1488",
     "lint": "eslint --ext .js,.md,.vue ./",
     "prettify": "prettier --write '**/*.{js,json,md,scss,ts,vue}'",
-    "test": "yarn run test:meta && yarn run test:lint && yarn run test:unit",
+    "test": "yarn run test:meta && yarn run test:lint",
     "test:lint": "yarn run lint",
-    "test:meta": "scripts/check-meta.sh",
-    "test:unit": "jest"
+    "test:meta": "scripts/check-meta.sh"
   },
   "dependencies": {
     "bootstrap": "^4.6.1",
@@ -71,15 +70,6 @@
     "vue-functional-data-merge": "^3.1.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.16.5",
-    "@babel/preset-env": "^7.14.2",
-    "@testing-library/jest-dom": "^5.12.0",
-    "@vue/compat": "^3.2.40",
-    "@vue/compiler-dom": "^3.2.40",
-    "@vue/test-utils": "^1.3.0",
-    "@vue/test-utils-vue3": "npm:@vue/test-utils@2.2.0",
-    "babel-jest": "^26.6.3",
-    "core-js": "^3.12.1",
     "eslint": "^7.26.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-config-standard": "^16.0.2",
@@ -92,14 +82,8 @@
     "eslint-plugin-promise": "^5.1.0",
     "eslint-plugin-vue": "^7.9.0",
     "improved-yarn-audit": "^3.0.0",
-    "jest": "^26.6.3",
     "lodash": "^4.17.21",
-    "prettier": "1.14.3",
-    "vue": "^2.6.12",
-    "vue-router": "^3.5.1",
-    "vue-server-renderer": "^2.6.12",
-    "vue-template-compiler": "^2.6.12",
-    "vue-test-utils-compat": "0.0.6"
+    "prettier": "1.14.3"
   },
   "keywords": [
     "Bootstrap",
@@ -138,7 +122,6 @@
     "List",
     "Modal",
     "Nav",
-    "Navbar",
     "Option",
     "Overlay",
     "Pagination",

package/src/vendor/bootstrap-vue/src/components/collapse/MODIFICATIONS.md

@@ -0,0 +1,14 @@
+# Modifications to Vendored Code
+
+**Library**: BootstrapVue  
+**Version**: 2.23.1 **Link:** https://bootstrap-vue.org **Source:**
+https://github.com/bootstrap-vue/bootstrap-vue **Copyright:** (c) 2016-2024 BootstrapVue
+**License:** (c)
+[2016-2024 BootstrapVue](https://github.com/bootstrap-vue/bootstrap-vue/blob/master/LICENSE)
+
+This file documents modifications made to the original BootstrapVue component files.
+
+## Removed props
+
+The property `isNav` and code executed based on this property has been removed, as we removed the
+Navbar logic.

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

@@ -1,18 +1,16 @@
 import { extend } from '../../vue'
 import { NAME_COLLAPSE } from '../../constants/components'
 import { CLASS_NAME_SHOW } from '../../constants/classes'
-import { IS_BROWSER } from '../../constants/env'
 import {
   EVENT_NAME_HIDDEN,
   EVENT_NAME_HIDE,
   EVENT_NAME_SHOW,
-  EVENT_NAME_SHOWN,
-  EVENT_OPTIONS_NO_CAPTURE
+  EVENT_NAME_SHOWN
 } from '../../constants/events'
 import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props'
 import { SLOT_NAME_DEFAULT } from '../../constants/slots'
 import { addClass, hasClass, removeClass, closest, matches, getCS } from '../../utils/dom'
-import { getRootActionEventName, getRootEventName, eventOnOff } from '../../utils/events'
+import { getRootActionEventName, getRootEventName } from '../../utils/events'
 import { makeModelMixin } from '../../utils/model'
 import { sortKeys } from '../../utils/object'
 import { makeProp, makePropsConfigurable } from '../../utils/props'
@@ -46,7 +44,6 @@ export const props = makePropsConfigurable(
     // If `true` (and `visible` is `true` on mount), animate initially visible
     accordion: makeProp(PROP_TYPE_STRING),
     appear: makeProp(PROP_TYPE_BOOLEAN, false),
-    isNav: makeProp(PROP_TYPE_BOOLEAN, false),
     tag: makeProp(PROP_TYPE_STRING, 'div')
   }),
   NAME_COLLAPSE
@@ -70,7 +67,6 @@ export const BCollapse = /*#__PURE__*/ extend({
       const { transitioning } = this
 
       return {
-        'navbar-collapse': this.isNav,
         collapse: !transitioning,
         show: this.show && !transitioning
       }
@@ -105,11 +101,6 @@ export const BCollapse = /*#__PURE__*/ extend({
     this.listenOnRoot(ROOT_ACTION_EVENT_NAME_TOGGLE, this.handleToggleEvent)
     // Listen to other collapses for accordion events
     this.listenOnRoot(ROOT_EVENT_NAME_ACCORDION, this.handleAccordionEvent)
-    if (this.isNav) {
-      // Set up handlers
-      this.setWindowEvents(true)
-      this.handleResize()
-    }
     this.$nextTick(() => {
       this.emitState()
     })
@@ -126,31 +117,11 @@ export const BCollapse = /*#__PURE__*/ extend({
     // It is emitted regardless if the visible state changes
     this.emitSync()
   },
-  /* istanbul ignore next */
-  deactivated() {
-    if (this.isNav) {
-      this.setWindowEvents(false)
-    }
-  },
-  /* istanbul ignore next */
-  activated() {
-    if (this.isNav) {
-      this.setWindowEvents(true)
-    }
-    this.emitSync()
-  },
   beforeDestroy() {
     // Trigger state emit if needed
     this.show = false
-    if (this.isNav && IS_BROWSER) {
-      this.setWindowEvents(false)
-    }
   },
   methods: {
-    setWindowEvents(on) {
-      eventOnOff(on, window, 'resize', this.handleResize, EVENT_OPTIONS_NO_CAPTURE)
-      eventOnOff(on, window, 'orientationchange', this.handleResize, EVENT_OPTIONS_NO_CAPTURE)
-    },
     toggle() {
       this.show = !this.show
     },
@@ -206,9 +177,8 @@ export const BCollapse = /*#__PURE__*/ extend({
     },
     clickHandler(event) {
       const { target: el } = event
-      // If we are in a nav/navbar, close the collapse when non-disabled link clicked
       /* istanbul ignore next: can't test `getComputedStyle()` in JSDOM */
-      if (!this.isNav || !el || getCS(this.$el).display !== 'block') {
+      if (!el || getCS(this.$el).display !== 'block') {
         return
       }
       // Only close the collapse if it is not forced to be `display: block !important`
@@ -235,10 +205,6 @@ export const BCollapse = /*#__PURE__*/ extend({
       if ((isThis && !show) || (!isThis && show)) {
         this.toggle()
       }
-    },
-    handleResize() {
-      // Handler for orientation/resize to set collapsed state in nav/navbar
-      this.show = getCS(this.$el).display === 'block'
     }
   },
   render(h) {