mediacube-ui 0.1.323 → 0.1.325

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.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)
 
 ### [0.1.322](https://github.com/MediaCubeCo/mcui/compare/v0.1.321...v0.1.322) (2024-10-22)

package/package.json

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

package/src/elements/McDatePicker/McDatePicker.vue

@@ -8,6 +8,12 @@
         </label>
         <div class="mc-date-picker__inner">
             <div class="mc-date-picker__input-wrapper" :style="{ minWidth }">
+                <mc-svg-icon
+                    v-if="!isTime"
+                    class="mc-date-picker__icon-calendar mx-icon-calendar"
+                    name="calendar"
+                    size="300"
+                />
                 <date-picker
                     ref="input"
                     :type="type"
@@ -102,11 +108,6 @@
                             </div>
                         </slot>
                     </template>
-
-                    <!-- @slot Слот для вставки пользовательской иконки календаря -->
-                    <template slot="icon-calendar">
-                        <mc-svg-icon class="mc-date-picker__icon" name="calendar" />
-                    </template>
                 </date-picker>
             </div>
         </div>
@@ -604,6 +605,7 @@ export default {
     }
 
     &__input-wrapper {
+        position: relative;
         width: 100%;
     }
 
@@ -661,6 +663,15 @@ export default {
             color: $color-outline-gray;
         }
     }
+    &__icon-calendar {
+        position: absolute;
+        z-index: 1;
+    }
+    &__date-picker {
+        .mx-icon-calendar {
+            display: none;
+        }
+    }
 }
 
 .mx-datepicker {

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;
         }