mediacube-ui 0.1.119 → 0.1.121

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.121](https://github.com/MediaCubeCo/mcui/compare/v0.1.120...v0.1.121) (2023-08-22)
+
+### [0.1.120](https://github.com/MediaCubeCo/mcui/compare/v0.1.119...v0.1.120) (2023-08-21)
+
 ### [0.1.119](https://github.com/MediaCubeCo/mcui/compare/v0.1.118...v0.1.119) (2023-08-21)
 
 ### [0.1.118](https://github.com/MediaCubeCo/mcui/compare/v0.1.117...v0.1.118) (2023-08-18)

package/package.json

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

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

@@ -132,7 +132,7 @@ export default {
         },
     },
     data: () => ({
-        tabs: [],
+        children: [],
         activeTabHash: '',
         activeTabIndex: 0,
         lastActiveTabHash: '',
@@ -158,6 +158,9 @@ export default {
         storageKey() {
             return `vue-tabs-component.cache.${window.location.host}${window.location.pathname}`
         },
+        tabs() {
+            return this.children.filter(tab => tab.$options.name === 'McTab')
+        },
     },
     watch: {
         loading(val, oldVal) {
@@ -168,7 +171,7 @@ export default {
         },
     },
     created() {
-        this.tabs = this.$children
+        this.children = this.$children
     },
     mounted() {
         this.options = {
@@ -206,7 +209,8 @@ export default {
     methods: {
         checkInitTab() {
             if (this.activeTab) {
-                const tab = this.$children.find(t => t.id === this.activeTab)
+                const tab_component = this.$children.find(t => t.id === this.activeTab)
+                const tab = tab_component || this.$children?.[0]
                 tab?.hash && tab?.hash?.replace('#', '') && this.setActiveTab(tab.hash)
             }
         },

package/src/patterns/McFilter/McFilter.vue

@@ -685,12 +685,15 @@ export default {
             this.presets = JSON.parse(window.localStorage.mcFilterPresets || '{}')
         },
         handleCreatePreset() {
-            if (this.presets[this.name] && this.presets[this.name].find(p => p.name === this.newPresetName)) {
+            if (
+                this.presets[this.name] &&
+                this.presets[this.name].find(p => p.name?.trim() === this.newPresetName?.trim())
+            ) {
                 this.$emit('error', this.placeholders.messages.same_preset_name)
                 return
             }
             const preset = {
-                name: this.newPresetName,
+                name: this.newPresetName?.trim(),
                 filter: _cloneDeep(this.currentValues),
                 filter_name: _cloneDeep(this.currentValuesName),
             }