mediacube-ui 0.1.398 → 0.1.400

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.400](https://github.com/MediaCubeCo/mcui/compare/v0.1.399...v0.1.400) (2025-07-29)
+
+### [0.1.399](https://github.com/MediaCubeCo/mcui/compare/v0.1.398...v0.1.399) (2025-07-28)
+
 ### [0.1.398](https://github.com/MediaCubeCo/mcui/compare/v0.1.397...v0.1.398) (2025-07-23)
 
 ### [0.1.397](https://github.com/MediaCubeCo/mcui/compare/v0.1.396...v0.1.397) (2025-07-22)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mediacube-ui",
-  "version": "0.1.398",
+  "version": "0.1.400",
   "description": "Design system for Mediacube services",
   "author": "Mediacube",
   "private": false,

package/src/elements/McDatePicker/McDatePicker.vue

@@ -403,13 +403,13 @@ export default {
         },
         prettyValue() {
             if (!this.useTimezone) {
-              if (this.isRange && this.value?.filter(Boolean)?.length)
-                return this.value.map(item => dayjs.tz(item, 'Europe/London').$d)
-              return this.useFormat || (!this.setDefaultToday && !this.value)
-                  ? this.value
-                  : this.value
-                      ? new Date(this.value)
-                      : new Date()
+                if (this.isRange && this.value?.filter(Boolean)?.length)
+                    return this.value.map(item => dayjs.tz(item, 'Europe/London').$d)
+                return this.useFormat || (!this.setDefaultToday && !this.value)
+                    ? this.value
+                    : this.value
+                    ? new Date(this.value)
+                    : new Date()
             }
             const formattingDate = date =>
                 dayjs.tz(dayjs.utc(date, 'YYYY-MM-DD HH:mm:ss'), this.currentTimezone).format(this.format)

package/src/elements/McTabs/McTabs/McTabs.vue

@@ -295,7 +295,9 @@ export default {
                 return
             }
 
-            if (this.lastActiveTabHash === selectedTab.hash) {
+            const isSameTab = this.lastActiveTabHash === selectedTab.hash
+            const hasActiveTab = this.tabs.some(tab => tab.hash === selectedTabHash && tab.isActive)
+            if (isSameTab && hasActiveTab) {
                 this.$emit('clicked', { tab: selectedTab })
                 return
             }

package/src/patterns/McFilter/McFilter.vue

@@ -355,7 +355,7 @@ export default {
     watch: {
         value: {
             handler(val) {
-                this.currentValues = { ...val.filter }
+                if (val.filter) this.currentValues = { ...val.filter }
                 if (val.filter_name) {
                     try {
                         this.currentValuesName = JSON.parse(decodeURI(atob(val.filter_name)))
@@ -363,7 +363,7 @@ export default {
                         console.error(`Can't parse filters`)
                     }
                 }
-                this.buttonConfirmIsDisable = _isEmpty(val.filter) || _isEmpty(val.filter_name)
+                this.buttonConfirmIsDisable = _isEmpty(this.currentValues) || _isEmpty(this.currentValuesName)
             },
             immediate: true,
             deep: true,

package/src/patterns/McTable/McTableCol/McTableCol.vue

@@ -192,6 +192,7 @@ export default {
 //override variables:
 @import '../../../styles/table.scss';
 
+$current-background-color: color-mix(in srgb, var(--color-main) 10%, #fff 90%);
 @mixin col-right-color($color) {
     .mc-table-col__right {
         background-color: $color;
@@ -279,7 +280,7 @@ export default {
         }
         @include col-right-color($vxe-table-row-hover-background-color);
         &.row--current {
-            @include col-right-color(transparent);
+            @include col-right-color($current-background-color);
         }
     }
     &.row--current {