@webitel/ui-datalist 1.0.8 → 1.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-datalist",
-  "version": "1.0.8",
+  "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/filter-options/index.ts

@@ -191,11 +191,11 @@ export const FilterOptionToValueComponentMap: Record<
   [FilterOption.Agent]: AgentFilter,
   [FilterOption.AmdResult]: AmdResultFilter,
   [FilterOption.Contact]: ContactFilter,
-  [FilterOption.Direction]: CallDirectionFilterValueField,
+  [FilterOption.CallDirection]: CallDirectionFilterValueField,
   [FilterOption.Rated]: HasRatingFilterValueField,
   [FilterOption.Gateway]: GatewayFilter,
   [FilterOption.Grantee]: GranteeFilter,
-  [FilterOption.Cause]: HangupCauseFilterValueField,
+  [FilterOption.HangupCause]: HangupCauseFilterValueField,
   [FilterOption.Queue]: QueueFilter,
   [FilterOption.RatedBy]: RatedByFilter,
   [FilterOption.HasFile]: HasFileFilter,
@@ -210,23 +210,24 @@ export const FilterOptionToValueComponentMap: Record<
   [FilterOption.CreatedAt]: CreatedAtFilterValueField,
   [FilterOption.CreatedAtFrom]: CreatedAtFromFilter,
   [FilterOption.CreatedAtTo]: CreatedAtToFilter,
-  [FilterOption.Status]: CaseStatusFilterValueField,
-  [FilterOption.Source]: CaseSourceFilterValueField,
-  [FilterOption.Service]: CaseServiceFilterValueField,
-  [FilterOption.Author]: CaseAuthorFilterValueField,
-  [FilterOption.Reporter]: CaseReporterFilterValueField,
-  [FilterOption.Impacted]: CaseImpactedFilterValueField,
-  [FilterOption.Assignee]: CaseAssigneeFilterValueField,
+  [FilterOption.CaseStatus]: CaseStatusFilterValueField,
+  [FilterOption.CaseSource]: CaseSourceFilterValueField,
+  [FilterOption.CaseService]: CaseServiceFilterValueField,
+  [FilterOption.CaseAuthor]: CaseAuthorFilterValueField,
+  [FilterOption.CaseReporter]: CaseReporterFilterValueField,
+  [FilterOption.CaseImpacted]: CaseImpactedFilterValueField,
+  [FilterOption.CaseAssignee]: CaseAssigneeFilterValueField,
   [FilterOption.ContactGroup]: ContactGroupFilter,
-  [FilterOption.Priority]: CasePriorityFilterValueField,
-  [FilterOption.CloseReasonGroups]: CaseCloseReasonGroupsFilterValueField,
+  [FilterOption.CasePriority]: CasePriorityFilterValueField,
+  [FilterOption.CaseCloseReasonGroups]: CaseCloseReasonGroupsFilterValueField,
   [FilterOption.Rating]: RatingFromToFilter,
-  [FilterOption.Sla]: CaseSlaFilterValueField,
-  [FilterOption.SlaCondition]: CaseSlaConditionFilterValueField,
-  [FilterOption.ReactionTime]: CaseReactionTimeFilterValueField,
-  [FilterOption.ResolutionTime]: CaseResolutionTimeFilterValueField,
-  [FilterOption.ActualReactionTime]: CaseActualReactionTimeFilterValueField,
-  [FilterOption.ActualResolutionTime]: CaseActualResolutionTimeFilterValueField,
+  [FilterOption.CaseSla]: CaseSlaFilterValueField,
+  [FilterOption.CaseSlaCondition]: CaseSlaConditionFilterValueField,
+  [FilterOption.CaseReactionTime]: CaseReactionTimeFilterValueField,
+  [FilterOption.CaseResolutionTime]: CaseResolutionTimeFilterValueField,
+  [FilterOption.CaseActualReactionTime]: CaseActualReactionTimeFilterValueField,
+  [FilterOption.CaseActualResolutionTime]:
+    CaseActualResolutionTimeFilterValueField,
   [FilterOption.HasAttachment]: HasAttachmentFilter,
 };
 
@@ -238,11 +239,11 @@ export const FilterOptionToPreviewComponentMap: Record<
   [FilterOption.Agent]: AgentFilterPreview,
   [FilterOption.AmdResult]: AmdResultFilterPreview,
   [FilterOption.Contact]: ContactFilterPreview,
-  [FilterOption.Direction]: CallDirectionFilterValuePreview,
+  [FilterOption.CallDirection]: CallDirectionFilterValuePreview,
   [FilterOption.Rated]: HasRatingFilterValuePreview,
   [FilterOption.Gateway]: GatewayFilterPreview,
   [FilterOption.Grantee]: GranteeFilterPreview,
-  [FilterOption.Cause]: HangupCauseFilterValuePreview,
+  [FilterOption.HangupCause]: HangupCauseFilterValuePreview,
   [FilterOption.Queue]: QueueFilterPreview,
   [FilterOption.RatedBy]: RatedByFilterPreview,
   [FilterOption.HasFile]: HasFileFilterPreview,
@@ -256,23 +257,24 @@ export const FilterOptionToPreviewComponentMap: Record<
   [FilterOption.Variable]: VariableFilterPreview,
   [FilterOption.CreatedAtFrom]: CreatedAtFromFilterPreview,
   [FilterOption.CreatedAtTo]: CreatedAtToFilterPreview,
-  [FilterOption.Status]: CaseStatusFilterValuePreview,
-  [FilterOption.Source]: CaseSourceFilterValuePreview,
-  [FilterOption.Service]: CaseServiceFilterValuePreview,
-  [FilterOption.Author]: CaseAuthorFilterValuePreview,
-  [FilterOption.Reporter]: CaseReporterFilterValuePreview,
-  [FilterOption.Impacted]: CaseImpactedFilterValuePreview,
-  [FilterOption.Assignee]: CaseAssigneeFilterValuePreview,
+  [FilterOption.CaseStatus]: CaseStatusFilterValuePreview,
+  [FilterOption.CaseSource]: CaseSourceFilterValuePreview,
+  [FilterOption.CaseService]: CaseServiceFilterValuePreview,
+  [FilterOption.CaseAuthor]: CaseAuthorFilterValuePreview,
+  [FilterOption.CaseReporter]: CaseReporterFilterValuePreview,
+  [FilterOption.CaseImpacted]: CaseImpactedFilterValuePreview,
+  [FilterOption.CaseAssignee]: CaseAssigneeFilterValuePreview,
   [FilterOption.ContactGroup]: ContactGroupFilterPreview,
-  [FilterOption.Priority]: CasePriorityFilterValuePreview,
-  [FilterOption.CloseReasonGroups]: CaseCloseReasonGroupsFilterValuePreview,
+  [FilterOption.CasePriority]: CasePriorityFilterValuePreview,
+  [FilterOption.CaseCloseReasonGroups]: CaseCloseReasonGroupsFilterValuePreview,
   [FilterOption.Rating]: RatingFromToFilterPreview,
-  [FilterOption.Sla]: CaseSlaFilterValuePreview,
-  [FilterOption.SlaCondition]: CaseSlaConditionFilterValuePreview,
-  [FilterOption.ReactionTime]: CaseReactionTimeFilterValuePreview,
-  [FilterOption.ResolutionTime]: CaseResolutionTimeFilterValuePreview,
-  [FilterOption.ActualReactionTime]: CaseActualReactionTimeFilterValuePreview,
-  [FilterOption.ActualResolutionTime]:
+  [FilterOption.CaseSla]: CaseSlaFilterValuePreview,
+  [FilterOption.CaseSlaCondition]: CaseSlaConditionFilterValuePreview,
+  [FilterOption.CaseReactionTime]: CaseReactionTimeFilterValuePreview,
+  [FilterOption.CaseResolutionTime]: CaseResolutionTimeFilterValuePreview,
+  [FilterOption.CaseActualReactionTime]:
+    CaseActualReactionTimeFilterValuePreview,
+  [FilterOption.CaseActualResolutionTime]:
     CaseActualResolutionTimeFilterValuePreview,
   [FilterOption.HasAttachment]: HasAttachmentFilterPreview,
 };
@@ -286,11 +288,11 @@ export const FilterOptionToPreviewApiSearchMethodMap: Record<
   [FilterOption.Grantee]: granteeSearchMethod,
   [FilterOption.Queue]: queueSearchMethod,
   [FilterOption.RatedBy]: ratedBySearchMethod,
-  [FilterOption.Reporter]: caseReporterSearchMethod,
-  [FilterOption.Sla]: caseSlaSearchMethod,
-  [FilterOption.Service]: servicesSearchMethod,
-  [FilterOption.Source]: caseSourceSearchMethod,
-  [FilterOption.Status]: ({ id: value }) =>
+  [FilterOption.CaseReporter]: caseReporterSearchMethod,
+  [FilterOption.CaseSla]: caseSlaSearchMethod,
+  [FilterOption.CaseService]: servicesSearchMethod,
+  [FilterOption.CaseSource]: caseSourceSearchMethod,
+  [FilterOption.CaseStatus]: ({ id: value }) =>
     caseStatusConditionsSearchMethod({
       parentId: value?.selection,
       id: value?.conditions,
@@ -302,25 +304,25 @@ export const FilterOptionToPreviewApiSearchMethodMap: Record<
       ...rest,
     });
   },
-  [FilterOption.Assignee]: ({ id: value }, ...rest) => {
+  [FilterOption.CaseAssignee]: ({ id: value }, ...rest) => {
     return caseAssigneeSearchMethod({
       id: value.list,
       ...rest,
     });
   },
-  [FilterOption.Author]: caseAuthorSearchMethod,
-  [FilterOption.Priority]: casePrioritySearchMethod,
-  [FilterOption.Impacted]: caseImpactedSearchMethod,
+  [FilterOption.CaseAuthor]: caseAuthorSearchMethod,
+  [FilterOption.CasePriority]: casePrioritySearchMethod,
+  [FilterOption.CaseImpacted]: caseImpactedSearchMethod,
   [FilterOption.Contact]: contactSearchMethod,
   [FilterOption.Team]: teamSearchMethod,
-  [FilterOption.CloseReasonGroups]: ({ id: value, ...rest }) => {
+  [FilterOption.CaseCloseReasonGroups]: ({ id: value, ...rest }) => {
     return caseCloseReasonsSearchMethod({
       parentId: value?.selection,
       id: value?.conditions,
       ...rest,
     });
   },
-  [FilterOption.SlaCondition]: ({ id: value, ...rest }) => {
+  [FilterOption.CaseSlaCondition]: ({ id: value, ...rest }) => {
     return slasConditionsSearchMethod({
       parentId: value?.selection,
       id: value?.conditions,

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

package/src/filters/enums/FilterOption.ts

@@ -4,11 +4,11 @@ export const FilterOption = {
   Agent: 'agent',
   AmdResult: 'amdResult',
   Contact: 'contact',
-  Direction: 'direction',
+  CallDirection: 'direction',
   Rated: 'rated',
   Gateway: 'gateway',
   Grantee: 'grantee',
-  Cause: 'cause',
+  HangupCause: 'cause',
   Queue: 'queue',
   RatedBy: 'ratedBy',
   HasFile: 'hasFile',
@@ -23,23 +23,23 @@ export const FilterOption = {
   CreatedAt: 'createdAt',
   CreatedAtFrom: 'createdAtFrom',
   CreatedAtTo: 'createdAtTo',
-  Status: 'status',
-  Source: 'source',
-  Service: 'service',
-  Author: 'author',
-  Reporter: 'reporter',
-  Impacted: 'impacted',
-  Assignee: 'assignee',
+  CaseStatus: 'status',
+  CaseSource: 'source',
+  CaseService: 'service',
+  CaseAuthor: 'author',
+  CaseReporter: 'reporter',
+  CaseImpacted: 'impacted',
+  CaseAssignee: 'assignee',
   ContactGroup: 'contactGroup',
-  Priority: 'priority',
-  CloseReasonGroups: 'closeReasonGroups',
+  CasePriority: 'priority',
+  CaseCloseReasonGroups: 'closeReasonGroups',
   Rating: 'rating',
-  Sla: 'sla',
-  SlaCondition: 'slaCondition',
-  ReactionTime: 'reactionTime',
-  ResolutionTime: 'resolutionTime',
-  ActualReactionTime: 'actualReactionTime',
-  ActualResolutionTime: 'actualResolutionTime',
+  CaseSla: 'sla',
+  CaseSlaCondition: 'slaCondition',
+  CaseReactionTime: 'reactionTime',
+  CaseResolutionTime: 'resolutionTime',
+  CaseActualReactionTime: 'actualReactionTime',
+  CaseActualResolutionTime: 'actualResolutionTime',
   HasAttachment: 'hasAttachment',
 } as const satisfies FilterName;