@gitlab/ui 135.1.0 → 135.1.2

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

@@ -5,7 +5,7 @@ import { onInstanceDestroy } from '../../../utils/on-instance-destroy';
 import { useParentMixin } from '../../../mixins/use-parent';
 import { concat, from } from '../../../utils/array';
 import { getInstanceFromElement } from '../../../utils/element-to-vue-instance-registry';
-import { requestAF, contains, isVisible, getById, isElement, closest, hasClass, select, getAttr, setAttr, removeAttr, hasAttr, isDisabled, attemptFocus } from '../../../utils/dom';
+import { requestAF, contains, isVisible, getById, isElement, closest, hasClass, select, getAttr, setAttr, removeAttr, hasAttr, isDisabledNatively, attemptFocus } from '../../../utils/dom';
 import { getRootEventName, eventOn, eventOff, getRootActionEventName, eventOnOff } from '../../../utils/events';
 import { getScopeId } from '../../../utils/get-scope-id';
 import { identity } from '../../../utils/identity';
@@ -755,7 +755,7 @@ const BVTooltip = /*#__PURE__*/extend({
       // General trigger event handler
       // target is the trigger element
       const target = this.getTarget();
-      if (!target || isDisabled(target) || !this.$_enabled || this.dropdownOpen()) {
+      if (!target || isDisabledNatively(target) || !this.$_enabled || this.dropdownOpen()) {
         // If disabled or not enabled, or if a dropdown that is open, don't do anything
         // If tip is shown before element gets disabled, then tip will not
         // close until no longer disabled or forcefully closed

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

@@ -79,8 +79,11 @@ const isVisible = el => {
   return !!(bcr && bcr.height > 0 && bcr.width > 0);
 };
 
-// Determine if an element is disabled
-const isDisabled = el => !isElement(el) || el.disabled || hasAttr(el, 'disabled') || hasClass(el, 'disabled');
+// Determine if an element is disabled natively
+const isDisabledNatively = el => !isElement(el) || el.disabled || hasAttr(el, 'disabled');
+
+// Determine if an element is disabled natively, accessibly, or visibly
+const isDisabled = el => isDisabledNatively(el) || getAttr(el, 'aria-disabled') === 'true' || hasClass(el, 'disabled');
 
 // Cause/wait-for an element to reflow its content (adjusting its height/width)
 const reflow = el => {
@@ -289,4 +292,4 @@ const attemptBlur = el => {
   return !isActiveElement(el);
 };
 
-export { MutationObs, addClass, attemptBlur, attemptFocus, closest, closestEl, contains, getActiveElement, getAttr, getBCR, getById, getCS, getSel, getStyle, getTabables, hasAttr, hasClass, isActiveElement, isDisabled, isElement, isTag, isVisible, matches, matchesEl, offset, position, reflow, removeAttr, removeClass, removeNode, removeStyle, requestAF, select, selectAll, setAttr, setStyle };
+export { MutationObs, addClass, attemptBlur, attemptFocus, closest, closestEl, contains, getActiveElement, getAttr, getBCR, getById, getCS, getSel, getStyle, getTabables, hasAttr, hasClass, isActiveElement, isDisabled, isDisabledNatively, isElement, isTag, isVisible, matches, matchesEl, offset, position, reflow, removeAttr, removeClass, removeNode, removeStyle, requestAF, select, selectAll, setAttr, setStyle };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "135.1.0",
+  "version": "135.1.2",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -93,7 +93,7 @@
     "chokidar": "^4.0.3",
     "sane": "^5.0.1",
     "jackspeak": "2.3.6",
-    "postcss": "8.5.16",
+    "postcss": "8.5.23",
     "json5": "2.2.3",
     "rollup-plugin-vue/@vue/component-compiler/postcss-modules-sync/generic-names/loader-utils": "3.3.1"
   },
@@ -135,12 +135,12 @@
     "@vue/vue2-jest": "29.2.6",
     "@vue/vue3-jest": "^29.2.6",
     "@yarnpkg/lockfile": "^1.1.0",
-    "acorn": "^8.17.0",
+    "acorn": "^8.18.0",
     "acorn-walk": "^8.3.5",
-    "autoprefixer": "10.5.2",
+    "autoprefixer": "10.5.4",
     "axe-playwright": "^2.2.2",
     "babel-loader": "^9.2.1",
-    "cypress": "15.18.1",
+    "cypress": "15.19.0",
     "cypress-real-events": "^1.15.0",
     "dompurify": "^3.1.2",
     "emoji-regex": "^10.6.0",
@@ -156,9 +156,9 @@
     "mockdate": "^3.0.5",
     "module-alias": "^2.3.4",
     "pikaday": "^1.8.0",
-    "playwright": "^1.61.1",
-    "playwright-core": "^1.61.1",
-    "postcss": "8.5.16",
+    "playwright": "^1.62.0",
+    "playwright-core": "^1.62.0",
+    "postcss": "8.5.23",
     "postcss-loader": "8.2.1",
     "postcss-scss": "4.0.9",
     "react": "18.3.1",
@@ -169,7 +169,7 @@
     "rollup-plugin-string": "^3.0.0",
     "rollup-plugin-svg": "^2.0.0",
     "rollup-plugin-vue": "^5.1.9",
-    "sass": "^1.101.0",
+    "sass": "^1.102.0",
     "sass-loader": "^10.5.2",
     "sass-true": "^9",
     "start-server-and-test": "^2.1.5",

package/src/components/charts/area/area.vue

@@ -295,8 +295,10 @@ export default {
     },
   },
   beforeDestroy() {
-    this.chart.off('mouseout', this.hideAnnotationsTooltip);
-    this.chart.off('mouseover', this.onChartMouseOver);
+    if (!this.chart) return;
+
+    this.chart.off('mouseout', this.onChartDataPointMouseOut);
+    this.chart.off('mouseover', this.onChartDataPointMouseOver);
   },
   methods: {
     defaultAnnotationTooltipText(params) {

package/src/components/charts/chart/chart.vue

@@ -146,6 +146,8 @@ export default {
     this.setChartSize();
   },
   beforeDestroy() {
+    if (!this.chart) return;
+
     this.chart.off('click', this.handleClick);
   },
   methods: {

package/src/components/charts/line/line.vue

@@ -299,6 +299,8 @@ export default {
     },
   },
   beforeDestroy() {
+    if (!this.chart) return;
+
     this.chart.off('mouseout', this.onChartDataPointMouseOut);
     this.chart.off('mouseover', this.onChartDataPointMouseOver);
   },

package/src/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip.js

@@ -32,8 +32,8 @@ import {
   getById,
   hasAttr,
   hasClass,
-  isDisabled,
   isElement,
+  isDisabledNatively,
   isVisible,
   removeAttr,
   requestAF,
@@ -797,7 +797,7 @@ export const BVTooltip = /*#__PURE__*/ extend({
       // General trigger event handler
       // target is the trigger element
       const target = this.getTarget()
-      if (!target || isDisabled(target) || !this.$_enabled || this.dropdownOpen()) {
+      if (!target || isDisabledNatively(target) || !this.$_enabled || this.dropdownOpen()) {
         // If disabled or not enabled, or if a dropdown that is open, don't do anything
         // If tip is shown before element gets disabled, then tip will not
         // close until no longer disabled or forcefully closed

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

@@ -100,9 +100,12 @@ export const isVisible = el => {
   return !!(bcr && bcr.height > 0 && bcr.width > 0)
 }
 
-// Determine if an element is disabled
+// Determine if an element is disabled natively
+export const isDisabledNatively = el => !isElement(el) || el.disabled || hasAttr(el, 'disabled')
+
+// Determine if an element is disabled natively, accessibly, or visibly
 export const isDisabled = el =>
-  !isElement(el) || el.disabled || hasAttr(el, 'disabled') || hasClass(el, 'disabled')
+  isDisabledNatively(el) || getAttr(el, 'aria-disabled') === 'true' || hasClass(el, 'disabled')
 
 // Cause/wait-for an element to reflow its content (adjusting its height/width)
 export const reflow = el => {