@webitel/ui-datalist 1.0.17 → 1.0.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-datalist",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "description": "Toolkit for building data lists in webitel ui system",
   "scripts": {
     "build:types": "vue-tsc -p ./tsconfig.build.json",

package/src/modules/filter-presets/components/apply-preset/preset-preview.vue

@@ -41,7 +41,7 @@
 
         <wt-icon-action
           v-if="editMode"
-          :disabled="v$.$invalid"
+          :disabled="v$.$invalid || !editing"
           action="save"
           @click.stop="submitEdit"
         />
@@ -58,17 +58,18 @@
             v-if="editMode"
             v-model:model-value="editDraft.name"
             :v="v$.name"
-            @update:model-value="nameAlreadyExistsError = false"
+            @update:model-value="updatePresetName"
           />
 
           <preset-filters-preview
-            :filters-manager="filtersManager"
             :filter-configs="props.filterConfigs"
+            :filters-manager="filtersManager"
           />
 
           <preset-description-field
             v-model:model-value="editDraft.description"
             :preview-mode="!editMode"
+            @update:model-value="editing = true"
           />
         </div>
       </template>
@@ -129,7 +130,7 @@ const filtersManager = computed(() => {
 const editMode = ref(false);
 
 /**
- *  updating request in progress flag
+ *  analogue _durty param in itemInstance
  *  */
 const editing = ref(false);
 
@@ -169,7 +170,6 @@ const startEdit = ({ open: openExpansion }) => {
 };
 
 const clearEdit = () => {
-  editing.value = false;
   editMode.value = false;
 };
 
@@ -191,26 +191,31 @@ const submitEdit = () => {
     onFailure,
   });
 };
+
+const updatePresetName = () => {
+  nameAlreadyExistsError.value = false;
+  editing.value = true;
+};
 </script>
 
 <style lang="scss" scoped>
 .preset-preview-title-wrapper {
   display: flex;
-  gap: var(--spacing-xs);
   min-width: 0;
+  gap: var(--spacing-xs);
 }
 
 .preset-preview-name {
-  flex: 1 1 0;
   overflow: hidden;
-  text-overflow: ellipsis;
+  flex: 1 1 0;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 .preset-preview-content {
   display: flex;
   flex-direction: column;
-  gap: var(--spacing-xs);
   padding: var(--spacing-xs);
+  gap: var(--spacing-xs);
 }
 </style>

package/src/modules/filters/components/table-filters-panel.vue

@@ -12,29 +12,30 @@
       />
 
       <dynamic-filter-add-action
-        :show-label="!appliedFilters.length"
         :filter-configs="unAppliedFiltersConfigs"
+        :show-label="!appliedFilters.length"
         @add:filter="emit('filter:add', $event)"
       />
     </template>
 
     <template #actions>
       <apply-preset-action
+        :filter-configs="filterConfigs"
         :namespace="props.presetNamespace"
         :use-presets-store="props.usePresetsStore"
-        :filter-configs="filterConfigs"
         @apply="emit('preset:apply', $event)"
       />
 
       <save-preset-action
         v-if="enablePresets"
-        :namespace="props.presetNamespace"
-        :filters-manager="props.filtersManager"
-        :filters-included="filtersIncluded"
         :filter-configs="filterConfigs"
+        :filters-included="filtersIncluded"
+        :filters-manager="props.filtersManager"
+        :namespace="props.presetNamespace"
       />
 
       <wt-icon-action
+        :disabled="!props.filtersManager.filters.size"
         action="clear"
         @click="emit('filter:reset-all')"
       />