mediacube-ui 0.1.324 → 0.1.325

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 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.325](https://github.com/MediaCubeCo/mcui/compare/v0.1.324...v0.1.325) (2024-11-05)
+
 ### [0.1.324](https://github.com/MediaCubeCo/mcui/compare/v0.1.323...v0.1.324) (2024-10-29)
 
 ### [0.1.323](https://github.com/MediaCubeCo/mcui/compare/v0.1.322...v0.1.323) (2024-10-24)

package/package.json

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

package/src/patterns/McFilter/McFilter.vue

@@ -123,7 +123,6 @@
                         <mc-field-text
                             v-model="newPresetName"
                             :placeholder="placeholders.enter_preset_name"
-                            :max-length="20"
                             class="mc-filter__preset-input"
                             name="preset_name"
                         />
@@ -334,7 +333,7 @@ export default {
             return !_isEmpty(this.currentCondition)
         },
         buttonCreateIsDisable() {
-            return !this.newPresetName.trim()
+            return !(this.newPresetName.trim() && Object.keys(this.currentValues)?.length)
         },
     },
     watch: {
@@ -366,23 +365,6 @@ export default {
             if (_isEmpty(this.value.filter) && _isEmpty(newVal)) {
                 this.buttonConfirmIsDisable = true
             }
-
-            if (this.activePreset) {
-                const mappedPresets = this.presets[this.name].map(p => {
-                    if (p.name === this.activePreset.name) {
-                        return {
-                            name: p.name,
-                            filter: _cloneDeep(this.currentValues),
-                            filter_name: _cloneDeep(this.currentValuesName),
-                        }
-                    }
-                    return p
-                })
-                this.presets[this.name] = [...mappedPresets]
-                window.localStorage.mcFilterPresets = JSON.stringify({
-                    ...this.presets,
-                })
-            }
         },
     },
     mounted() {
@@ -677,6 +659,22 @@ export default {
             if (_isEmpty(this.currentValues)) {
                 this.buttonConfirmIsDisable = true
             }
+            if (this.activePreset) {
+                const mappedPresets = this.presets[this.name].map(p => {
+                    if (p.name === this.activePreset.name) {
+                        return {
+                            name: p.name,
+                            filter: _cloneDeep(this.currentValues),
+                            filter_name: _cloneDeep(this.currentValuesName),
+                        }
+                    }
+                    return p
+                })
+                this.presets[this.name] = [...mappedPresets]
+                window.localStorage.mcFilterPresets = JSON.stringify({
+                    ...this.presets,
+                })
+            }
         },
         handleDeletePreset(preset) {
             const filteredPresets = this.presets[this.name].filter(p => p.name !== preset.name)

package/src/patterns/McFilter/McFilterTags/McFilterTags.vue

@@ -344,6 +344,7 @@ export default {
         border-radius: $radius-100;
         background-color: $color-white;
         min-height: $space-500;
+        overflow-x: auto;
         &-left {
             flex-grow: 1;
         }