mediacube-ui 0.1.329 → 0.1.331

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.331](https://github.com/MediaCubeCo/mcui/compare/v0.1.330...v0.1.331) (2024-11-12)
+
+### [0.1.330](https://github.com/MediaCubeCo/mcui/compare/v0.1.329...v0.1.330) (2024-11-12)
+
 ### [0.1.329](https://github.com/MediaCubeCo/mcui/compare/v0.1.328...v0.1.329) (2024-11-11)
 
 ### [0.1.328](https://github.com/MediaCubeCo/mcui/compare/v0.1.327...v0.1.328) (2024-11-11)

package/package.json

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

package/src/patterns/McFilter/McFilter.vue

@@ -22,7 +22,7 @@
                         secondary-color="purple"
                         @mouseup="() => handlePresetMouseUp(preset)"
                     >
-                        {{ preset.name }}
+                        {{ preset.visibleName }}
                     </mc-button>
                 </div>
             </div>
@@ -342,7 +342,7 @@ export default {
                 const hasLongName = preset?.name?.length > this.preset_max_size
                 return {
                     ...preset,
-                    name: hasLongName ? `${preset.name.slice(0, this.preset_max_size)}...` : preset.name,
+                    visibleName: hasLongName ? `${preset.name.slice(0, this.preset_max_size)}...` : preset.name,
                     tooltip: hasLongName ? preset?.name : null,
                 }
             })
@@ -377,6 +377,9 @@ export default {
             if (_isEmpty(this.value.filter) && _isEmpty(newVal)) {
                 this.buttonConfirmIsDisable = true
             }
+            if (!_isEqual(this.activePreset?.filter, newVal)) {
+                this.activePreset = null
+            }
         },
     },
     mounted() {
@@ -392,7 +395,10 @@ export default {
     },
     methods: {
         updatePresets() {
-            this.presets = JSON.parse(window.localStorage.mcFilterPresets || '{}')
+            this.presets = {
+                [this.name]: [],
+                ...JSON.parse(window.localStorage.mcFilterPresets || '{}'),
+            }
         },
         handlerSetFastFilter(tag) {
             const filterValue = tag.relation ? { [tag.relation]: tag.default } : tag.default
@@ -671,22 +677,6 @@ 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/styles/_mixins.scss

@@ -451,9 +451,15 @@
   h2 {
     margin-bottom: $space-200;
   }
+  * + h2 {
+    margin-top: $space-300;
+  }
   h3, strong {
     margin-bottom: $space-100;
   }
+  * + h3 {
+    margin-top: $space-250;
+  }
   img {
     object-fit: cover;
     margin: $space-250 $space-zero;