@webitel/ui-datalist 1.0.9 → 1.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-datalist",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "description": "Toolkit for building data lists in webitel ui system",
   "scripts": {
     "lint:fix": "eslint --fix ./src && prettier --write --check ./src",

package/src/filters/components/filter-options/has-attachment/has-attachment-filter-value-preview.vue

@@ -3,22 +3,13 @@
 </template>
 
 <script lang="ts" setup>
-import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-
-import { BooleanOptions } from '../../../enums/boolean-options';
+import { usePrettifyBooleanValuePreview } from '../_shared/composables/booleanFilterToolkit';
 
 const props = defineProps<{
   value: boolean;
 }>();
-const { t } = useI18n();
 
-const localeValue = computed(() => {
-  const match = BooleanOptions.find(
-    (el) => el.value === props.value.toString(),
-  );
-  return match ? t(match.locale) : '';
-});
+const { localeValue } = usePrettifyBooleanValuePreview(props.value);
 </script>
 
 <style scoped></style>

package/src/filters/components/preview/dynamic-filter-preview.vue

@@ -10,9 +10,9 @@
             {{ filter.label || t(`webitelUI.filters.${filter.name}`) }}
             <wt-icon-btn
               v-if="!filterConfig.notDeletable && !readonly"
+              color="on-primary"
               icon="close--filled"
               size="sm"
-              color="on-primary"
               @mousedown.stop="deleteFilter"
             />
           </wt-chip>
@@ -27,14 +27,14 @@
             <template #default>
               <slot name="info">
                 <wt-loader
-                  v-if="!localValue"
+                  v-if="!isRenderPreview"
                   size="sm"
                 />
                 <component
                   :is="FilterOptionToPreviewComponentMap[filter.name]"
                   v-else
-                  :value="localValue"
                   :filter="props.filter"
+                  :value="localValue"
                 />
               </slot>
             </template>
@@ -124,7 +124,6 @@ const fillLocalValue = async (filter = props.filter) => {
   const filterValue = filter.value;
 
   const valueSearchMethod = FilterOptionToPreviewApiSearchMethodMap[filterName];
-
   if (valueSearchMethod) {
     const { items } = await valueSearchMethod({ id: filterValue });
     localValue.value = items;
@@ -133,6 +132,10 @@ const fillLocalValue = async (filter = props.filter) => {
   }
 };
 
+// [https://webitel.atlassian.net/browse/WTEL-6732]
+// if type filter is boolean and value = false, need display preview
+const isRenderPreview = computed(() => localValue.value === false || localValue.value);
+
 const submit = (filter: IFilter, { hide }) => {
   emit('update:filter', filter);
   fillLocalValue(filter);
@@ -147,8 +150,8 @@ const deleteFilter = () => {
 <style lang="scss" scoped>
 .wt-chip {
   display: flex;
-  justify-content: center;
   align-items: center;
+  justify-content: center;
   gap: var(--spacing-2xs);
 }