@webitel/ui-datalist 1.0.91 → 1.0.93

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-datalist",
-  "version": "1.0.91",
+  "version": "1.0.93",
   "description": "Toolkit for building data lists in webitel ui system",
   "scripts": {
     "make-all": "npm version patch --git-tag-version false && ( npm run lint:fix || true) && (npm run build:types || true) && npm run utils:publish",
@@ -36,7 +36,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^13.3.0",
-    "@webitel/api-services": "^0.0.81",
+    "@webitel/api-services": "^0.0.90",
     "@webitel/styleguide": "^24.12.61",
     "@webitel/ui-sdk": "^25.8.62",
     "zod": "^3.25.55"

package/src/modules/filters/modules/filterConfig/components/_shared/date-time-filter/date-time-filter-value-preview.vue

@@ -4,12 +4,14 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue';
+import { formatDate } from '@webitel/ui-sdk/utils';
+import { FormatDateMode } from '@webitel/ui-sdk/enums';
 
 const props = defineProps<{
   value: number[];
 }>();
 
-const date = ref(new Date(+props.value).toLocaleString());
+const date = ref(formatDate(+props.value, FormatDateMode.DATETIME));
 </script>
 
 <style scoped></style>

package/src/modules/filters/modules/filterConfig/components/_shared/date-time-filter/date-time-options/date-time-options-filter-value-preview.vue

@@ -25,8 +25,9 @@
 </template>
 
 <script lang="ts" setup>
-import { RelativeDatetimeValue } from '@webitel/ui-sdk/enums';
+import { RelativeDatetimeValue, FormatDateMode } from '@webitel/ui-sdk/enums';
 import { isRelativeDatetimeValue } from '@webitel/ui-sdk/scripts';
+import { formatDate } from '@webitel/ui-sdk/utils';
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 
@@ -43,13 +44,13 @@ const isRelativeValue = computed(() => {
 const from = computed(() => {
   return isRelativeDatetimeValue.value
     ? false
-    : new Date(props.value.from).toLocaleString();
+    : formatDate(props.value.from, FormatDateMode.DATETIME);
 });
 
 const to = computed(() => {
   return isRelativeDatetimeValue.value
     ? false
-    : new Date(props.value.to).toLocaleString();
+    : formatDate(props.value.to, FormatDateMode.DATETIME);
 });
 </script>
 

package/src/modules/filters/modules/filterConfig/components/created-at-from/created-at-from-filter-value-preview.vue

@@ -4,12 +4,14 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue';
+import { formatDate } from '@webitel/ui-sdk/utils';
+import { FormatDateMode } from '@webitel/ui-sdk/enums';
 
 const props = defineProps<{
   value: number[];
 }>();
 
-const date = ref(new Date(+props.value).toLocaleString());
+const date = ref(formatDate(+props.value, FormatDateMode.DATETIME));
 </script>
 
 <style scoped></style>

package/src/modules/filters/modules/filterConfig/components/created-at-to/created-at-to-filter-value-preview.vue

@@ -4,12 +4,14 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue';
+import { formatDate } from '@webitel/ui-sdk/utils';
+import { FormatDateMode } from '@webitel/ui-sdk/enums';
 
 const props = defineProps<{
   value: number[];
 }>();
 
-const date = ref(new Date(+props.value).toLocaleString());
+const date = ref(formatDate(+props.value, FormatDateMode.DATETIME));
 </script>
 
 <style scoped></style>

package/src/modules/filters/modules/filterConfig/composables/useAgentStatusOptions.ts

@@ -6,11 +6,11 @@ export function useAgentStatusOptions() {
   const { t } = useI18n();
 
   const mapAgentStatusToLabel = (value: string) => {
-    return t(`objects.agent.status.${value === 'BreakOut' ? 'breakOut' : value.toLowerCase()}`)
+    return t(`objects.agent.status.${value === AgentStatus.BreakOut ? 'breakOut' : value}`)
   }
 
   const options = computed(() =>{
-      return Object.keys(AgentStatus).map((value) => ({
+      return Object.values(AgentStatus).map((value) => ({
         value,
         label: mapAgentStatusToLabel(value),
       }))

package/src/modules/headers/createTableHeadersStore.ts

@@ -229,7 +229,10 @@ export const tableHeadersStoreBody = ({
     isReorderingColumn.value = true;
 
     const reordered = setHeaderOrder(orderedFields);
-    updateShownHeaders(reordered);
+    const uniqueHeaders = headers.value.filter(
+      (merged) => !reordered.some((r) => r.field === merged.field),
+    );
+    updateShownHeaders([...reordered, ...uniqueHeaders]);
 
     nextTick(() => {
       isReorderingColumn.value = false;

package/types/modules/filters/modules/filterConfig/composables/useAgentStatusOptions.d.ts

@@ -1,6 +1,6 @@
 export declare function useAgentStatusOptions(): {
     options: import("vue").ComputedRef<{
-        value: string;
+        value: unknown;
         label: any;
     }[]>;
 };