@gitlab/ui 137.2.2 → 137.2.3

package/README.md

@@ -132,7 +132,7 @@ To publish new versions of GitLab UI, see [publishing packages](../../doc/publis
 
 ## Contributing guide
 
-Please review the [design system contribution process](https://design.gitlab.com/get-started/contributing)
+Please review the [design system contribution process](https://design.gitlab.com/contribute/contributing)
 for an overview of how to contribute to Pajamas.
 
 For GitLab UI–specific details, refer to [Contributing to GitLab UI](CONTRIBUTING.md) for

package/dist/components/base/datepicker/datepicker.js

@@ -304,21 +304,25 @@ var script = {
   },
   watch: {
     value(val) {
-      if (!areDatesEqual(val, this.calendar.getDate())) {
+      if (this.calendar && !areDatesEqual(val, this.calendar.getDate())) {
         this.calendar.setDate(val, true);
       }
     },
     minDate(minDate) {
-      this.calendar.setMinDate(minDate);
+      var _this$calendar;
+      (_this$calendar = this.calendar) === null || _this$calendar === void 0 ? void 0 : _this$calendar.setMinDate(minDate);
     },
     maxDate(maxDate) {
-      this.calendar.setMaxDate(maxDate);
+      var _this$calendar2;
+      (_this$calendar2 = this.calendar) === null || _this$calendar2 === void 0 ? void 0 : _this$calendar2.setMaxDate(maxDate);
     },
     startRange(startRange) {
-      this.calendar.setStartRange(startRange);
+      var _this$calendar3;
+      (_this$calendar3 = this.calendar) === null || _this$calendar3 === void 0 ? void 0 : _this$calendar3.setStartRange(startRange);
     },
     endRange(endRange) {
-      this.calendar.setEndRange(endRange);
+      var _this$calendar4;
+      (_this$calendar4 = this.calendar) === null || _this$calendar4 === void 0 ? void 0 : _this$calendar4.setEndRange(endRange);
     }
   },
   mounted() {
@@ -380,7 +384,9 @@ var script = {
     }
   },
   beforeDestroy() {
-    this.calendar.destroy();
+    var _this$calendar5;
+    // Vue 3 can unmount a component before `mounted` ran, so `calendar` may not exist yet.
+    (_this$calendar5 = this.calendar) === null || _this$calendar5 === void 0 ? void 0 : _this$calendar5.destroy();
   },
   methods: {
     // is used to open datepicker programmatically

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "137.2.2",
+  "version": "137.2.3",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -126,7 +126,7 @@
     "@storybook/vue-webpack5": "^7.6.24",
     "@storybook/vue3": "^7.6.24",
     "@storybook/vue3-webpack5": "^7.6.24",
-    "@types/jest-image-snapshot": "^6.4.1",
+    "@types/jest-image-snapshot": "^6.4.2",
     "@vue/compat": "3.5.32",
     "@vue/compiler-sfc": "3.5.32",
     "@vue/server-renderer": "3.5.32",
@@ -137,11 +137,11 @@
     "@yarnpkg/lockfile": "^1.1.0",
     "acorn": "^8.18.0",
     "acorn-walk": "^8.3.5",
-    "autoprefixer": "10.5.5",
+    "autoprefixer": "10.6.0",
     "axe-playwright": "^2.2.2",
     "babel-loader": "^9.2.1",
     "cypress": "15.21.1",
-    "cypress-real-events": "^1.15.0",
+    "cypress-real-events": "^1.15.1",
     "dompurify": "^3.1.2",
     "emoji-regex": "^10.6.0",
     "gitlab-api-async-iterator": "^1.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.104.0",
+    "sass": "^1.104.1",
     "sass-loader": "^10.5.2",
     "sass-true": "^9",
     "start-server-and-test": "^2.1.5",

package/src/components/base/datepicker/datepicker.vue

@@ -313,21 +313,21 @@ export default {
   },
   watch: {
     value(val) {
-      if (!areDatesEqual(val, this.calendar.getDate())) {
+      if (this.calendar && !areDatesEqual(val, this.calendar.getDate())) {
         this.calendar.setDate(val, true);
       }
     },
     minDate(minDate) {
-      this.calendar.setMinDate(minDate);
+      this.calendar?.setMinDate(minDate);
     },
     maxDate(maxDate) {
-      this.calendar.setMaxDate(maxDate);
+      this.calendar?.setMaxDate(maxDate);
     },
     startRange(startRange) {
-      this.calendar.setStartRange(startRange);
+      this.calendar?.setStartRange(startRange);
     },
     endRange(endRange) {
-      this.calendar.setEndRange(endRange);
+      this.calendar?.setEndRange(endRange);
     },
   },
   mounted() {
@@ -396,7 +396,8 @@ export default {
     }
   },
   beforeDestroy() {
-    this.calendar.destroy();
+    // Vue 3 can unmount a component before `mounted` ran, so `calendar` may not exist yet.
+    this.calendar?.destroy();
   },
   methods: {
     // is used to open datepicker programmatically