@carbon/vue 2.40.0 → 2.42.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/vue",
   "description": "A collection of components for the Carbon Design System built using Vue.js",
-  "version": "2.40.0",
+  "version": "2.42.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -64,16 +64,16 @@
   },
   "sideEffects": true,
   "dependencies": {
-    "@carbon/icons-vue": "10.27.0",
+    "@carbon/icons-vue": "10.41.0",
     "@carbon/telemetry": "^0.0.0-alpha.6",
-    "carbon-components": "10.30.0",
+    "carbon-components": "10.46.0",
     "flatpickr": "4.6.9",
-    "vue": "^2.6.12"
+    "vue": "^2.6.14"
   },
   "devDependencies": {
     "@vue/cli-service": "^3.11.0",
     "eslint-plugin-prettier": "^3.3.1",
-    "vue-template-compiler": "^2.6.12"
+    "vue-template-compiler": "^2.6.14"
   },
-  "gitHead": "1db5405c2ab7fb83019637657bc637f2fc011848"
+  "gitHead": "ab0c2e9ac8f61f208d73291274108ce5c25cb527"
 }

package/src/components/cv-button/cv-icon-button.vue

@@ -29,7 +29,7 @@ export default {
   mixins: [buttonMixin, carbonPrefixMixin],
   components: { CvSvg },
   props: {
-    label: { type: String, default: undefined },
+    label: { type: String, required: true },
     selected: Boolean,
     tipPosition: {
       type: String,

package/src/components/cv-data-table/cv-data-table.vue

@@ -232,6 +232,7 @@ export default {
     searchLabel: { type: String, default: 'Search' },
     searchPlaceholder: { type: String, default: 'Search' },
     searchClearLabel: { type: String, default: 'Clear search' },
+    initialSearchValue: { type: String, default: '' },
     sortable: Boolean,
     title: String,
     columns: Array,
@@ -258,7 +259,7 @@ export default {
       batchActive: false,
       headingChecked: false,
       dataRowsSelected: this.rowsSelected,
-      searchValue: '',
+      searchValue: this.initialSearchValue,
       clearSearchVisible: false,
       searchActive: false,
       registeredRows: [],

package/src/components/cv-date-picker/cv-date-picker.vue

@@ -81,16 +81,6 @@ import { uidMixin, themeMixin, carbonPrefixMixin } from '../../mixins';
 import Calendar16 from '@carbon/icons-vue/es/calendar/16';
 import CvWrapper from '../cv-wrapper/_cv-wrapper';
 
-// Weekdays shorthand for english locale
-l10n.en.weekdays.shorthand.forEach((day, index) => {
-  const currentDay = l10n.en.weekdays.shorthand;
-  if (currentDay[index] === 'Thu' || currentDay[index] === 'Th') {
-    currentDay[index] = 'Th';
-  } else {
-    currentDay[index] = currentDay[index].charAt(0);
-  }
-});
-
 export default {
   name: 'CvDatePicker',
   mixins: [uidMixin, themeMixin, carbonPrefixMixin],
@@ -338,6 +328,17 @@ export default {
       this.$refs.todate.click();
     },
   },
+  created() {
+    // Weekdays shorthand for english locale
+    l10n.en.weekdays.shorthand.forEach((day, index) => {
+      const currentDay = l10n.en.weekdays.shorthand;
+      if (currentDay[index] === 'Thu' || currentDay[index] === 'Th') {
+        currentDay[index] = 'Th';
+      } else {
+        currentDay[index] = currentDay[index].charAt(0);
+      }
+    });
+  },
   mounted() {
     this.initFlatpickr();
     this.checkSlots();

package/src/components/cv-multi-select/cv-multi-select.vue

@@ -131,6 +131,7 @@
               :name="item.name"
               :data-test="item.name"
               :label="item.label"
+              :disabled="item.disabled"
               style="pointer-events: none;"
             />
           </div>
@@ -407,7 +408,9 @@ export default {
     onEnter() {
       if (this.open) {
         this.onItemClick(this.highlighted);
-        this.$refs.input.focus();
+        if (this.$refs.input) {
+          this.$refs.input.focus();
+        }
         this.filter = '';
 
         this.doOpen(false);
@@ -446,17 +449,20 @@ export default {
       this.highlighted = val;
     },
     onItemClick(val) {
-      const index = this.dataValue.findIndex(item => val === item);
-      if (index > -1) {
-        this.dataValue.splice(index, 1);
-      } else {
-        this.dataValue.push(val);
-      }
-      if (this.selectionFeedback === selectionFeedbackOptions[TOP]) {
-        this.updateOptions();
+      const option = this.options.find(item => item.value === val);
+      if (option && !option.disabled) {
+        const index = this.dataValue.findIndex(item => val === item);
+        if (index > -1) {
+          this.dataValue.splice(index, 1);
+        } else {
+          this.dataValue.push(val);
+        }
+        if (this.selectionFeedback === selectionFeedbackOptions[TOP]) {
+          this.updateOptions();
+        }
+        this.$refs.button.focus();
+        this.$emit('change', this.dataValue);
       }
-      this.$refs.button.focus();
-      this.$emit('change', this.dataValue);
     },
     inputClick() {
       if (!this.open) {

package/src/components/cv-tabs/cv-tabs.vue

@@ -196,7 +196,7 @@ export default {
     },
     doScrollIntoView(index) {
       const tab = this.$refs.link[index];
-      const scrollContainer = tab.parentNode ? tab.parentNode.parentNode : null;
+      const scrollContainer = tab && tab.parentNode ? tab.parentNode.parentNode : null;
       let newScrollLeft;
 
       if (tab && scrollContainer) {

package/src/components/cv-toast-notification/cv-toast-notification.vue

@@ -2,7 +2,7 @@
   <div
     data-notification
     :class="[
-      `cv-notifiation ${carbonPrefix}--toast-notification`,
+      `cv-notification ${carbonPrefix}--toast-notification`,
       `${carbonPrefix}--toast-notification--${kind.toLowerCase()}`,
       { [`${carbonPrefix}--toast-notification--low-contrast`]: lowContrast },
     ]"