@carbon/vue 2.33.0 → 2.34.1

package/src/components/cv-ui-shell/cv-header-panel.vue

@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import carbonPrefixMixin from '../../mixins/carbon-prefix-mixin';
+import { carbonPrefixMixin } from '../../mixins';
 export default {
   name: 'CvHeaderPanel',
   mixins: [carbonPrefixMixin],
@@ -62,7 +62,7 @@ export default {
       this.$parent.$emit('cv:panel-focusout', this, ev);
     },
     onMouseDown(ev) {
-      if (this.$el === ev.target) {
+      if (this.$el == ev.target || this.$el.contains(ev.target)) {
         // ignore mousedown on panel can cause focus event
         ev.preventDefault();
       }

package/src/components/cv-ui-shell/cv-header-side-nav-items.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import carbonPrefixMixin from '../../mixins/carbon-prefix-mixin';
+import { carbonPrefixMixin } from '../../mixins';
 export default {
   name: 'CvHeaderSideNavItems',
   mixins: [carbonPrefixMixin],

package/src/components/cv-ui-shell/cv-header.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import carbonPrefixMixin from '../../mixins/carbon-prefix-mixin';
+import { carbonPrefixMixin } from '../../mixins';
 export default {
   name: 'CvHeader',
   mixins: [carbonPrefixMixin],
@@ -32,10 +32,10 @@ export default {
     };
   },
   mounted() {
-    // NOTE: this.$slots is not reactive so needs to be managed on beforeUpdate
+    // NOTE: this.$slots is not reactive so needs to be managed on updated
     this.hasGlobalHeader = !!this.$slots['header-global'];
   },
-  beforeUpdate() {
+  updated() {
     this.hasGlobalHeader = !!this.$slots['header-global'];
   },
   computed: {

package/src/components/cv-ui-shell/cv-side-nav-icon.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import carbonPrefixMixin from '../../mixins/carbon-prefix-mixin';
+import { carbonPrefixMixin } from '../../mixins';
 export default {
   name: 'CvSideNavIcon',
   mixins: [carbonPrefixMixin],

package/src/components/cv-ui-shell/cv-side-nav-items.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import carbonPrefixMixin from '../../mixins/carbon-prefix-mixin';
+import { carbonPrefixMixin } from '../../mixins';
 export default {
   name: 'CvSideNavItems',
   mixins: [carbonPrefixMixin],

package/src/components/cv-ui-shell/cv-side-nav-link.vue

@@ -21,15 +21,14 @@
 </template>
 
 <script>
-import LinkMixin from '../../mixins/link-mixin';
+import { linkMixin, carbonPrefixMixin } from '../../mixins';
 import CvSideNavIcon from './cv-side-nav-icon';
 import CvSideNavLinkText from './_cv-side-nav-link-text';
-import carbonPrefixMixin from '../../mixins/carbon-prefix-mixin';
 
 export default {
   name: 'CvSideNavLink',
   inheritAttrs: false,
-  mixins: [LinkMixin, carbonPrefixMixin],
+  mixins: [linkMixin, carbonPrefixMixin],
   components: { CvSideNavIcon, CvSideNavLinkText },
   props: {
     active: Boolean,
@@ -40,7 +39,7 @@ export default {
       hasNavIcon: this.$slots['nav-icon'],
     };
   },
-  beforeUpdate() {
+  updated() {
     this.hasNavIcon = !!this.$slots['nav-icon'];
   },
 };

package/src/components/cv-ui-shell/cv-side-nav-menu-item.vue

@@ -15,14 +15,13 @@
 </template>
 
 <script>
-import LinkMixin from '../../mixins/link-mixin';
+import { linkMixin, carbonPrefixMixin } from '../../mixins';
 import CvSideNavLinkText from './_cv-side-nav-link-text';
-import carbonPrefixMixin from '../../mixins/carbon-prefix-mixin';
 
 export default {
   name: 'CvSideNavMenuItem',
   inheritAttrs: false,
-  mixins: [LinkMixin, carbonPrefixMixin],
+  mixins: [linkMixin, carbonPrefixMixin],
   components: { CvSideNavLinkText },
   props: {
     active: Boolean,

package/src/components/cv-ui-shell/cv-side-nav-menu.vue

@@ -38,7 +38,7 @@
 <script>
 import ChevronDown20 from '@carbon/icons-vue/es/chevron--down/20';
 import CvSideNavIcon from './cv-side-nav-icon';
-import carbonPrefixMixin from '../../mixins/carbon-prefix-mixin';
+import { carbonPrefixMixin } from '../../mixins';
 
 export default {
   name: 'CvSideNavMenu',
@@ -56,10 +56,10 @@ export default {
     };
   },
   mounted() {
-    // NOTE: this.$slots is not reactive so needs to be managed on beforeUpdate
+    // NOTE: this.$slots is not reactive so needs to be managed on updated
     this.hasNavIcon = !!this.$slots['nav-icon'];
   },
-  beforeUpdate() {
+  updated() {
     this.hasNavIcon = !!this.$slots['nav-icon'];
   },
   computed: {

package/src/components/cv-ui-shell/cv-side-nav.vue

@@ -28,7 +28,7 @@
 
 <script>
 import CvSideNavFooter from './_cv-side-nav-footer';
-import carbonPrefixMixin from '../../mixins/carbon-prefix-mixin';
+import { carbonPrefixMixin } from '../../mixins';
 
 export default {
   name: 'CvSideNav',
@@ -80,7 +80,7 @@ export default {
       this.$parent.$emit('cv:panel-focusout', this, ev);
     },
     onMouseDown(ev) {
-      if (this.$el === ev.target) {
+      if (this.$el == ev.target || this.$el.contains(ev.target)) {
         // ignore mousedown on panel can cause focus event
         ev.preventDefault();
       }

package/src/components/cv-ui-shell/cv-skip-to-content.vue

@@ -10,11 +10,10 @@
 </template>
 
 <script>
-import LinkMixin from '../../mixins/link-mixin';
-import carbonPrefixMixin from '../../mixins/carbon-prefix-mixin';
+import { linkMixin, carbonPrefixMixin } from '../../mixins';
 
 export default {
   name: 'CvSkipToContent',
-  mixins: [LinkMixin, carbonPrefixMixin],
+  mixins: [linkMixin, carbonPrefixMixin],
 };
 </script>

package/src/components/cv-ui-shell/cv-switcher-item-link.vue

@@ -14,12 +14,11 @@
 </template>
 
 <script>
-import LinkMixin from '../../mixins/link-mixin';
-import carbonPrefixMixin from '../../mixins/carbon-prefix-mixin';
+import { linkMixin, carbonPrefixMixin } from '../../mixins';
 
 export default {
   name: 'CvSwitcherItemLink',
-  mixins: [LinkMixin, carbonPrefixMixin],
+  mixins: [linkMixin, carbonPrefixMixin],
   props: {
     selected: Boolean,
   },

package/src/components/cv-ui-shell/cv-switcher-item.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import carbonPrefixMixin from '../../mixins/carbon-prefix-mixin';
+import { carbonPrefixMixin } from '../../mixins';
 export default {
   name: 'CvSwitcherItem',
   mixins: [carbonPrefixMixin],

package/src/components/cv-ui-shell/cv-switcher.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import carbonPrefixMixin from '../../mixins/carbon-prefix-mixin';
+import { carbonPrefixMixin } from '../../mixins';
 export default {
   name: 'CvSwitcher',
   mixins: [carbonPrefixMixin],

package/src/index.js

@@ -45,6 +45,7 @@ import { CvDatePicker } from './components/cv-date-picker';
 import { CvDropdown, CvDropdownItem, CvDropdownSkeleton } from './components/cv-dropdown';
 import { CvFileUploader, CvFileUploaderSkeleton } from './components/cv-file-uploader';
 import { CvForm, CvFormItem, CvFormGroup } from './components/cv-form';
+import { CvGrid, CvRow, CvColumn } from './components/cv-grid';
 import { CvInlineLoading } from './components/cv-inline-loading';
 import { CvInlineNotification } from './components/cv-inline-notification';
 import { CvLink } from './components/cv-link';
@@ -113,6 +114,7 @@ export { CvDatePicker };
 export { CvDropdown, CvDropdownItem, CvDropdownSkeleton };
 export { CvFileUploader, CvFileUploaderSkeleton };
 export { CvForm, CvFormItem, CvFormGroup };
+export { CvGrid, CvRow, CvColumn };
 export { CvInlineLoading };
 export { CvInlineNotification };
 export { CvLink };

package/src/mixins/index.js

@@ -0,0 +1,12 @@
+// import mixins
+import carbonPrefixMixin from './carbon-prefix-mixin';
+import checkMixin from './check-mixin';
+import linkMixin from './link-mixin';
+import methodsMixin from './methods-mixin';
+import notificationMixin from './notification-mixin';
+import radioMixin from './radio-mixin';
+import themeMixin from './theme-mixin';
+import uidMixin from './uid-mixin';
+
+// export all the mixins
+export { carbonPrefixMixin, checkMixin, linkMixin, methodsMixin, notificationMixin, radioMixin, themeMixin, uidMixin };